:root{--orange: hsl(26, 100%, 55%);--pale-orange: hsl(25, 100%, 94%);--very-dark-blue: hsl(220, 13%, 13%);--dark-grayish-blue: hsl(219, 9%, 45%);--grayish-blue: hsl(220, 14%, 75%);--light-grayish-blue: hsl(223, 64%, 98%);--white: hsl(0, 0%, 100%);--black-lightbox: hsla(0, 0%, 0%, .75);--font-family: "Kumbh Sans", sans-serif;--font-size-paragraph: 16px;--font-weight-regular: 400;--font-weight-bold: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-paragraph);font-weight:var(--font-weight-regular);line-height:1.6}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none}ul{list-style:none}@media (max-width: 899px){body{padding-top:68px}}@media (min-width: 900px){.main-content-wrapper{display:grid;grid-template-columns:1fr 1fr;max-width:1015px;margin:90px auto;gap:125px;align-items:center;padding:0 24px}}.header{position:fixed;top:0;left:0;right:0;background-color:var(--white);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.header-left{display:flex;align-items:center;gap:16px}.desktop-nav{display:none}.header-right{display:flex;align-items:center;gap:22px}.avatar img{width:24px;height:24px;border-radius:50%;border:2px solid transparent;transition:border-color .3s}.avatar:hover img{border-color:var(--orange)}.cart-btn{position:relative}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:var(--orange);color:var(--white);font-size:.65rem;font-weight:var(--font-weight-bold);border-radius:99px;padding:1px 7px}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--black-lightbox);z-index:200;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{position:fixed;top:0;left:0;width:250px;height:100%;background-color:var(--white);padding:24px;z-index:300;transform:translate(-100%);transition:transform .3s ease}.mobile-nav.active{transform:translate(0)}.mobile-nav-close{margin-bottom:54px}.mobile-nav ul{display:flex;flex-direction:column;gap:20px}.mobile-nav a{text-decoration:none;color:var(--very-dark-blue);font-weight:var(--font-weight-bold);font-size:1.1rem}@media (min-width: 900px){.header{position:static;max-width:1110px;margin:0 auto;padding:28px 0;border-bottom:1px solid var(--grayish-blue)}.header-left{gap:56px}.avatar img{width:50px;height:50px}.header-right{gap:46px}.mobile-nav-toggle{display:none}.desktop-nav{display:block}.desktop-nav ul{display:flex;flex-direction:row;gap:32px}.desktop-nav a{text-decoration:none;color:var(--dark-grayish-blue);padding:44px 0;position:relative;font-weight:var(--font-weight-regular);font-size:initial}.desktop-nav a:hover{color:var(--very-dark-blue)}.desktop-nav a:hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:var(--orange)}}.cart-popup{position:absolute;top:90px;right:-1px;width:360px;background-color:var(--white);border-radius:10px;box-shadow:0 20px 30px -10px #0003;z-index:100}@media (max-width: 899px){.cart-popup{top:80px;left:8px;right:8px;width:auto}}.cart-title{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--very-dark-blue);padding:24px;border-bottom:1px solid var(--grayish-blue)}.cart-content{padding:24px;min-height:150px;display:flex;flex-direction:column}.cart-empty-message{margin:auto;color:var(--dark-grayish-blue);font-weight:var(--font-weight-bold)}.cart-items-list{display:flex;flex-direction:column;gap:24px}.cart-item{display:flex;align-items:center;gap:16px}.cart-item-thumbnail{width:50px;height:50px;border-radius:4px}.cart-item-details{flex-grow:1;color:var(--dark-grayish-blue)}.cart-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.cart-item-total{font-weight:var(--font-weight-bold);color:var(--very-dark-blue);margin-left:8px}.cart-item-delete-btn:hover{opacity:.7}.checkout-btn{width:100%;background-color:var(--orange);color:var(--white);font-weight:var(--font-weight-bold);padding:18px;border-radius:10px;margin-top:24px;transition:background-color .3s ease}.checkout-btn:hover{background-color:#ff9a4d}.main-image{position:relative}.main-image img{width:100%;height:300px;object-fit:cover}.thumbnail-gallery{display:none}.mobile-nav-btns{position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%);display:flex;justify-content:space-between}.mobile-nav-btn{background-color:var(--white);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.mobile-nav-btn img{width:10px;height:auto}.mobile-nav-btn:hover svg path{stroke:var(--orange)}@media (min-width: 900px){.gallery-container{max-width:445px}.main-image{cursor:pointer}.main-image img{border-radius:15px;height:445px}.mobile-nav-btns{display:none}.thumbnail-gallery{display:flex;justify-content:space-between;margin-top:32px}.thumbnail{width:88px;height:88px;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;border:2px solid transparent}.thumbnail:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff80;z-index:1}.thumbnail.active{border-color:var(--orange)}.thumbnail.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffbf;z-index:1}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--black-lightbox);display:none;place-items:center;z-index:1000}@media (min-width: 900px){.lightbox-overlay{display:grid}}.lightbox-container{position:relative;width:550px}.lightbox-close-btn{position:absolute;top:-40px;right:0}.lightbox-close-btn:hover img{filter:brightness(0) saturate(100%) invert(58%) sepia(97%) saturate(628%) hue-rotate(345deg) brightness(101%) contrast(101%)}.lightbox-main-image{position:relative}.lightbox-main-image img{border-radius:15px}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--white);width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.lightbox-nav-btn:hover img{filter:brightness(0) saturate(100%) invert(58%) sepia(97%) saturate(628%) hue-rotate(345deg) brightness(101%) contrast(101%)}.lightbox-nav-btn.prev{left:-28px}.lightbox-nav-btn.next{right:-28px}.lightbox-thumbnail-gallery{display:flex;justify-content:space-between;padding:0 40px;margin-top:24px}.lightbox-thumbnail{width:88px;height:88px;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;background-color:#fff}.lightbox-thumbnail:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff80;z-index:1}.lightbox-thumbnail.active{border:2px solid var(--orange)}.lightbox-thumbnail.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffbf;z-index:1}.details-container{padding:24px}.product-company{color:var(--orange);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:2px;font-size:.75rem}.product-title{font-size:1.75rem;line-height:1.2;color:var(--very-dark-blue);margin-top:12px}.product-description{color:var(--dark-grayish-blue);margin-top:16px}.price-section{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.current-price{display:flex;align-items:center;gap:16px}.price{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--very-dark-blue)}.discount{background-color:var(--pale-orange);color:var(--orange);padding:4px 8px;border-radius:6px;font-weight:var(--font-weight-bold)}.original-price{color:var(--grayish-blue);text-decoration:line-through;font-weight:var(--font-weight-bold)}.actions-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.quantity-selector{display:flex;align-items:center;justify-content:space-between;background-color:var(--light-grayish-blue);border-radius:10px;padding:18px 24px;width:100%}.quantity-count{font-weight:var(--font-weight-bold);color:var(--very-dark-blue)}.quantity-btn:hover img{opacity:.6}.add-to-cart-btn{display:flex;align-items:center;justify-content:center;gap:16px;background-color:var(--orange);color:var(--white);font-weight:var(--font-weight-bold);width:100%;padding:18px;border-radius:10px;box-shadow:0 20px 30px -10px var(--pale-orange);transition:background-color .3s ease}.add-to-cart-btn:hover{background-color:#ff9a4d}.add-to-cart-btn .cart-icon-btn{filter:brightness(0) invert(1)}@media (min-width: 900px){.details-container{padding:0;max-width:445px}.product-title{font-size:2.75rem;line-height:1.1;margin-top:20px}.product-description{margin-top:32px}.price-section{display:block;margin-top:28px}.original-price{margin-top:10px}.actions-section{flex-direction:row;margin-top:32px}.quantity-selector{width:157px;padding:16px}.add-to-cart-btn{flex-grow:1}}