@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Flavors&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.topnav{width:100%;height:30px;padding:0 40px;font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;color:#fff;background-color:#1b1818}@media (max-width: 600px){.topnav{padding:0 4.5%;display:none}}.topnav .left{display:flex;align-items:center;gap:10.8px}@media (max-width: 900px){.topnav .left{display:none}}.topnav .left a{cursor:pointer;display:flex;align-items:center}.topnav .left a:hover{opacity:.8}.topnav .center{display:flex;align-items:center;gap:20px}.topnav .center p:hover{opacity:.8;text-decoration:none}@media (max-width: 900px){.topnav .center{gap:10px}}.topnav p:not(.follow){display:flex;align-items:center;gap:5px;cursor:pointer}.topnav .right:hover{opacity:.8}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.nav{width:100%;height:68px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background-color:var(--primary-color);position:relative}@media (max-width: 600px){.nav{height:68px;padding:0 4.5%}}.nav .logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:Flavors,cursive;font-size:2.4rem;font-style:normal;font-weight:400}@media (max-width: 600px){.nav .logo{font-size:2rem}}.nav #menuBtn{display:none}@media (max-width: 600px){.nav #menuBtn:checked~.right{display:flex}.nav #menuBtn:checked~label span:first-child{transform:rotate(45deg) translateY(9.5px) translate(.5px)}.nav #menuBtn:checked~label span:nth-child(2){opacity:0}.nav #menuBtn:checked~label span:last-child{transform:rotate(-45deg) translateY(-9.5px) translate(.5px)}}.nav label{display:none;flex-direction:column;gap:5px;cursor:pointer}.nav label span{display:flex;width:22px;height:2px;background-color:#fff;transition:all .4s ease-in-out}.nav .right{display:flex;align-items:center;gap:15px;color:#fff}.nav .right .nav-options{display:flex;align-items:center;gap:15px}.nav .right .nav-options .nav-icons{color:#000;background-color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:50%;transition:all .2s ease-in-out}.nav .right .nav-options .nav-icons:hover{color:var(--primary-color);opacity:.8}.nav .right .nav-options .icon{position:relative;color:var(--primary-color)}.nav .right .nav-options .icon span{pointer-events:none;font-size:.68rem;font-weight:400;font-family:sans-serif;width:18px;border-radius:50%;height:18px;background-color:#2879fe;background-color:#f84f31;color:#fff;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center}.nav .right .nav-options .icon .cart-value,.nav .right .nav-options .icon .fav-value{position:absolute;top:-8px;right:-8px;background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px}.nav .right:hover{color:#fff;background-color:transparent}.account-dropdown{position:relative}.account-dropdown .user-icon{background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}@media (max-width: 600px){.account-dropdown .user-icon{gap:12px}}.account-dropdown .user-icon .nav-icon{color:var(--primary-color);background-color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border-radius:50%;transition:all .2s ease-in-out}.account-dropdown .user-icon .user-name{font-size:1.4rem}@media (max-width: 600px){.account-dropdown .user-icon .user-name{display:none}}.account-dropdown .user-icon .drop-down{font-size:1.2rem;padding:0;color:#fff;cursor:pointer;margin-left:-6px}@media (max-width: 600px){.account-dropdown .user-icon .drop-down{margin-left:-4px}}.account-dropdown .dropdown-content{position:absolute;top:48px;right:0;background-color:#f9f9f9;color:#000;width:100%;min-width:180px;box-shadow:0 8px 16px #0003;z-index:9999;border-radius:10px;overflow:hidden}.account-dropdown .dropdown-content ul{list-style-type:none;padding:0;margin:0;z-index:2000}.account-dropdown .dropdown-content ul li{width:100%;padding:12px 13px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:5px;font-size:1.4rem;font-weight:400}.account-dropdown .dropdown-content ul li:hover{background-color:#ddd}@media (max-width: 600px){.account-dropdown .dropdown-content ul li{font-size:1.2rem;border-bottom:.8px solid rgba(221,221,255,.6)}}.account-dropdown .dropdown-content ul li.hide{display:none}@media (max-width: 600px){.account-dropdown .dropdown-content ul li.hide{display:flex}}.account-dropdown .dropdown-content ul li .icon{font-size:1.6rem}.account-dropdown .dropdown-content ul li:last-child{border-bottom:none}.footer{width:100%;min-height:200px;color:#fff;background-color:#000;margin-top:40px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.footer .subscribe{width:100%;background-color:#d3d3d3;padding:68px 40px 48px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}@media (max-width: 600px){.footer .subscribe{padding:48px 4.5% 28px}}.footer .subscribe p{color:#181818;font-weight:400}.footer .subscribe form{width:100%;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.footer .subscribe form input{width:100%;height:100%;border-radius:50px;border:1px solid transparent;padding:8px 20px;color:var(--dark-text);font-weight:500;background-color:#f5f5f5}.footer .subscribe form input::placeholder{font-weight:400}.footer .subscribe form input:focus{border:1px solid var(--primary-color)!important;outline:none}@media (max-width: 600px){.footer .subscribe form input{border-radius:8px!important}}.footer .top{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;background-color:#242424;padding:20px 40px}@media screen and (max-width: 600px){.footer .top{grid-template-columns:1fr;gap:20px}}.footer .top .socials{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px}@media screen and (max-width: 600px){.footer .top .socials{justify-content:center}}.footer .top .socials .follow{font-size:1.8rem;font-weight:600}.footer .top .socials .icons{display:flex;align-items:center;gap:10px}.footer .top .socials .icons .social-icons{font-size:2.8rem;cursor:pointer}.footer .top .socials .icons .social-icons:hover{color:var(--accent-color)}.footer .top .apps{display:flex;align-items:center;justify-content:flex-start;gap:12px}@media screen and (max-width: 600px){.footer .top .apps{justify-content:center}}.footer .top .apps img{width:auto;height:48px;cursor:pointer}@media (max-width: 600px){.footer .top .apps img{height:40px}}.footer .row{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:68px 40px 20px}@media (max-width: 900px){.footer .row{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-inline:4.5%}}@media (max-width: 600px){.footer .row{flex-wrap:wrap}}@media (max-width: 480px){.footer .row{grid-template-columns:1fr}}.footer .row .col{display:flex;flex-direction:column;gap:10px;width:100%}.footer .row .col .footer-logo{font-size:3.2rem;font-family:Flavors,cursive;margin-bottom:4px}.footer .row .col h4{font-size:1.68rem;font-weight:500;margin-bottom:8px}.footer .row .col ul li{font-size:1.28rem;letter-spacing:.02em;line-height:2.4rem;color:#d3d3d3;margin-bottom:8px}.footer .row .col ul li a{text-decoration:none}.footer .row .col ul li a:hover,.footer .row .col ul li a:focus{color:var(--accent-color);text-decoration:underline}.footer .copyrights{text-align:center;line-height:4rem;margin-block:1rem}.cta{color:#fff;padding:10px 24px;border-radius:50px;border:1px solid var(--primary-color);background-color:var(--primary-color);text-align:center;text-transform:uppercase;font-size:1.28rem;font-weight:400;letter-spacing:.02em;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.cta:hover{opacity:.8}/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:#ffffffbf;border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:#33333340;border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:#333}.carousel{color:#fff;width:100%;height:320px;background-color:#fff;overflow:hidden;position:relative}@media (max-width: 600px){.carousel{height:250px}}@media (max-width: 480px){.carousel{height:180px}}.carousel .carousel-cell{width:100%;height:100%}.carousel .carousel-cell img{object-position:center}.carousel .flickity-page-dots{bottom:20px;display:flex!important;align-items:center;gap:10px;justify-content:center}.carousel .flickity-page-dots .dot{height:30%!important;width:100px!important}.carousel .flickity-page-dots .dot.is-selected{background:#007bff;background:#ff0!important;background-color:var(--primary-color)!important}.carousel .flickity-page-dots .dot:hover{background:#007bff}.carousel .flickity-button{color:transparent;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:100%;transition:all .3s ease}@media (max-width: 600px){.carousel .flickity-button{width:4.5%}}.carousel .flickity-button:hover{opacity:1}.carousel .flickity-button:focus{outline:none;box-shadow:none}.carousel .flickity-button.flickity-prev-next-button{border-radius:0;display:flex;align-items:center;justify-content:center}.carousel .flickity-button.previous{background:transparent;background-size:100%;left:0}@media (max-width: 600px){.carousel .flickity-button.previous{background:linear-gradient(to left,transparent 10%,white)}}.carousel .flickity-button.previous:before{color:var(--primary-color);content:"«";z-index:10;font-size:2rem}@media (max-width: 600px){.carousel .flickity-button.previous:before{color:#fff}}.carousel .flickity-button.next{background:transparent;background-size:100%;right:0}@media (max-width: 600px){.carousel .flickity-button.next{background:linear-gradient(to right,transparent 10%,white)}}.carousel .flickity-button.next:before{color:var(--primary-color);content:"»";z-index:10;font-size:2rem}@media (max-width: 600px){.carousel .flickity-button.next:before{color:#fff}}.products{width:100%;height:100%;padding:0 40px;display:flex;align-items:flex-start;gap:25px}@media (max-width: 600px){.products{padding:0 4.5%}}.products .right{flex:4;padding:40px 0}@media (max-width: 600px){.products .right{padding:28px 0}}.products .right .top{display:flex;align-items:center;height:40px;gap:10px;justify-content:space-between;width:100%;padding:0}@media (max-width: 900px){.products .right .top{gap:15px;align-items:flex-end;justify-content:space-between}}.products .right .top .search{width:100%;height:40px;flex:1;display:flex;align-items:center;overflow:hidden;position:relative;margin:0;padding:0}.products .right .top .search:focus{border-color:var(--primary-color)}@media (max-width: 600px){.products .right .top .search{flex:9}}.products .right .top .search button .search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);z-index:2;cursor:pointer;font-size:1.68rem;color:var(--primary-color)}.products .right .top .search input[type=search]{border-radius:8px;padding:0 15px 0 34px;border:1px solid var(--light-gray);width:100%;height:100%;font-weight:400;margin:0}.products .right .top .search input[type=search]:focus{border-color:var(--primary-color)}.products .right .top .search input[type=search]::placeholder{color:var(--light-text);font-weight:400}.products .right .top .filters{flex:1;height:100%;display:flex;align-items:center;gap:10px}@media (max-width: 900px){.products .right .top .filters{flex:1;display:flex;flex-direction:row-reverse}}.products .right .top .filters .open-menu-button{cursor:pointer;color:#007bff;color:var(--primary-color);display:none;align-items:center;justify-content:center;gap:3px;padding:0 10px;height:100%;border:1px solid lightgray;border-radius:8px}@media (max-width: 900px){.products .right .top .filters .open-menu-button{display:flex}}.products .right .top .filters .open-menu-button:hover{color:#0056b3}.products .right .top .filters .open-menu-button .filters-icon{font-size:1.8rem}.products .right .top .filters .sort{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:6.8px;z-index:100}@media (max-width: 600px){.products .right .top .filters .sort{display:none}}.products .right .top .filters .sort .sortItem{padding:10px 12px;border-radius:8px;border:1px solid lightgray;font-size:1.28rem;display:flex;align-items:center;gap:5px;height:100%}.products .right .top .filters .sort .sortItem .drop-down{font-size:1rem;margin-bottom:-2px;cursor:pointer;background:red}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:100}@media (max-width: 900px){.overlay.open{opacity:1;visibility:visible}}.side-filter-menu{padding:20px 0;flex:1;display:flex;flex-direction:column;gap:5px;position:sticky;height:100%;top:0;color:#717171;background-color:#fff;transition:all .3s ease}@media (max-width: 900px){.side-filter-menu{height:90dvh!important;position:fixed!important;z-index:200;min-width:62.5%;width:100%;left:0;bottom:0%!important;transform:translateY(100vh);padding:0;overflow-y:scroll;background-color:#fff;border-radius:15px 15px 0 0}.side-filter-menu.open{box-shadow:inset 0 20px 20px #0003;bottom:0!important;transform:translateY(10vh)}}.side-filter-menu .filter-header{align-items:center;justify-content:space-between;border-bottom:.8px solid lightgray;padding:15px 4.55% 10px;display:none}@media (max-width: 900px){.side-filter-menu .filter-header{display:flex}}@media (max-width: 900px){.side-filter-menu h2{font-size:1.2rem}}.side-filter-menu__close-button{display:none;align-items:center;justify-content:center;text-align:center;margin-bottom:1rem;padding:.5rem 1rem;background-color:#ff4b4b;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}@media (max-width: 900px){.side-filter-menu__close-button{display:flex}}.side-filter-menu .btns{display:flex;padding:0 5% 40px;align-items:center;justify-content:space-between;gap:10px}.brand-filter{padding:0 5% 40px;display:flex;flex-direction:column;gap:16px}.brand-filter form{display:grid;grid-template-columns:1fr 1fr;gap:5px}.brand-filter .brand-option{margin-bottom:10px;display:flex;align-items:center}.brand-filter .brand-option .custom-radio{display:none}.brand-filter .brand-option .custom-radio+label{position:relative;padding-left:25px;cursor:pointer;color:#717171;font-size:1.2rem;font-weight:400}.brand-filter .brand-option .custom-radio+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1.8px solid var(--primary-color);border-radius:4.8px;background:transparent;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.brand-filter .brand-option .custom-radio+label:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:2px;background:var(--primary-color);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.brand-filter .brand-option .custom-radio:checked+label:after{opacity:1}.category-filter{max-width:300px;display:flex;flex-direction:column;gap:16px;padding:20px 5% 0}.category-filter form{display:flex;align-items:flex-start;flex-direction:column}.category-filter form .category-option{margin-bottom:10px;display:flex;align-items:center}.category-filter form .category-option .custom-radio{display:none}.category-filter form .category-option .custom-radio+label{position:relative;padding-left:25px;cursor:pointer;color:#717171;font-size:1.4rem}.category-filter form .category-option .custom-radio+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid var(--primary-color);border-radius:50%;background:transparent;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.category-filter form .category-option .custom-radio+label:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--primary-color);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.category-filter form .category-option .custom-radio:checked+label:after{opacity:1}.color-filter{padding:0 5%;display:flex;flex-direction:column;gap:20px}.color-filter form{display:grid;grid-template-columns:1fr 1fr;gap:0px}.color-filter form .color-option{margin-bottom:10px;display:flex;align-items:center}.color-filter form .color-option .custom-radio{display:none}.color-filter form .color-option .custom-radio+label{position:relative;padding-left:25px;cursor:pointer;color:#717171;font-size:1.4rem}.color-filter form .color-option .custom-radio+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid purple;border-radius:50%;background:transparent;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.color-filter form .color-option .custom-radio+label:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.color-filter form .color-option .custom-radio:checked+label:after{opacity:1}.size-filter{padding:0 5%;display:flex;flex-direction:column;gap:20px}.size-filter form{display:grid;grid-template-columns:1fr 1fr;gap:0px}.size-filter form .size-option{margin-bottom:10px;display:flex;align-items:center}.size-filter form .size-option .custom-radio{display:none}.size-filter form .size-option .custom-radio+label{position:relative;padding-left:22.5px;cursor:pointer;color:#717171;font-size:1.4rem}.size-filter form .size-option .custom-radio+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid var(--primary-color);border-radius:50%;background:transparent;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.size-filter form .size-option .custom-radio+label:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:purple;opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.size-filter form .size-option .custom-radio:checked+label:after{opacity:1}.price-range-filter{padding:0 5%;display:flex;flex-direction:column;gap:20px}.price-range-filter .priceItem{display:flex;flex-direction:column;gap:12px}.price-range-filter .priceItem input[type=range]{width:100%;-webkit-appearance:none;background:transparent}.price-range-filter .priceItem input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ddd;border-radius:4px}.price-range-filter .priceItem input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;background:#4caf50;background-color:#fff;border:2px solid var(--primary-color);cursor:pointer;margin-top:-6.88px}.price-range-filter .priceItem input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#4caf50;background-color:#fff;border:2px solid var(--primary-color);cursor:pointer}.price-range-filter .priceItem input[type=range]::-ms-thumb{height:20px;width:20px;border-radius:50%;background:#4caf50;background-color:#fff;border:2px solid var(--primary-color);cursor:pointer}.price-range-filter .priceItem input[type=range]:focus{outline:none}.price-range-filter .priceItem input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}.price-range-filter .priceValue{width:100%;display:flex;justify-content:space-between}.price-range-filter .priceValue span{font-size:1.1rem}.price-range-filter form{display:flex;flex-direction:column;align-items:flex-start;gap:0px}.price-range-filter form .price-option{margin-bottom:10px;display:flex;align-items:center}.price-range-filter form .price-option .custom-radio{display:none}.price-range-filter form .price-option .custom-radio+label{position:relative;padding-left:25px;cursor:pointer;color:#717171;font-size:1.4rem}.price-range-filter form .price-option .custom-radio+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid var(--primary-color);border-radius:50%;background:transparent;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.price-range-filter form .price-option .custom-radio+label:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.price-range-filter form .price-option .custom-radio:checked+label:after{opacity:1}.sort-by-filter{display:none;flex-direction:column;gap:16px;padding:20px 5%}@media (max-width: 900px){.sort-by-filter{display:flex}}.sort-by-filter form{display:grid;grid-template-columns:1fr 1fr;gap:0px}.sort-by-filter form .sort-option{margin-bottom:10px;display:flex;align-items:center}.sort-by-filter form .sort-option .custom-radio{display:none}.sort-by-filter form .sort-option .custom-radio+label{position:relative;padding-left:25px;cursor:pointer;color:#717171;font-size:1.4rem}.sort-by-filter form .sort-option .custom-radio+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border:1px solid var(--primary-color);border-radius:50%;background:transparent;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}.sort-by-filter form .sort-option .custom-radio+label:after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}.sort-by-filter form .sort-option .custom-radio:checked+label:after{opacity:1}.sort-dropdown{position:relative;display:inline-block;display:flex;align-items:center;gap:10px;height:100%}.sort-dropdown__button{background-color:#fff;color:#1b1818;border:1px solid var(--light-gray);min-height:100%;padding:10px;font-size:1.4rem;font-weight:400;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:8px;border:1px solid lightgray;font-size:1.28rem;gap:5px}.sort-dropdown__button .icon{font-size:1.8rem;font-weight:300;transition:transform .3s ease}.sort-dropdown__button .icon.open{transform:rotate(180deg)}.sort-dropdown__menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:10px;border:1px solid #ccc;box-shadow:0 8px 16px #0003;z-index:1;list-style-type:none;margin:0;overflow:hidden;font-weight:400}.sort-dropdown__menu-item{padding:10px 16px;cursor:pointer}.sort-dropdown__menu-item:hover{background-color:#f1f1f1}.card{border:.8px solid #dde;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease;background-color:#fff;position:relative}@media (max-width: 600px){.card{padding:10px}}.card:hover{border-color:#bbb;box-shadow:0 4px 8px #0000002e}@media (max-width: 600px){.card{box-shadow:none}}.card .card-options{background-color:#0006;display:flex;align-items:flex-end;justify-content:space-between;width:100%;border-radius:10px;opacity:1;visibility:visible;transition:all .4s ease-in-out}@media (max-width: 600px){.card .card-options{position:relative;opacity:1;visibility:visible;width:100%!important;gap:2px;padding:0;background-color:red}}.card .card-options .option{background:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;position:relative;border-radius:0 10px 0 0;height:38px;width:100%;padding:0 8.8px 0 0;color:var(--primary-color)}.card .card-options .option:before,.card .card-options .option:after{content:"";position:absolute;z-index:1;background-color:transparent;top:-20px;left:0;height:20px;width:15px;border-bottom-left-radius:12px;box-shadow:0 10px #fff}.card .card-options .option:after{background-color:transparent;top:18px;left:100%;box-shadow:0 10px #fff}.card .card-options .option p{background-color:#6a1b9a25;border-radius:50%;z-index:20;display:flex;align-items:center;justify-content:space-between}.card .card-options .option p:hover{background-color:var(--primary-color);color:#fff}.card .card-options .option p .icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.68rem;padding:5px;position:relative;z-index:20}.card .card-options .option p span{display:none}.card .card-options .option p.disabled{color:gray!important;background-color:#ccc!important}@media (max-width: 600px){.card .card-options .option{border-radius:0;align-items:center;padding:0}.card .card-options .option:before,.card .card-options .option:after{display:none}.card .card-options .option p span{align-items:center;justify-content:center;text-align:center;font-size:1rem!important}}.card .product-image{min-height:180px;max-height:180px;border-radius:10px}.card .product-info{text-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.card .product-info .stars{margin-top:6px;display:flex;align-items:center;gap:2px}.card .product-info .stars .star{color:var(--stars-color);font-size:1.2rem}.card .product-info .product-name{color:var(--dark-text);font-size:1.4rem;font-weight:500;font-family:var(--poppins);text-align:left;line-height:2.2rem}@media (max-width: 600px){.card .product-info .product-name{font-size:1.28rem;line-height:2rem;margin-bottom:0}}.card .product-info .prices{display:flex;gap:6.8px;flex-direction:row}.card .product-info .prices .product-old-price{color:var(--light-text);font-weight:400;text-decoration:1px solid var(--light-text) line-through}.card .product-info .prices .product-price{font-size:1.4rem;font-weight:600;color:var(--primary-color)}@media (max-width){.card .product-info .prices .product-price{font-size:1.28rem}}.card .out-of-stock-label,.card .discount-label,.card .hot-label{position:absolute;z-index:10;top:10px;right:10px;padding:6px 8px;border-radius:4px;font-size:1.2rem;font-weight:500;color:#fff}.card .out-of-stock-label{left:0;top:0;height:100%;width:100%;z-index:100;border-radius:10px;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;background-color:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card .discount-label{background-color:var(--primary-color)}.card .hot-label{background-color:#f39c12;background-color:#e74c3c;left:10px;width:fit-content}.product-skeleton{display:flex;flex-direction:column;align-items:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;width:100%;max-width:250px}.product-skeleton .image-placeholder{width:100%;height:150px;background-color:#e0e0e0;border-radius:8px;margin-bottom:16px}.product-skeleton .info-placeholder{width:100%}.product-skeleton .info-placeholder .title-placeholder,.product-skeleton .info-placeholder .price-placeholder{width:80%;height:12px;background-color:#e0e0e0;border-radius:4px;margin-bottom:8px}.product-skeleton .info-placeholder .price-placeholder{width:60%}.cardbox{margin-top:24px}.cardbox .product-list{width:100%;display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:16px;justify-content:space-between}@media (max-width: 1200px){.cardbox .product-list{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 600px){.cardbox .product-list{grid-template-columns:1fr 1fr;gap:8px}}.cardbox .product-list .error-message{color:red}.cardbox .product-list .no-products{width:100%!important;height:60vh;position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;background:#00000040;color:#fff;font-weight:500;text-transform:capitalize;border-radius:10px;border:1px solid rebeccapurple}.cardbox .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.cardbox .top h2{flex:2;text-transform:capitalize}.cardbox .top p{flex:3;color:gray}.cardbox .bottom{display:flex;justify-content:center;gap:50px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}.pagination button{padding:8px 12px;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:4px}.pagination button.active{background-color:#007bff;background-color:var(--primary-color);color:#fff;border-color:#007bff}.product{display:flex;flex-direction:column;gap:20px}.product .top{padding:20px 40px;border-bottom:1px solid var(--light-gray)}@media (max-width: 600px){.product .top{display:none}}.product .top ul{display:flex;align-items:center;gap:10px}.product .top ul b{font-weight:600}.product .content{display:flex;align-items:flex-start;gap:30px;padding:20px 40px}@media (max-width: 900px){.product .content{flex-direction:column}}@media (max-width: 600px){.product .content{padding:20px 4.5%}}.product .content .left{flex:1;display:flex;flex-direction:column;gap:20px}.product .content .left .mainImg img{height:300px}.product .content .left .secImg{overflow:scroll;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0}.product .content .left .secImg img{height:150px;cursor:pointer}.product .content .right{flex:1;display:flex;flex-direction:column;gap:20px}.product .content .right .price{font-size:30px;color:#2879fe;font-weight:500}.product .content .right p{font-size:18px;font-weight:300;text-align:justify}.product .content .right .quantity{display:flex;align-items:center;gap:10px}.product .content .right .quantity button{width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}.product .description{padding:0 40px;display:flex;flex-direction:column;gap:10px;color:gray;font-size:14px;margin-top:30px}.product .description hr{width:200px}*{margin:0;padding:0;color:inherit;border:0 none;outline:0 none;list-style:none;font-weight:300;font-style:normal;font-family:Montserrat,sans-serif;box-sizing:border-box;text-decoration:none}::-webkit-scrollbar{width:0}:root{--primary-color: #6A1B9A;--stars-color: #D5B300;--light-gray: #E0E0E0;--dark-text: #1B1818;--light-text: #717171}html{font-size:62.5%}html body{font-size:1.4rem}html body .app{width:100%;max-width:1620px;margin:0 auto;position:relative;overflow-x:hidden}html body .app h2{color:var(--dark-text);font-size:1.8rem;font-weight:500;letter-spacing:.2px}html body .app h3{color:var(--dark-text);font-size:1.68rem;font-weight:500;text-transform:uppercase}html body .app h4{font-size:1.48rem;font-weight:500}html body .app .link{color:inherit;text-decoration:none}html body .app img{width:100%;height:100%;object-fit:cover}html body .app hr{display:flex;min-width:100%;height:.8px;margin:20px 0;background-color:#d3d3d3!important}@media (max-width: 600px){html body .app hr{height:1px;background-color:gray!important}}.main{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:0 40px}@media (max-width: 900px){.main{flex-direction:column;gap:0}}@media (max-width: 600px){.main{padding:0 4.5%}}.main .cart{width:100%;max-width:900px;margin:30px auto;background-color:#fff;border:.8px solid var(--light-gray);border-radius:8px;overflow:hidden}@media (max-width: 900px){.main .cart{flex:1;margin-bottom:0}}.main .cart .cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0}@media (max-width: 600px){.main .cart .cart-header{border-bottom:1px solid var(--light-gray)}}.main .cart .cart-header h2{display:flex;align-items:center;gap:8px;padding:0 24px}.main .cart .cart-header h2 span{display:flex;align-items:center;justify-content:center;font-size:1rem;width:18px;height:18px;border-radius:50%;color:#fff;background-color:var(--primary-color)}.main .cart .cart-subheading{width:100%;background-color:#e0e0e099;border:1px solid var(--light-gray);display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;padding:10px 0;text-align:left}@media (max-width: 600px){.main .cart .cart-subheading{display:none}}.main .cart .cart-subheading .left{width:100%;flex:1;padding:0 0 0 44px}.main .cart .cart-subheading .right{width:100%;flex:1;display:flex;align-items:center;padding:0 20px}.main .cart .cart-subheading .right h4{width:100%}.main .cart .empty-cart{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 4.5%;border-top:1px solid var(--light-gray)}@media (max-width: 600px){.main .cart .empty-cart{border-top:none}}.main .cart .empty-cart p{font-weight:500;padding:12px 20px}.main .cart .cart-item{display:flex;align-items:center;gap:30px;padding:8.8px 0;border-bottom:1px solid lightgray}.main .cart .cart-item img{width:80px}@media (max-width: 600px){.main .cart .cart-item img{height:68px!important}}.main .cart .cart-item .cart-details{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;padding:24px 0}@media (max-width: 600px){.main .cart .cart-item .cart-details{display:flex;justify-content:space-between}}.main .cart .cart-item .cart-details .left{width:100%;flex:2;display:flex;align-items:center;gap:10px;padding:0 0 0 20px}@media (max-width: 600px){.main .cart .cart-item .cart-details .left{flex:2}}.main .cart .cart-item .cart-details .left .delete{color:#dd524d;font-size:clamp(16.8px,1.7rem,1.8rem);cursor:pointer}@media (max-width: 600px){.main .cart .cart-item .cart-details .left .delete{display:none}}.main .cart .cart-item .cart-details .left img{border-radius:1px solid lightgray;height:80px;object-position:top}.main .cart .cart-item .cart-details .right{width:100%;flex:2;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 0 0 20px}@media (max-width: 600px){.main .cart .cart-item .cart-details .right{flex:1;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px}}.main .cart .cart-item .cart-details .right .col{width:100%!important}.main .cart .cart-item .cart-details .right h4{font-size:1.4rem;font-weight:400}.main .cart .cart-item .cart-details .right h4 b{font-weight:600}.main .cart .cart-item .cart-details .right p{color:gray;margin-bottom:10px;font-size:14px}@media (max-width: 600px){.main .cart .cart-item .cart-details .right .price{display:none}}.main .side-checkout{width:100%;max-width:376px;display:flex;flex-direction:column;gap:20px;margin:30px auto}@media (max-width: 900px){.main .side-checkout{max-width:100%;flex-direction:row-reverse;align-items:center}}@media (max-width: 600px){.main .side-checkout{flex-direction:column}}.main .side-checkout .checkout-details{display:flex;flex-direction:column;gap:10px;border:.8px solid var(--light-gray);border-radius:10px;padding:20px}@media (max-width: 900px){.main .side-checkout .checkout-details{width:100%;flex:2}}.main .side-checkout .checkout-details h2{margin-bottom:6px}.main .side-checkout .checkout-details span{display:flex;align-items:center;justify-content:space-between;font-size:1.28rem}.main .side-checkout .checkout-details b{font-weight:500}.main .side-checkout .total{display:flex;justify-content:space-between;font-weight:500;font-style:18px;margin:10px 0 0;padding:12px 0;border-top:.8px solid lightgray}.main .side-checkout .total b{font-weight:600}.main .side-checkout .coupon{border:1px solid var(--light-gray);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px}@media (max-width: 600px){.main .side-checkout .coupon{width:100%}}.main .side-checkout .coupon form{display:flex;flex-direction:column;gap:12px}.main .side-checkout .coupon form input{width:100%;min-height:40px;padding:10px 15px;border-radius:10px;border:.8px solid lightgray;transition:all .6s ease-in-out}.main .side-checkout .coupon form input::placeholder{color:#717171}.main .side-checkout .coupon form input:focus{border-color:var(--primary-color)}.quantity{width:fit-content;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 10px -6px}.quantity button{color:var(--primary-color);background-color:#fff;border-radius:50%;border:.8px solid var(--primary-color);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background-color .3s ease}.quantity button:disabled{background-color:#ddd;cursor:not-allowed}.quantity button:not(:disabled):hover{color:#fff;background-color:var(--primary-color)}@media (max-width: 600px){.quantity button{width:22px;height:22px}}.quantity span{font-size:16px;min-width:30px;text-align:center}.checkout{padding:0 40px}@media (max-width: 600px){.checkout{padding:0 4.5%}}.images{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid lightgray;border-radius:10px;padding:10px 0 16px}@media (max-width: 600px){.images{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:none}}.images label{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border-right:.8px solid lightgray}@media (max-width: 600px){.images label{border:1px solid lightgray;padding:10px;border-radius:10px}}.images label img{max-width:56px;object-fit:contain}.images label p{margin-bottom:2px}.images label:last-child{border-right:none}@media (max-width: 600px){.images label:last-child{border-right:1px solid lightgray}}.form-group .total{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row!important;padding:8px 20px;border-radius:10px;border:1px solid var(--primary-color);background-color:#80008015}.form-group .total h3{font-size:1.6rem;width:100%;text-align:left}.form-group .total div{text-align:right;width:100%;display:flex;flex-direction:column;gap:0px}.form-group .total div p{flex-direction:row!important}.checkout-step{width:100%;max-width:1105px;margin:68px auto;padding:0;border:1px solid lightgray;border-radius:5px;display:flex;flex-direction:column;gap:20px}@media (max-width: 600px){.checkout-step{margin:40px auto}}.checkout-step .checkout-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid lightgray;padding:24px;gap:10px}.checkout-step .checkout-header pre{line-height:0;font-size:2.4rem;color:#ccc}.checkout-step .checkout-header h2{font-size:clamp(1.38rem,1.44vw + .75rem,1.68rem);flex:1}.checkout-step .checkout-header p{color:var(--primary-color);font-weight:600;line-height:0}.checkout-step .checkout-details{padding:20px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px;margin:0 auto}.checkout-step .checkout-details form{width:100%;display:flex;flex-direction:column;gap:0px}.checkout-step .checkout-details form .form-group{display:flex;align-items:flex-start;flex-direction:column;gap:20px;min-height:60px;padding:10px 0}.checkout-step .checkout-details form .form-group.flex{flex-direction:row;align-items:center}@media (max-width: 600px){.checkout-step .checkout-details form .form-group.flex{flex-direction:column}}.checkout-step .checkout-details form .form-group .col{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.checkout-step .checkout-details form .form-group label{color:#1b1818;font-size:1.4rem;font-weight:500}.checkout-step .checkout-details form .form-group input[type=text],.checkout-step .checkout-details form .form-group input[type=email],.checkout-step .checkout-details form .form-group input[type=number]{min-height:44px;border-radius:8px;border:1px solid lightgray;padding:10px 15px;width:100%;font-size:1.28rem;color:#717171}.checkout-step .checkout-details form .form-group textarea{min-height:150px;border-radius:8px;border:1px solid lightgray;padding:10px 15px;font-size:1.28rem;color:#717171;width:100%;resize:vertical}.checkout-step .checkout-details form .form-group:nth-child(8){gap:6px;flex-direction:row}.checkout-step .checkout-details form .form-group:nth-child(8) label{font-size:1.2rem;color:#717171}.checkout-step .checkout-details span{font-size:1.08rem;text-transform:uppercase;margin-bottom:2px;margin-top:20px}.checkout-step .checkout-details .buttons{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.checkout-step .checkout-details .buttons .cta{padding:10px 60px}.favorites-container{padding:20px 40px}.favorites-container .favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.favorites-container .favorites-header h2{font-size:24px;font-weight:600}.favorites-container .favorites-header .wishlist-count{color:var(--text-gray)}.favorites-container .empty-wishlist{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 20px}.favorites-container .empty-wishlist img{max-width:300px;margin-bottom:20px}.favorites-container .empty-wishlist h3{font-size:22px;margin-bottom:10px}.favorites-container .empty-wishlist p{max-width:500px;color:var(--text-gray);margin-bottom:20px}.favorites-container .wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.favorites-container .wishlist-grid .wishlist-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.favorites-container .wishlist-grid .wishlist-item:hover{transform:scale(1.02);box-shadow:0 4px 6px #0000001a}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-image{position:relative;overflow:hidden}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-image img{width:100%;height:250px;object-fit:cover}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-image .remove-from-wishlist{position:absolute;top:10px;right:10px;background-color:#fffc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-image .remove-from-wishlist svg{color:var(--primary-color);font-size:20px}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-image .remove-from-wishlist:hover{background-color:var(--primary-color)}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-image .remove-from-wishlist:hover svg{color:#fff}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-details{padding:15px}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-details h4{margin-bottom:10px;font-size:16px}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-details .wishlist-item-pricing{display:flex;align-items:center;gap:10px}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-details .wishlist-item-pricing .old-price{text-decoration:line-through;color:var(--text-gray);font-size:14px}.favorites-container .wishlist-grid .wishlist-item .wishlist-item-details .wishlist-item-pricing .current-price{color:var(--primary-color);font-weight:600}.support,.track-order{width:100%;min-height:368px;display:flex;align-items:center;justify-content:center}.login-box{width:100%;max-width:540px;margin:20px auto 0;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.login-box h2{text-align:center}.login-box form{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;background:#00000014;padding:20px;border-radius:12px}.login-box form input{min-width:100%;height:40px;padding:0 15px;border-radius:5px}.login-box form .cta{width:fit-content}
