@import "mixin";@import "default";#ideasoft{display:none!important}.category-banners-slider .slick-slide{margin-right:10px}.category-banners-slider .slick-prev,.category-banners-slider .slick-next{display:none!important}.category-banners-section{margin-bottom:40px}.category-banners-slider .swiper-slide .category-banner{position:relative;display:block;height:400px;border-radius:12px;overflow:hidden;margin-bottom:25px}.category-banners-slider .category-banner-image,.category-banners-slider .category-banner-image img{width:100%;height:100%;object-fit:cover}.category-banners-slider .category-banner-content{object-fit:cover;position:absolute;bottom:20px;left:20px;z-index:5;color:#fff}.category-banner-prev,.category-banner-next{background:rgb(0 0 0 / .4);color:#fff;width:36px;height:36px;border-radius:50%;border:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;font-size:20px;line-height:1}.category-banner-prev{left:-10px}.category-banner-next{right:-10px}// ! @mixin font-face($folderpath,$familyname,$filename,$weight,$style){@font-face{font-family:$familyname;src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot') }}");src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot?#iefix') }}") format("embedded-opentype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.woff') }}") format("woff"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.ttf') }}") format("truetype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.svg?#webfont') }}") format("svg");font-weight:$weight;font-style:$style}}body{position:relative;left:0;color:$color-text;font-size:var(--font-size-12);font-family:$font-family;background:$color-white;transition:left .2s linear,right .2s linear}.openbox-overlay,.dropbox-overlay,.navigation-menu-overlay,.fancybox-is-open .fancybox-bg{opacity:.5;background:$color-text}&::-webkit-scrollbar{width:4px;height:2px}&::-webkit-scrollbar-track{background:$color-background}&::-webkit-scrollbar-thumb{background:$color-primary}@include min($lg){.container{max-width:calc(1356px + calc(2*var(--gutter)))}}.container,.container-fluid{padding-right:var(--gutter);padding-left:var(--gutter)}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}#header{.header-top{padding:var(--spacer-3) 0;background-color:$color-secondary;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;animation:blink-bg 2s ease-in-out infinite}@keyframes blink-bg{0%,100%{background-color:#000}50%{background-color:#fd0d0d}}.header-middle{padding:var(--spacer-4) 0;border-bottom:1px solid $color-border;margin-top:45px}.header-bottom{padding:var(--spacer-5) 0}@include max($lg){.header-bottom{padding:var(--spacer-8) 0;border-bottom:1px solid $color-border}}}.header-sticky{position:sticky;position:-webkit-sticky;top:45px;z-index:998;background-color:$color-primary;@include max($lg){display:none}}.campaign-text{text-align:center;@include heading-type-2;color:$color-white}.header-contact{display:flex;align-items:center;gap:var(--spacer-4);>div{>a{display:flex;align-items:center;gap:var(--spacer-2);color:$color-text;transition:$transition;&:hover{color:$color-primary}}&.header-whatsapp{>a{&:hover{color:$color-whatsapp}}}}@include max($lg){justify-content:center}}.header-menu{ul{display:flex;align-items:center;li{margin-right:var(--spacer-4);padding-right:var(--spacer-4);border-right:1px solid $color-border;&:last-child{margin:0;padding:0;border:none}>a{display:flex;align-items:center;height:20px;gap:var(--spacer-2);color:$color-text;transition:$transition;@include svg;@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}}}}}.logo{display:flex;align-items:center;img{max-height:57px;@include max($md){max-height:30px}}@include min($lg){padding-bottom:var(--spacer-1)}}.search{form{position:relative;input{width:100%;height:46px;color:$color-sub-text;padding:6px 50px 6px 16px;border:1px solid $color-border;background-color:#fff0;border-radius:$border-radius;transition:$transition;&:focus{border-color:$color-primary;box-shadow:0 0 10px rgb(0 0 0 / .2)}&::placeholder{color:$color-sub-text;opacity:1}}button{position:absolute;top:0;right:0;display:flex;align-items:center;width:40px;height:100%;padding:0;border:none;background:none}}@include max($lg){margin-top:var(--spacer-4);form{input{height:40px}}}}.header-bottom-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-6)}.header-favorite{>a{display:flex;align-items:center;gap:var(--spacer-2);font-size:var(--font-size-13);color:$color-text;@include min($lg){transition:$transition;@include svg;&:hover{color:$color-primary;@include svghover($color-primary)}}@include max($lg){span{display:none}}}}.user-menu,.cart-menu{>a{position:relative;display:flex;align-items:center;gap:var(--spacer-2);font-size:var(--font-size-13);color:$color-text;.icon-check,.cart-amount{position:absolute;bottom:-5px;left:-5px;@include center;width:16px;height:16px;background-color:$color-primary;@include border-radius(50%);@include text-type-1;color:$color-white}@include min($lg){transition:$transition;@include svg;&:hover{color:$color-primary;@include svghover($color-primary);.icon-check{@include svghover($color-white)}}}@include max($lg){span{display:none}}}}.mobile-menu{>a{@include center;@include svghover($color-text)}}#navigation{position:relative;.category-level-1{>ul{display:flex;justify-content:center;>li{>a{display:flex;align-items:center;height:50px;color:$color-white;font-size:var(--font-size-13);font-weight:500;padding:0 var(--spacer-3);transition:$transition;&:hover{color:#fff;background-color:#000}}&.active{>a{color:#fff;background-color:#000}>.category-level-2{display:block}}}}}.category-level-2{position:absolute;height:400px;top:100%;left:0;z-index:101;display:none;width:100%;padding:var(--spacer-5);background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .1);>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter);margin-right:calc(-1 * var(--gutter));margin-left:calc(30px + -1 * var(--gutter));margin-top :10px;>li{padding:0 var(--gutter) var(--gutter);>a{display:inline-block;padding:6px 10px;border-radius:6px;color:$color-primary;font-size:17px;margin-bottom:var(--spacer-3);transition:$transition;&:only-child{margin-bottom:0}&:hover{//color:#fff;//background-color:#000}img{width:120px!important;height:120px!important;object-fit:contain!important;object-position:center!important;background-color:#fff!important;display:block!important;margin:0 auto 8px!important}}&.navigation-category-image{padding-top:50%!important;width:50%!important;grid-column:4;display:flex;align-items:center;justify-content:center;>a{display:block;text-align:center;div{width:10px;height:10px;position:relative;margin-bottom:var(--spacer-2);@include imgcenter}}}}}}.category-level-3{>ul{>li{>a{display:inline-block;color:$color-text;margin-bottom:var(--spacer-2);transition:$transition;&:hover{color:$color-primary}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}}#main{padding:var(--spacer-6) 0 var(--spacer-16)}.current-page-product-detail{#main{padding-bottom:0}}#entry-slider{margin-bottom:var(--spacer-6);>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}.entry-slider-item{display:flex;justify-content:center;>a{display:block;border-radius:$border-radius;img{border-radius:$border-radius}.theme-slider-video{display:flex;justify-content:center;border-radius:$border-radius;video{width:100%;height:100%;object-fit:cover;border-radius:$border-radius}}}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:40px;height:40px;cursor:pointer;background:$color-white;border:1px solid $color-border;@include border-radius(50%);@include center;@include svg;@include svghover($color-primary);opacity:0;visibility:hidden;transition:$transition;&.slick-prev{left:var(--spacer-6)}&.slick-next{right:var(--spacer-6)}&.slick-disabled{@include svghover($color-sub-text)}}&:hover{.slick-arrow{opacity:1;visibility:visible}}}.default-products{margin-bottom:var(--spacer-10);.products-header{@include heading-type-5;color:$color-secondary;padding:var(--spacer-3) 0;border-bottom:1px solid $color-border}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.slick-list{padding:var(--spacer-6) 0}}.new-products-button{position:relative;z-index:2;a{@include center;flex-direction:column;text-align:center;background-image:url(https://storage.googleapis.com/fewabanyo/SliderBanners/tu%CC%88m%20f%C4%B1rsat%20u%CC%88ru%CC%88nlerini%20go%CC%88ru%CC%88ntu%CC%88le.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid $color-border;border-radius:$border-radius;min-height:396px;div,span{color:$color-white;// Görselde okunaklı dursun diye öneri}@include max($md){min-height:300px}}}.featured-products,.new-products{margin-bottom:var(--spacer-16);.products-header{padding:var(--spacer-3) 0;margin-bottom:var(--spacer-6);border-bottom:1px solid $color-border;a{display:inline-block;font-size:var(--font-size-24);font-weight:600;color:$color-secondary;transition:$transition;&:hover{color:$color-primary}}}.showcase{margin-bottom:var(--spacer-6)}.featured-products-button,.new-products-button{position:relative;z-index:2;margin-bottom:var(--spacer-6);a{@include center;flex-direction:column;text-align:center;background-color:$color-white;border:1px solid $color-border;border-radius:$border-radius;min-height:396px;div{@include heading-type-3;color:$color-text}span{@include text-type-3;color:$color-text;margin-bottom:var(--spacer-6)}@include max($md){min-height:300px}}}@include min(1486){position:relative;padding:var(--spacer-16) 0 var(--spacer-10);&:before{content:"";position:absolute;top:0;left:calc(-1*var(--spacer-16));z-index:1;width:calc(100% + 128px);height:100%;background-color:rgb(245 250 251);border-radius:$border-radius}.products-header,.showcase{position:relative;z-index:2}}}.list-tab .list-tab-button a::before{content:"";position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover}// Kategori bazlı tüm ürünler bannerı. .list-tab-products[data-tab-content="1"] .list-tab-button a::before{background-image:url(https://fewayapi.com/dosya/AquanitTumUrunler.png);background-size:cover}.list-tab{margin-bottom:var(--spacer-16);&-header{font-size:var(--font-size-24);font-weight:600;color:$color-secondary;padding:var(--spacer-2) 0;margin-bottom:var(--spacer-6)}&-title{@include center;gap:var(--spacer-3);padding:var(--spacer-2) 0;margin-bottom:var(--spacer-6);@include max($md){position:relative;overflow:hidden;gap:0;padding:0;margin:0;display:block}[data-tab-index]{@include max($md){flex:0 0 100%;order:2}a{position:relative;display:block;span{position:relative;display:block;text-align:center;padding:var(--spacer-2) var(--spacer-4);font-size:var(--font-size-13);font-weight:500;color:$color-sub-text;border:1px solid $color-border;border-radius:$border-radius;transition:$transition}@include max($md){position:absolute;left:0;top:0;justify-content:flex-start;width:100%;height:100%;span{text-align:left;padding:var(--spacer-4) var(--spacer-8);margin-bottom:var(--spacer-6);background-color:$color-white}}}&.active{@include max($md){order:1}a{position:relative;z-index:1;span{color:$color-text;border-color:$color-primary}@include max($md){&:after{content:'\f078';position:absolute;right:var(--spacer-6);top:50%;z-index:2;transform:translateY(-50%);color:$color-sub-text;font-size:var(--font-size-16);font-weight:900;font-family:"Font Awesome 5 Free";pointer-events:none}}}}}@include max($md){&.open{[data-tab-index]{a{position:relative}&.active{a{&:after{content:'\f077'}}}}}}}&-content{[data-tab-content]{height:0;overflow:hidden;&.active{height:auto;overflow:visible}.showcase{margin-bottom:var(--spacer-6)}}.list-tab-button{margin-bottom:var(--spacer-6);a{@include center;flex-direction:column;text-align:center;background-color:$color-white;border:1px solid $color-border;border-radius:$border-radius;min-height:396px;position:relative;div{@include heading-type-3;color:$color-text}span{@include text-type-3;color:$color-text;margin-bottom:var(--spacer-6)}@include max($md){min-height:300px}}}.products-content-empty{color:$color-text;font-size:var(--font-size-15);font-weight:700;text-align:center;padding:52px 0;margin-bottom:var(--spacer-8);border:1px solid $color-border;border-radius:$border-radius;background-color:#fff}}@include min(1486){position:relative;padding:var(--spacer-16) 0 var(--spacer-10);&:before{content:"";position:absolute;top:0;left:calc(-1*var(--spacer-16));z-index:1;width:calc(100% + 128px);height:100%;background-color:rgb(245 250 251);border-radius:$border-radius}>div{position:relative;z-index:2}}}.category-banners{@media (min-width:992px){.category-banners .col-lg-5{flex:0 0 50%;max-width:50%}.category-banners .col-lg-3{flex:0 0 25%;max-width:25%}.category-banners .col-lg-4{flex:0 0 25%;max-width:25%}}margin-bottom:var(--spacer-6);.category-banner{position:relative;display:block;overflow:hidden;border-radius:$border-radius;margin-bottom:var(--spacer-6);&:before{content:"";position:absolute;top:0;left:0;transform:rotate(180deg);width:100%;height:100%;background:linear-gradient(180deg,#1D2A33 0%,#fff0 61.06%);z-index:2}.category-banner-image{position:relative;z-index:1;img{width:100%}}.category-banner-content{position:absolute;bottom:var(--spacer-6);left:0;width:100%;padding:0 var(--spacer-6);display:flex;align-items:center;justify-content:space-between;z-index:3;.category-banner-title{@include text-type-4;color:$color-white}.category-banner-button{display:flex;align-items:center;gap:var(--spacer-2);@include heading-type-1;color:$color-white;opacity:0;visibility:hidden;transition:$transition}}@include min($lg){&:hover{.category-banner-content{.category-banner-button{opacity:1;visibility:visible}}}}}}.entry-banners{margin-bottom:var(--spacer-10);.entry-banner{position:relative;display:block;overflow:hidden;border-radius:$border-radius;margin-bottom:var(--spacer-6);&:before{content:"";position:absolute;top:0;left:0;transform:rotate(180deg);width:100%;height:100%;background:linear-gradient(180deg,#1D2A33 0%,#fff0 61.06%);z-index:2}.entry-banner-image{position:relative;z-index:1;img{width:100%}}.entry-banner-content{position:absolute;bottom:var(--spacer-6);left:0;width:100%;padding:0 var(--spacer-6);display:flex;align-items:center;justify-content:space-between;z-index:3;.entry-banner-title{@include text-type-4;color:$color-white}.entry-banner-button{display:flex;align-items:center;gap:var(--spacer-2);@include heading-type-1;color:$color-white;opacity:0;visibility:hidden;transition:$transition}}@include min($lg){&:hover{.entry-banner-content{.entry-banner-button{opacity:1;visibility:visible}}}}}}.only-banners{margin-bottom:var(--spacer-16);.only-banner{position:relative;display:block;overflow:hidden;border-radius:$border-radius;&:before{content:"";position:absolute;top:0;left:0;transform:rotate(180deg);width:100%;height:100%;background:linear-gradient(180deg,#1D2A33 0%,#fff0 61.06%);z-index:2}.only-banner-image{position:relative;z-index:1;img{width:100%}}.only-banner-content{position:absolute;bottom:var(--spacer-6);left:0;width:100%;padding:0 var(--spacer-6);display:flex;align-items:center;justify-content:space-between;z-index:3;.only-banner-title{@include text-type-4;color:$color-white}.only-banner-button{display:flex;align-items:center;gap:var(--spacer-2);@include heading-type-1;color:$color-white;opacity:0;visibility:hidden;transition:$transition}}@include min($lg){&:hover{.only-banner-content{.only-banner-button{opacity:1;visibility:visible}}}}}}.entry-theme-banner{margin-bottom:var(--spacer-16);a{border-radius:$border-radius;img{border-radius:$border-radius}}}.entry-brands-container{margin-bottom:var(--spacer-10);.brands-header{font-size:var(--font-size-24);font-weight:600;color:$color-secondary;padding:var(--spacer-3) 0;margin-bottom:var(--spacer-6)}.entry-brands-list{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.brands-item{>a{position:relative;display:block;overflow:hidden;aspect-ratio:114/57;border:1px solid #fff0;border-radius:$border-radius;transition:$transition;margin-bottom:var(--spacer-6);@include imgcenter;&:hover{border-color:$color-primary}}}}}.limited-text{padding:var(--spacer-6);border:1px solid $color-border;border-radius:$border-radius;.limited-text-title{@include heading-type-4;color:$color-text;margin-bottom:var(--spacer-4)}.limited-text-content{[type="checkbox"]{display:none;+div{display:-webkit-box;-webkit-line-clamp:50;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-14);font-weight:500;margin-bottom:var(--spacer-4);+label{display:inline-block;@include heading-type-1;color:$color-text;padding:var(--spacer-1) 0;border-bottom:1px solid $color-border;margin:0;cursor:pointer;transition:$transition;&:before{content:attr(data-title-show)}&:hover{color:$color-primary}}}&:checked{+div{height:100%;overflow:visible;+label{&:before{content:attr(data-title-hide)}}}}}}}.showcase{position:relative;overflow:hidden;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius;transition:$transition;.showcase-image-container{position:relative;.showcase-image-item{a{position:relative;display:block;overflow:hidden;aspect-ratio:$aspect-ratio;background:$color-white;@include imgcenter}}.showcase-thumbs-image{position:absolute;left:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;>a{display:block;height:100%}}.showcase-image-dots{position:absolute;bottom:var(--spacer-4);left:0;width:100%;@include center;gap:var(--spacer-2);button{width:8px;height:8px;margin:0;padding:0;@include border-radius(50%);border:none;background-color:$color-white;opacity:.5;transition:$transition;&.active{background-color:$color-primary;opacity:1}}}.new-label{position:absolute;top:0;left:0;z-index:20;padding:var(--spacer-1) var(--spacer-4);background-color:$color-primary;@include heading-type-1;color:$color-white;@include border-radius(0 0 var(--spacer-3) 0)}.showcase-favorites{position:absolute;top:var(--spacer-4);right:var(--spacer-4);z-index:20;>a.add-my-favorites{@include center;width:24px;height:24px;.showcase-icon-favori-add{display:none}&:hover,&.favorite-product{.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}}.sold-out-label{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:20;width:100%;display:flex;justify-content:center;span{display:inline-block;padding:var(--spacer-2) var(--spacer-4);background-color:$color-text;border-radius:$border-radius;@include heading-type-1;color:$color-white;text-transform:uppercase;letter-spacing:1.2px}}}.showcase-content{padding:var(--spacer-6);.showcase-title{margin-bottom:var(--spacer-3);a{overflow:hidden;display:block;height:calc((var(--font-size-13) + 8px) * 2);line-height:calc(var(--font-size-13) + 8px);color:$color-text;font-size:var(--font-size-13);@include max($lg){height:calc((var(--font-size-13) + 8px) * 3)}}}.showcase-price-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:56px;.discount-label{display:inline-block;padding:var(--spacer-1) var(--spacer-3);background-color:$color-third;border-radius:$border-radius;@include heading-type-1;color:$color-white;margin-bottom:var(--spacer-2)}.showcase-price{display:flex;align-items:center;gap:var(--spacer-2);.showcase-price-new{@include heading-type-3;color:$color-secondary}.showcase-price-old{color:$color-sub-text;font-size:var(--font-size-13);font-weight:400;text-decoration:line-through}}@include max($sm){height:68px;.showcase-price{flex-direction:column;align-items:flex-start;gap:0}}}}@include min($lg){.showcase-image-container{.showcase-favorites{opacity:0;visibility:hidden;transition:$transition}}&:hover{box-shadow:0 4px 12px 0 rgb(54 50 50 / .12);.showcase-image-container{.showcase-favorites{opacity:1;visibility:visible}}}}@include max($lg){.showcase-image-container{.showcase-thumbs-image,.showcase-image-dots{display:none}}}}#footer{.footer-row-2{padding:var(--spacer-16) 0 var(--spacer-6);background-color:$color-secondary}}.shopping-banners{margin-bottom:var(--spacer-16);.shopping-banner{@include center;flex-direction:column;text-align:center;padding:var(--spacer-6) var(--spacer-9);@include svghover($color-primary);svg{max-width:44px;max-height:44px}.shopping-banner-title{@include heading-type-2;color:$color-secondary;margin:var(--spacer-4) 0 var(--spacer-1)}.shopping-banner-sub-title{@include text-type-1;color:$color-sub-text}}}.footer-logo{margin-bottom:var(--spacer-6);a{display:inline-block;img{max-height:48px}}}.footer-address{margin-bottom:var(--spacer-4);a{display:inline-block;@include text-type-2;color:$color-white;transition:$transition;&:hover{color:$color-primary}}}.footer-phone,.footer-mail{margin-bottom:var(--spacer-3);&.footer-mail{margin-bottom:var(--spacer-8)}>a{display:inline-flex;align-items:center;gap:var(--spacer-2);@include text-type-2;color:$color-white;transition:$transition;&:hover{color:$color-primary}}}.footer-social{margin-bottom:var(--spacer-8);.footer-social-title{@include text-type-1;color:$color-white;margin-bottom:var(--spacer-6);>div{@include heading-type-3;margin-bottom:var(--spacer-2)}}.footer-social-content{display:flex;gap:var(--spacer-6);div{a{@include center;width:24px;height:24px;@include svghover($color-white);@include svg;@include min($lg){&:hover{@include svghover($color-primary)}}}}}}.footer-menu-container{.footer-menu{.footer-menu-title{@include text-type-3;color:$color-white;margin-bottom:var(--spacer-4)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}>a{display:inline-block;@include text-type-3;color:$color-white;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}}}}@include max($lg){text-align:center;&[data-menu-type="accordion"]{text-align:left;.footer-menu{.footer-menu-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;color:$color-white;padding:var(--spacer-4) var(--spacer-8);margin-bottom:var(--spacer-8);border:1px solid $color-white;border-radius:$border-radius;&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{padding:0 var(--spacer-8) var(--spacer-8);display:none;>ul{>li{color:$color-white;>a{color:$color-white}}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.footer-content-bottom{padding-top:var(--spacer-6);.footer-ssl{display:flex;justify-content:flex-end;margin-bottom:var(--spacer-3);img{max-height:28px}}.copyright-content{display:flex;align-items:center;justify-content:space-between;@include text-type-2;color:$color-white;.footer-cart{img{max-height:40px}}}@include max($lg){.footer-ssl{justify-content:center}.copyright-content{flex-direction:column;text-align:center;.copyright{margin:var(--spacer-2) 0}}}}@include min($md){.section-sorting-view{display:flex;align-items:center;padding:var(--spacer-4);border:1px solid $color-border;border-radius:$border-radius;gap:calc(var(--gutter) * 2);margin-bottom:var(--spacer-6);#filter-wrapper{flex:1 0 0%;#sorting-options{padding-top:0;margin-bottom:0}}}.section-container{display:grid;align-items:flex-start;column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,252px) minmax(0,1fr)}}#responsive-mobile-filter{padding:var(--spacer-4);border:1px solid $color-border;border-radius:$border-radius;margin-bottom:var(--spacer-6);#sorting-options{margin-bottom:0}}@include max($lg){@include min($md){.section-container{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}}@mixin filter-order-button{align-items:center;gap:var(--spacer-3);>span{display:flex;align-items:center;height:32px;cursor:pointer;svg{path,rect{stroke:$color-text;fill:#fff0;transition:$transition}}&:hover,&.active{svg{path,rect{stroke:$color-primary;fill:$color-primary}}}}}.filter-order-button{display:flex;@include filter-order-button;@include max($lg){>span{&[data-selector="quintuple-sorting"],&[data-selector="quadruple-sorting"]{display:none}}}@include max($md){display:none}}.mobile-filter-order-button{display:none;@include filter-order-button;@include max($sm){gap:var(--spacer-6)}}@include max($md){#filter-wrapper{.filter-wrapper-header{display:flex;align-items:center;border:1px solid $color-border;border-radius:$border-radius;>div{position:relative;flex:1 0 0%;display:flex;align-items:center;justify-content:center;height:40px;color:$color-text;font-size:var(--font-size-12);padding-inline:var(--spacer-2);svg{margin-right:var(--spacer-3)}&:nth-child(2),&:nth-child(3){&:after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;@include border-radius(2px);background-color:$color-border}}}}}}.showcase-container{display:grid;gap:calc(var(--gutter) * 2);{% set showcaseRepeatColumns=theme.settings.showcase_repeat_columns %}{% if showcaseRepeatColumns==2 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==3 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==4 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==5 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% endif %}&.quintuple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.dual-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&.single-sorting{grid-template-columns:minmax(0,1fr)}@include max($lg){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);&.quintuple-sorting,&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@include max($md){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&.quintuple-sorting,&.quadruple-sorting,&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}.block-item{margin-bottom:var(--spacer-6);padding:var(--spacer-4);border:1px solid $color-border;border-radius:$border-radius;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.block-item-title{display:flex;align-items:center;justify-content:space-between;color:$color-text;@include heading-type-3;padding-bottom:var(--spacer-4);>i{display:none;@include max($sm){display:block}}}&[data-type="filter-product-groups"]{padding:0;border:none;.block-item-title{padding:var(--spacer-3);margin-bottom:var(--spacer-6)}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}@include max($md){.block-item{display:none;.block-item-title{padding-bottom:0}&[data-type="filter-product-groups"]{display:block;margin-bottom:0;border:none;.block-item-title{display:none}.block-item-content{display:block;padding:0}}&[data-type="product-groups"]{display:none}&[data-type=member-menu]{display:block;.block-item-title{cursor:pointer;i{display:block}}.block-item-content{display:none}&.active{.block-item-content{display:block}}}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:var(--spacer-4);transition:$transition;overflow-y:auto;-webkit-overflow-scrolling:touch;@include max($sm){padding:28px var(--spacer-8) var(--spacer-8)}}.horizontal-filter-menu{.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0!important}}#filter-wrapper{margin-bottom:var(--spacer-8);.filter-wrapper-content{#sorting-options{display:none}}&.has-sorting-option:not(.has-filter-option){.filter-wrapper-header{.filter-options-title{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){.filter-menu-overlay,.filter-wrapper-header{display:none!important}}.filter-menu{@include max($md){padding-top:32px;.openbox-close{position:absolute;right:0;top:0;z-index:1;width:28px;height:28px;background-repeat:no-repeat;background-position:center center;background-size:55%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.884 6.706L16 14.59L8.11599 6.706C7.92637 6.53248 7.67711 6.43881 7.42014 6.44451C7.16317 6.4502 6.9183 6.55482 6.73655 6.73657C6.5548 6.91832 6.45019 7.16318 6.44449 7.42015C6.4388 7.67712 6.53247 7.92638 6.70599 8.116L14.586 16L6.70399 23.882C6.60769 23.9738 6.53072 24.0839 6.47758 24.2058C6.42445 24.3278 6.39622 24.4591 6.39458 24.5921C6.39293 24.7251 6.41789 24.8571 6.46799 24.9803C6.51809 25.1036 6.59232 25.2155 6.68631 25.3097C6.7803 25.4038 6.89216 25.4782 7.01532 25.5284C7.13847 25.5787 7.27043 25.6039 7.40345 25.6024C7.53646 25.601 7.66784 25.5729 7.78986 25.52C7.91188 25.467 8.02208 25.3902 8.11399 25.294L16 17.412L23.884 25.296C24.0736 25.4695 24.3229 25.5632 24.5798 25.5575C24.8368 25.5518 25.0817 25.4472 25.2634 25.2654C25.4452 25.0837 25.5498 24.8388 25.5555 24.5819C25.5612 24.3249 25.4675 24.0756 25.294 23.886L17.41 16.002L25.294 8.116C25.3903 8.02423 25.4673 7.91414 25.5204 7.79219C25.5735 7.67025 25.6018 7.53891 25.6034 7.4059C25.6051 7.27289 25.5801 7.14089 25.53 7.01766C25.4799 6.89444 25.4057 6.78247 25.3117 6.68835C25.2177 6.59422 25.1058 6.51983 24.9827 6.46956C24.8595 6.41929 24.7275 6.39414 24.5945 6.3956C24.4615 6.39706 24.3301 6.42509 24.2081 6.47805C24.0861 6.53102 23.9759 6.60784 23.884 6.704V6.706Z' fill='black'/%3E%3C/svg%3E")}}.filter-menu-box{padding:var(--spacer-3);border:1px solid $color-border;border-radius:$border-radius;margin-bottom:var(--spacer-6)}.filter-menu-category{.filter-menu-category-title{display:flex;align-items:center;justify-content:space-between;padding:var(--spacer-3) 0;@include heading-type-2;color:$color-text;border:none;border-bottom:1px solid $color-border;background-color:#fff0;margin-bottom:var(--spacer-2);&:after{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3535 8.35372L6.35354 13.3537C6.30708 13.4002 6.25193 13.437 6.19124 13.4622C6.13054 13.4873 6.06549 13.5003 5.99979 13.5003C5.93409 13.5003 5.86904 13.4873 5.80834 13.4622C5.74764 13.437 5.69249 13.4002 5.64604 13.3537C5.59958 13.3073 5.56273 13.2521 5.53759 13.1914C5.51245 13.1307 5.49951 13.0657 5.49951 13C5.49951 12.9343 5.51245 12.8692 5.53759 12.8085C5.56273 12.7478 5.59958 12.6927 5.64604 12.6462L10.2929 7.99997L5.64604 3.35372C5.55222 3.2599 5.49951 3.13265 5.49951 2.99997C5.49951 2.86729 5.55222 2.74004 5.64604 2.64622C5.73986 2.5524 5.86711 2.49969 5.99979 2.49969C6.13247 2.49969 6.25972 2.5524 6.35354 2.64622L11.3535 7.64622C11.4 7.69266 11.4369 7.7478 11.4621 7.8085C11.4872 7.8692 11.5002 7.93427 11.5002 7.99997C11.5002 8.06568 11.4872 8.13074 11.4621 8.19144C11.4369 8.25214 11.4 8.30729 11.3535 8.35372Z' fill='%23363232'/%3E%3C/svg%3E");background-size:16px}i{display:none}}.filter-menu-category-content{padding:0;border-bottom:none;margin-bottom:var(--spacer-2);a{@include heading-type-1;color:$color-text;padding:var(--spacer-3);transition:$transition;&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{a{justify-content:flex-start;@include heading-type-2;color:$color-text;padding:var(--spacer-4) var(--spacer-6);background-color:$color-background;border-radius:$border-radius;transition:$transition;i{@include center;width:20px;height:20px;color:$color-text;font-size:var(--font-size-16)}}}}.filter-menu-groups{.filter-menu-group-title{padding:var(--spacer-3) 0;@include heading-type-2;color:$color-text;border:none;border-bottom:1px solid $color-border;background-color:#fff0;margin-bottom:var(--spacer-2)}.filter-menu-group-content{padding:0;label{line-height:20px;color:$color-text;font-size:var(--font-size-12);font-weight:600;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-12);font-weight:600;padding-left:32px;&:before{width:20px;height:20px;border:2px solid $color-text;@include border-radius(2px)}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}.scrollbar-inner{max-height:200px!important;>.scroll-element{box-sizing:border-box;div{box-sizing:border-box}.scroll-element_track{background-color:$color-border}.scroll-bar{background-color:darken($color-border,10%)}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;@include border-radius($border-radius)}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary}}}}}}.filter-menu-selected-items{padding:0;.filter-menu-selected-items-title{padding:var(--spacer-3);@include heading-type-2;background-color:#fff0;color:$color-text;border:none;border-bottom:1px solid $color-border}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{padding:var(--spacer-3);margin-bottom:0;.filter-menu-selected-group-title{@include heading-type-1;color:$color-text;margin-bottom:var(--spacer-2)}.filter-menu-selected-group-content{.filter-menu-selected-item{a{@include heading-type-1;color:$color-text;padding:var(--spacer-3);border-radius:$border-radius;background:$color-white;border:1px solid $color-border;i{font-size:0;width:24px;height:24px;background-image:url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3H4.5C4.10218 3 3.72064 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21H19.5C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V4.5C21 4.10218 20.842 3.72064 20.5607 3.43934C20.2794 3.15804 19.8978 3 19.5 3ZM19.5 19.5H4.5V4.5H19.5V19.5ZM15.5306 9.53063L13.0603 12L15.5306 14.4694C15.6003 14.5391 15.6556 14.6218 15.6933 14.7128C15.731 14.8039 15.7504 14.9015 15.7504 15C15.7504 15.0985 15.731 15.1961 15.6933 15.2872C15.6556 15.3782 15.6003 15.4609 15.5306 15.5306C15.4609 15.6003 15.3782 15.6556 15.2872 15.6933C15.1961 15.731 15.0985 15.7504 15 15.7504C14.9015 15.7504 14.8039 15.731 14.7128 15.6933C14.6218 15.6556 14.5391 15.6003 14.4694 15.5306L12 13.0603L9.53063 15.5306C9.46094 15.6003 9.37822 15.6556 9.28717 15.6933C9.19613 15.731 9.09855 15.7504 9 15.7504C8.90145 15.7504 8.80387 15.731 8.71283 15.6933C8.62178 15.6556 8.53906 15.6003 8.46937 15.5306C8.39969 15.4609 8.34442 15.3782 8.3067 15.2872C8.26899 15.1961 8.24958 15.0985 8.24958 15C8.24958 14.9015 8.26899 14.8039 8.3067 14.7128C8.34442 14.6218 8.39969 14.5391 8.46937 14.4694L10.9397 12L8.46937 9.53063C8.32864 9.38989 8.24958 9.19902 8.24958 9C8.24958 8.80098 8.32864 8.61011 8.46937 8.46937C8.61011 8.32864 8.80098 8.24958 9 8.24958C9.19902 8.24958 9.38989 8.32864 9.53063 8.46937L12 10.9397L14.4694 8.46937C14.5391 8.39969 14.6218 8.34442 14.7128 8.3067C14.8039 8.26899 14.9015 8.24958 15 8.24958C15.0985 8.24958 15.1961 8.26899 15.2872 8.3067C15.3782 8.34442 15.4609 8.39969 15.5306 8.46937C15.6003 8.53906 15.6556 8.62178 15.6933 8.71283C15.731 8.80387 15.7504 8.90145 15.7504 9C15.7504 9.09855 15.731 9.19613 15.6933 9.28717C15.6556 9.37822 15.6003 9.46094 15.5306 9.53063Z' fill='%230087A7'/%3E%3C/svg%3E")}}}}}}}}.horizontal-filter-menu{margin-bottom:var(--spacer-5);@include max($md){.openbox-close{position:absolute;right:0;top:0;z-index:1;width:28px;height:28px;background-repeat:no-repeat;background-position:center center;background-size:55%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.884 6.706L16 14.59L8.11599 6.706C7.92637 6.53248 7.67711 6.43881 7.42014 6.44451C7.16317 6.4502 6.9183 6.55482 6.73655 6.73657C6.5548 6.91832 6.45019 7.16318 6.44449 7.42015C6.4388 7.67712 6.53247 7.92638 6.70599 8.116L14.586 16L6.70399 23.882C6.60769 23.9738 6.53072 24.0839 6.47758 24.2058C6.42445 24.3278 6.39622 24.4591 6.39458 24.5921C6.39293 24.7251 6.41789 24.8571 6.46799 24.9803C6.51809 25.1036 6.59232 25.2155 6.68631 25.3097C6.7803 25.4038 6.89216 25.4782 7.01532 25.5284C7.13847 25.5787 7.27043 25.6039 7.40345 25.6024C7.53646 25.601 7.66784 25.5729 7.78986 25.52C7.91188 25.467 8.02208 25.3902 8.11399 25.294L16 17.412L23.884 25.296C24.0736 25.4695 24.3229 25.5632 24.5798 25.5575C24.8368 25.5518 25.0817 25.4472 25.2634 25.2654C25.4452 25.0837 25.5498 24.8388 25.5555 24.5819C25.5612 24.3249 25.4675 24.0756 25.294 23.886L17.41 16.002L25.294 8.116C25.3903 8.02423 25.4673 7.91414 25.5204 7.79219C25.5735 7.67025 25.6018 7.53891 25.6034 7.4059C25.6051 7.27289 25.5801 7.14089 25.53 7.01766C25.4799 6.89444 25.4057 6.78247 25.3117 6.68835C25.2177 6.59422 25.1058 6.51983 24.9827 6.46956C24.8595 6.41929 24.7275 6.39414 24.5945 6.3956C24.4615 6.39706 24.3301 6.42509 24.2081 6.47805C24.0861 6.53102 23.9759 6.60784 23.884 6.704V6.706Z' fill='black'/%3E%3C/svg%3E")}}.horizontal-filter-menu-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5);@include max($md){display:none}}.horizontal-filter-menu-content{padding:var(--spacer-4);padding-bottom:0;margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($md){display:flex;flex-direction:column-reverse;padding:0;border:none}}.filter-menu-groups-wrapper{@include min($md){display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter))}@include max($md){padding:var(--spacer-4);border:1px solid $color-border}}.filter-menu-groups{padding-right:var(--gutter);padding-left:var(--gutter);@include max($md){flex:0 0 100%;padding:0}.filter-menu-group-selectbox{position:relative;margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;justify-content:space-between;height:44px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:4px 4px 4px 16px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;span{padding-right:16px}@include max($md){height:auto;font-size:var(--font-size-16);font-weight:600;pointer-events:none;padding:4px 0 12px;border:none;border-bottom:1px solid $color-border;svg{display:none}}}.filter-menu-group-selectbox-content{position:absolute;top:calc(100% - 1px);left:0;z-index:101;overflow:auto;display:none;width:220px;max-height:174px;padding:var(--spacer-4);background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;@include max($md){max-height:178px;padding-bottom:0}&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}@include max($md){position:static;top:0;display:block;width:100%;padding-left:0;border:none;border-radius:0;margin-top:var(--spacer-4)}>div>a{position:relative;display:block;line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;margin-bottom:var(--spacer-5);transition:$transition;span{color:$color-sub-text;padding-left:4px}&:last-child{margin-bottom:0}&:after{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;transition:$transition}&:before{content:'';position:absolute;left:7px;top:2px;z-index:1;opacity:0;visibility:hidden;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg);transition:$transition}&:hover,&.checked{color:$color-primary;span{color:$color-primary}&:after{border-color:$color-primary}&:before{opacity:1;visibility:visible}}}}>a.active+.filter-menu-group-selectbox-content{display:block}}}.filter-menu-selected-items{@include min($md){display:flex;align-items:center;flex-wrap:wrap;>div{margin-right:var(--spacer-4);&:last-child{margin-right:0}}}@include max($md){display:flex;flex-direction:column;>div{margin-bottom:var(--spacer-4);&.clear-filters{order:1}&.filter-menu-selected-group{order:2}}}.filter-menu-selected-group{@include min($md){display:flex;align-items:center;flex-wrap:wrap}.filter-menu-selected-item{@include min($md){margin-bottom:var(--spacer-4);margin-right:var(--spacer-4);&:last-child{margin-right:0}}@include max($md){margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}}a{display:flex;align-items:center;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;transition:$transition;svg{path{transition:$transition}}span{position:relative;margin:0 12px;&:after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-51%);width:0;height:1px;margin:0 auto;background-color:$color-primary;transition:$transition}}i{@include center;width:34px;height:34px;background-color:$color-background;border-right:1px solid $color-border}&:hover{color:$color-primary;svg{path{stroke:$color-primary}}span{&:after{width:100%}}}}}}.clear-filters{margin-left:var(--spacer-2);margin-bottom:var(--spacer-4);@include max($md){display:flex;align-items:center;justify-content:space-between}>span{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;@include min($md){display:none}}@include max($md){margin-left:0}a{display:flex;align-items:center;height:36px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}@include max($md){color:$color-primary;font-weight:600}}}}}#sorting-options{margin-bottom:var(--spacer-5);select.form-control:not([size]):not([multiple]),select:not([size]){height:45px;color:$color-text;font-size:var(--font-size-13);cursor:pointer;padding:4px 40px 4px 12px;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.record-count{line-height:20px;color:$color-text;font-size:var(--font-size-13)}.checkbox-custom{line-height:20px;input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-13);font-weight:400;padding-left:30px;&:before{width:20px;height:20px;border:2px solid $color-text;@include border-radius(2px)}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}.row{align-items:center}}.product-category-and-brand-list{margin-bottom:var(--spacer-4);.product-category-and-brand-list-header{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5)}.product-category-and-brand-list-content{padding:var(--spacer-4) var(--spacer-4) 0;background-color:$color-white;border:1px solid $color-border;border-radius:$border-radius;>div{display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));>div{flex:0 0 auto;max-width:none;padding-right:var(--gutter);padding-left:var(--gutter);margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;height:40px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:0 var(--spacer-5);background-color:$color-white;border:1px solid $color-border;transition:$transition;border-radius:$border-radius;span{color:$color-sub-text;font-weight:500}&:hover{border-color:$color-primary;background-color:$color-white}}}&.product-category-and-brand-list-content-image{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));>div{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);padding-right:var(--gutter);padding-left:var(--gutter);@include max($lg){flex:0 0 calc(100% / 5);max-width:calc(100% / 5)}@include max($md){flex:0 0 calc(100% / 4);max-width:calc(100% / 4)}@include max($sm){flex:0 0 calc(100% / 3);max-width:calc(100% / 3)}@include max($xxs){flex:0 0 calc(100% / 2);max-width:calc(100% / 2)}>a{display:block;height:100%;text-align:center;padding:var(--spacer-3);.product-list-image{position:relative;overflow:hidden;aspect-ratio:$aspect-ratio;margin-bottom:var(--spacer-3);@include imgcenter}}}}{% if theme.settings.display_category_brands_logo_mobile %}@include max($lg){flex-wrap:nowrap;overflow-x:auto}&.product-category-and-brand-list-content-image{>div{@include max($lg){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($md){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($sm){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}@include max($xxs){flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}}{% endif %}}}}.cascade-menu{.parent-item{a.selected-item{color:$color-primary}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:160px}}}.paginate-wrapper{position:relative;padding:var(--spacer-16) 0 0;.paginate{display:flex;justify-content:center;gap:var(--spacer-6);@include max($md){justify-content:space-between}a{@include center;width:52px;height:52px;@include heading-type-3;color:$color-sub-text;border:1px solid $color-sub-text;@include border-radius(6px);@include max($md){width:24px;height:24px;background-size:8px}}.paginate-content{display:flex;gap:var(--spacer-6)}.paginate-left{a{background-image:url("data:image/svg+xml, %3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.53073 15.9693C9.60041 16.039 9.65568 16.1217 9.6934 16.2128C9.73111 16.3038 9.75052 16.4014 9.75052 16.4999C9.75052 16.5985 9.73111 16.6961 9.6934 16.7871C9.65568 16.8781 9.60041 16.9609 9.53073 17.0306C9.46104 17.1002 9.37832 17.1555 9.28727 17.1932C9.19623 17.2309 9.09865 17.2503 9.0001 17.2503C8.90156 17.2503 8.80397 17.2309 8.71293 17.1932C8.62188 17.1555 8.53916 17.1002 8.46948 17.0306L0.969476 9.53055C0.899744 9.4609 0.844425 9.37818 0.806682 9.28713C0.768939 9.19609 0.749512 9.09849 0.749512 8.99993C0.749512 8.90137 0.768939 8.80377 0.806682 8.71272C0.844425 8.62167 0.899744 8.53896 0.969476 8.4693L8.46948 0.969304C8.61021 0.828573 8.80108 0.749512 9.0001 0.749512C9.19912 0.749512 9.39 0.828573 9.53073 0.969304C9.67146 1.11003 9.75052 1.30091 9.75052 1.49993C9.75052 1.69895 9.67146 1.88982 9.53073 2.03055L2.56041 8.99993L9.53073 15.9693Z' fill='%237A7474'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;border:none;i{display:none}}}.paginate-right{a{background-image:url("data:image/svg+xml, %3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.03055 9.53055L1.53055 17.0306C1.46087 17.1002 1.37815 17.1555 1.2871 17.1932C1.19606 17.2309 1.09847 17.2503 0.999929 17.2503C0.901383 17.2503 0.803801 17.2309 0.712756 17.1932C0.621712 17.1555 0.538986 17.1002 0.469303 17.0306C0.399621 16.9609 0.344345 16.8781 0.306633 16.7871C0.268921 16.6961 0.249512 16.5985 0.249512 16.4999C0.249512 16.4014 0.268921 16.3038 0.306633 16.2128C0.344345 16.1217 0.399621 16.039 0.469303 15.9693L7.43962 8.99993L0.469303 2.03055C0.328573 1.88982 0.249512 1.69895 0.249512 1.49993C0.249512 1.30091 0.328573 1.11003 0.469303 0.969304C0.610034 0.828573 0.800906 0.749512 0.999929 0.749512C1.19895 0.749512 1.38982 0.828573 1.53055 0.969304L9.03055 8.4693C9.10029 8.53896 9.15561 8.62167 9.19335 8.71272C9.23109 8.80377 9.25052 8.90137 9.25052 8.99993C9.25052 9.09849 9.23109 9.19609 9.19335 9.28713C9.15561 9.37818 9.10029 9.4609 9.03055 9.53055Z' fill='%237A7474'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;border:none;i{display:none}}}.paginate-element-active{background-color:$color-primary;border-color:$color-primary;color:$color-white}}}#breadcrumbs{margin-bottom:var(--spacer-3);padding-bottom:var(--spacer-3);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory}ol{display:flex;align-items:center;padding:0;margin:0;li{i{font-size:0;padding:var(--spacer-2);&:before{content:'';display:block;width:16px;height:16px;background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8535 3.85375L3.85354 12.8538C3.75972 12.9476 3.63247 13.0003 3.49979 13.0003C3.36711 13.0003 3.23986 12.9476 3.14604 12.8538C3.05222 12.7599 2.99951 12.6327 2.99951 12.5C2.99951 12.3673 3.05222 12.2401 3.14604 12.1463L12.146 3.14625C12.2399 3.05243 12.3671 2.99973 12.4998 2.99973C12.6325 2.99973 12.7597 3.05243 12.8535 3.14625C12.9474 3.24007 13.0001 3.36732 13.0001 3.5C13.0001 3.63269 12.9474 3.75993 12.8535 3.85375Z' fill='%237A7474'/%3E%3C/svg%3E")}}span{display:flex;align-items:center;white-space:nowrap;line-height:20px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:700;span{padding:var(--spacer-1) var(--spacer-2)}}a{color:$color-sub-text}&:first-child{span{span{font-weight:500;&:before{content:"";width:16px;height:16px;margin-right:var(--spacer-2);background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6769 6.48563L8.67688 1.76813C8.67443 1.766 8.67213 1.7637 8.67 1.76126C8.48591 1.59384 8.24602 1.50107 7.99719 1.50107C7.74836 1.50107 7.50846 1.59384 7.32438 1.76126L7.3175 1.76813L2.32312 6.48563C2.22125 6.57931 2.13993 6.69312 2.08431 6.81985C2.02869 6.94658 1.99998 7.08348 2 7.22188V13C2 13.2652 2.10536 13.5196 2.29289 13.7071C2.48043 13.8946 2.73478 14 3 14H6C6.26522 14 6.51957 13.8946 6.70711 13.7071C6.89464 13.5196 7 13.2652 7 13V10H9V13C9 13.2652 9.10536 13.5196 9.29289 13.7071C9.48043 13.8946 9.73478 14 10 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13V7.22188C14 7.08348 13.9713 6.94658 13.9157 6.81985C13.8601 6.69312 13.7788 6.57931 13.6769 6.48563ZM13 13H10V10C10 9.73479 9.89464 9.48043 9.70711 9.2929C9.51957 9.10536 9.26522 9.00001 9 9.00001H7C6.73478 9.00001 6.48043 9.10536 6.29289 9.2929C6.10536 9.48043 6 9.73479 6 10V13H3V7.22188L3.00688 7.21563L8 2.50001L12.9937 7.21438L13.0006 7.22063L13 13Z' fill='%237A7474'/%3E%3C/svg%3E")}}}}&:last-child{span{span{color:$color-text}i{&:before{background-image:url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8535 3.85375L3.85354 12.8538C3.75972 12.9476 3.63247 13.0003 3.49979 13.0003C3.36711 13.0003 3.23986 12.9476 3.14604 12.8538C3.05222 12.7599 2.99951 12.6327 2.99951 12.5C2.99951 12.3673 3.05222 12.2401 3.14604 12.1463L12.146 3.14625C12.2399 3.05243 12.3671 2.99973 12.4998 2.99973C12.6325 2.99973 12.7597 3.05243 12.8535 3.14625C12.9474 3.24007 13.0001 3.36732 13.0001 3.5C13.0001 3.63269 12.9474 3.75993 12.8535 3.85375Z' fill='%23363232'/%3E%3C/svg%3E")}}}}}}}.product-left,.product-right{margin-bottom:var(--spacer-12);@include max($md){&.product-left{margin-bottom:var(--spacer-3)}}}.product-image{position:relative;overflow:hidden;border-radius:$border-radius;#product-primary-image{position:relative;aspect-ratio:$aspect-ratio;@include imgcenter}}#product-thumb-image{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{>a{position:relative;display:block;overflow:hidden;aspect-ratio:$aspect-ratio;border:1px solid $color-border;border-radius:$border-radius;margin-bottom:var(--spacer-3);@include imgcenter;&.zoomGalleryActive{border-color:$color-primary}}}}.product-title{margin-bottom:var(--spacer-2);h1{color:$color-text;@include text-type-6;margin-bottom:0}}.product-stock-code{display:flex;align-items:center;gap:2px;@include text-type-1;color:$color-sub-text;margin-bottom:var(--spacer-6)}.product-discount-label{@include heading-type-2;color:$color-third;margin-bottom:var(--spacer-2)}.product-price{display:flex;align-items:center;gap:var(--spacer-2);margin-bottom:var(--spacer-6);.product-price-new{color:$color-text;@include heading-type-4}.product-price-old{color:$color-sub-text;font-size:var(--font-size-18);font-weight:500;text-decoration:line-through}}.product-list-container{margin-bottom:var(--spacer-6);.product-list-row{display:flex;align-items:baseline;font-size:var(--font-size-13);padding:2px 0;a{color:$color-sub-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:20%;color:$color-text;@include max($sm){width:30%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$color-sub-text;&:before{content:':';color:$color-text;margin-right:16px}}}}.product-options{.variant-group-title{display:block;color:$color-text;font-size:var(--font-size-14);font-weight:600;margin-bottom:var(--spacer-3)}select.form-control:not([size]):not([multiple]),select:not([size]){height:44px;color:$color-text;font-size:var(--font-size-12);font-weight:300;cursor:pointer;padding:6px 28px 6px 20px;border:1px solid $color-border;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A");background-size:36px;background-position:right center;border-radius:$border-radius}.variant-plural{margin-bottom:var(--spacer-4)}}.variant-select{margin-bottom:var(--spacer-8);.variant-list{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}select{width:50%!important;@include max($xs){width:100%!important}}}}.variant-plural{.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap}span{position:relative;flex:0 0 auto;cursor:pointer;padding:7px 10px;margin:0 var(--spacer-4) var(--spacer-4) 0;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-text}&.variant-selected{&:before{content:'\f00c';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;color:$color-white;font-size:9px;font-weight:900;font-family:"Font Awesome 5 Free";padding-top:1px;background-color:$color-primary;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-image{max-width:32px;max-height:32px;padding:0;border:none;&:hover,&.variant-selected{border:none}&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{margin-bottom:var(--spacer-4);.radio-custom{margin-bottom:var(--spacer-4)}}.product-cart-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-6);margin-bottom:var(--spacer-4);>div{flex:1 0 0%;max-width:none;&.product-qty{flex:0 0 124px;max-width:124px}&.product-favorites{flex:0 0 74px;max-width:74px}}@include max($sm){>div{&.product-qty{flex:0 0 100%;max-width:100%}}}}.product-qty{position:relative;height:46px;@include max($lg){width:100%}@include max($md){width:100px}>a{position:absolute;top:0;z-index:1;display:flex;align-items:center;width:36px;height:100%;&.product-qty-minus{left:0;justify-content:flex-end}&.product-qty-plus{right:0}}input{width:100%;height:100%;color:$color-sub-text;@include line-rule(12);font-weight:600;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius}select.form-control:not([size]):not([multiple]),select:not([size]){height:100%;color:$color-sub-text;@include line-rule(12);font-weight:600;cursor:pointer;padding:6px 36px 6px 12px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z' fill='black'/%3E%3C/svg%3E%0A");background-size:16px}}.product-delivery-time{margin-bottom:var(--spacer-4);>span{@include center;height:46px;@include line-rule(14);font-weight:700;text-align:center;color:$color-white;background-color:$color-youtube;padding:0 var(--spacer-4);transition:$transition;border-radius:$border-radius}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.remind-me-button{@include center;height:46px;@include line-rule(14);font-weight:700;text-align:center;padding:0 var(--spacer-4);transition:$transition;border-radius:$border-radius}a.add-to-cart-button,a.remind-me-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.product-favorites{>a.add-my-favorites{display:flex;align-items:center;gap:var(--spacer-2);@include text-type-1;color:$color-text;span{&:before{content:attr(data-add-to-favorites)}}.product-icon-favori-add{display:none}&.favorite-product{span{&:before{content:attr(data-favorite-product)}}.product-icon-favori{display:none}.product-icon-favori-add{display:block}}}}#product-user-buttons{display:flex;flex-wrap:wrap;>div{margin:0 var(--spacer-6) var(--spacer-6) 0;&:last-child{margin-right:0}>a{display:flex;align-items:center;gap:var(--spacer-2);@include text-type-2;color:$color-text;transition:$transition;@include svg;@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}}}}.product-social{position:relative;>a{@include svg;@include min($lg){&:hover{color:$color-primary!important;@include svghover($color-primary)}}&.active{color:$color-primary!important;@include svghover($color-primary)}}.product-social-content{position:absolute;top:125%;left:var(--gutter);z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;border:1px solid $color-border;border-radius:$border-radius;>div{>div{margin-bottom:5px;&:last-child{margin-bottom:0}>a{@include center;width:26px;height:26px;@include border-radius(50%);svg{path{fill:$color-white!important}}&.product-social-facebook{background-color:#3b5998}&.product-social-twitter{background-color:#1da1f2}&.product-social-pinterest{background-color:#bd081c}&.product-social-whatsapp{background-color:#128c7e}}}}}}.product-detail-tab{margin-bottom:var(--spacer-16);.product-detail-tab-header{align-items:center;[data-tab-index]{flex:1 0 0%;>a{@include center;height:58px;@include text-type-5;color:$color-sub-text;white-space:nowrap;border-bottom:1px solid $color-border;transition:$transition}&.active{>a{color:$color-text;border-bottom-color:$color-primary}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-6) 0 0}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}}@include max($lg){.product-detail-tab-header{overflow-x:auto;scroll-snap-type:x mandatory}}@include max($sm){.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-6);[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:40px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:0 var(--spacer-6);background-color:$color-background;border-radius:$border-radius;&:after{content:'\f078';font-weight:900;font-size:var(--font-size-16);font-family:"Font Awesome 5 Free";transition:$transition}}}[data-tab-content]{height:0!important;overflow:hidden!important;>div{padding:var(--spacer-6);margin-top:var(--spacer-6);border:1px solid $color-border;border-radius:$border-radius;overflow:auto}}&.active{[data-tab-index]{>a{color:$color-white;background-color:$color-primary;&:after{transform:rotate(-180deg)}}}[data-tab-content]{&.active{height:auto!important;overflow:visible!important}}}}}}}.product-customization{padding:var(--spacer-8) 0 var(--spacer-3);margin:var(--spacer-8) 0;border-top:1px solid $color-border;border-bottom:1px solid $color-border;.product-customization-group{.product-customization-group-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.product-customization-field{.form-group{.control-label{color:$color-text;@include line-rule(12);font-weight:600;margin-bottom:0;@include max($sm){margin-bottom:var(--spacer-3)}}}}}.form-control{height:44px;border:1px solid $color-border;border-radius:$border-radius}textarea.form-control{height:120px}.form-group select.form-control:not([size]):not([multiple]),.form-group select:not([size]){height:44px;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.form-horizontal .form-question{top:5px;right:-4px;width:15px;height:15px;border-radius:100%}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}:root{--gutter:#{$gutter};{% for i in 1..40 %}--spacer-{{i}}:{{i*4}}px;{% endfor %}{% for i in 10..120 %}--font-size-{{i}}:{{i}}px;{% endfor %}}@include max($lg){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*3}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(2.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.95)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.9)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.65)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}}}@include max($sm){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(1.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*1}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.85)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.7)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.45)}}px;{% endfor %}}}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}.footer-fixed-wrapper>.fixed-instagram,.footer-fixed-wrapper>.fixed-phone{display:none!important}.footer-fixed-wrapper{position:fixed;bottom:var(--spacer-10);right:var(--spacer-10);@include center;gap:var(--spacer-5);flex-direction:column;z-index:9999;>div{&.fixed-whatsapp{>a{background-color:$color-whatsapp}}>a{@include center;height:48px;width:48px;border-radius:100%;@include svghover($color-white)}}}.product-banner-wrapper{margin-bottom:var(--spacer-4);.product-banner{>a{@include center;gap:var(--spacer-4);color:$color-text;border:1px solid $color-border;padding:var(--spacer-2) var(--spacer-4);.theme-banner-image{flex:0 0 100px}.theme-banner-title{flex:1 0 0%;.section-title{display:block;@include line-rule(14);font-weight:600}}}img{width:100%;height:50px;object-fit:contain;display:block}}}.product-banner img[src*="product_single_banner_image_1"]{width:100%!important;height:80px!important;object-fit:contain!important;display:block}.product-banner{margin-bottom:var(--spacer-4)}body{&.user-menu-content-active{.user-menu-content{right:0}}&.user-menu-welcome-active{.user-menu-welcome{right:0}}&.user-menu-content-active,&.user-menu-welcome-active{overflow:hidden;@include max($sm){position:fixed;left:-320px;overflow:hidden;height:100%;width:100%}@include max($xxxs){left:-280px}}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:1001;overflow-y:auto;padding:var(--spacer-9) var(--spacer-10);background-color:#fff;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.user-menu-content-top{padding-bottom:var(--spacer-7);margin-bottom:var(--spacer-7);border-bottom:1px solid $color-border}.user-menu-title{line-height:28px;color:$color-text;font-size:var(--font-size-20);font-weight:600;margin-bottom:var(--spacer-3)}.user-menu-subtitle{line-height:20px;font-size:var(--font-size-16);margin-bottom:var(--spacer-5)}.user-menu-input{margin-bottom:var(--spacer-5);input{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4);border:1px solid $color-border;background-color:#fff;&::placeholder{color:$color-text;opacity:1}}}.user-menu-remember{input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}input[type=checkbox]:checked+label:before{background-image:none;border-color:$color-border;background-color:$color-white}}.user-menu-remember,.user-menu-forgot-pass{margin-bottom:var(--spacer-7)}.user-menu-forgot-pass{display:block;color:$color-text;font-size:var(--font-size-14);text-align:right}.user-menu-button{margin-bottom:var(--spacer-5);.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:44px}&.btn-facebook{color:#485a96!important;background:#fff!important;border:1px solid #485a96;transition:$transition;&:hover{color:#fff!important;background:#485a96!important}}&.btn-google{color:#4285f4!important;background:#fff!important;border:1px solid #4285f4;transition:$transition;&:hover{color:#fff!important;background:#4285f4!important}}}}.btn-user-menu-signup{color:#fff;background-color:$color-text}.user-menu-profile-list{>a{display:flex;align-items:center;height:48px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:0 var(--spacer-4);margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;transition:$transition;&:hover{color:$color-white;border-color:$color-primary;background-color:$color-primary}}}}body{&.cart-content-active{overflow:hidden;.cart-content{right:0}@include max($sm){position:fixed;left:-320px;height:100%;width:100%}@include max($xxxs){left:-280px}}}.cart-content{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:1001;background-color:$color-white;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.cart-content-inside{display:flex;flex-direction:column;height:100%;>div{flex:0 0 auto;width:100%;padding:var(--spacer-5);background-color:$color-white;&.cart-content-top{position:sticky;position:-webkit-sticky;top:0;z-index:24;border-bottom:1px solid $color-border}&.cart-content-middle{overflow-y:auto;flex:1 0 0%}&.cart-content-bottom{position:sticky;position:-webkit-sticky;bottom:0;z-index:24;padding-inline:var(--spacer-10);border-top:1px solid $color-border}}}.cart-content-title{display:flex;align-items:center;justify-content:space-between;line-height:28px;color:$color-text;font-size:var(--font-size-24);font-weight:600;margin-bottom:var(--spacer-3);.cart-all-delete{color:#7A7474;@include line-rule(12);font-weight:500;cursor:pointer;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-content-sub-title{line-height:20px;font-size:var(--font-size-16);span{font-weight:700;text-decoration:underline}}.cart-list{&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}.cart-list-item{display:flex;flex-wrap:wrap;padding-bottom:var(--spacer-5);margin-bottom:var(--spacer-5);border-bottom:1px solid $color-border;&:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cart-list-item-image{flex:0 0 100px;max-width:100px;margin-right:var(--spacer-4);>a{display:block;position:relative;aspect-ratio:$aspect-ratio;@include imgcenter;border:1px solid $color-border}&.no-picture{>a{background-color:$color-border}}@include max($xxs){flex:0 0 80px;max-width:80px}}.cart-list-item-content{flex:1 0 0%;.cart-list-item-brand{margin-bottom:var(--spacer-1);a{display:inline-block;line-height:calc(var(--font-size-12) + 8px);color:$color-text;font-size:var(--font-size-12);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-title{margin-bottom:var(--spacer-2);a{overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:calc(var(--font-size-14) + 8px);color:$color-text;font-size:var(--font-size-14);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-price{line-height:calc(var(--font-size-14) + 8px);font-size:var(--font-size-14);font-weight:700;margin-bottom:var(--spacer-2);@include max($xxs){overflow:hidden;height:20px}.cart-list-item-amount{font-weight:400;font-size:var(--font-size-12)}}.cart-qty-and-delete{display:flex;align-items:center;gap:var(--spacer-4);padding-right:var(--spacer-16);.cart-list-item-delete{@include center;overflow:hidden;width:32px;height:32px;border:1px solid $color-border;background-color:$color-white;transition:$transition;svg{path{transition:$transition}}&:hover{border-color:$color-primary;background-color:$color-primary;svg{path{fill:$color-white}}}}.cart-qty{position:relative;flex:1 0 0%;height:32px;>a{position:absolute;top:0;z-index:1;@include center;width:36px;height:100%;transition:$transition;@include svg;&.cart-qty-minus{left:0}&.cart-qty-plus{right:0}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}input{width:100%;height:100%;color:$color-text;@include line-rule(16);font-weight:600;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white}&.cart-qty-disabled{opacity:.8;pointer-events:none;cursor:disabled;input{background-color:$color-border}}}}}}}.cart-content-total-price{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-5);margin-bottom:var(--spacer-5);>span{display:block;line-height:20px;font-size:var(--font-size-16)}>div{line-height:22px;font-size:var(--font-size-18);font-weight:700}}.cart-content-button{margin-bottom:var(--spacer-5)}.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.cart-button-continue{color:$color-text;border:1px solid $color-text;background-color:#fff;transition:$transition;&:hover{color:#fff;background-color:$color-text}}}.cart-content-empty{padding:var(--spacer-5);background-color:$color-white;.cart-content-empty-icon{position:relative;@include center;padding-block:var(--spacer-4);margin-block:var(--spacer-5);border-top:1px solid $color-border;border-bottom:1px solid $color-border;svg{width:40%;height:40%;opacity:.1}}}}.contentbox-header{text-align:center;margin-bottom:var(--spacer-4);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-text;@include heading-type-4;margin-bottom:0}}body[class*="checkout-page"],body[class*="current-page-cart"]{.contentbox-header{text-align:left;margin-bottom:var(--spacer-1);border-bottom:none;h4{font-size:var(--font-size-18)}}}{% if not theme.settings.detail_search_form %}.current-page-product-list-search{.contentbox-body,.contentbox-header{display:none!important}}{% endif %}.user-login-page-wrapper{position:relative;display:flex;justify-content:center;.user-login-page-container{position:relative;z-index:2;width:460px;@include max($sm){width:380px}@include max($xxs){width:330px}@include max($xxxs){width:280px}.user-login-page-logo{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--spacer-5);img{max-height:56px}}}.user-login-page-content{padding:var(--spacer-10);margin-bottom:var(--spacer-8);background-color:#fff;border:1px solid $color-border;border-radius:$border-radius}.user-login-page-title{text-align:center;margin-bottom:var(--spacer-7);span{line-height:28px;font-size:var(--font-size-24);font-weight:700}&.user-login-page-sub-title{padding-top:var(--spacer-7)}}.user-login-page-order-registration{display:flex;align-items:center;justify-content:center;height:52px;color:$color-text;font-size:var(--font-size-16);font-weight:600;text-align:center;margin-top:var(--spacer-9);background-color:rgb(220 53 69 / .3)}.user-login-page-row{position:relative;margin-bottom:var(--spacer-5);.password-toggle{position:absolute;right:var(--gutter);top:0;@include center;width:20px;height:100%;cursor:pointer;@include svghover($color-sub-text)}&.user-login-page-button-social{display:flex;align-items:center;flex-wrap:wrap;@include max($sm){display:block}>div{flex:0 0 50%;&:first-child{padding-right:var(--spacer-5)}@include max($sm){flex:0 0 100%;&:first-child{padding-right:0}}}}input.form-control{height:52px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}.btn{@include center;height:52px;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.btn-green{color:$color-white;font-weight:400;margin-bottom:var(--spacer-8);border:1px solid $color-border;background-color:$color-whatsapp}&.btn-google{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}@include max($sm){margin-bottom:var(--spacer-5)}}&.btn-facebook{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}}}.checkbox-custom,.user-login-forgot-pass{margin-bottom:var(--spacer-9)}.checkbox-custom{input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}.user-login-forgot-pass{a{display:block;color:$color-text;font-size:var(--font-size-14)}}}.signup-page-logo{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--spacer-5);img{max-height:56px}}.signup-container{width:580px;margin:0 auto var(--spacer-4);padding:var(--spacer-6) var(--spacer-10) var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($sm){width:calc(100% - 8px)}&.signup-container-information{width:100%;.information-content{border:none}}.contentbox-header{text-align:center!important;margin:0 0 var(--spacer-7)!important;padding:0!important;border:none!important;h4{line-height:28px;font-size:var(--font-size-24)!important;font-weight:700!important;margin-bottom:0!important}}.alert.alert-primary{margin-bottom:var(--spacer-5)}.form-group{margin-bottom:var(--spacer-5);&.signup-campaign-status,&.signup-agreement,&.signup-personal-data-agreement{.col-12.col-lg-4.control-label{display:none}}.col-12.col-lg-5,.col-12.col-lg-8,.col-12.col-lg-9.text-right{flex:1 0 0%;max-width:none}.col-12.col-lg-4.control-label{&+.col-6.col-lg-5{flex:1 0 0%;max-width:none}}.security-code{height:48px}input.form-control{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4);&::placeholder{opacity:.5}}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px}.form-question{top:14px!important}.btn{height:48px}.btn-group-binary{display:flex;align-items:center;justify-content:space-between;&:before,&:after{display:none}>button{flex:0 0 48%;max-width:48%;&.mr-2{margin-right:0!important}}}}.form-horizontal{.toggle-password{top:0;right:calc(var(--gutter) * 1.5);@include center;width:20px;height:48px;color:$color-sub-text;background-color:#fff0}}}