@import "mixin";@import "default";$color-primary:{{theme.settings.color_primary}};$color-secondary:{{theme.settings.color_secondary}}@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:.8;background:$color-text}@include min($lg){.container{max-width:calc(1216px + calc(2*var(--gutter)))}}.container,.container-fluid{padding-right:var(--gutter);padding-left:var(--gutter)}@include min($lg){.container-fluid{padding-right:2.5%;padding-left:2.5%}}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}&::-webkit-scrollbar{width:4px;height:2px}&::-webkit-scrollbar-track{background:$color-background}&::-webkit-scrollbar-thumb{background:$color-primary}#header{@include min($lg){position:relative;z-index:100}.header-middle{padding-block:var(--spacer-2);@include max($lg){padding-block:var(--spacer-6)}}background-color:$color-background;.header-bottom{padding:var(--spacer-2) 0;background-color:$color-primary}}.header-middle-left{display:flex;align-items:center;gap:0 var(--spacer-3);>div{>a{@include center;width:32px;height:32px;@include border-radius(4px);background-color:$color-secondary}}}body{.search-content{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:101;display:none;width:50%;height:96px;@include max($lg){width:80%}@include max($sm){width:92%}form{position:relative;input{width:100%;height:96px;color:$color-white;font-size:var(--font-size-36);font-weight:400;padding:8px 40px 8px 0;border:none;border-bottom:4px solid $color-white;background-color:#fff0;&::placeholder{color:$color-white;opacity:1}@include max($sm){height:72px;font-size:var(--font-size-24);border-width:2px}}button{position:absolute;top:0;right:0;@include center;width:40px;height:100%;padding:0;border:none;background-color:#fff0;@include max($sm){svg{zoom:.7}}}}}&.search-content-active{.search-content{display:block}}}.search-content-overlay{opacity:.8}.logo{img{height:70px;width:auto}@include max($lg){display:flex;align-items:center;justify-content:center;img{height:50px;width:auto}}}.header-phone{>a{display:flex;align-items:center;gap:0 var(--spacer-3);color:$color-text;font-size:var(--font-size-18);font-weight:700;transition:$transition;&:hover{opacity:.75}}}ul.menu-items{@include center;justify-content:center;gap:0 var(--spacer-6);>li{position:relative;>a{display:flex;align-items:center;height:40px;color:$color-white;@include text-type-2;font-size:var(--font-size-14);font-weight:500;padding:0 var(--spacer-2);transition:$transition;&:hover{color:$color-red;opacity:.75}}}}.search{form{position:relative;.search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%)}input{width:100%;height:48px;color:$color-text;@include text-type-2;@include border-radius(12px);border:1px solid $color-fourth;transition:$transition;padding:6px 80px 6px 44px;&::placeholder{color:$color-sub-text;opacity:1}&:hover,&:focus{border-color:$color-primary}}button{position:absolute;top:8px;right:12px;@include center;width:56px;height:32px;color:$color-white;@include heading-type-1;border:none;@include border-radius(6px);padding:0;background-color:$color-primary;transition:$transition;@include min($lg){&:hover{background-color:$color-secondary}}}}}.header-middle-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-8)}.user-menu{>a{position:relative;display:flex;align-items:center;height:32px;color:$color-sub-text;@include heading-type-1;transition:$transition;.user-menu-svg-icon{position:relative;@include center;width:32px;height:32px;@include border-radius(4px);background-color:$color-secondary}>span{padding-left:var(--spacer-3);@include max($sm){display:none}>span{color:$color-text}}>i{position:absolute;top:-10px;left:20px;@include center;width:20px;height:20px;border-radius:100%;background-color:$color-primary;@include max($lg){top:-8px;right:0;width:16px;height:16px}}}}.cart-menu{@include center;height:48px;@include border-radius(8px);padding:0 var(--spacer-6);background-color:$color-primary;>a{@include center;color:$color-white;@include heading-type-1;gap:0 var(--spacer-3);.cart-amount{@include center;width:16px;height:16px;color:$color-white;font-size:var(--font-size-11);font-weight:400;@include border-radius(100%);background-color:$color-secondary}.cart-menu-svg-icon{@include center;width:32px;height:32px;@include border-radius(4px);background-color:$color-secondary}}@include max($xxlg){padding:0 var(--spacer-3)}@include max($md){height:32px;padding:0;>a{.cart-total-price{display:none}.cart-amount{position:absolute;top:-8px;right:8px;background-color:$color-primary}}}}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:101;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;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-apple{color:#161617cc!important;background:#fff!important;border:1px solid #161617cc;transition:$transition;&:hover{color:#fff!important;background:#161617cc!important}}}}.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:101;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:var(--aspect-ratio);@include imgcenter;border:1px solid $color-border}&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{>a{width:auto;height:auto;object-fit:contain}}@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{display:flex;align-items:center;gap:3px;line-height:calc(var(--font-size-13) + 8px);font-size:var(--font-size-13);font-weight:400;margin-bottom:var(--spacer-2);@include max($xxs){overflow:hidden;height:20px}}.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}}}}.navigation-container{display:flex;justify-content:center;>a{@include center;width:230px;height:40px;color:$color-white;@include heading-type-1;font-size:var(--font-size-14);font-weight:500;@include border-radius(4px);gap:0 var(--spacer-3);background-color:$color-secondary;transition:$transition;@include svg;@include min($lg){&:hover{color:$color-text;background-color:$color-white;@include svghover($color-text)}}}.navigation-content{position:absolute;top:100%;left:0;z-index:101;display:none;width:100%;padding:var(--spacer-8) 0;background-color:#fff}}body.navigation-content-active{.navigation-container{>a{color:$color-text;background-color:$color-white;@include svghover($color-text)}}.navigation-content{display:block}.navigation-menu-overlay{display:block}}#navigation{position:relative;.category-level-1{>ul{display:flex;flex-wrap:wrap;gap:var(--spacer-8) 0;margin-right:calc(-1*var(--spacer-4));margin-left:calc(-1*var(--spacer-4));>li{flex:0 0 calc(100% / 8);max-width:calc(100% / 8);padding-right:var(--spacer-4);padding-left:var(--spacer-4);>a{display:inline-block;color:$color-text;@include text-type-3;text-align:center;@include border-radius(6px);border:1px solid #fff0;padding:var(--spacer-4);transition:$transition;&:hover{border-color:$color-secondary;box-shadow:0 4px 12px 0 #3632321F}}&.navigation-category-image{>a{display:block;text-align:center;padding:var(--spacer-4) var(--spacer-1);>div{position:relative;width:64px;height:64px;margin:0 auto var(--spacer-2);@include imgcenter}}}&.active{>a{border-color:$color-secondary;box-shadow:0 4px 12px 0 #3632321F}}}}}.category-level-2,.category-level-3{display:none}}.category-multi-search-popup{width:100%;padding:var(--spacer-4);background-color:$color-primary;>a{@include center;height:40px;color:$color-white;@include text-type-3;text-align:center;@include border-radius(4px);background-color:$color-secondary}}.category-multi-search-popup-content{position:fixed;top:20px;left:50%;z-index:101;transform:translateX(-50%);display:none;width:96%;padding:var(--spacer-12);background-color:$color-primary;@include border-radius(4px)}body.category-multi-search-popup-content-active{.category-multi-search-popup-content{display:block}.category-multi-search-popup-menu-overlay{display:block}}.category-multi-search{select:not([size]){height:40px;color:$color-sub-text;@include heading-type-1;cursor:pointer;border:none;@include border-radius(4px);padding:4px 40px 4px 16px;background-size:16px;background-position:right 16px center;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='M3 6.94612L4.05 6L7.5 9.10816L10.95 6L12 6.94612L7.5 11L3 6.94612Z' fill='%231B1B1B'/%3E%3C/svg%3E");@include max($md){padding:4px 30px 4px 12px;background-position:right 12px center}@include max($sm){margin-bottom:var(--spacer-6)}}.btn{@include center;height:40px;color:$color-white;@include text-type-3;@include border-radius(4px);padding:0;background-color:$color-secondary!important;transition:$transition;@include min($lg){&:hover{color:$color-text!important;background-color:$color-white!important}}}}#main{padding:var(--spacer-8) 0 var(--spacer-22)}.current-page-default-entry{#main{padding:0 0 var(--spacer-12)}#footer{.footer-shopping-banners{display:none}}}.theme-slider{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;border-bottom:4px solid $color-background;@include max($lg){border:none;margin-bottom:var(--spacer-6)}}.theme-slider-item{position:relative;.theme-slider-image{img{margin:auto}}&.content{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;.theme-slider-content{.content-type-3,.content-type-4,.picture-type-5,.picture-type-6{margin-bottom:var(--spacer-4);&:only-child{margin-bottom:0}}.theme-slider-texts-wrapper{.theme-slider-title{position:relative;font-weight:700;padding-bottom:var(--spacer-3);margin-bottom:var(--spacer-6);&:before{content:'';position:absolute;left:0;bottom:0;width:var(--spacer-12);height:2px;background-color:$color-secondary}&:last-child{margin-bottom:0;&:before{display:none}}&.large{@include line-rule(32)}&.normal{@include line-rule(28)}&.small{@include line-rule(20)}}.theme-slider-sub-title{font-weight:400;margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}&.large{@include line-rule(24)}&.normal{@include line-rule(20)}&.small{@include line-rule(16)}}.theme-slider-button{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}button{font-weight:700;padding-left:var(--spacer-8);padding-right:var(--spacer-8);&.radius{border-radius:16px}&.large{font-size:var(--font-size-22);&.tube{border-radius:26px}}&.normal{font-size:var(--font-size-18);&.tube{border-radius:23px}}&.small{font-size:var(--font-size-14);&.tube{border-radius:20px}}}}}.theme-slider-picture{height:100%;@include center}}}}.slick-arrow{position:absolute;top:43%;z-index:2;transform:translateY(-43%);@include center;width:28px;height:28px;border-radius:50%;transition:$transition;background-color:$color-secondary;&:hover{background-color:$color-primary}&.slick-prev{left:var(--spacer-10)}&.slick-next{right:var(--spacer-10)}}.slick-dots{@include center;width:100%;margin-top:var(--spacer-8);@include max($md){margin-top:var(--spacer-4)}>li{margin:0 6px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;border:none;border-radius:50%;padding:0;margin-bottom:0;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}&:only-child{display:none}}}@include max($md){.theme-slider-item{&.content{.theme-slider-content{padding:80px 0!important;.content-type-1,.picture-type-2{margin-bottom:var(--spacer-4);&:only-child{margin-bottom:0}}.theme-slider-texts-wrapper{padding-left:0!important;padding-right:0!important}}}}}}.shopping-banners{@include min($lg){position:relative;z-index:2;margin-top:35px}@include max($md){margin-top:35px;{# ← bunu ekleyin #}}margin-bottom:var(--spacer-16);background-color:$color-primary;.shopping-banner{@include center;color:$color-white;gap:var(--spacer-3);padding:var(--spacer-8) 0;@include max($md){text-align:center;flex-direction:column}.shopping-banner-img{position:relative;display:block;flex:0 0 40px;width:40px;height:40px;@include imgcenter}.shopping-banner-content{.shopping-banner-title{@include text-type-3}.shopping-banner-sub-title{@include text-type-2}}}}.category-banner-wrapper{margin-top:40px;.category-banner{margin-bottom:var(--spacer-8);>a{display:block;padding:var(--spacer-7) 0;background:linear-gradient(180deg,#F1F1F1 0%,#fff0 100%)}.category-banner-image{position:relative;display:block;width:64px;height:64px;margin:0 auto;@include imgcenter}.category-banner-title{height:40px;overflow:hidden;color:$color-text;line-height:20px;font-size:var(--font-size-12);font-weight:400;text-align:center;margin-top:var(--spacer-3);transition:$transition}@include min($lg){&:hover{.category-banner-title{color:$color-secondary}}}}}.category-vertical-banner-wrapper{padding:var(--spacer-13) 0 var(--spacer-11);background-color:$color-background;@include max($lg){padding-block:var(--spacer-8);margin-bottom:var(--spacer-6)}.category-vertical-header{color:#000;@include heading-type-4;text-align:center;padding:var(--spacer-4) 0;margin-bottom:var(--spacer-12)}.category-banner{margin-bottom:var(--spacer-8);>a{display:block}.category-banner-image{position:relative;overflow:hidden;aspect-ratio:176/410;@include imgcenter;img{width:100%;transition:.4s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}@include min($lg){&:hover{.category-banner-image{img{transform:scale(1.05)}}}}}}.default-products{margin-bottom:var(--spacer-16);.products-header{text-align:center;margin-bottom:var(--spacer-12);>span{display:inline-flex;align-items:center;justify-content:center;color:#000;@include heading-type-4;border-bottom:1px solid $color-border;gap:0 var(--spacer-3);padding-block:var(--spacer-12) var(--spacer-4);>span{color:$color-secondary}}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;margin-top:-28px;transition:$transition;background-color:$color-secondary;&:hover{background-color:$color-primary}&.slick-prev{left:2px}&.slick-next{right:2px}}>.slick-dots{@include center;margin-top:var(--spacer-10);>li{margin:0 6px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;border:none;border-radius:50%;padding:0;margin-bottom:0;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}}}}}.showcase{position:relative;@include border-radius(4px);border:1px solid $color-border;transition:$transition;background-color:$color-white;.showcase-image-container{position:relative;a.showcase-label-container{.showcase-label-group{>div{position:absolute;top:var(--spacer-3);z-index:20;@include center;height:calc((var(--font-size-12) + 8px) + 8px);@include heading-type-1;text-transform:uppercase;@include border-radius(2px);padding:0 var(--spacer-2);&.new-label{left:var(--spacer-3);color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.discount-label{right:var(--spacer-3);color:{{theme.settings.color_text_discount_label}};background-color:{{theme.settings.color_background_discount_label}}}&.gift-label{top:auto;bottom:var(--spacer-3);left:var(--spacer-3);color:{{theme.settings.color_text_gift_label}};background-color:{{theme.settings.color_background_gift_label}}}}}.digital-label{position:absolute;bottom:var(--spacer-3);right:var(--spacer-3);z-index:20;@include center;height:calc((var(--font-size-12) + 8px) + 8px);@include heading-type-1;text-transform:uppercase;@include border-radius(2px);padding:0 var(--spacer-2);color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}.sold-out-label{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;@include center;background-color:rgba($color-white,.5);>span{color:$color-sub-text;@include heading-type-1;@include border-radius(2px);border:1px solid $color-border;padding:4px var(--spacer-8);background-color:$color-background}}}}.showcase-image{a{position:relative;display:block;overflow:hidden;@include border-radius(4px 4px 0 0);aspect-ratio:var(--aspect-ratio);background:$color-white;@include imgcenter;img{width:100%;height:100%;object-fit:contain;top:0;left:0;transform:none}}&.image-cover{a{img{width:100%;height:100%;object-fit:contain}}}&.no-picture{a{img{width:auto;height:auto;object-fit:contain}}}}.showcase-content{@include center;flex-direction:column;height:135px;padding:0 var(--spacer-3);margin:var(--spacer-3) 0;.showcase-brand{height:22px;margin-bottom:4px;a{overflow:hidden;display:block;color:$color-text;@include heading-type-2;text-align:center}}.showcase-title{margin-bottom:var(--spacer-3);a{overflow:hidden;display:block;height:44px;line-height:22px;color:$color-text;font-size:var(--font-size-14);font-weight:400;text-align:center;@include max($sm){height:48px;line-height:16px}}}.showcase-price{@include center;flex-direction:column;height:53px;gap:3px 0;.showcase-price-new{color:$color-primary;@include text-type-5}.showcase-price-old{color:$color-sub-text;@include line-rule(14);font-weight:400;text-decoration:line-through}}}@include min($lg){&:hover{border-color:$color-primary}}}#footer{background-color:$color-primary;.footer-shopping-banners{display:block;padding-bottom:var(--spacer-12);background-color:$color-white;.shopping-banners{@include border-radius(4px);margin:0}}.footer-row-1{padding:var(--spacer-12) 0 var(--spacer-6)}.footer-copyright{padding-bottom:var(--spacer-3)}}.footer-logo{margin-bottom:var(--spacer-6);img{max-height:56px}}.footer-address{>a{display:inline-block;color:$color-white;@include text-type-2;font-size:17px;margin-bottom:var(--spacer-12)}}.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-4);@include max($lg){margin-bottom:var(--spacer-8)}>div{>a{@include center;width:40px;height:40px;@include border-radius(8px);transition:$transition;background-color:$color-secondary;@include min($lg){&:hover{background-color:$color-secondary-darken}}}}.footer-social-instagram{background-color:#E1306C}.footer-social-facebook{background-color:#1877F2}.footer-social-twitter{background-color:#000}.footer-social-youtube{background-color:red}.footer-social-whatsapp{background-color:#25D366}.footer-social-linkedin{background-color:#0A66C2}}.footer-menu-container{padding-bottom:var(--spacer-4);.footer-menu{.footer-menu-title{position:relative;color:$color-white;@include heading-type-2;padding:10px 0;margin-bottom:var(--spacer-4);@include min($sm){&:after{content:'';position:absolute;left:0;bottom:0;width:var(--spacer-18);height:1px;background-color:$color-white}}}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}>a{display:inline-block;color:$color-white;@include text-type-2;transition:$transition;@include min($lg){&:hover{color:$color-secondary}}}}}}}@include max($sm){.footer-menu{margin-bottom:var(--spacer-6);.footer-menu-title{margin-bottom:0}.footer-menu-content{padding-left:var(--spacer-6)}}&[data-menu-type="accordion"]{text-align:left;padding:0;.footer-menu{.footer-menu-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--spacer-8);margin-bottom:var(--spacer-8);border:1px solid $color-border;&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{display:none;padding:0 var(--spacer-8) var(--spacer-8)}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.newsletter{display:flex;align-items:center;gap:var(--spacer-4);margin-bottom:var(--spacer-4);@include max($md){flex-direction:column;align-items:flex-start}.newsletter-title{white-space:nowrap;position:relative;color:$color-white;@include heading-type-2;padding-bottom:0;margin-bottom:0;&:after{display:none}}.newsletter-content{form{position:relative;display:flex;align-items:center;gap:var(--spacer-2);input{width:150px;height:44px;color:$color-white;@include text-type-1;border:none;border-bottom:1px solid $color-white;padding:13px 0;background-color:#fff0;&::placeholder{color:$color-white;opacity:1}}button{position:static;@include center;width:90px;height:28px;color:$color-white;@include text-type-2;border:none;@include border-radius(4px);padding:0;background:$color-secondary;transition:$transition;@include min($lg){&:hover{color:$color-text;background-color:$color-white}}}}}}.footer-contact{display:flex;align-items:center;gap:0 var(--spacer-8);>div{>a{display:flex;align-items:center;color:$color-white;@include text-type-3;gap:0 var(--spacer-4);white-space:nowrap;>svg{flex:0 0 44px}>div{>div{@include heading-type-3}}}}}.footer-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-8);margin-top:var(--spacer-8);border-top:1px solid rgba($color-border,.5);padding-top:var(--spacer-8);@include max($md){flex-direction:column;align-items:flex-start}}.copyright{color:$color-white;@include text-type-1;text-align:center;@include max($sm){margin-top:12px}}.footer-ssl{text-align:center}#scroll-top{position:fixed;right:var(--spacer-2);bottom:var(--spacer-2);z-index:50;display:none;cursor:pointer;background-color:$color-primary;border-radius:$border-radius;transition:$transition;>div{@include center;width:32px;height:32px}@include min($lg){&:hover{background-color:$color-primary-darken}}}@include min($md){.section-sorting-view{display:flex;align-items:center;gap:var(--spacer-6);margin-bottom:var(--spacer-8);#filter-wrapper{flex:1 0 0%;#sorting-options{margin-bottom:0}}}.section-container{display:grid;align-items:flex-start;column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,280px) minmax(0,1fr);@include max($lg){grid-template-columns:minmax(0,224px) 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{fill:$color-primary}}}}}.filter-order-button{display:flex;@include filter-order-button;@include max($lg){>span{&[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);margin-bottom:var(--spacer-15);{% 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);{% endif %}&.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);&.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);&.quadruple-sorting,&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}#showcase-previous-page{@include center;margin-bottom:var(--spacer-10)}#showcase-load-spinner{text-align:center;margin-top:var(--spacer-25);.showcase-container-loader{display:block;width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid $color-primary;border-right:3px solid #fff0;box-sizing:border-box;animation:rotation 1s linear infinite;@include max($sm){width:36px;height:36px}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}}.block-item{@include border-radius(8px);border:1px solid $color-border;margin-bottom:var(--spacer-8);padding:var(--spacer-4);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-2;padding-bottom:var(--spacer-3);margin-bottom:var(--spacer-4);border-bottom:1px solid $color-border;>i{display:none;@include max($sm){display:block}}}&[data-type="filter-product-groups"]{padding:0;border:none;.block-item-title{display:none}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}.current-page-category-index{.block-item{@include border-radius(8px);border:1px solid $color-border;margin-bottom:var(--spacer-8);padding:var(--spacer-4);&[data-type="filter-product-groups"]{.block-item-title{display:flex}}}@include min($lg){.filter-menu{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border:none;padding:0}}.filter-menu{.filter-menu-main-category{padding:0;a{padding:12px 0;transition:$transition;&:hover{color:$color-secondary}}}}}@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;.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}}#filter-wrapper{display:none;margin-bottom:var(--spacer-8);&.has-sorting-option:not(.has-filter-option){display:block;.filter-wrapper-header{display:none}.filter-wrapper-content{#sorting-options{display:block}}}&.has-filter-option{display:block;.filter-wrapper-content{#sorting-options{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 min($lg){@include border-radius(8px);border:1px solid $color-border;padding:var(--spacer-6) var(--spacer-3)}.filter-menu-box{border:none;margin-bottom:var(--spacer-3)}.filter-menu-category{.filter-menu-category-title{color:$color-text;@include heading-type-3;border:none;border-bottom:1px solid $color-border;padding:0;padding-bottom:var(--spacer-3);margin-bottom:var(--spacer-8);background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-8);border-bottom:none;a{color:$color-text;@include text-type-3;padding:0;transition:$transition;&:not(:last-child){margin-bottom:var(--spacer-3)}&:hover{color:$color-secondary}i{display:none}}}.filter-menu-category-top{a{justify-content:flex-start;color:$color-sub-text;font-size:var(--font-size-12);font-weight:600;text-transform:uppercase;border-top:1px solid $color-third;padding:var(--spacer-3) 0 0 0;background-color:#fff0;i{color:$color-sub-text;font-size:var(--font-size-12);font-weight:600;&:before{content:'+'}}}}}.filter-menu-groups{.filter-menu-group-title{color:$color-text;@include heading-type-2;border:none;padding:var(--spacer-3) 0;background-color:#fff0}.filter-menu-group-content{padding:0;label{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;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%}}}.checkbox-custom{line-height:20px;padding:8px 0;margin:0;input[type=checkbox]{&+label{line-height:20px;color:$color-text;@include heading-type-1;padding-left:28px;&:before{width:20px;height:20px;border:none;background-size:20px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 2.70833V17.2917C18.75 17.6784 18.5964 18.0494 18.3229 18.3229C18.0494 18.5964 17.6784 18.75 17.2917 18.75H2.70833C2.32156 18.75 1.95063 18.5964 1.67714 18.3229C1.40365 18.0494 1.25 17.6784 1.25 17.2917V2.70833C1.25 2.32156 1.40365 1.95063 1.67714 1.67714C1.95063 1.40365 2.32156 1.25 2.70833 1.25H17.2917C17.6784 1.25 18.0494 1.40365 18.3229 1.67714C18.5964 1.95063 18.75 2.32156 18.75 2.70833ZM17.2917 17.2917V2.70833H2.70833V17.2917H17.2917Z' fill='%23363232'/%3E%3C/svg%3E")}}&:checked{&+label{color:$color-primary;&:before{background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1617 7.29661C14.2295 7.36433 14.2833 7.44475 14.32 7.53327C14.3567 7.62179 14.3756 7.71668 14.3756 7.8125C14.3756 7.90832 14.3567 8.00321 14.32 8.09173C14.2833 8.18025 14.2295 8.26067 14.1617 8.32839L9.05755 13.4326C8.98983 13.5003 8.90941 13.5541 8.82089 13.5908C8.73237 13.6275 8.63749 13.6464 8.54167 13.6464C8.44584 13.6464 8.35096 13.6275 8.26244 13.5908C8.17392 13.5541 8.0935 13.5003 8.02578 13.4326L5.83828 11.2451C5.70146 11.1082 5.62459 10.9227 5.62459 10.7292C5.62459 10.5357 5.70146 10.3501 5.83828 10.2133C5.9751 10.0765 6.16067 9.99959 6.35417 9.99959C6.54766 9.99959 6.73323 10.0765 6.87005 10.2133L8.54167 11.8858L13.1299 7.29661C13.1977 7.22882 13.2781 7.17504 13.3666 7.13834C13.4551 7.10165 13.55 7.08276 13.6458 7.08276C13.7417 7.08276 13.8365 7.10165 13.9251 7.13834C14.0136 7.17504 14.094 7.22882 14.1617 7.29661ZM18.75 2.70833V17.2917C18.75 17.6784 18.5964 18.0494 18.3229 18.3229C18.0494 18.5964 17.6784 18.75 17.2917 18.75H2.70833C2.32156 18.75 1.95063 18.5964 1.67714 18.3229C1.40365 18.0494 1.25 17.6784 1.25 17.2917V2.70833C1.25 2.32156 1.40365 1.95063 1.67714 1.67714C1.95063 1.40365 2.32156 1.25 2.70833 1.25H17.2917C17.6784 1.25 18.0494 1.40365 18.3229 1.67714C18.5964 1.95063 18.75 2.32156 18.75 2.70833ZM17.2917 17.2917V2.70833H2.70833V17.2917H17.2917Z' fill='%230D1B42'/%3E%3C/svg%3E")}}}}}.scrollbar-inner{>.scroll-element{width:4px;max-height:141px;.scroll-element_track{background-color:$color-background}.scroll-bar{background-color:$color-primary}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary}}}}}}.filter-menu-selected-items{border:1px solid $color-border;.filter-menu-selected-items-title{color:$color-text;@include heading-type-2;border:none;border-bottom:1px solid $color-border;padding:var(--spacer-3);background-color:#fff0}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{padding:var(--spacer-3);margin:0;.filter-menu-selected-group-title{color:$color-text;@include heading-type-1;margin-bottom:var(--spacer-2)}.filter-menu-selected-group-content{.filter-menu-selected-item{a{color:$color-text;@include heading-type-1;@include border-radius(2px);border:1px solid $color-border;padding:var(--spacer-3);background:#fff0;>i{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='%230D1B42'/%3E%3C/svg%3E");&:before{content:''}}}}}}}}}.horizontal-filter-menu{margin-bottom:var(--spacer-5);.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){font-size:var(--font-size-16);font-weight:600;pointer-events:none;padding:4px 0;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;&::-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}}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-8);.row{align-items:center;>div{@include max($md){&:last-child{flex:0 0 100%;max-width:100%}}}}select.form-control:not([size]):not([multiple]),select:not([size]){height:46px;color:$color-text;@include text-type-3;cursor:pointer;@include border-radius(8px);border:1px solid $color-border;padding:4px 40px 4px 12px;background-size:20px;background-position:right 12px center;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6923 7.94217L10.4423 14.1922C10.3842 14.2503 10.3153 14.2964 10.2394 14.3278C10.1636 14.3593 10.0822 14.3755 10.0001 14.3755C9.91797 14.3755 9.83664 14.3593 9.76077 14.3278C9.68489 14.2964 9.61596 14.2503 9.55792 14.1922L3.30792 7.94217C3.19064 7.82489 3.12476 7.66583 3.12476 7.49998C3.12476 7.33413 3.19064 7.17507 3.30792 7.05779C3.42519 6.94052 3.58425 6.87463 3.7501 6.87463C3.91596 6.87463 4.07502 6.94052 4.19229 7.05779L10.0001 12.8664L15.8079 7.05779C15.866 6.99972 15.9349 6.95366 16.0108 6.92224C16.0867 6.89081 16.168 6.87463 16.2501 6.87463C16.3322 6.87463 16.4135 6.89081 16.4894 6.92224C16.5653 6.95366 16.6342 6.99972 16.6923 7.05779C16.7504 7.11586 16.7964 7.1848 16.8278 7.26067C16.8593 7.33654 16.8755 7.41786 16.8755 7.49998C16.8755 7.5821 16.8593 7.66342 16.8278 7.73929C16.7964 7.81516 16.7504 7.8841 16.6923 7.94217Z' fill='%23363232'/%3E%3C/svg%3E")}.record-count{color:$color-text;@include text-type-3;padding:12px;margin:0!important}.checkbox-custom{line-height:24px;input[type=checkbox]{&+label{color:$color-text;@include text-type-3;line-height:24px;padding-left:34px;&:before{width:24px;height:24px;border:none;background-size: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='M22.5 3.25V20.75C22.5 21.2141 22.3156 21.6592 21.9874 21.9874C21.6592 22.3156 21.2141 22.5 20.75 22.5H3.25C2.78587 22.5 2.34075 22.3156 2.01256 21.9874C1.68437 21.6592 1.5 21.2141 1.5 20.75V3.25C1.5 2.78587 1.68437 2.34075 2.01256 2.01256C2.34075 1.68437 2.78587 1.5 3.25 1.5H20.75C21.2141 1.5 21.6592 1.68437 21.9874 2.01256C22.3156 2.34075 22.5 2.78587 22.5 3.25ZM20.75 20.75V3.25H3.25V20.75H20.75Z' fill='%23363232'/%3E%3C/svg%3E")}}&:checked{&+label{color:$color-primary;&:before{background: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='M16.9941 8.75594C17.0754 8.8372 17.14 8.9337 17.184 9.03993C17.228 9.14615 17.2507 9.26001 17.2507 9.375C17.2507 9.48999 17.228 9.60385 17.184 9.71007C17.14 9.8163 17.0754 9.9128 16.9941 9.99406L10.8691 16.1191C10.7878 16.2004 10.6913 16.265 10.5851 16.309C10.4788 16.353 10.365 16.3757 10.25 16.3757C10.135 16.3757 10.0212 16.353 9.91493 16.309C9.8087 16.265 9.7122 16.2004 9.63094 16.1191L7.00594 13.4941C6.84175 13.3299 6.74951 13.1072 6.74951 12.875C6.74951 12.6428 6.84175 12.4201 7.00594 12.2559C7.17012 12.0918 7.39281 11.9995 7.625 11.9995C7.85719 11.9995 8.07988 12.0918 8.24406 12.2559L10.25 14.263L15.7559 8.75594C15.8372 8.67458 15.9337 8.61004 16.0399 8.56601C16.1462 8.52198 16.26 8.49931 16.375 8.49931C16.49 8.49931 16.6038 8.52198 16.7101 8.56601C16.8163 8.61004 16.9128 8.67458 16.9941 8.75594ZM22.5 3.25V20.75C22.5 21.2141 22.3156 21.6592 21.9874 21.9874C21.6592 22.3156 21.2141 22.5 20.75 22.5H3.25C2.78587 22.5 2.34075 22.3156 2.01256 21.9874C1.68437 21.6592 1.5 21.2141 1.5 20.75V3.25C1.5 2.78587 1.68437 2.34075 2.01256 2.01256C2.34075 1.68437 2.78587 1.5 3.25 1.5H20.75C21.2141 1.5 21.6592 1.68437 21.9874 2.01256C22.3156 2.34075 22.5 2.78587 22.5 3.25ZM20.75 20.75V3.25H3.25V20.75H20.75Z' fill='%230D1B42'/%3E%3C/svg%3E")}}}}}}.product-category-and-brand-list{margin-bottom:var(--spacer-13);.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:0;>div{display:flex;flex-wrap:wrap;gap:var(--spacer-8) 0;margin-right:calc(-1*var(--spacer-2));margin-left:calc(-1*var(--spacer-2));>div{flex:0 0 auto;max-width:none;padding-right:var(--spacer-2);padding-left:var(--spacer-2);>a{display:flex;align-items:center;height:40px;color:$color-text;@include text-type-2;padding:0 var(--spacer-5);border-radius:$border-radius;border:1px solid $color-border;transition:$transition;background-color:$color-white;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(--spacer-5));margin-left:calc(-1*var(--spacer-5));>div{flex:0 0 calc(100% / 6);max-width:calc(100% / 6);padding-right:var(--spacer-5);padding-left:var(--spacer-5);@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;border:none;padding:0;.product-list-image{position:relative;overflow:hidden;aspect-ratio:var(--aspect-ratio);margin-bottom:var(--spacer-3);@include imgcenter;&.image-cover{img{width:100%;height:100%;object-fit:contain}}&.no-picture{img{width:auto;height:auto;object-fit:contain}}}}}}{% 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($lg){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:210px}}}.paginate-wrapper{position:relative;padding:var(--spacer-4) var(--spacer-12);.paginate{display:flex;justify-content:center;@include max($sm){overflow-x:auto;scroll-snap-type:x mandatory;justify-content:space-between}a{@include center;width:36px;height:36px;color:$color-primary;@include text-type-3;@include border-radius(6px);border:1px solid $color-primary;margin:0 calc(var(--spacer-6) / 2)}.paginate-content{display:flex}.paginate-left,.paginate-right{a{border-color:$color-border}}.paginate-left{a{margin-left:0}}.paginate-right{a{margin-right:0}}.paginate-element-active{color:$color-white;background-color:$color-primary}}}#breadcrumbs{margin-bottom:var(--spacer-8);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:var(--spacer-4);padding-bottom:var(--spacer-4)}ol{display:flex;align-items:center;padding:0;margin:0;li{i{width:32px;height:30px;background-image:url("data:image/svg+xml,%3Csvg width='32' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3538 15.3538L14.3538 20.3538C14.3073 20.4002 14.2522 20.4371 14.1915 20.4622C14.1308 20.4873 14.0657 20.5003 14 20.5003C13.9343 20.5003 13.8693 20.4873 13.8086 20.4622C13.7479 20.4371 13.6927 20.4002 13.6463 20.3538C13.5998 20.3073 13.563 20.2521 13.5378 20.1915C13.5127 20.1308 13.4998 20.0657 13.4998 20C13.4998 19.9343 13.5127 19.8693 13.5378 19.8086C13.563 19.7479 13.5998 19.6927 13.6463 19.6463L18.2932 15L13.6463 10.3538C13.5525 10.2599 13.4998 10.1327 13.4998 10C13.4998 9.86732 13.5525 9.74007 13.6463 9.64625C13.7401 9.55243 13.8674 9.49973 14 9.49973C14.1327 9.49973 14.26 9.55243 14.3538 9.64625L19.3538 14.6463C19.4003 14.6927 19.4372 14.7478 19.4623 14.8085C19.4875 14.8692 19.5004 14.9343 19.5004 15C19.5004 15.0657 19.4875 15.1308 19.4623 15.1915C19.4372 15.2522 19.4003 15.3073 19.3538 15.3538Z' fill='%237A7474'/%3E%3C/svg%3E");&:before{content:''}}span{display:flex;align-items:center;white-space:nowrap;color:$color-sub-text;@include heading-type-2;span{padding:4px var(--spacer-2)}}a{color:$color-text}&:first-child{span{@include text-type-3;span{padding-left:32px;background-size:16px;background-repeat:no-repeat;background-position:left 8px center;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}}}}}}.product-left,.product-right{margin-bottom:var(--spacer-30);@include max($md){margin-bottom:var(--spacer-8)}}.product-label-group{>div{position:absolute;top:var(--spacer-5);z-index:20;@include center;height:calc((var(--font-size-14) + 8px) + 8px);@include heading-type-2;text-transform:uppercase;@include border-radius(2px);padding:0 var(--spacer-2);&.new-label{right:var(--spacer-5);color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.gift-label{left:var(--spacer-5);color:{{theme.settings.color_text_gift_label}};background-color:{{theme.settings.color_background_gift_label}}}&.digital-label{top:auto;bottom:var(--spacer-5);left:var(--spacer-5);color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}}}.product-image{#product-primary-image{position:relative;aspect-ratio:var(--aspect-ratio);@include border-radius(8px);background-color:$color-white;border:1px solid $color-border;@include imgcenter;img{@include border-radius(8px)}}&.image-cover{#product-primary-image{img:not(.product-no-picture){width:100%;height:100%;object-fit:contain}}}}#product-thumb-image{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{&:not(:last-child){margin-bottom:var(--spacer-8)}>a{position:relative;display:block;opacity:.5;@include border-radius(8px);border:1px solid $color-border;aspect-ratio:var(--aspect-ratio);@include imgcenter;img{@include border-radius(8px)}&.zoomGalleryActive{opacity:1;border-color:$color-sub-text}}&.image-cover{>a{img{width:100%;height:100%;object-fit:cover}}}}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:var(--spacer-8);width:100%;>li{margin:0 3px;>button{width:10px;height:10px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:100%;background-color:$color-border;padding:0;display:block;margin-bottom:5px;transition:$transition}&.slick-active{>button{background-color:$color-primary}}}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:40px;height:40px;cursor:pointer;background:$color-white;&.slick-prev{left:12px}&.slick-next{right:12px}&.slick-disabled{opacity:.5}}}.product-list-group{margin-bottom:var(--spacer-7)}.product-title{margin-bottom:var(--spacer-3);h1{color:$color-text;@include heading-type-4;margin-bottom:0}}.product-list-container{.product-list-row{display:flex;align-items:baseline;color:$color-sub-text;@include text-type-2;&:not(:last-child){margin-bottom:var(--spacer-2)}a{color:$color-sub-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:20%;@include max($sm){width:30%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;&:before{content:':';margin-right:16px}}}}.product-price{display:flex;align-items:center;gap:0 var(--spacer-3);&-new,&-old{color:$color-primary;@include heading-type-4}&.has-discount{.product-price-old{color:$color-sub-text;@include line-rule(18);font-weight:400;text-decoration:line-through}}.discount-label{@include center;height:calc((var(--font-size-12) + 8px) + 8px);color:{{theme.settings.color_text_discount_label}};@include heading-type-1;@include border-radius(2px);padding:4px 8px;background-color:{{theme.settings.color_background_discount_label}}}}.product-installment{color:$color-sub-text;@include text-type-2;margin-top:4px;>span{color:$color-text;@include heading-type-1}}.product-options{margin-bottom:var(--spacer-7);.variant-group-title{display:block;color:$color-text;@include heading-type-1;margin-bottom:var(--spacer-3)}select.form-control:not([size]):not([multiple]),select:not([size]){height:44px;color:$color-text;@include heading-type-1;cursor:pointer;@include border-radius(8px);border:1px solid $color-border;padding:6px 28px 6px 10px;background-size:24px;background-position:right 10px center;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='M16.5557 10.0835L15.4924 8.9165L11.9999 12.7495L8.50747 8.9165L7.44416 10.0835L11.9999 15.0835L16.5557 10.0835Z' fill='%23363232'/%3E%3C/svg%3E")}.variant-plural{margin-bottom:var(--spacer-4)}}.variant-select{.variant-list{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}select{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;flex-wrap:wrap;align-items:flex-end;margin-left:calc(-1*var(--spacer-3));margin-right:calc(-1*var(--spacer-3));>div{padding-left:var(--spacer-3);padding-right:var(--spacer-3)}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--spacer-3));margin-right:calc(-1*var(--spacer-3));>div{flex:1 0 0%;max-width:100%;padding-left:var(--spacer-3);padding-right:var(--spacer-3)}}}}.product-qty-wrapper{.product-qty{display:flex;flex-wrap:wrap;width:108px;height:48px;@include border-radius(8px);border:1px solid $color-border;background-color:$color-white;>a{flex:0 0 28px;max-width:28px;@include center;color:$color-text;@include text-type-3;@include max($sm){flex:0 0 55px;max-width:55px}}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;color:$color-text;font-size:var(--font-size-16);font-weight:600;text-align:center;border:none;background-color:#fff}}}&.product-qty-wrapper-select{.product-qty{border:none;border-radius:0;select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-text;font-size:var(--font-size-14);font-weight:400;cursor:pointer;padding:6px 36px 6px 20px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;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");background-size:36px}>div{input{height:48px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white}}}}@include max($xs){margin-bottom:var(--spacer-8);flex:0 0 100%;max-width:100%;.product-qty{width:100%}}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:48px;@include heading-type-2;@include border-radius(8px);padding:0 var(--spacer-3);transition:$transition}a.remind-me-button,a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-lighten}}a.quick-order-button{color:$color-white;background-color:$color-secondary;&:hover{background-color:$color-secondary-lighten}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.product-favorites{>a.add-my-favorites{@include center;width:48px;height:48px;@include border-radius(8px);background-color:#F3F3F3;.product-icon-favori-add{display:none}&.favorite-product{background-color:$color-primary;>svg{path{fill:$color-white}}}}}.digital-product-warning{@include center;gap:var(--spacer-3);width:100%;@include line-rule(14);color:#856404;font-weight:500;text-align:center;padding:var(--spacer-4) var(--spacer-6);margin-bottom:var(--spacer-8);border-radius:$border-radius;background-color:#FFEEBA;@include max($sm){gap:var(--spacer-6);text-align:left;>span{flex:1 0 0%}>svg{width:20px;height:20px}}}#product-user-buttons{display:flex;flex-wrap:wrap;border-top:1px solid $color-border;border-bottom:1px solid $color-border;gap:var(--spacer-4) var(--spacer-8);padding:var(--spacer-3) 0;>div{a{display:flex;align-items:center;flex-wrap:wrap;color:$color-text;@include text-type-2;transition:$transition;@include svg;span{padding-left:var(--spacer-2)}@include min($lg){&:hover{color:$color-secondary;@include svghover($color-secondary)}}}}}.product-social{position:relative;>a{@include min($lg){&:hover{color:$color-secondary!important}}&.active{color:$color-secondary!important;@include svghover($color-secondary)}}.product-social-content{position:absolute;top:150%;left:0;z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{@include center;width:26px;height:26px;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}}}}}}{% set cargoButtons=['fast_shipping','same_day_shipping','three_days_delivery','five_days_delivery','seven_days_delivery','free_shipping','delivery_from_stock','pre_ordered_product','limited_stock','ask_stock','campaigned_product'] %}.product-cargo-buttons{display:flex;align-items:center;gap:0 var(--spacer-8);margin-top:20px;.product-cargo-button{@include center;color:$color-text;@include heading-type-1;gap:0 var(--spacer-3);padding:var(--spacer-3);i{flex:0 0 24px;width:24px;height:24px}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}.product-detail-tab{margin-bottom:var(--spacer-14);.product-detail-tab-header{align-items:center;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));[data-tab-index]{flex:1 0 0%;padding-right:var(--gutter);padding-left:var(--gutter);>a{@include center;height:46px;color:$color-sub-text;@include heading-type-2;white-space:nowrap;padding-inline:var(--spacer-3);@include border-radius(8px);background-color:#F3F3F3}&.active{>a{color:$color-white;background-color:$color-primary}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-8) 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;padding-bottom:var(--spacer-1)}}@include max($sm){.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-8);[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;color:$color-text;font-size:var(--font-size-20);@include border-radius(8px);padding:0 var(--spacer-8);background-color:$color-border;&:after{content:'\f078';font-weight:900;font-size:var(--font-size-24);font-family:"Font Awesome 5 Free";transition:$transition}}}[data-tab-content]{height:0!important;overflow:hidden!important;>div{padding-bottom:0}}&.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-area-bottom{.default-products{margin-bottom:var(--spacer-8);&:last-child{margin-bottom:0}}}.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($md){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:8px;right:-10px;width:15px;height:15px;border-radius:100%;@include max($sm){right:10px}}.form-horizontal label.custom-file .form-question{right:-8px;background:#fff0}}@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 %}}}{% set generalImageRatio=theme.settings.general_image_ratio %}{% if generalImageRatio matches '/[a-zA-Z]/' %}:root{--aspect-ratio:$aspect-ratio}{% else %}:root{--aspect-ratio:{{generalImageRatio}}}{% endif %}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}#ideaexport_translation_bar_container{display:none}#custom-export{>a{position:relative;display:flex;align-items:center;height:32px;color:$color-text;@include heading-type-1;text-transform:uppercase;transition:$transition;>div:first-child{position:relative;@include center;width:32px;height:32px;@include border-radius(4px);background-color:$color-secondary}>div:last-child{padding-left:var(--spacer-2);@include max($sm){display:none}}}}#custom-export-content{width:320px;background-color:#fff;display:none;padding:var(--spacer-4);border:1px solid $color-border;overflow:visible;.custom-export-title{margin-bottom:var(--spacer-4);font-size:var(--font-size-16);font-weight:700}.custom-export-select{margin-bottom:var(--spacer-4);position:relative;>a{padding:10px;display:flex;color:$color-text;border:1px solid $color-border;>span{&:last-child{padding-left:10px}}&:after{content:'\f078';font-family:"Font Awesome 5 Free";font-weight:900;margin-left:auto}}.select-content{display:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;z-index:2;border:1px solid $color-border;border-top:none;>a{padding:10px;display:flex;color:$color-text;>span{&:last-child{padding-left:10px}}&:hover{background-color:$color-border}}}}@include max($md){width:250px}}.contentbox-header{text-align:center;margin-bottom:var(--spacer-8);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-primary;@include heading-type-5;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:15px;@include center;width:20px;height:20px;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}}&.btn-apple{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)}.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);.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)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;padding-right:22px}.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}}}.current-page-member-signup{.signup-container{&.signup-container-information{width:100%;.information-content{border:none}}.form-group{&.signup-campaign-status,&.signup-agreement,&.signup-personal-data-agreement{.col-12.col-lg-4.control-label{display:none}}}}}