*{padding:0;margin:0;box-sizing:border-box}html{font-size:65.5%;font-family:kumbh sans,sans-serif}body{position:relative}.hero{width:100vw;min-width:100%;height:100vh;min-height:100%;display:flex;flex-direction:column}.container{width:90rem;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);column-gap:8rem;place-items:center}.header{position:relative;width:100rem;margin:0 auto;height:7rem;display:flex;gap:3rem;align-items:center;border-bottom:.8px solid rgba(182,188,200,.49)}.bg{width:40rem;height:45rem;border-radius:10px;margin-bottom:2rem;cursor:pointer;background:#e9e9e9;transition:.2s ease}#bg:hover{background:#c2c2c2}#bg{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative}.loadeeer{position:absolute;color:#ff7d1a}.nav-list{height:60%;list-style:none;align-self:flex-end;display:flex;gap:2rem;box-sizing:border-box;align-items:center;margin-left:2rem}.list-ele{height:100%;cursor:pointer;color:#68707d;font-size:1.1rem;font-weight:500;letter-spacing:.8px}.list-ele:hover,.list-ele:active{color:#1d2025;border-bottom:2px solid hsl(26,100%,55%)}.nav-cart{color:#68707d;font-size:2.8rem;margin-left:auto;cursor:pointer}.nav-cart-after{position:absolute;display:none;pointer-events:none;top:1.4rem;right:8rem;font-size:1rem;text-align:center;height:1.7rem;width:1.7rem;color:#fff;padding:2px;border-radius:50%;background-color:#ff7d1a}.nav-cart-after.show{display:inline-block}.nav-cart:hover,.nav-cart:active{color:#1d2025}.avatar{height:50px;width:50px;border:1.5px solid white;background-image:url(/assets/image-avatar-DVd-Kri7.png);background-size:cover}.avatar:hover,.avatar:active{border:1.5px solid hsl(26,100%,55%);border-radius:50%;cursor:pointer}.cart{opacity:0;pointer-events:none;visibility:hidden;position:absolute;top:4rem;right:0;height:17rem;width:26.5rem;background-color:#fff;box-shadow:0 1.6rem 3.2rem #0000001a;border-radius:1rem;z-index:5;transition:all .2s ease-out}.cart-heading{font-size:1.1rem;font-weight:700;padding:1.6rem 1.8rem;border-bottom:.8px solid rgba(182,188,200,.49)}.empty-cart{display:none;text-align:center;margin-top:20%;font-size:1.2rem;font-weight:500;color:#68707d}.cart.show{top:6.1rem;opacity:1;pointer-events:auto;visibility:visible}.empty-cart.show,.cart-bottom.show{display:block}.cart-bottom{display:none;padding:1.2rem 1.6rem}.cart-info{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.cart-image{height:40px;width:40px;border-radius:5px}.cart-text{color:#68707d;font-size:1.1rem;font-weight:500;line-height:2}.count-items{display:inline-block;width:1rem}.current-price{display:inline-block;color:#000;font-weight:700;width:5rem;margin-left:4px}.delete{cursor:pointer;color:#b6bcc8;font-size:1.5rem}.delete:hover,.delete:active{color:#1d2025}.btn-checkout{border:none;background-color:#ff7d1a;color:#f7f8fd;width:96%;padding:1rem 5rem;border-radius:8px;transition:all .3s;cursor:pointer}.btn-checkout:hover{background-color:#ffa45f}.heading-secondary{display:block;color:#ff7d1a;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-bottom:2rem}.heading-primary{color:#1d2025;font-size:3.5rem;line-height:1;letter-spacing:.3px;margin-bottom:3rem}.description{color:#68707d;font-size:12px;font-weight:500;letter-spacing:.8px;margin-bottom:2rem;line-height:1.5}.price-discount{font-size:2.3rem;font-weight:700;position:relative;margin-bottom:5px}.price-discount:after{position:absolute;display:inline-block;content:"50%";top:6px;left:9.9rem;font-size:1rem;font-weight:700;color:#ff7d1a;background-color:#ffe5d1;padding:2px 4px;border-radius:2px}.price-original{color:#b6bcc8;font-size:12px;font-weight:500;text-decoration:line-through;margin-bottom:3rem}.buttons{display:flex;gap:2rem}.btn-left{background-color:#f7f8fd;display:flex;align-items:center;gap:2.8rem;padding:1rem;border-radius:8px}.plus,.minus{background:none;border:none;height:1.8rem;width:2rem;display:flex;align-items:center;justify-content:center}.cart-number{width:10px;font-size:1.5rem;font-weight:500}.cart-icon{height:1rem}.btn-right{background-color:#ff7d1a;display:flex;align-items:center;justify-content:center;color:#f7f8fd;padding:1rem 5rem;border-radius:8px;gap:1rem;box-shadow:0 2.4rem 3.6rem #ff7d1a33;transition:all .3s}.plus:hover,.minus:hover,.plus:active,.minus:active{opacity:.5}.btn-right:hover,.btn-right:active{background-color:#ffa45f}.add-cart{background:none;border:none;color:inherit;font-size:1.3rem;font-weight:600}.plus,.minus,.btn-right,.add-cart{cursor:pointer}.main-img{height:80%;width:85%;border-radius:10px;cursor:pointer;display:block;margin:0 auto;margin-bottom:2rem}.thumbnails{margin:0 auto;width:80%;display:flex;justify-content:space-between}.thumb-img{height:auto;width:6rem;cursor:pointer}.thumb-img img{height:100%;width:100%;border-radius:5px}.thumb-img img:hover{opacity:.6}.thumb-img.active-thumb img{opacity:.3}.thumb-img.active-thumb{border:2px solid hsl(26,100%,55%);border-radius:7px}.overlay{display:none;position:absolute;top:0;left:0;height:100vh;min-height:100%;width:100vw;min-width:100%;background-color:#000000b3;z-index:5}.overlay.activate{display:block}.floating-img{position:absolute;opacity:0;pointer-events:none;visibility:hidden;top:0%;left:50%;transform:translate(-50%,-50%);height:auto;width:50rem;z-index:10;transition:all .3s ease-in-out}.floating-img.activate{opacity:1;pointer-events:auto;visibility:visible;top:51%}.main-img-float{height:auto;width:80%;border-radius:10px;display:block;margin:0 auto;margin-bottom:2rem}.thumbnails-float{margin:0 auto;width:80%;display:flex;justify-content:space-around}.thumb-img-float{height:auto;width:6rem;cursor:pointer}.thumb-img-float img{height:100%;width:100%;border-radius:5px}.thumb-img-float img:hover,.thumb-img-float.active-thumb img{opacity:.6}.thumb-img-float.active-thumb{border:2px solid hsl(26,100%,55%);border-radius:7px}.btn-swipe{position:absolute;height:4rem;width:4rem;background-color:#fff;border:none;cursor:pointer;border-radius:50%}.btn-swipe ion-icon{height:50%;width:50%}.btn-swipe.btn-swipe-left{top:40%;left:10%;transform:translate(-50%,-50%)}.btn-swipe.btn-swipe-right{top:40%;right:10%;transform:translate(50%,-50%)}.btn-swipe:hover,.btn-swipe:active{color:#ff7d1a}.close-icon{color:#fff;height:3.3rem;width:3.3rem;cursor:pointer;position:absolute;top:-8%;right:8%}.close-icon:hover,.close-icon:active{color:#ff7d1a}#viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}#viewer-overlay.opened{opacity:1;pointer-events:auto}#viewer-overlay .close{position:absolute;top:20px;right:20px;background:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}#bg{cursor:pointer}