@import "mixin";@import "default";@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;@include min($lg){{% if theme.settings.entry_slider_status %}&.current-page-default-entry{#header{position:absolute;top:0;left:0;width:100%;background:#fff0;transition:$transition;.search{.search-content{form{input{color:$color-text;border:1px solid $color-text;&::placeholder{color:$color-text}}button{@include svghover($color-text)}}}}.logo{filter:brightness(0) invert(1)}.header-middle-right{>div{>a{@include svghover($color-white)}}}.navigation-container{>a{color:$color-white}}ul.menu-items-first-order{>li{>a{color:$color-white}}}&:hover,body:not(:has(#entry-slider)) &{background:$color-white;.search{.search-content{form{input{color:$color-text;border:1px solid $color-text;&::placeholder{color:$color-text}}button{@include svghover($color-text)}}}}.logo{filter:brightness(0) invert(0)}.header-middle-right{>div{>a{@include svghover($color-text);>i{@include svghover($color-white)}}}}.navigation-container{>a{color:$color-text}}ul.menu-items-first-order{>li{>a{color:$color-text}}}}}}{% endif %}}}.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(1320px + 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)}}.section{&-h1,&-title{line-height:inherit;font-size:inherit;font-weight:inherit;margin-bottom:0}&-paragraph{margin-top:0;margin-bottom:0}}#header{box-shadow:0 2px 10px 0 rgb(54 50 50 / .08);@include min($lg){position:relative;z-index:100;background:$color-white}.header-top{background-color:$color-sub-text}@include max($lg){background:$color-white;.search{form{input{color:$color-text;border:1px solid $color-text;&::placeholder{color:$color-text}}button{@include svghover($color-text)}}}.logo{filter:brightness(0) invert(0)}.header-middle-right{>div{>a{@include svghover($color-text);>i{@include svghover($color-white)}}}}.navigation-container{>a{color:$color-text}}ul.menu-items-first-order{>li{>a{color:$color-text}}}}}.current-page-product-list-filter{&.horizontal-filter-menu-active{#header{z-index:99}}}.header-top-left{display:flex;align-items:center;gap:var(--spacer-6);>div{>a{display:flex;align-items:center;flex-wrap:wrap;height:46px;color:$color-white;@include text-type-5;span{flex:1 0 0%;padding-left:var(--spacer-2)}}}}.header-top-bar{@include center;text-align:center;span{display:block;color:$color-white;@include text-type-4;padding:var(--spacer-3)}}.header-cargo{>a{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;height:46px;color:$color-white;@include text-type-5;span{padding-left:var(--spacer-2)}}}.logo{display:flex;align-items:center;padding:var(--spacer-7) 0;img{max-height:37px;@include max($sm){max-height:28px}}}.navigation-wrapper{@include center;gap:var(--spacer-8)}.navigation-container{>a{display:flex;align-items:center;color:$color-text;height:96px;width:100%;@include text-type-2;transition:$transition;@include svg}.navigation-content{position:absolute;top:100%;left:0;z-index:101;display:none;width:100%;background-color:$color-white;padding-block:var(--spacer-10) var(--spacer-20);box-shadow:0 4px 12px 0 rgb(54 50 50 / .12);background-color:$color-white}}body.navigation-content-active{.navigation-content{display:block}.navigation-menu-overlay{display:block}}#navigation{.category-level-1{.sub-category-inside{max-height:460px;overflow-y:auto;overflow-x:hidden;padding-right:10px;&::-webkit-scrollbar{width:4px;height:2px}&::-webkit-scrollbar-track{background:$color-background}&::-webkit-scrollbar-thumb{background:$color-text}>ul{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));>li{flex:0 0 calc(100%/5);max-width:calc(100%/5);padding:0 var(--gutter) var(--spacer-3);>a{display:inline-block;color:$color-text;@include text-type-2;margin-bottom:var(--spacer-3);transition:$transition;&:only-child{margin-bottom:0}&:hover{color:$color-primary}}&.navigation-category-image{flex:0 0 calc(100% / 8);max-width:calc(100% /8);>a{display:block;text-align:center;div{position:relative;padding-top:100%;margin-bottom:var(--spacer-2);@include imgcenter}}}}}}.navigation-first-image{flex:0 0 auto;overflow:hidden;img{max-width:100%;max-height:282px}}}.category-level-2{>ul{>li{>a{display:flex;align-items:center;color:$color-sub-text;@include text-type-5;margin-bottom:var(--spacer-3);transition:$transition}}}}.category-level-3{>ul{>li{>a{display:inline-block;color:$color-sub-text;@include text-type-4;margin-bottom:var(--spacer-3);transition:$transition;&:hover{color:$color-primary}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}@include max($lg){display:none}}ul.menu-items-first-order{display:flex;align-items:center;gap:var(--spacer-8);flex-wrap:wrap;>li{position:relative;>a{display:flex;align-items:center;height:96px;color:$color-text;@include text-type-2;transition:$transition}}}.header-middle-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-8);@include max($sm){gap:var(--spacer-5)}>div{>a{position:relative;@include center;@include svghover($color-text);>i{position:absolute;left:4px;top:-17px;@include center;width:16px;height:16px;background-color:$color-text;border-radius:100%;@include svghover($color-white)}.cart-amount{position:absolute;left:4px;top:-17px;@include center;width:16px;height:16px;color:$color-white;@include line-rule(12);font-weight:400;text-align:center;border-radius:100%;background-color:$color-text}@include min($lg){&:hover{>i{@include svghover($color-white)}}}}&:not(.mobile-menu){>a{>svg{@include max($sm){width:20px;height:20px}@include max($xxs){width:18px;height:18px}}}}}}.search{position:relative}body{.search-content{position:absolute;top:0;right:0;z-index:101;display:none;width:380px;height:36px;@include min($lg){top:50%;right:-6px;transform:translateY(-50%)}form{position:relative;input{width:100%;height:36px;color:$color-text;font-size:var(--font-size-14);padding:4px 40px 4px 16px;border:1px solid $color-text;background-color:#fff;transition:$transition;&::placeholder{color:$color-text;opacity:1}&:focus{box-shadow:0 0 0 2px rgb(25 25 38 / .1)}}button{position:absolute;top:0;right:0;@include center;width:36px;height:100%;padding:0;border:none;background-color:#fff0}}}&.search-content-active{.search-content{display:block}}@include max($lg){.search-content{position:fixed;top:-50px;display:block;width:100%;height:50px;transition:$transition;form{input{height:50px;padding-right:64px;border:none}button{width:60px}}}&.search-content-active{.search-content{top:0}}}}@include min($lg){.search-content-overlay{display:none!important}}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:#000000!important;background:#fff!important;border:1px solid #000;transition:$transition;&:hover{color:#fff!important;background:#000000!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:$aspect-ratio;@include imgcenter;border:1px solid $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{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}}}}#main{padding:var(--spacer-8) 0}.current-page-default-entry{#main{padding:0}}#entry-slider{margin-bottom:var(--spacer-15);>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}.entry-slider{display:flex;justify-content:center;a{position:relative;display:block;.entry-slider-container{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;@include max($lg){padding-bottom:var(--spacer-8)}@include max($sm){padding:var(--spacer-6)}.entry-slider-content{@include min($lg){padding:var(--spacer-20)}.entry-slider-top-title{color:$color-white;@include text-type-1;margin-bottom:var(--spacer-3)}.entry-slider-title{color:$color-white;@include heading-type-1;margin-bottom:var(--spacer-6)}.entry-slider-sub-title{color:$color-white;@include text-type-5;margin-bottom:var(--spacer-6)}.entry-slider-button{display:inline-flex;align-items:center;color:$color-white;@include text-type-5;min-height:40px;padding:var(--spacer-2) var(--spacer-6);background-color:$color-text;transition:$transition;>div{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:24px;>span{line-height:24px;transition:transform .5s ease}}@include min($lg){&:hover{>div{>span{transform:translateY(-24px)}}}}@include max($xxs){display:none}}}}}}.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;z-index:2;overflow:hidden;@include svghover($color-text);background-color:$color-white;@include center;transition:$transition;@include svg;svg{position:absolute;transition:transform .5s ease,opacity .25s ease}&.slick-prev{left:300px;@include max($xxlg){left:12px}svg{&:first-child{transform:translate(24px);opacity:0}}}&.slick-next{right:300px;@include max($xxlg){right:12px}svg{&:first-child{transform:translate(-24px);opacity:0}}}@include min($lg){&:not(.slick-disabled){&:hover{@include svghover($color-white);background:$color-text;&.slick-prev{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(-30px)!important;opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(30px)!important;opacity:0}}}}}}}.slick-dots{position:absolute;left:50%;bottom:var(--spacer-10);transform:translateX(-50%);z-index:1;display:flex;align-items:center;>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-border;transition:$transition}&.slick-active{>button{width:40px;@include border-radius(4px);background-color:$color-text}}}}}.category-banner-wrapper{margin-block:var(--spacer-10) var(--spacer-30);.row{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}>.slick-dots{width:100%;@include center;flex-wrap:wrap;margin-top:var(--spacer-4);>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-border;transition:$transition}&.slick-active{>button{width:40px;@include border-radius(4px);background-color:$color-text}}}}}.category-banner-general-title{display:flex;align-items:center;gap:var(--spacer-4);margin-bottom:var(--spacer-10);.category-banner-general-title-inside{flex:1 0 0%;color:$color-text;@include heading-type-2}.default-products-arrows{display:flex;gap:var(--spacer-8);flex:0 0 auto;.slick-arrow{@include center;width:40px;height:40px;cursor:pointer;@include svghover($color-text);background-color:$color-white;@include center;transition:$transition;@include svg;svg{position:absolute;transition:transform .5s ease,opacity .25s ease}&.slick-prev{svg{&:first-child{transform:translate(24px);opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(-24px);opacity:0}}}@include min($lg){&:not(.slick-disabled){&:hover{@include svghover($color-white);background:$color-text;&.slick-prev{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(-30px)!important;opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(30px)!important;opacity:0}}}}}}}}}.category-banner{.category-banner-image{position:relative;overflow:hidden;aspect-ratio:200/328;@include fit;img{transition:.4s linear}}.category-banner-title{color:$color-text;@include heading-type-6;margin-top:var(--spacer-4);text-align:center}@include min($lg){&:hover{.category-banner-image{img{transform:scale(1.05)}}}}}}.entry-banner{margin-bottom:var(--spacer-30);.row{row-gap:var(--spacer-6)}.entry-banner-content{@include min($lg){padding:var(--spacer-13)}.entry-banner-top-title{color:$color-text;@include text-type-1;margin-bottom:var(--spacer-3)}.entry-banner-title{color:$color-text;@include heading-type-1;margin-bottom:var(--spacer-8)}.entry-banner-sub-title{color:$color-text;@include text-type-1;margin-bottom:var(--spacer-8)}.entry-banner-button{display:inline-flex;align-items:center;min-height:40px;color:$color-white;@include text-type-5;padding:var(--spacer-2) var(--spacer-6);background-color:$color-text;transition:$transition;>div{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:22px;>span{line-height:22px;transition:transform .5s ease}}@include min($lg){&:hover{>div{>span{transform:translateY(-22px)}}}}}}.entry-banner-image{position:relative;overflow:hidden;aspect-ratio:1;@include fit;img{transition:.4s linear}@include min($lg){&:hover{img{transform:scale(1.05)}}}}}.dual-banner-wrapper{margin-bottom:var(--spacer-30);.row{row-gap:var(--gutter)}.dual-banner{position:relative;overflow:hidden;.dual-banner-image{position:relative;aspect-ratio:1;@include fit;&:after{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 0%,#000000 100%);opacity:.32;transition:opacity 0.4s ease}img{transition:.4s linear}}.dual-banner-content{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;text-align:center;padding:var(--spacer-10);.dual-banner-title{color:$color-white;@include text-type-5;margin-bottom:var(--spacer-4)}.dual-banner-sub-title{color:$color-white;@include line-rule(18);font-weight:600;margin-bottom:var(--spacer-4)}.dual-banner-button{display:inline-flex;align-items:center;color:$color-white;@include text-type-5;min-height:40px;padding:var(--spacer-2) var(--spacer-6);background-color:$color-text;transition:$transition;>div{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:24px;>span{line-height:24px;transition:transform .5s ease}}@include min($lg){&:hover{>div{>span{transform:translateY(-24px)}}}}}}@include min($lg){&:hover{.dual-banner-image{&:after{opacity:.48}img{transform:scale(1.05)}}}}}}.entry-blog-container{margin-bottom:var(--spacer-30);.entry-blog-title{display:flex;align-items:center;gap:var(--spacer-4);margin-bottom:var(--spacer-8);.entry-blog-title-inside{flex:1 0 0%;color:$color-text;@include heading-type-2}.default-products-arrows{display:flex;gap:var(--spacer-8);flex:0 0 auto;.slick-arrow{@include center;width:40px;height:40px;cursor:pointer;@include svghover($color-text);background-color:$color-white;@include center;transition:$transition;@include svg;svg{position:absolute;transition:transform .5s ease,opacity .25s ease}&.slick-prev{svg{&:first-child{transform:translate(24px);opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(-24px);opacity:0}}}@include min($lg){&:not(.slick-disabled){&:hover{@include svghover($color-white);background:$color-text;&.slick-prev{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(-30px)!important;opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(30px)!important;opacity:0}}}}}}}}}.entry-blog-content{@include min($lg){height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}@include max($lg){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-4);margin-bottom:var(--spacer-4);.entry-blog-item{width:38vw}}@include max($sm){.entry-blog-item{width:81vw}}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:36px;height:36px;cursor:pointer;background:#fff;&.slick-prev{left:15px}&.slick-next{right:15px}&.slick-disabled{opacity:.5}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:20px;>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-border;transition:$transition}&.slick-active{>button{width:40px;@include border-radius(4px);background-color:$color-text}}}}.entry-blog-item-container{.entry-blog-item-image{height:100%;a{position:relative;overflow:hidden;display:block;aspect-ratio:424/282;@include fit}.entry-blog-item-nopic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;color:#ccc;font-size:70px;background:#f5f5f5;@include center}}.entry-blog-item-content{padding-top:var(--spacer-4);.blog-date{display:inline-flex;align-items:center;gap:var(--spacer-1);color:$color-text;@include text-type-5;margin-bottom:var(--spacer-4)}.entry-blog-item-title{margin-bottom:var(--spacer-4);a{display:block;overflow:hidden;height:calc((var(--font-size-18) + 8px) * 2);line-height:calc(var(--font-size-18) + 8px);color:$color-text;font-size:var(--font-size-18);font-weight:700;@include max($sm){height:calc((var(--font-size-18) + 8px) * 3)}}}.entry-blog-item-text{p{overflow:hidden;height:calc((var(--font-size-14) + 8px) * 4);line-height:calc(var(--font-size-14) + 8px);color:$color-sub-text;font-size:var(--font-size-14);font-weight:500;margin-bottom:0;@include max($sm){height:calc((var(--font-size-14) + 8px) * 5)}}}}}}}.instagram-banner-wrapper{margin-bottom:var(--spacer-30);.row{row-gap:var(--spacer-6)}.instagram-banner-title{color:$color-text;text-align:center;margin-bottom:var(--spacer-6);>h2{@include text-type-2;margin-bottom:var(--spacer-2)}>p{@include heading-type-2}}.instagram-banner-container{position:relative;height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}&:before{content:"";position:absolute;left:0;top:0;z-index:10;width:38px;height:100%;background-repeat:no-repeat;background:url("{{ themeAsset('images/instagram-before.png') }}")}&:after{content:"";position:absolute;right:0;bottom:0;width:38px;height:100%;background-repeat:no-repeat;background:url("{{ themeAsset('images/instagram-after.png') }}")}.instagram-banner{>a{position:relative;overflow:hidden;display:block;aspect-ratio:1;@include fit;img{transition:.4s linear}@include min($lg){&:hover{img{transform:scale(1.05)}}}}}}}.seo-text{margin-bottom:var(--spacer-17);.seo-text-header{color:$color-text;text-align:center;margin-bottom:var(--spacer-4);>h1{@include line-rule(16);font-weight:500;margin-bottom:var(--spacer-2)}>p{@include line-rule(28);font-weight:600}}.seo-text-content{border:1px solid $color-border;padding:var(--spacer-6);@include border-radius(8px);div{overflow:auto;max-height:calc((var(--font-size-16) + 8px) * 5);color:#747474;@include line-rule(16);font-weight:500;padding-right:var(--spacer-6);&::-webkit-scrollbar{width:6px;height:2px}&::-webkit-scrollbar-track{background:$color-background;@include border-radius(100px)}&::-webkit-scrollbar-thumb{background:$color-text;@include border-radius(100px)}}}}.home-banner-wrapper{margin-bottom:var(--spacer-30);.row{row-gap:var(--spacer-6)}.home-banner{>a{position:relative;display:block;aspect-ratio:648/750;@include fit}}}.shop-the-look-wrapper{overflow:hidden;margin-bottom:var(--spacer-30);.row{row-gap:calc(var(--gutter) * 2)}.shop-the-look-wrapper-title{.section-title{@include center;color:$color-text;@include heading-type-1;margin-bottom:var(--spacer-6)}.section-paragraph{@include center;color:$color-text;@include heading-type-2;margin-bottom:var(--spacer-10)}}.shop-the-look-item{position:relative;.shop-the-look-image{&:not(.image-full){position:relative;display:block;aspect-ratio:424/636;@include fit}&.image-full{img{width:100%;height:100%;object-fit:cover}}}.shop-the-look-point{@include min($lg){position:absolute}>a{position:relative;z-index:2;@include center;width:20px;height:20px;border-radius:100%;background-color:$color-white;animation:pulse 2s infinite;@include max($md){width:28px;height:28px;svg{width:18px;height:18px}}>svg{transition:$transition}@include max($lg){position:absolute}&.active{>svg{transform:rotate(45deg)}&+.shop-the-look-point-content{display:block!important;opacity:1!important;visibility:visible;z-index:3}}}.shop-the-look-point-content{position:absolute;z-index:2;width:398px;opacity:0;visibility:hidden;@include min($lg){left:50%;bottom:calc(100% + var(--spacer-13));transform:translateX(-50%);&:after{content:'';position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:40px;height:25px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='25' viewBox='0 0 40 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0513 25L0 0H40L22.0513 25Z' fill='white'/%3E%3C/svg%3E")}// Yukarıdan taşma &.overflow-top{top:calc(100% + var(--spacer-13));left:0;right:0;bottom:auto;&:after{top:-20px;left:calc(50% + 8px);transform:translateX(0) rotate(180deg)}}// Soldan taşma &.overflow-left{left:8px;right:auto;transform:none;&:after{left:0;transform:none}&.overflow-top{&:after{width:36px;top:-20px;right:0;transform:translateX(0) rotate(180deg)}}}// Sağdan taşma &.overflow-right{right:32px;left:auto;transform:none;&:after{width:36px;left:auto;right:0;transform:none}&.overflow-top{&:after{top:-20px;right:0;transform:translateX(0) rotate(180deg)}}}}@include max($lg){top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%)}@include max($sm){width:calc(100% - 32px)}}&.shop-the-look-point-1{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_1_1}}%;left:{{theme.settings.shop_the_look_banner_points_left_1_1}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_1_1}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_1_1}}%}}}&.shop-the-look-point-2{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_1_2}}%;left:{{theme.settings.shop_the_look_banner_points_left_1_2}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_1_2}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_1_2}}%}}}&.shop-the-look-point-3{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_1_3}}%;left:{{theme.settings.shop_the_look_banner_points_left_1_3}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_1_3}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_1_3}}%}}}&.shop-the-look-point-4{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_1_4}}%;left:{{theme.settings.shop_the_look_banner_points_left_1_4}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_1_4}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_1_4}}%}}}&.shop-the-look-point-5{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_1_5}}%;left:{{theme.settings.shop_the_look_banner_points_left_1_5}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_1_5}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_1_5}}%}}}&.shop-the-look-point-6{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_1_6}}%;left:{{theme.settings.shop_the_look_banner_points_left_1_6}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_1_6}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_1_6}}%}}}&.shop-the-look-point-7{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_1}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_1}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_1}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_1}}%}}}&.shop-the-look-point-8{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_1_x}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_1_x}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_1_x}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_1_x}}%}}}&.shop-the-look-point-9{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_1_y}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_1_y}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_1_y}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_1_y}}%}}}&.shop-the-look-point-10{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_1_z}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_1_z}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_1_z}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_1_z}}%}}}&.shop-the-look-point-11{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_1_t}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_1_t}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_1_t}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_1_t}}%}}}&.shop-the-look-point-12{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_1_u}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_1_u}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_1_u}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_1_u}}%}}}&.shop-the-look-point-13{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_2}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_2}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_2}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_2}}%}}}&.shop-the-look-point-14{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_2_x}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_2_x}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_2_x}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_2_x}}%}}}&.shop-the-look-point-15{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_2_y}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_2_y}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_2_y}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_2_y}}%}}}&.shop-the-look-point-16{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_2_z}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_2_z}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_2_z}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_2_z}}%}}}&.shop-the-look-point-17{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_2_t}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_2_t}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_2_t}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_2_t}}%}}}&.shop-the-look-point-18{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_2_u}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_2_u}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_2_u}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_2_u}}%}}}&.shop-the-look-point-19{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_3}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_3}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_3}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_3}}%}}}&.shop-the-look-point-20{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_3_x}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_3_x}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_3_x}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_3_x}}%}}}&.shop-the-look-point-21{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_3_y}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_3_y}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_3_y}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_3_y}}%}}}&.shop-the-look-point-22{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_3_z}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_3_z}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_3_z}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_3_z}}%}}}&.shop-the-look-point-23{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_3_t}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_3_t}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_3_t}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_3_t}}%}}}&.shop-the-look-point-24{@include min($lg){top:{{theme.settings.shop_the_look_banner_points_top_2_3_u}}%;left:{{theme.settings.shop_the_look_banner_points_left_2_3_u}}%}@include max($lg){>a{top:{{theme.settings.shop_the_look_banner_points_top_mobile_2_3_u}}%;left:{{theme.settings.shop_the_look_banner_points_left_mobile_2_3_u}}%}}}}&.shop-the-look-item-6,&.shop-the-look-item-7,&.shop-the-look-item-8{.shop-the-look-point{.shop-the-look-point-content{@include max($lg){width:calc(100% - 32px)}@include max($sm){width:calc(100% - 32px)}.showcase-point{.showcase-content{.showcase-buttons{@include max($lg){right:-5px;bottom:-3px}@include max($sm){right:0;bottom:0}}}}}}}}}@keyframes pulse{0%{box-shadow:0 0 0 0 #fff}100%{box-shadow:0 0 0 16px #fff0}}.default-products{margin-bottom:var(--spacer-30);&.offered-products{margin-bottom:var(--spacer-4);.products-header{display:flex;align-items:center;gap:var(--spacer-4);margin-bottom:var(--spacer-2);.products-header-inside{flex:1 0 0%;color:$color-text;line-height:calc(var(--font-size-16) + 8px);font-size:var(--font-size-16);font-weight:700}.default-products-arrows{display:flex;gap:var(--spacer-8);flex:0 0 auto;.slick-arrow{@include center;width:40px;height:40px;cursor:pointer;@include svghover($color-text);background-color:$color-white;@include center;transition:$transition;@include svg;svg{position:absolute;transition:transform .5s ease,opacity .25s ease}&.slick-prev{svg{&:first-child{transform:translate(24px);opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(-24px);opacity:0}}}@include min($lg){&:not(.slick-disabled){&:hover{@include svghover($color-white);background:$color-text;&.slick-prev{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(-30px)!important;opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(30px)!important;opacity:0}}}}}}}}}.row{row-gap:calc(var(--gutter) * 2)}}.products-header{display:flex;align-items:center;gap:var(--spacer-4);margin-bottom:var(--spacer-10);.products-header-inside{flex:1 0 0%;color:$color-text;@include heading-type-2}.default-products-arrows{display:flex;gap:var(--spacer-8);flex:0 0 auto;.slick-arrow{@include center;width:40px;height:40px;cursor:pointer;@include svghover($color-text);background-color:$color-white;@include center;transition:$transition;@include svg;svg{position:absolute;transition:transform .5s ease,opacity .25s ease}&.slick-prev{svg{&:first-child{transform:translate(24px);opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(-24px);opacity:0}}}@include min($lg){&:not(.slick-disabled){&:hover{@include svghover($color-white);background:$color-text;&.slick-prev{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(-30px)!important;opacity:0}}}&.slick-next{svg{&:first-child{transform:translate(0)!important;opacity:1}&:last-child{transform:translate(30px)!important;opacity:0}}}}}}}}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.slick-track,.slick-list{transform:none!important}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:20px;>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-border;transition:$transition}&.slick-active{>button{width:40px;@include border-radius(4px);background-color:$color-text}}}}}&.home-products{margin-bottom:0;.products-header{margin-bottom:var(--spacer-11)}}&.similar-products{margin-bottom:var(--spacer-9)}}.showcase{&:not(.showcase-point){position:relative;transition:$transition;.showcase-image-container{position:relative;.sold-out-label{position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;@include center;span{display:inline-block;color:$color-white;@include text-type-5;font-family:$font-family-sub;padding:var(--spacer-2) var(--spacer-3);background-color:$color-sub-text}}.showcase-label-group{position:absolute;left:var(--spacer-4);top:var(--spacer-4);z-index:20;display:flex;flex-direction:column;align-items:flex-start;.showcase-label-group-top{display:flex;align-items:center;margin-bottom:var(--spacer-2);gap:var(--spacer-2);>div{display:flex;align-items:center;height:34px;color:$color-white;@include text-type-5;font-family:$font-family-sub;padding:0 var(--spacer-3);&.new-label{background-color:$color-text}&.gift-label{color:$color-text;background-color:$color-white}@include max($sm){height:20px}}}.discount-label{display:flex;align-items:center;height:34px;color:$color-white;@include text-type-5;font-family:$font-family-sub;padding:0 var(--spacer-3);background-color:$color-pinterest;@include max($sm){height:20px}}}}.showcase-image{a{position:relative;display:block;overflow:hidden;aspect-ratio:$aspect-ratio;@include center}}.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%}@include max($lg){display:none}}.showcase-image-dots{@include center;gap:var(--spacer-2);margin-block:var(--spacer-1);padding-block:var(--spacer-2);width:100%;transition:$transition;button{width:72px;height:4px;padding:0;border:none;background-color:$color-border;&.active{background-color:$color-text}}@include max($lg){display:none}}.showcase-favorites{@include min($lg){flex:0 0 auto}@include max($lg){position:absolute;right:var(--spacer-2);top:var(--spacer-2);z-index:10}>a.add-my-favorites{display:flex;align-items:center;gap:var(--spacer-2);color:$color-text;@include text-type-5;@include max($lg){gap:0;justify-content:center;width:40px;height:40px;background-color:#fff;@include border-radius(50%);box-shadow:0 2px 10px 0 rgb(54 50 50 / .1)}@include max($sm){width:32px;height:32px;>div{>svg{width:20px;height:20px}}}@include max($lg){>span{&:before{display:none}}}span{&:before{content:attr(data-add-to-favorites)}}.showcase-icon-favori-add{display:none}&.favorite-product{@include svghover($color-pinterest);color:$color-pinterest;span{&:before{content:attr(data-favorite-product)}}.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}}.showcase-action-wrapper{position:absolute;width:100%;right:0;bottom:0;display:flex;align-items:center;gap:var(--spacer-2);padding:var(--spacer-4) var(--spacer-6);background:rgb(255 255 255 / .8);transition:$transition;@include min($lg){opacity:0;visibility:hidden;bottom:var(--spacer-6)}@include max($lg){justify-content:center}}.showcase-buttons{@include min($lg){flex:1 0 0%}>a{position:relative;display:flex;align-items:center;gap:var(--spacer-2);color:$color-text;@include text-type-5;text-align:center;transition:$transition;border-radius:$border-radius;&.no-stock-button{color:$color-text;background-color:$color-border;&:hover{@extend .no-stock-button}}@include max($sm){>svg{flex:0 0 20px}}}@include max($lg){opacity:1;visibility:visible;width:auto}.showcase-preview{cursor:pointer}}.showcase-content{position:relative;padding:0 var(--spacer-4) var(--spacer-4);@include max($lg){padding:var(--spacer-4)}}.showcase-title{margin-bottom:var(--spacer-2);text-align:center;a{overflow:hidden;display:block;height:calc((var(--font-size-16) + 8px) * 2);line-height:calc(var(--font-size-16) + 8px);color:$color-text;font-size:var(--font-size-16);font-weight:500;@include max($sm){height:calc((var(--font-size-16) + 8px) * 3)}}}.showcase-price{position:relative;@include center;gap:var(--spacer-2);@include max($sm){flex-direction:column;justify-content:center;height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px + var(--spacer-2))}.discount-label{display:none}.showcase-price-new{color:$color-text;font-size:var(--font-size-20);font-weight:600;line-height:calc(var(--font-size-20) + 8px);@include max($xlg){font-size:var(--font-size-16);line-height:calc(var(--font-size-16) + 8px)}}&.has-discount{.showcase-price-new{color:$color-pinterest}}.showcase-price-old{color:$color-sub-text;font-size:var(--font-size-14);font-weight:500;line-height:calc(var(--font-size-14) + 8px);text-decoration:line-through;@include max($xlg){font-size:var(--font-size-12);line-height:calc(var(--font-size-12) + 8px)}}}.showcase-variant-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:101;display:none;width:1000px;background-color:#fff;@include max($lg){width:95%}@include max($sm){top:12px;left:12px;transform:translate(0,0);width:calc(100% - 24px);height:calc(100% - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}&.variant-loading{&:before{content:"";position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;background-color:rgb(255 255 255 / .5)}&:after{content:"";position:absolute;top:50%;left:50%;z-index:21;width:20px;height:20px;color:rgb(255 255 255 / .4)!important;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid $color-border;border-top-color:$color-primary;animation:spinner .6s linear infinite;@include max($lg){width:14px;height:14px;margin-top:-7px;margin-left:-7px}}}.dropbox-close{position:absolute;right:-16px;top:-16px;@include center;width:32px;height:32px;cursor:pointer;border-radius:100%;background-color:#ddd;background-repeat:no-repeat;background-position:center 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='M4.15052 3.20734C3.89018 2.947 3.46806 2.947 3.20772 3.20734C2.94736 3.46769 2.94736 3.88981 3.20772 4.15015L7.05755 7.99997L3.20776 11.8498C2.9474 12.1101 2.9474 12.5322 3.20776 12.7926C3.4681 13.0529 3.89022 13.0529 4.15056 12.7926L8.00035 8.94277L11.8501 12.7926C12.1105 13.0529 12.5326 13.0529 12.7929 12.7926C13.0533 12.5322 13.0533 12.1101 12.7929 11.8498L8.94315 7.99997L12.7929 4.15015C13.0533 3.88981 13.0533 3.46769 12.7929 3.20734C12.5326 2.947 12.1105 2.947 11.8501 3.20734L8.00035 7.05717L4.15052 3.20734Z' fill='black'/%3E%3C/svg%3E");@include max($sm){right:0;top:0;width:28px;height:28px;border-radius:0}}.showcase-variant-content-inside{display:grid;grid-template-columns:repeat(3,1fr);@include max($sm){display:block}.showcase-variant-content-inside-left{padding:4px;.showcase-variant-images{.showcase-variant-images-primary{position:relative;aspect-ratio:$aspect-ratio;cursor:pointer;margin-bottom:4px;border:1px solid $color-border;@include imgcenter}.showcase-variant-images-thumbs{display:grid;gap:var(--spacer-2);grid-template-columns:repeat(8,1fr);.showcase-variant-images-thumbs-item{>div{position:relative;aspect-ratio:$aspect-ratio;cursor:pointer;border:1px solid $color-border;@include imgcenter}&.active{>div{border-color:$color-primary}}@include max($sm){flex:0 0 22vw;max-width:22vw}}}}}.showcase-variant-content-inside-right{padding:var(--spacer-4) var(--spacer-5) var(--spacer-4) var(--spacer-8);@include max($sm){padding:var(--spacer-3) var(--spacer-4) var(--spacer-2)}.showcase-title{color:$color-text;@include heading-type-5;text-align:left;margin-bottom:var(--spacer-4);>a{height:unset}}.showcase-price{justify-content:flex-start;gap:var(--spacer-3);@include max($sm){height:unset;flex-direction:row}.discount-label{display:flex;align-items:center;color:$color-pinterest;@include heading-type-5}.showcase-price-new{color:$color-text;@include heading-type-5}.showcase-price-old{color:$color-sub-text;@include text-type-5;text-decoration:line-through}}.showcase-variant-price-and-button{padding-top:var(--spacer-1);.showcase-buttons{position:static;flex:0 0 auto;width:auto;opacity:1;visibility:visible;>a{color:$color-white;height:48px;justify-content:center;>div{>span{display:block}}&.no-stock-button{color:#747474;background-color:#F4F4F4;&.cursor-no-drop{cursor:no-drop}>svg{display:none}}&.add-to-cart-button{background-color:$color-text}>div{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:24px;>span{line-height:24px;transition:transform .5s ease}}@include min($lg){&:hover{>div{>span{transform:translateY(-24px)}}}}}@include max($lg){>a{width:auto;padding:0 var(--spacer-10)}}@include max($sm){>a{height:40px}}}}}}.showcase-variant-single{.showcase-variant-single-group{margin-bottom:var(--spacer-4);&[data-aggregator="1"]{display:none}>span{display:block;width:100%;color:red;font-size:var(--font-size-12);padding-top:15px}.showcase-variant-single-title{color:$color-text;@include text-type-2}.showcase-variant-single-content{display:flex;flex-wrap:wrap;max-height:120px;gap:var(--spacer-3);padding-top:4px;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}div{position:relative;flex:0 0 auto;color:$color-text;@include text-type-5;min-width:40px;text-align:center;cursor:pointer;pointer-events:auto;padding:var(--spacer-2) var(--spacer-3);border:2px solid $color-border;background-color:$color-white;border-radius:$border-radius;transition:$transition;&.showcase-variant-loading:after{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;color:rgb(255 255 255 / .4)!important;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid $color-border;border-top-color:$color-primary;animation:spinner .6s linear infinite;@include max($lg){width:14px;height:14px;margin-top:-7px;margin-left:-7px}}&:hover,&.showcase-variant-selected:not(.showcase-variant-passive):not(.showcase-variant-no-stock){color:$color-text;border-color:$color-text;background-color:$color-white}&.showcase-variant-selected:not(.showcase-variant-passive):not(.showcase-variant-no-stock){&:before{content:'';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7655 3.64028L4.76552 9.64028C4.73069 9.67514 4.68934 9.7028 4.64381 9.72167C4.59829 9.74055 4.54949 9.75026 4.50021 9.75026C4.45093 9.75026 4.40213 9.74055 4.35661 9.72167C4.31108 9.7028 4.26972 9.67514 4.2349 9.64028L1.6099 7.01528C1.53953 6.94491 1.5 6.84948 1.5 6.74996C1.5 6.65045 1.53953 6.55502 1.6099 6.48465C1.68026 6.41429 1.7757 6.37476 1.87521 6.37476C1.97472 6.37476 2.07016 6.41429 2.14052 6.48465L4.50021 8.84481L10.2349 3.10965C10.3053 3.03929 10.4007 2.99976 10.5002 2.99976C10.5997 2.99976 10.6952 3.03929 10.7655 3.10965C10.8359 3.18002 10.8754 3.27545 10.8754 3.37496C10.8754 3.47448 10.8359 3.56991 10.7655 3.64028Z' fill='white'/%3E%3C/svg%3E");padding-top:1px;background-color:$color-text;border-radius:100%}}&.showcase-variant-no-stock{color:#888;border-color:$color-border;background-color:$color-border;&:before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;background:linear-gradient(to top right,#fff0 0%,#fff0 calc(50% - 0.8px),#888888 50%,#fff0 calc(50% + 0.8px),#fff0 100%)}}&.showcase-variant-passive{color:$color-sub-text;pointer-events:none;border-color:$color-border;background-color:$color-border}&.showcase-variant-passive:hover,&.showcase-variant-no-stock:hover,&.showcase-variant-selected.showcase-variant-passive,&.showcase-variant-selected.showcase-variant-no-stock{border-color:$color-text}&.showcase-variant-image{min-width:44px;max-width:44px;max-height:44px;padding:1px;&.showcase-variant-passive{opacity:.4;background-color:#fff0}img{width:100%;height:100%;object-fit:cover}}&.showcase-variant-picture{min-width:72px;max-width:72px;max-height:none;padding:0;aspect-ratio:$aspect-ratio}}}}}}@include min($lg){&:hover{.showcase-action-wrapper{opacity:1;visibility:visible}}}}&.showcase-point{display:flex;align-items:flex-start;gap:var(--spacer-2);padding:var(--spacer-2) var(--spacer-3) var(--spacer-2) var(--spacer-2);background-color:$color-white;@include max($lg){align-items:center}.showcase-image-container{flex:0 0 120px;width:120px;height:120px;.showcase-image{a{position:relative;display:block;overflow:hidden;aspect-ratio:1;background-color:$color-white;@include fit}}}.showcase-content{flex:1 0 0%;position:relative;padding:var(--spacer-2);.showcase-title{margin-bottom:var(--spacer-4);a{overflow:hidden;display:block;height:calc((var(--font-size-14) + 8px) * 2);color:$color-text;@include text-type-5}}.showcase-price-wrapper{display:flex;align-items:flex-start;gap:0 var(--spacer-2);.showcase-price{@include max($sm){height:40px;display:flex;align-items:baseline;justify-content:center;flex-direction:column}@include max($lg){margin-bottom:var(--spacer-4)}.showcase-price-new{color:$color-text;@include text-type-2}.showcase-price-old{color:$color-sub-text;@include text-type-6;text-decoration:line-through}}.discount-label{display:flex;align-items:center;color:$color-pinterest;@include text-type-2;@include max($lg){display:none}}}.showcase-buttons{position:absolute;right:0;bottom:0;z-index:20;>a{@include center;width:36px;height:36px;transition:$transition;@include max($lg){width:30px;height:30px}>span{display:none}}a.add-to-cart-button{background-color:$color-text;&:hover{background-color:$color-primary}}a.no-stock-button{background-color:$color-sub-text}}.showcase-custom-variant{display:flex;align-items:center;gap:var(--spacer-2);>div{>a{@include center;border:1px solid $color-border;padding:var(--spacer-1);@include imgcenter;@include border-radius(100px);transition:$transition;>img{max-width:24px;max-height:24px}@include min($lg){&:hover{border-color:$color-primary}}}}}}}}.quick-view-area{width:927px;@include max($lg){width:95%}.product-image2{position:relative;margin-bottom:var(--spacer-5);border:1px solid $color-border;#product-primary-image{position:relative;aspect-ratio:$aspect-ratio;margin-bottom:var(--spacer-4);@include imgcenter}}#product-thumb-image2{margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));.thumb-item2{padding-left:var(--gutter);padding-right:var(--gutter);>div{>a{position:relative;display:block;aspect-ratio:$aspect-ratio;border:1px solid $color-border;@include imgcenter;&.zoomGalleryActive{border-color:$color-primary}}}}@include max($xxlg){display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-3);.thumb-item2{>div{width:5vw;@include max($xlg){width:6vw}}}}@include max($sm){.thumb-item2{>div{width:16vw}}}@include max($xxs){.thumb-item2{>div{width:15vw}}}@include max($xxxs){.thumb-item2{>div{width:14vw}}}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:36px;height:36px;cursor:pointer;background:#fff;&.slick-prev{left:15px}&.slick-next{right:15px}&.slick-disabled{opacity:.5}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:20px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;margin-bottom:5px;border:none;border-radius:50%;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}}}}.product-list-container{margin-bottom:var(--spacer-4);.product-list-block{padding:var(--spacer-1) 0}.product-list-row{display:flex;align-items:baseline;padding:var(--spacer-1) 0;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:30%;color:$color-sub-text;font-size:var(--font-size-13);font-weight:600;@include max($sm){font-size:var(--font-size-12)}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$color-sub-text;font-size:var(--font-size-13);@include max($sm){font-size:var(--font-size-12)}&:before{content:':';margin-right:16px}a{font-size:var(--font-size-13);@include max($sm){font-size:var(--font-size-12)}}}}}.product-brand{margin-bottom:var(--spacer-1);a{color:$color-text;@include text-type-3;transition:$transition;&:hover{color:$color-primary}}&.product-brand-image{padding-top:10px;a{position:relative;display:block;width:120px;height:50px;border:1px solid $color-border;border-radius:$border-radius;transition:$transition;@include imgcenter;img{max-width:80%;max-height:80%}&:hover{border-color:$color-primary}}}}.product-title{margin-bottom:var(--spacer-6);h1{@include heading-type-5;margin-bottom:0}}.product-short-details{color:$color-sub-text;@include text-type-5;margin-bottom:var(--spacer-8)}.product-price{display:flex;align-items:center;gap:var(--spacer-3);margin-bottom:var(--spacer-4);.product-price-new{color:$color-text;@include heading-type-5}.product-price-old{color:#747474;@include text-type-5;text-decoration:line-through}.discount-label{color:$color-pinterest;@include heading-type-5;>svg{@include max($lg){display:none}}}}.product-size-chart{margin-bottom:20px;>a{display:flex;align-items:center;font-size:var(--font-size-14);font-weight:600;color:$color-primary;transition:$transition;span{padding-left:10px}&:hover{color:$color-text}}#size-cart-popup{display:none}}.preview-buttons{a{@include center;height:48px;color:$color-white;@include text-type-5;text-align:center;background-color:$color-text;transition:$transition;@include max($lg){height:40px}@include max($sm){height:36px}>div{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:24px;>span{line-height:24px;transition:transform .5s ease}}@include min($lg){&:hover{>div{>span{transform:translateY(-24px)}}}}}}}body[class*="showcase-variant-content"]{overflow:hidden;touch-action:none;-ms-touch-action:none}#footer{.footer{background-color:$color-text;.footer-row-1{padding-block:var(--spacer-15)}.footer-row-2{padding-block:var(--spacer-8)}}}.shopping-banners{margin-bottom:var(--spacer-10);.row{@include max($md){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-5);>div{width:38vw}}@include max($sm){>div{width:81vw}}}.shopping-banner{display:block;text-align:center;padding:var(--spacer-13);margin-bottom:var(--spacer-7);@include svghover($color-text);svg{max-width:52px;max-height:52px;margin-bottom:var(--spacer-4);@include max($lg){max-width:42px;max-height:42px}@include max($sm){max-width:36px;max-height:36px}}.shopping-banner-content{.shopping-banner-title{color:$color-text;@include heading-type-4;margin-bottom:var(--spacer-4)}.shopping-banner-sub-title{color:#747474;@include text-type-5}}}}.footer-text{padding-bottom:var(--spacer-10);margin-bottom:var(--spacer-10);border-bottom:1px solid rgb(255 255 255 / .2);>h2{color:$color-white;@include text-type-4;margin-bottom:var(--spacer-6)}>p{color:#99999C;@include text-type-5}}.footer-contact{display:flex;align-items:center;gap:var(--spacer-12);padding-bottom:var(--spacer-10);margin-bottom:var(--spacer-10);border-bottom:1px solid rgb(255 255 255 / .2);@include max(1620){flex-direction:column;align-items:flex-start}>div{>a{display:flex;align-items:center;flex-wrap:wrap;height:42px;>div{flex:1 0 0%;padding-left:var(--spacer-4);>div{color:#99999C;@include text-type-6}>span{color:$color-white;@include text-type-5}}}}}.footer-social-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-4);margin-bottom:var(--spacer-10);div{a{@include center;width:40px;height:40px;@include border-radius(50%);background:rgb(255 255 255 / .2);transition:$transition;@include svg;@include max($lg){width:36px;height:36px}@include max($sm){width:32px;height:32px;>svg{width:18px;height:18px}}@include min($lg){&:hover{background-color:$color-primary}}}}}.footer-tag{color:#99999C;@include text-type-5;>span{>span{color:$color-white}}}.footer-menu-container{@include max($lg){margin-top:var(--spacer-8)}.footer-menu{.footer-menu-title{color:$color-white;@include text-type-4;margin-bottom:var(--spacer-6)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}>a{position:relative;display:inline-block;color:#99999C;@include text-type-5;transition:$transition;&:after{content:'';position:absolute;z-index:1;right:0;width:0;bottom:0;background:$color-white;height:1px;transition:width .3s cubic-bezier(.25,.1,.25,1) 0s}@include min($lg){&:hover{color:$color-white;&:after{left:0;right:auto;width:100%}}}}}}}@include min($sm){&.footer-menu-top{margin-bottom:var(--spacer-6)}}}@include max($sm){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-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{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}}}}}}.copyright{color:$color-white;@include text-type-5;@include max($md){text-align:center;margin-bottom:var(--spacer-5)}}.footer-ssl{@include max($md){text-align:center}img{max-height:36px}}#scroll-top{position:fixed;right:var(--spacer-10);bottom:var(--spacer-10);z-index:50;display:none;cursor:pointer;border:1px solid $color-primary;border-radius:100%;transition:$transition;>div{position:relative;overflow:hidden;@include center;width:44px;height:44px;@include svg;@include svghover($color-primary);>svg{position:absolute;transition:transform .5s ease,opacity .25s ease;&:last-child{transform:translateY(20px);opacity:0}}}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white);>div{>svg{&:first-child{transform:translateY(-20px);opacity:0}&:last-child{transform:translateY(0);opacity:1}}}}}@include max($lg){bottom:100px}@include max($sm){bottom:80px}}{% if theme.settings.whatsapp_style_1_position_type=='whatsapp_style_1_position_type_1' or theme.settings.whatsapp_style_2_position_type=='whatsapp_style_2_position_type_1' or theme.settings.whatsapp_style_2_position_type=='whatsapp_style_2_position_type_2' %}@include max($lg){#scroll-top{display:none!important}}{% endif %}.custom-whatsapp-button{&.custom-whatsapp-button-style-1{position:fixed;bottom:var(--spacer-10);z-index:98;&.left-bottom{left:var(--spacer-10)}&.right-bottom{right:var(--spacer-10)}&.check-bottom{bottom:calc((var(--spacer-10) + 44px) + var(--spacer-10));@include max($lg){bottom:var(--spacer-10)}}>a{@include center;width:60px;height:60px;@include border-radius(50%);animation:pulse-animation 2s infinite;background-color:$color-whatsapp;@include max($sm){width:48px;height:48px;svg{width:24px;height:24px}}>div{position:relative;width:32px;height:32px;>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:$transition;&.open-icon{animation:iconPulse 4s infinite}&.close-icon{width:0;height:0;overflow:hidden}}}&.active{>div{>svg{&.open-icon{width:0;height:0;overflow:hidden}&.close-icon{width:100%;height:100%;overflow:visible;@include max($sm){width:24px;height:24px}}}}~.custom-whatsapp-button-content{opacity:1;visibility:visible}}&:hover{>div{>svg{&.close-icon{transform:translate(-50%,-50%) rotate(90deg)}}}}}.custom-whatsapp-button-content{position:absolute;right:var(--spacer-8);bottom:calc(100% + 24px);z-index:98;width:350px;opacity:0;visibility:hidden;@include border-radius(8px);padding:var(--spacer-6);transition:$transition;box-shadow:2px 2px 8px 0 #00000014;background-color:$color-white;@include max($sm){right:0;width:300px}@include max($xxs){width:280px}&.left-bottom{left:var(--spacer-8);right:auto;@include max($xs){left:0}}.custom-whatsapp-button-title{color:{{theme.settings.whatsapp_style_1_title_color}};@include line-rule(16);font-weight:500;margin-bottom:var(--spacer-3)}.custom-whatsapp-button-sub-title{color:{{theme.settings.whatsapp_style_1_sub_title_color}};@include line-rule(16);font-weight:400;margin-bottom:var(--spacer-6)}.custom-whatsapp-button-link{>a{display:flex;align-items:center;justify-content:space-between;height:52px;color:{{theme.settings.whatsapp_style_1_button_title_color}};@include line-rule(14);font-weight:500;@include border-radius(8px);padding-inline:var(--spacer-6);transition:$transition;background-color:{{theme.settings.whatsapp_style_1_button_background_color}};@include svg;>div{display:flex;align-items:center;gap:var(--spacer-2)}@include max($lg){height:44px}@include min($lg){&:hover{color:{{theme.settings.whatsapp_style_1_button_title_hover_color}};padding-inline:var(--spacer-6) var(--spacer-3);background-color:{{theme.settings.whatsapp_style_1_button_background_hover_color}};@include svghover({{theme.settings.whatsapp_style_1_button_title_hover_color}})}}}}}}&.custom-whatsapp-button-style-2{position:fixed;z-index:98;&.right-bottom{right:calc((var(--spacer-10) + 44px) + var(--spacer-10));bottom:0;@include max($lg){right:var(--spacer-10)}}&.right-vertical{bottom:calc((var(--spacer-10) + 44px) + var(--spacer-10));right:0;left:auto;>a{@include border-radius(0 8px 8px 0)}}&.left-bottom{left:var(--spacer-10);bottom:0}&.left-vertical{bottom:var(--spacer-10);left:0;right:auto;>a{@include border-radius(8px 0 0 8px)}}&.right-vertical,&.left-vertical{@include max($lg){bottom:var(--spacer-10)}writing-mode:vertical-lr;transform:scale(-1);>a{padding:var(--spacer-7) var(--spacer-3);>svg{transform:rotate(180deg)}}}>a{display:inline-flex;align-items:center;justify-content:center;color:{{theme.settings.whatsapp_style_2_button_title_color}};@include line-rule(16);font-weight:500;white-space:nowrap;@include border-radius(8px 8px 0 0);gap:var(--spacer-3);padding:var(--spacer-3) var(--spacer-7);transition:$transition;background-color:{{theme.settings.whatsapp_style_2_button_background_color}};@include svg;>svg{@include max($lg){width:28px;height:28px}@include max($sm){width:24px;height:24px}}@include min($lg){&:hover{color:{{theme.settings.whatsapp_style_2_button_title_hover_color}};background-color:{{theme.settings.whatsapp_style_2_button_background_hover_color}};@include svghover({{theme.settings.whatsapp_style_2_button_title_hover_color}})}}}}}@keyframes iconPulse{0%{transform:translate(-50%,-50%) scale(.90)}20%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(.90)}60%{transform:translate(-50%,-50%) scale(1)}80%{transform:translate(-50%,-50%) scale(.90)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgb(37 211 102)}100%{box-shadow:0 0 0 12px #fff0}}@include min($md){.section-sorting-view{display:flex;align-items:center;gap:calc(var(--gutter) * 2);margin-bottom:0;#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,288px) minmax(0,1fr)}}#responsive-mobile-filter{padding:var(--spacer-5) var(--spacer-4);border:1px solid $color-border;margin-bottom:var(--spacer-13);#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-4);>span{@include center;width:32px;height:32px;cursor:pointer;border:1px solid $color-border;@include border-radius(2px);@include svghover($color-text);@include svg;transition:$transition;&:hover,&.active{border-color:$color-text;background-color:$color-text;@include svghover($color-white)}}}.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);&: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:var(--spacer-13) 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)}}}#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{margin-bottom:var(--spacer-8);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-2;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{margin-bottom:var(--spacer-6);border-bottom:1px solid $color-border}}&.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-10) 0;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{.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 min($lg){padding:var(--spacer-4);border:1px solid $color-border;border-radius:$border-radius}@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")}}.filter-menu-box{padding-top:var(--spacer-6);margin-top:var(--spacer-6);margin-bottom:0;border:none;border-top:1px solid $color-border;&:only-child{padding-top:0;margin-top:0;border-top:none;&.filter-menu-main-category{padding:0 var(--spacer-2)}}&.filter-menu-category{padding:0;margin-top:0;border-top:none}&.filter-menu-selected-items{padding-top:0;margin-top:0;border-top:none;padding-bottom:var(--spacer-6);margin-bottom:var(--spacer-6);border-bottom:1px solid $color-border}&.filter-menu-main-category{padding:var(--spacer-4) var(--spacer-5)}}.filter-menu-category{padding-top:0;margin-top:0;border-top:none;.filter-menu-category-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:700;padding:0;padding-bottom:var(--spacer-4);border-bottom:none;background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-5);border-bottom:none;a{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:var(--spacer-2) 0;transition:$transition;&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{@include min($lg){width:calc(100% + var(--spacer-8));margin-left:calc(-1*var(--spacer-4))}a{justify-content:flex-start;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:var(--spacer-4);background-color:$color-background;transition:$transition;i{@include center;width:32px;height:32px;color:$color-sub-text;font-size:var(--font-size-18);@include max($sm){width:20px;height:20px}}}}}.filter-menu-groups{.filter-menu-group-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:700;padding:0;padding-bottom:var(--spacer-4);border:none;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%}}}input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding-left:32px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary;background-color:$color-white;border-radius:$border-radius}&: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{.filter-menu-selected-items-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:700;padding:0;padding-bottom:var(--spacer-4);border:none;background-color:#fff0}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{.filter-menu-selected-group-title{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;margin-bottom:var(--spacer-2)}.filter-menu-selected-group-content{.filter-menu-selected-item{a{color:$color-text;line-height:20px;font-size:var(--font-size-14);font-weight:400;padding:var(--spacer-3) var(--spacer-4);border-radius:$border-radius;background:#fff0;border:1px solid $color-border}}}}}}}.horizontal-filter-and-sorting-area{padding:var(--spacer-5) var(--spacer-4);margin-bottom:var(--spacer-13);border:1px solid $color-border}.horizontal-filter-menu-wrapper{display:flex;align-items:center;.horizontal-filter-menu-button{display:inline-flex;align-items:center;line-height:24px;color:$color-text;@include text-type-2;cursor:pointer;transition:$transition;@include svg;span{padding-left:var(--spacer-3)}.horizontal-filter-menu-count{position:absolute;right:-6px;top:-6px;z-index:1;@include center;width:18px;height:18px;color:$color-white;font-size:10px;font-weight:500;text-align:center;background-color:$color-primary;border-radius:50%;transition:$transition}&:hover{@include svghover($color-primary);color:$color-primary}@include max($md){display:none!important}}.horizontal-filter-menu{@include min($md){position:fixed;width:408px;height:100%;left:-408px;top:0;background:#fff;z-index:100;padding:var(--spacer-5);transition:$transition;overflow-y:auto;-webkit-overflow-scrolling:touch}.openbox-close{display:flex;justify-content:flex-end;margin-bottom:var(--spacer-4);cursor:pointer;margin-right:var(--spacer-3);@include svg;&:Hover{@include svghover($color-secondary)}}@include max($lg){width:360px;left:-360px}@include max($sm){width:280px;left:-280px}.filter-menu-groups{.filter-menu-group-selectbox{position:relative;margin-bottom:var(--spacer-8);>a{display:flex;justify-content:space-between;color:$color-text;@include text-type-2;padding:var(--spacer-3) var(--spacer-4);background-color:#fff;border-bottom:1px solid $color-border;span{padding-right:16px}svg{display:none}&:after{content:'';@include center;width:24px;height:24px;@include border-radius(50%);transition:$transition;background-position:center;background-size:24px;background-repeat:no-repeat;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='M12 8V16' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M8 12H16' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E")}&.active{&:after{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 12H8' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E")}}}.filter-menu-group-selectbox-content{z-index:101;overflow:auto;display:block;width:100%;padding:var(--spacer-3) var(--spacer-4) 0 var(--spacer-4);background-color:#fff;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}>div{max-height:124px}>div>a{position:relative;display:block;line-height:22px;color:$color-text;@include text-type-4;padding-left:24px;margin-bottom:var(--spacer-3);transition:$transition;@include max($sm){margin-bottom:var(--spacer-7)}span{color:$color-sub-text;padding-left:4px}&:last-child{margin-bottom:0}&:after{content:'';position:absolute;left:0;top:0;width:16px;height:16px;margin-top:3px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size: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%3Crect x='0.4' y='0.4' width='15.2' height='15.2' stroke='black' stroke-width='0.8'/%3E%3C/svg%3E");transition:$transition}&:hover,&.checked{color:$color-text;span{color:$color-text}&:after{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%3Crect x='0.4' y='0.4' width='15.2' height='15.2' stroke='black' stroke-width='0.8'/%3E%3Crect x='3.4' y='3.4' width='9.2' height='9.2' fill='black' stroke='black' stroke-width='0.8'/%3E%3C/svg%3E")}}}}>a.active+.filter-menu-group-selectbox-content{display:block}}}.filter-menu-selected-items{padding-inline:var(--spacer-4);@include min($lg){display:grid;gap:var(--spacer-3);grid-template-columns:repeat(2,1fr)}.filter-menu-selected-group{.filter-menu-selected-item{margin-bottom:var(--spacer-3);a{display:flex;align-items:center;height:36px;line-height:18px;color:$color-text;font-size:var(--font-size-12);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{padding-inline:var(--spacer-4);>span{display:block;line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-3)}@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 min($md){.horizontal-filter-menu-active{left:0;overflow:hidden;position:fixed;height:100%;width:100%;.horizontal-filter-menu{left:0}.horizontal-filter-menu-overlay{display:block}}}#sorting-options{margin-bottom:0;.row{align-items:center}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;@include text-type-2;color:$color-text;cursor:pointer;padding:4px 40px 4px 12px;border:1px solid $color-border;border-radius:$border-radius;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.692 7.94217L10.442 14.1922C10.384 14.2503 10.3151 14.2964 10.2392 14.3278C10.1633 14.3593 10.082 14.3755 9.99986 14.3755C9.91772 14.3755 9.8364 14.3593 9.76052 14.3278C9.68465 14.2964 9.61572 14.2503 9.55767 14.1922L3.30767 7.94217C3.1904 7.82489 3.12451 7.66583 3.12451 7.49998C3.12451 7.33413 3.1904 7.17507 3.30767 7.05779C3.42495 6.94052 3.58401 6.87463 3.74986 6.87463C3.91571 6.87463 4.07477 6.94052 4.19205 7.05779L9.99986 12.8664L15.8077 7.05779C15.8657 6.99972 15.9347 6.95366 16.0105 6.92224C16.0864 6.89081 16.1677 6.87463 16.2499 6.87463C16.332 6.87463 16.4133 6.89081 16.4892 6.92224C16.565 6.95366 16.634 6.99972 16.692 7.05779C16.7501 7.11586 16.7962 7.1848 16.8276 7.26067C16.859 7.33654 16.8752 7.41786 16.8752 7.49998C16.8752 7.5821 16.859 7.66342 16.8276 7.73929C16.7962 7.81516 16.7501 7.8841 16.692 7.94217Z' fill='black'/%3E%3C/svg%3E")}.record-count{@include text-type-2;color:$color-text}.checkbox-custom{line-height:22px;input[type=checkbox]{&+label{@include text-type-2;color:$color-text;padding-left:30px;&:before{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1px solid $color-text;border-radius:0}}&:checked{&+label{&:before{background-image:none;border-color:$color-text;background-color:$color-white}&:after{content:'';position:absolute;left:5px;top:4px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-text;border-right:2px solid $color-text;transform:rotate(45deg);@include max($lg){top:3px}}}}}}}.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:212px}}}.paginate-wrapper{position:relative;padding:var(--spacer-19) 0 var(--spacer-32);.paginate{display:flex;justify-content:center;gap:var(--spacer-5);@include max($sm){justify-content:space-between}a{@include center;width:64px;height:64px;@include text-type-2;color:$color-text;border-bottom:2px solid $color-border;@include max($xlg){width:40px;height:40px}@include max($lg){width:36px;height:36px}@include max($md){width:32px;height:32px}@include max($sm){width:28px;height:28px}@include max($xxxs){width:24px;height:24px}}.paginate-content{display:flex;gap:var(--spacer-5)}.paginate-left{a{i{font-size:0;background-repeat:no-repeat;background-size:24px;background-position:center;display:block;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='M15.5307 18.9693C15.6004 19.039 15.6557 19.1217 15.6934 19.2128C15.7311 19.3038 15.7505 19.4014 15.7505 19.4999C15.7505 19.5985 15.7311 19.6961 15.6934 19.7871C15.6557 19.8781 15.6004 19.9609 15.5307 20.0306C15.461 20.1002 15.3783 20.1555 15.2873 20.1932C15.1962 20.2309 15.0986 20.2503 15.0001 20.2503C14.9016 20.2503 14.804 20.2309 14.7129 20.1932C14.6219 20.1555 14.5392 20.1002 14.4695 20.0306L6.96948 12.5306C6.89974 12.4609 6.84443 12.3782 6.80668 12.2871C6.76894 12.1961 6.74951 12.0985 6.74951 11.9999C6.74951 11.9014 6.76894 11.8038 6.80668 11.7127C6.84443 11.6217 6.89974 11.539 6.96948 11.4693L14.4695 3.9693C14.6102 3.82857 14.8011 3.74951 15.0001 3.74951C15.1991 3.74951 15.39 3.82857 15.5307 3.9693C15.6715 4.11003 15.7505 4.30091 15.7505 4.49993C15.7505 4.69895 15.6715 4.88982 15.5307 5.03055L8.56041 11.9999L15.5307 18.9693Z' fill='black'/%3E%3C/svg%3E")}}}.paginate-right{a{i{font-size:0;background-repeat:no-repeat;background-size:24px;background-position:center;display:block;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='M17.0306 12.5306L9.53055 20.0306C9.46087 20.1002 9.37815 20.1555 9.2871 20.1932C9.19606 20.2309 9.09847 20.2503 8.99993 20.2503C8.90138 20.2503 8.8038 20.2309 8.71276 20.1932C8.62171 20.1555 8.53899 20.1002 8.4693 20.0306C8.39962 19.9609 8.34435 19.8781 8.30663 19.7871C8.26892 19.6961 8.24951 19.5985 8.24951 19.4999C8.24951 19.4014 8.26892 19.3038 8.30663 19.2128C8.34435 19.1217 8.39962 19.039 8.4693 18.9693L15.4396 11.9999L8.4693 5.03055C8.32857 4.88982 8.24951 4.69895 8.24951 4.49993C8.24951 4.30091 8.32857 4.11003 8.4693 3.9693C8.61003 3.82857 8.80091 3.74951 8.99993 3.74951C9.19895 3.74951 9.38982 3.82857 9.53055 3.9693L17.0306 11.4693C17.1003 11.539 17.1556 11.6217 17.1933 11.7127C17.2311 11.8038 17.2505 11.9014 17.2505 11.9999C17.2505 12.0985 17.2311 12.1961 17.1933 12.2871C17.1556 12.3782 17.1003 12.4609 17.0306 12.5306Z' fill='black'/%3E%3C/svg%3E")}}}.paginate-passive{a{color:$color-primary}}.paginate-active{a{color:$color-primary}}.paginate-element-active{border-bottom-color:$color-text}}}#breadcrumbs{margin-bottom:var(--spacer-4);padding-bottom:var(--spacer-4);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory}ol{display:flex;align-items:center;padding:0;margin:0;li{i{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.35375L6.35354 13.3538C6.30708 13.4002 6.25193 13.4371 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.4371 5.69249 13.4002 5.64604 13.3538C5.59958 13.3073 5.56273 13.2521 5.53759 13.1915C5.51245 13.1308 5.49951 13.0657 5.49951 13C5.49951 12.9343 5.51245 12.8693 5.53759 12.8086C5.56273 12.7479 5.59958 12.6927 5.64604 12.6463L10.2929 8L5.64604 3.35375C5.55222 3.25993 5.49951 3.13269 5.49951 3C5.49951 2.86732 5.55222 2.74007 5.64604 2.64625C5.73986 2.55243 5.86711 2.49973 5.99979 2.49973C6.13247 2.49973 6.25972 2.55243 6.35354 2.64625L11.3535 7.64625C11.4 7.69269 11.4369 7.74783 11.4621 7.80853C11.4872 7.86923 11.5002 7.9343 11.5002 8C11.5002 8.06571 11.4872 8.13077 11.4621 8.19147C11.4369 8.25217 11.4 8.30732 11.3535 8.35375Z' fill='%23747474'/%3E%3C/svg%3E");background-repeat:no-repeat;margin:0 8px}span{display:flex;align-items:center;white-space:nowrap;@include text-type-4;color:$color-sub-text;>span{padding:var(--spacer-1) var(--spacer-2)}}a{color:$color-text}&:first-child{span{span{font-weight:500}}}&:last-child{i{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.35375L6.35354 13.3538C6.30708 13.4002 6.25193 13.4371 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.4371 5.69249 13.4002 5.64604 13.3538C5.59958 13.3073 5.56273 13.2521 5.53759 13.1915C5.51245 13.1308 5.49951 13.0657 5.49951 13C5.49951 12.9343 5.51245 12.8693 5.53759 12.8086C5.56273 12.7479 5.59958 12.6927 5.64604 12.6463L10.2929 8L5.64604 3.35375C5.55222 3.25993 5.49951 3.13269 5.49951 3C5.49951 2.86732 5.55222 2.74007 5.64604 2.64625C5.73986 2.55243 5.86711 2.49973 5.99979 2.49973C6.13247 2.49973 6.25972 2.55243 6.35354 2.64625L11.3535 7.64625C11.4 7.69269 11.4369 7.74783 11.4621 7.80853C11.4872 7.86923 11.5002 7.9343 11.5002 8C11.5002 8.06571 11.4872 8.13077 11.4621 8.19147C11.4369 8.25217 11.4 8.30732 11.3535 8.35375Z' fill='%230D0D0D'/%3E%3C/svg%3E")}span{span{color:$color-text}}}}}}.product-left,.product-right{margin-bottom:var(--spacer-30);@include max($lg){margin-bottom:var(--spacer-15)}}.product-right{padding:var(--spacer-6) var(--spacer-4)}.product-label-group{position:absolute;left:var(--spacer-4);top:var(--spacer-4);z-index:20;display:flex;flex-direction:column;align-items:flex-start;.product-label-group-top{display:flex;align-items:center;margin-bottom:var(--spacer-2);gap:var(--spacer-2);>div{display:flex;align-items:center;height:34px;color:$color-white;@include text-type-5;font-family:$font-family-sub;padding:0 var(--spacer-3);&.new-label{background-color:$color-text}&.gift-label{color:$color-text;background-color:$color-white}@include max($sm){height:20px}}}.discount-label{display:flex;align-items:center;height:34px;color:$color-white;@include text-type-5;font-family:$font-family-sub;padding:0 var(--spacer-3);background-color:$color-pinterest;@include max($sm){height:20px}}}.product-image{#product-primary-image{position:relative;aspect-ratio:$aspect-ratio;border:1px solid $color-border;margin-bottom:var(--spacer-4);@include imgcenter}}.product-image-slider{position:relative;.product-image-item{a{position:relative;display:block;aspect-ratio:$aspect-ratio;@include imgcenter}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:36px;height:36px;cursor:pointer;background:#fff;&.slick-prev{left:15px}&.slick-next{right:15px}&.slick-disabled{opacity:.5}}.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:20px;>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-border;transition:$transition}&.slick-active{>button{width:40px;@include border-radius(4px);background-color:$color-text}}}}}#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;aspect-ratio:$aspect-ratio;border:1px solid #fff0;@include imgcenter;margin-bottom:var(--spacer-6);&.zoomGalleryActive{border-color:$color-text}}}.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{padding-bottom:var(--spacer-6);margin-bottom:var(--spacer-6);border-bottom:1px solid $color-border}.product-brand{margin-bottom:var(--spacer-1);a{color:$color-text;@include text-type-3;transition:$transition;&:hover{color:$color-primary}}&.product-brand-image{padding-top:10px;a{position:relative;display:block;width:120px;height:50px;border:1px solid $color-border;border-radius:$border-radius;transition:$transition;@include imgcenter;img{max-width:80%;max-height:80%}&:hover{border-color:$color-primary}}}}.product-title{margin-bottom:var(--spacer-1);h1{color:$color-text;@include heading-type-5;margin-bottom:0}}.product-price{display:flex;align-items:center;gap:var(--spacer-2);margin-bottom:var(--spacer-1);.product-price-new{color:$color-text;@include heading-type-5}&.has-discount{.product-price-new{color:$color-pinterest}}.product-price-old{color:#747474;@include text-type-5;text-decoration:line-through}}.product-lowest-price{color:#747474;@include text-type-5}.product-list-container{margin-bottom:var(--spacer-6);.product-list-row{display:flex;align-items:baseline;@include text-type-5;&:not(:last-child){margin-bottom:var(--spacer-2)}a{color:#747474;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;color:#747474}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:#747474;&:before{content:':'}}}}.product-options{.variant-group-title{display:block;color:$color-text;@include text-type-2;margin-bottom:var(--spacer-1)}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-1)}}.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;color:$color-text;@include text-type-5;margin:0 var(--spacer-3) var(--spacer-6) 0;border:2px solid $color-border;background-color:$color-white;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-text}&.variant-selected{&:before{content:'';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7655 3.64028L4.76552 9.64028C4.73069 9.67514 4.68934 9.7028 4.64381 9.72167C4.59829 9.74055 4.54949 9.75026 4.50021 9.75026C4.45093 9.75026 4.40213 9.74055 4.35661 9.72167C4.31108 9.7028 4.26972 9.67514 4.2349 9.64028L1.6099 7.01528C1.53953 6.94491 1.5 6.84948 1.5 6.74996C1.5 6.65045 1.53953 6.55502 1.6099 6.48465C1.68026 6.41429 1.7757 6.37476 1.87521 6.37476C1.97472 6.37476 2.07016 6.41429 2.14052 6.48465L4.50021 8.84481L10.2349 3.10965C10.3053 3.03929 10.4007 2.99976 10.5002 2.99976C10.5997 2.99976 10.6952 3.03929 10.7655 3.10965C10.8359 3.18002 10.8754 3.27545 10.8754 3.37496C10.8754 3.47448 10.8359 3.56991 10.7655 3.64028Z' fill='white'/%3E%3C/svg%3E");padding-top:1px;background-color:$color-text;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-no-stock{color:rgb(116 116 116 / .5);&:after{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;background:linear-gradient(to top left,#fff0 0%,#fff0 calc(50% - 0.8px),rgb(122 116 116 / .2) 50%,#fff0 calc(50% + 0.8px),#fff0 100%)}}&.variant-image{max-width:82px;max-height:120px;padding:1px;border:none;&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}&.variant-text{&.variant-passive{color:rgb(116 116 116 / .5);&:after{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1;background:linear-gradient(to top left,#fff0 0%,#fff0 calc(50% - 0.8px),rgb(122 116 116 / .2) 50%,#fff0 calc(50% + 0.8px),#fff0 100%)}}}}.variant-list-group{&[data-group-id="2"]{margin-top:var(--spacer-6);.variant-image{&:after{content:attr(title);display:flex;justify-content:center;text-align:center;border:1px solid $color-border}}}&[data-group-id="3"]{margin-top:var(--spacer-6)}}}.variant-singular{margin-bottom:var(--spacer-4);.radio-custom{margin-bottom:var(--spacer-4)}}.product-cart-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-6) var(--spacer-4);margin-bottom:var(--spacer-6);>div{flex:1 0 0%;max-width:none;&.product-qty{flex:0 0 140px;max-width:140px}@include min($lg){&.product-add-to-cart-button{flex:0 0 348px;max-width:348px}&.product-no-stock-button{flex:0 0 348px;max-width:348px}}}@include max($lg){>div{&.product-qty{flex:0 0 100%;max-width:100%}&.product-add-to-cart-button{flex:0 0 100%;max-width:100%}&.product-no-stock-button{flex:0 0 100%;max-width:100%}}}}.product-qty{position:relative;height:48px;@include max($lg){width:100%}@include max($md){width:100px}@include max($sm){height:40px}>a{position:absolute;top:0;z-index:1;display:flex;align-items:center;width:32px;height:100%;&.product-qty-minus{left:0;justify-content:flex-end}&.product-qty-plus{right:0}}input{width:100%;height:100%;color:$color-text;@include text-type-2;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-text;@include line-rule(16);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-cart-buttons{a.add-to-cart-button,a.detail-whatsapp,a.detail-info,a.stores-in-stock,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;gap:var(--spacer-2);height:48px;@include text-type-5;text-align:center;padding:0 var(--spacer-2);transition:$transition;border-radius:$border-radius;@include max($sm){height:40px}>div{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:24px;>span{line-height:24px;transition:transform .5s ease}}@include min($lg){&:hover{>div{>span{transform:translateY(-24px)}}}}}a.add-to-cart-button,a.remind-me-button{color:$color-white;background:$color-text}a.detail-whatsapp{color:$color-white;background:$color-whatsapp;@include min($lg){&:hover{background:darken($color-whatsapp,$percentage-ratio)}}}a.detail-info{color:$color-white;background:#9ca7a0;@include min($lg){&:hover{background:darken(#9ca7a0,$percentage-ratio)}}}a.stores-in-stock{color:$color-white;background:#A7A6A6;&:hover{color:$color-white;background:darken(#A7A6A6,$percentage-ratio)}}a.quick-order-button{color:$color-white;background:$color-secondary;&:hover{background:$color-secondary}}a.no-stock-button{color:#747474;background:$color-background}}{% 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:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacer-4);margin-bottom:var(--spacer-6);.product-cargo-button{@include center;gap:var(--spacer-3);flex-wrap:wrap;height:48px;border:1px solid $color-border;@include max($sm){height:40px}i{flex:0 0 24px;height:24px;width:24px}span{display:flex;align-items:center;color:$color-text;@include text-type-5}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}#product-user-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-2);margin-bottom:var(--spacer-12);>div{a{display:flex;align-items:center;flex-wrap:wrap;padding:var(--spacer-1);color:$color-text;@include text-type-5;transition:$transition;@include svg;span{padding-left:var(--spacer-2)}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}.icon-favori-add{display:none}&.favorite-product{.icon-favori{display:none}.icon-favori-add{display:block}span{&:before{content:attr(data-favorite-product)}}}}}}}.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:150%;left:var(--gutter);z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;flex-direction:column;gap:4px;>div{>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}}}}}}.product-detail-tab{.product-detail-tab-content{.product-detail-tab-row{&:not(:last-child){margin-bottom:var(--spacer-5)}[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:56px;color:$color-text;@include text-type-2;text-transform:uppercase;border-bottom:1px solid $color-border;&:after{content:'';display:inline-block;width:24px;height:24px;transition:$transition;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='M20.0306 9.53068L12.5306 17.0307C12.4609 17.1004 12.3782 17.1557 12.2871 17.1935C12.1961 17.2312 12.0985 17.2506 11.9999 17.2506C11.9014 17.2506 11.8038 17.2312 11.7127 17.1935C11.6217 17.1557 11.539 17.1004 11.4693 17.0307L3.9693 9.53068C3.82857 9.38995 3.74951 9.19907 3.74951 9.00005C3.74951 8.80103 3.82857 8.61016 3.9693 8.46943C4.11003 8.32869 4.30091 8.24963 4.49993 8.24963C4.69895 8.24963 4.88982 8.32869 5.03055 8.46943L11.9999 15.4397L18.9693 8.46943C19.039 8.39974 19.1217 8.34447 19.2128 8.30676C19.3038 8.26904 19.4014 8.24963 19.4999 8.24963C19.5985 8.24963 19.6961 8.26904 19.7871 8.30676C19.8781 8.34447 19.9609 8.39974 20.0306 8.46943C20.1002 8.53911 20.1555 8.62183 20.1932 8.71288C20.2309 8.80392 20.2503 8.9015 20.2503 9.00005C20.2503 9.0986 20.2309 9.19618 20.1932 9.28722C20.1555 9.37827 20.1002 9.46099 20.0306 9.53068Z' fill='black'/%3E%3C/svg%3E")}}}&.active{[data-tab-index]{>a{&:after{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='M20.0306 15.5306C19.9609 15.6003 19.8782 15.6557 19.7871 15.6934C19.6961 15.7311 19.5985 15.7506 19.4999 15.7506C19.4014 15.7506 19.3038 15.7311 19.2127 15.6934C19.1217 15.6557 19.039 15.6003 18.9693 15.5306L11.9999 8.56029L5.03055 15.5306C4.88982 15.6713 4.69895 15.7504 4.49993 15.7504C4.30091 15.7504 4.11003 15.6713 3.9693 15.5306C3.82857 15.3899 3.74951 15.199 3.74951 15C3.74951 14.801 3.82857 14.6101 3.9693 14.4694L11.4693 6.96935C11.539 6.89962 11.6217 6.8443 11.7127 6.80656C11.8038 6.76882 11.9014 6.74939 11.9999 6.74939C12.0985 6.74939 12.1961 6.76882 12.2871 6.80656C12.3782 6.8443 12.4609 6.89962 12.5306 6.96935L20.0306 14.4694C20.1003 14.539 20.1556 14.6217 20.1933 14.7128C20.2311 14.8038 20.2505 14.9014 20.2505 15C20.2505 15.0985 20.2311 15.1961 20.1933 15.2872C20.1556 15.3782 20.1003 15.4609 20.0306 15.5306Z' fill='black'/%3E%3C/svg%3E")}}}}}[data-tab-content]{height:auto;overflow:visible;display:none;>div{padding-top:var(--spacer-2)}}}}.payment-options{.row{>*{flex:0 0 100%;max-width:100%}}}.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}}}.btn{position:relative;overflow:hidden;@include line-rule(14);font-weight:600;border-radius:$border-radius;transition:$transition;&.btn-primary{color:$color-white;background:$color-primary;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{color:$color-white;background:$color-primary-lighten}&:focus{background:$color-primary-darken}}&.btn-secondary{color:$color-text;background:$color-border;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{color:$color-white;background:darken($color-border,30%)}}&[disabled=disabled]{opacity:1}}@mixin btneffectactive{.btn{>span{position:relative;z-index:1}&.btn-primary,&.btn-secondary{&:not(.btn-loading){&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transform:translate3d(0,-102%,0);transition:transform 0.3s cubic-bezier(.7,0,.2,1)}}&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{&::before{transform:translate3d(0,0,0)}}}&.btn-primary{&:not(.btn-loading){&::before{background:$color-primary-lighten}}&:focus,&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{background:$color-primary}}&.btn-secondary{&:not(.btn-loading){&::before{background:darken($color-border,30%)}}&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{background:$color-border;&::before{transform:translate3d(0,0,0)}}}}}body:not([class*="checkout-page"]):not(.fancybox-active):not(.modal-open){@include btneffectactive}.products-offered-header{display:block;color:$color-text;@include text-type-2;margin-bottom:var(--spacer-1)}#product-stock-modal-content{display:none;width:600px;padding:var(--spacer-10);border-radius:$border-radius;@include max($sm){width:300px;padding:var(--spacer-5)}.ss-header{margin-bottom:var(--spacer-6);padding-bottom:var(--spacer-4);border-bottom:1px solid $color-border;h3{margin:0;font-size:var(--font-size-20);color:$color-text;font-weight:700}}.ss-list{list-style:none;padding:0;margin:0;.ss-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacer-4) 0;border-bottom:1px solid $color-border;&:last-child{border-bottom:none}.ss-store-name{font-size:var(--font-size-16);color:$color-text;font-weight:600;flex:1;padding-right:var(--spacer-4)}.ss-stock-info{text-align:right;font-size:var(--font-size-14);color:$color-text;min-width:100px;div{margin-bottom:2px}strong{font-weight:700}}}}}.contentbox-header{margin-bottom:var(--spacer-8);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-text;font-size:var(--font-size-24);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;justify-content:center;flex-wrap:wrap;gap:var(--spacer-5);@include max($sm){flex-direction:column}>div{flex:1 0 0%;max-width:calc(50% - (var(--spacer-5) / 2));&:only-child{max-width:100%}>.btn{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){flex:0 0 100%;width:100%;max-width:100%}}}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}}}.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}}}