@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap";.cart-container{background-color:#fff;border:1px solid var(--light-grayish-blue);position:absolute;right:2%;top:80px;width:330px;height:235px;border-radius:8px;box-shadow:#0000004d 0 3px 10px;box-sizing:border-box;z-index:1000}.cart-container h3{border-bottom:1px solid var(--grayish-blue);padding:1rem}.cart-details{display:flex;flex-direction:column;gap:1rem;height:100%}.product-details{display:flex;gap:1rem;padding:1rem;align-items:center;justify-content:center;height:74%}.empty-cart{font-size:18px;font-weight:600;color:#68707d}.product-image{height:50px;width:50px;border-radius:6px}.cart-content{display:flex;width:100%;align-items:center;gap:12px}.checkout-button{width:100%;background-color:var(--orange);font-weight:900}.cart-container p{font-size:15px;font-weight:500;color:#68707d}.total{color:#000;font-weight:700}.remove-button{cursor:pointer}@media (max-width:471px){.cart-container{max-width:400px;width:100%;top:80px;height:235px;right:0;left:0;margin:0 auto;padding:0 1rem;box-sizing:border-box}.product-details{padding:1rem}.product-image{height:40px;width:40px}.checkout-button{font-size:14px}}.navbar{padding:2rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(0,0,0,.1);max-height:100px;max-width:100%}.nav-side1{display:flex;gap:4rem;align-items:center}.nav-links{display:flex;gap:2rem;align-items:center;transition:all .3s ease-in;z-index:1000}.nav-links li{font-size:22px;font-weight:400;list-style:none}.nav-links li a{color:var(--dark-grayish-blue);position:relative}.nav-links li :after{content:"";position:absolute;width:0;height:3px;background-color:var(--orange);bottom:-133%;left:0;cursor:pointer}.nav-links li:hover :after{width:100%}.menu-toggle{display:none;cursor:pointer}.close-btn{margin-bottom:1.55rem}.active-links{left:0!important}.nav-side2{display:flex;align-items:center;gap:3rem}.avatar-img{height:50px;width:50px;border-radius:50%}.avatar-img:hover{outline:2px solid var(--orange)}.nav-side2 img{cursor:pointer}.cart-count{position:relative}.cart-count span{position:absolute;background-color:var(--orange);color:#fff;font-size:12px;padding:2px 6px;border-radius:50%;top:-10px;right:-10px;font-weight:600;font-family:Poppins,sans-serif;text-align:center;width:20px;height:20px;display:flex;justify-content:center;align-items:center}@media (max-width:765px){.nav-side2{gap:1rem}}@media (max-width:773px){.navbar{padding:1rem}.nav-side1{gap:2rem}.nav-links{flex-direction:column;position:absolute;left:-300px;top:0;background-color:#fff;height:100vh;width:300px;padding:2rem;align-items:start;gap:1rem}.nav-links li a{color:#000;font-weight:600;font-size:20px}.nav-links li :after{display:none}.menu-toggle{display:block}.overlay{background-color:#0000004b;overflow:hidden}}@media (max-width:450px){.navbar{border-bottom:0}}.product-content{margin-top:1rem;width:50%;padding:1.55rem}.product-content .company{font-size:14px;font-weight:700;color:var(--dark-grayish-blue);letter-spacing:2px}.product-content h1{font-size:44px;font-weight:700;color:var(--very-dark-blue);padding:15px 0 20px}.product-content .pra{font-size:18px;font-weight:400;color:#68707d;letter-spacing:.3px}.price{margin-top:1rem;display:flex;flex-direction:column;gap:.2rem;color:var(--very-dark-blue)}.price span+span{margin-left:.5rem}.new-price{font-size:22px;font-weight:700}.discount{background-color:#000;color:#fff;border-radius:4px;padding:0 6px;font-weight:700;background-color:var(--very-dark-blue)}.old-price{font-size:16px;font-weight:700;color:var(--dark-grayish-blue);text-decoration:line-through}.btns{display:flex;gap:2px;margin-top:2rem}.count-btns{display:flex;gap:5px;align-items:center;justify-content:center;margin:0 5px;padding:0 5px;border-radius:5px;background-color:var(--light-grayish-blue);cursor:pointer;transition:background-color .3s}.count-btns span{font-weight:800}.count-btns button{background-color:inherit}.add-to-cart{background-color:var(--orange);padding:.5rem 2.77rem;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:600;transition:all .3s ease-in-out}.add-to-cart:hover{background-color:#ff7d1ab3}@media (max-width:443px){.product-content{padding:1rem}.btns{flex-direction:column;gap:16px}.product-content h1{font-size:2.2rem}.price{flex-direction:row;justify-content:space-between}.count-btns{justify-content:space-between}.product-content .company{font-size:12px}}.product-sampls{width:50%;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:3rem;z-index:100}.sample-images{display:flex;justify-content:space-between;width:100%}.img-wrapper{position:relative;height:70px;width:70px;border-radius:8px;overflow:hidden;cursor:pointer;margin:1rem}.img-wrapper img{position:relative;height:100%;width:100%;object-fit:cover;z-index:2}.img-wrapper:before{content:"";position:absolute;height:100%;width:100%;left:0;top:0;background-color:var(--pale-orange);opacity:0;z-index:2000;transition:all .1s ease-in}.active-sample{border:2px solid var(--orange);transform:scale(1)}.img-wrapper:hover:before{opacity:.5}.display-sample-img img{max-height:350px;width:100%;border-radius:12px;display:block}.display-sample-img{position:relative}.icons{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;padding:1rem}.icons img{display:none;height:40px;width:40px;border-radius:50%!important;padding:.65rem;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}@media (max-width:773px){.product-container{flex-direction:column;justify-content:center;align-items:center}.product-content,.product-sampls{width:100%}}@media (max-width:470px){.product-sampls{padding:0;display:block}.display-sample-img img{border-radius:0}.icons img{display:block}.sample-images{display:none}}.product-container{display:flex;min-height:84vh;width:100%;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;line-height:1.5}: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)}body{min-width:320px;min-height:100vh;padding:0 1rem;font-family:Kumbh Sans,sans-serif}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}a{text-decoration:none;color:#000}@media (max-width: 471px){body{padding:0 0rem}}