*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--Orange:#ff7d1a;--Pale-orange:#ffede0;--Very-dark-blue:#1d2025;--Dark-grayish-blue:#68707d;--Grayish-blue:#b6bcc8;--Light-grayish-blue:#f7f8fd;--White:#fff}:root li{list-style:none}:root a{text-decoration:none}.hide{display:none}.mb-2{margin-bottom:20px}body{font-optical-sizing:auto;font-variation-settings:"YOPQ" 300;font-family:Kumbh Sans,sans-serif;font-style:normal;font-weight:400}.border{border:1px solid red}@media (width>=768px){main{gap:clamp(2rem,8vw,7.5rem);max-width:70rem;margin-inline:auto;padding-inline:clamp(1.5rem,5vw,3rem);display:flex}.slider-image-box{aspect-ratio:1;height:auto}}.navbar{justify-content:space-between;height:64px;padding-inline:1.4em;display:flex;position:relative}.navbar:after{content:"";background-color:var(--Light-grayish-blue);width:95%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.brand{align-items:center;gap:1em;display:flex}.wrapper{opacity:.5;pointer-events:none;visibility:hidden;z-index:100;background-color:#fff;width:15.62em;height:100vh;transition:left .3s ease-in-out;position:fixed;top:0;left:0;box-shadow:5px 0 15px #00000026}.wrapper.open{opacity:1;visibility:visible;pointer-events:auto}.nav-list{margin-block-start:3.2em;margin-inline-start:1.05em}.nav-item{margin-block-end:1.6em}.nav-link{letter-spacing:2px;font-weight:700}.btn{cursor:pointer;background-color:#0000;border:none}.btn.size{margin-block-start:1.5em;margin-inline-start:1.05em}.profile-cart{justify-content:center;align-items:center;gap:1.2em;display:flex}.avatar{border-radius:50%;width:25px;height:25px}.avatar:hover{outline:2px solid var(--Orange)}.cart{position:relative}.cart-position{background-color:var(--Orange);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:4px}.cart-box{background-color:var(--White);z-index:200;border-radius:8px;flex-direction:column;width:96%;height:256px;display:none;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 1px 8px 2px #00000026}.cart-box>h3{border-bottom:1px solid var(--Light-grayish-blue);letter-spacing:-2px;width:100%;padding-top:20px;padding-bottom:24px;padding-left:24px}.cart-details{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cart-box.open{display:flex}.nav-link{color:var(--Dark-grayish-blue)}@media (width>=768px){.navbar{margin-inline:2em}.close-btn,.menu-btn{display:none}.wrapper{visibility:visible;opacity:1;width:auto;height:auto;box-shadow:none;pointer-events:auto;background-color:#0000;position:static}.nav-list{gap:2em;margin-top:0;margin-left:4px;font-size:14px;display:flex}.nav-item{position:relative}.nav-link:hover:after{content:"";background-color:var(--Orange);width:100%;height:4px;position:absolute;bottom:-28px;left:0}.avatar{border-radius:50%;width:50px;height:50px}.cart-box{width:344px;height:240px;top:112px;right:0;left:unset;transform:unset;flex-direction:column;align-items:flex-start;position:absolute}.cart-details{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cart-box>h3{width:100%;padding-bottom:28px;padding-left:15px}}@media (width>=992px){.navbar{height:7em;margin-inline:9em;padding-inline:.4em}.wrapper{margin-inline-start:2em}.nav-list{gap:1.4em}.nav-link:after{bottom:-44px}.profile-cart{gap:3.1em;margin-inline-end:1em}}.checkout{padding-inline:24px}.checkout-item{align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.checkout-image,.checkout-delete{flex:1}.checkout-image{height:56px}.checkout-info{flex:3}.checkout-info>p{color:var(--Dark-grayish-blue);line-height:20px}.checkout-info span{color:var(--Very-dark-blue);font-weight:700}.checkout-image img{width:100%;height:100%}.btn.checkout{background-color:#dc7132;border-radius:12px;width:100%;padding:12px;font-weight:700}.product-section{flex-direction:column;width:100%;padding-inline:1.5em;display:flex}.product-heading>small{letter-spacing:1px;color:var(--Dark-grayish-blue)}.product-heading>h1{letter-spacing:1px;margin-block-start:.5em;font-size:1.6rem}.product-description{margin-block-start:.58em}.product-description.text{color:var(--Dark-grayish-blue);letter-spacing:1px;font-size:.8rem;line-height:24px}.product-price-level{flex-direction:row;justify-content:space-between;align-items:center;margin-top:1.4em;display:flex}.current-price>h2{color:var(--Dark-grayish-blue);font-size:1.9rem;font-weight:700}.current-price>h2 span{background:var(--Very-dark-blue);color:var(--White);border-radius:8px;margin-inline-start:8px;padding:4px 8px;font-size:1rem;font-weight:400}.discount-price>p{color:var(--Dark-grayish-blue);font-weight:700;text-decoration:line-through}.product-add-cart{flex-direction:column;gap:1em;margin-top:2em;margin-bottom:2em;display:flex}.count{background-color:var(--Light-grayish-blue);border-radius:8px;justify-content:space-between;align-items:center;gap:1em;display:flex}.btn.w-100{padding:8px 20px;font-size:1.4rem;font-weight:700}.btn.btncolor{color:var(--Orange)}.btn~span{margin-left:1px}.add-to-cart{background-color:var(--Orange);border-radius:8px;justify-content:center;align-items:center;display:flex}.add-to-cart:hover{cursor:pointer}.btn-cart{padding:8px 0;font-size:1rem;font-weight:700}.btn-cart img{margin-right:1em}@media (width>=992px){.product-section{margin-block:3.5em;padding-inline:0}.product-heading>h1{letter-spacing:1px;margin-block-start:.4em;font-size:2.6rem}.product-description{margin-block-start:1.2em}.product-cart,.product-add-cart{flex-direction:row}.count,.add-to-cart{flex:1}}.slider-section{position:relative}.slider-image-box{height:19em}.slider-image{object-fit:cover;width:100%;height:100%}.button-control{justify-content:space-between;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.btn.circle{background-color:var(--White);border-radius:50%;width:44px;height:44px}.btn.start{margin-inline-start:1em}.btn.end{margin-inline:.2em 1em}.button-thumbnail-control{display:none}.btn.width{width:100%}@media (width>=768px){.slider-section{padding-inline:0}.product-price-level{flex-direction:column;align-items:start;gap:1em}.product-heading>small{letter-spacing:2px}.slider-image-box{border-radius:1em;height:28em;overflow:hidden}.btn.width{flex:1;width:100%}.button-control{display:none}.button-thumbnail-control{gap:2em;margin-block-start:1.8em;display:flex}.thumbnail-box{border-radius:1em;width:88px;overflow:hidden}.thumbnail-box:hover{opacity:.5}.thumbnail-box.active{border:2px solid var(--Orange);opacity:.5}}