@import "mixin";@import "default";$color-primary:{{theme.settings.color_primary}};$color-secondary:{{theme.settings.color_secondary}};$color-third:{{theme.settings.color_third}};$color-fourth:{{theme.settings.color_fourth}};$color-fifth:{{theme.settings.color_fifth}}@mixin font-face($folderpath,$familyname,$filename,$weight,$style){@font-face{font-family:$familyname;src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot') }}");src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot?#iefix') }}") format("embedded-opentype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.woff') }}") format("woff"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.ttf') }}") format("truetype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.svg?#webfont') }}") format("svg");font-weight:$weight;font-style:$style}}body{position:relative;left:0;color:$color-text;font-size:var(--font-size-12);font-family:$font-family;background:$color-white;transition:left .2s linear,right .2s linear}.openbox-overlay,.dropbox-overlay,.navigation-menu-overlay,.fancybox-is-open .fancybox-bg{opacity:.5;background:$color-text}@include min($lg){.container{max-width:calc(1408px + 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)}}@function url-encoded-color($color){@return '%23'+str-slice('#{$color}',2,-1)}&::-webkit-scrollbar{width:4px;height:2px}&::-webkit-scrollbar-track{background:$color-background}&::-webkit-scrollbar-thumb{background:$color-primary}#header{@include min($lg){position:relative;z-index:100}background-color:$color-primary;.header-top{border-bottom:1px solid rgba($color-border,.2)}}.header-phone{>a{display:flex;align-items:center;height:64px;color:$color-white;@include text-type-3;gap:0 var(--spacer-2);transition:$transition;svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-third;svg{path{fill:$color-third}}}}}}.header-top-bar{@include center;color:$color-white;@include text-type-3;text-align:center;>span{position:relative;display:inline-flex;align-items:center;height:64px;white-space:pre-wrap;&:after{content:'';position:absolute;bottom:-1px;left:0;z-index:99;width:100%;height:1px;background-color:$color-third}@include max($lg){height:36px}@include max($sm){height:28px}}}.header-cargo{display:flex;align-items:center;justify-content:flex-end;>a{display:flex;align-items:center;height:64px;color:$color-white;@include text-type-3;gap:0 var(--spacer-3);transition:$transition;svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-third;svg{path{fill:$color-third}}}}}}.header-middle-left{display:flex;align-items:center;gap:0 var(--spacer-6);@include max($sm){gap:0 var(--spacer-4)}>div{>a{@include center;width:40px;height:40px;@include border-radius(50%);border:1px solid $color-third;>svg{zoom:.8}@include max($sm){width:36px;height:36px;svg{width:60%;height:60%}}}}}.search{.search-content-overlay{opacity:.85}}body{.search-content{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:101;display:none;width:50%;height:96px;@include max($lg){width:80%}@include max($sm){width:90%;height:72px}form{position:relative;input{width:100%;height:96px;color:$color-white;font-size:var(--font-size-36);font-weight:700;padding:8px 40px 8px 0;border:none;border-bottom:4px solid $color-white;background-color:#fff0;&::placeholder{color:$color-white;opacity:1}@include max($sm){height:72px;font-size:var(--font-size-24);border-width:2px}}button{position:absolute;top:0;right:0;@include center;width:40px;height:100%;padding:0;border:none;background-color:#fff0;@include max($sm){svg{zoom:.7}}}}}&.search-content-active{.search-content{display:block}}}.logo{display:flex;align-items:center;height:125px;img{max-height:55px}@include max($lg){justify-content:center;height:72px;img{max-height:46px}}@include max($sm){height:60px;img{max-height:38px}}}.search{form{position:relative;input{width:100%;height:60px;color:$color-white;@include text-type-3;border:none;@include border-radius($border-radius);padding:6px 76px 6px 24px;background-color:$color-fifth;transition:$transition;&::placeholder{opacity:1;color:$color-white}&:focus{background-color:$color-third}}button{position:absolute;top:0;right:28px;@include center;width:24px;height:100%;padding:0;border:none;background:none}}}.header-middle-right{display:flex;align-items:center;justify-content:flex-end;gap:0 var(--spacer-6);@include min($md){margin-left:var(--spacer-6)}@include max($sm){gap:0 var(--spacer-4)}}.header-favorite{>a{@include center;width:52px;height:52px;@include border-radius(50%);border:1px solid $color-third;transition:$transition;@include min($lg){&:hover{background-color:$color-third}}@include max($lg){width:40px;height:40px}@include max($sm){width:36px;height:36px;svg{width:60%;height:60%}}}}.user-menu{@include min($md){margin-right:var(--spacer-6)}>a{position:relative;display:flex;align-items:center;color:$color-white;@include text-type-3;transition:$transition;>div{@include center;width:52px;height:52px;@include border-radius(50%);border:1px solid $color-third;transition:$transition;@include max($lg){width:40px;height:40px}@include max($sm){width:36px;height:36px;svg{width:60%;height:60%}}}>span{padding-left:var(--spacer-4)}>i{position:absolute;top:-4px;left:-4px;@include center;width:20px;height:20px;border-radius:100%;background-color:$color-third}@include min($lg){&:hover{color:$color-third;>div{background-color:$color-third}}}@include max($md){>span{display:none}}}}#custom-export{position:relative;>a{position:relative;display:flex;align-items:center;gap:0 var(--spacer-4);color:$color-white;@include text-type-3;text-transform:uppercase;transition:$transition;@include svghover($color-white);>div{@include center;width:52px;height:52px;@include border-radius(50%);border:1px solid $color-third;transition:$transition;@include max($lg){width:40px;height:40px}@include max($sm){width:36px;height:36px;svg{width:60%;height:60%}}}@include min($lg){&:hover{color:$color-third;>div{background-color:$color-third}}}@include max($sm){>span{display:none}}}}.cart-menu{>a{position:relative;@include center;width:52px;height:52px;@include border-radius(50%);border:1px solid $color-third;transition:$transition;svg{path.cart-menu-special-color{fill:$color-third}}.cart-amount{position:absolute;top:-4px;left:-4px;@include center;width:20px;height:20px;color:$color-white;@include line-rule(14);font-weight:700;text-align:center;border-radius:100%;padding-top:2px;background-color:$color-third}@include max($lg){width:40px;height:40px}@include max($sm){width:36px;height:36px;svg{width:60%;height:60%}}@include min($lg){&:hover{background-color:$color-third}}}}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:var(--aspect-ratio);@include imgcenter;border:1px solid $color-border}&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{>a{width:auto;height:auto;object-fit:contain}}@include max($xxs){flex:0 0 80px;max-width:80px}}.cart-list-item-content{flex:1 0 0%;.cart-list-item-brand{margin-bottom:var(--spacer-1);a{display:inline-block;line-height:calc(var(--font-size-12) + 8px);color:$color-text;font-size:var(--font-size-12);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-title{margin-bottom:var(--spacer-2);a{overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:calc(var(--font-size-14) + 8px);color:$color-text;font-size:var(--font-size-14);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-price{display:flex;align-items:center;gap:3px;line-height:calc(var(--font-size-13) + 8px);font-size:var(--font-size-13);font-weight:400;margin-bottom:var(--spacer-2);@include max($xxs){overflow:hidden;height:20px}}.cart-qty-and-delete{display:flex;align-items:center;gap:var(--spacer-4);padding-right:var(--spacer-16);.cart-list-item-delete{@include center;overflow:hidden;width:32px;height:32px;border:1px solid $color-border;background-color:$color-white;transition:$transition;svg{path{transition:$transition}}&:hover{border-color:$color-primary;background-color:$color-primary;svg{path{fill:$color-white}}}}.cart-qty{position:relative;flex:1 0 0%;height:32px;>a{position:absolute;top:0;z-index:1;@include center;width:36px;height:100%;transition:$transition;@include svg;&.cart-qty-minus{left:0}&.cart-qty-plus{right:0}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}input{width:100%;height:100%;color:$color-text;@include line-rule(16);font-weight:600;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white}&.cart-qty-disabled{opacity:.8;pointer-events:none;cursor:disabled;input{background-color:$color-border}}}}}}}.cart-content-total-price{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-5);margin-bottom:var(--spacer-5);>span{display:block;line-height:20px;font-size:var(--font-size-16)}>div{line-height:22px;font-size:var(--font-size-18);font-weight:700}}.cart-content-button{margin-bottom:var(--spacer-5)}.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.cart-button-continue{color:$color-text;border:1px solid $color-text;background-color:#fff;transition:$transition;&:hover{color:#fff;background-color:$color-text}}}.cart-content-empty{padding:var(--spacer-5);background-color:$color-white;.cart-content-empty-icon{position:relative;@include center;padding-block:var(--spacer-4);margin-block:var(--spacer-5);border-top:1px solid $color-border;border-bottom:1px solid $color-border;svg{width:40%;height:40%;opacity:.1}}}}.navigation-active{.navigation-menu-overlay{display:block}}#navigation{@include border-radius(10px 10px 0 0);background-color:$color-fifth;.category-level-1{>ul{display:flex;>li{position:relative;>a{position:relative;@include center;height:72px;color:$color-white;@include text-type-4;white-space:nowrap;padding:0 var(--spacer-7);transition:$transition;&:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:40px;background-color:$color-third}&:hover{color:$color-primary-darken}}&:last-child{>a{&:after{display:none}}}&.active{>a{color:$color-primary-darken}>.category-level-2{opacity:1;visibility:visible;transform:translateX(-50%);-webkit-transform:translateX(-50%)}}&.has-sub-category-image{.category-level-2{>ul{>li{text-align:left;padding-inline:var(--spacer-8)}}}}}}}.category-level-2{position:absolute;top:100%;left:50%;z-index:101;width:240px;@include border-radius(0 0 12px 12px);border-top:3px solid $color-third;opacity:0;visibility:hidden;padding-block:var(--spacer-8);transform-origin:0 0;-webkit-transform-origin:0 0;transform:rotate3d(1,0,0,-90deg) translateX(-50%);transition:$transition;background-color:$color-primary;>ul{>li{position:relative;padding-inline:var(--spacer-4);text-align:center;&:not(:last-child){margin-bottom:var(--spacer-8)}>a{display:block;color:$color-white;@include text-type-4;transition:$transition;&:hover{color:$color-third}}&.navigation-category-image{>a{display:flex;align-items:center;gap:0 var(--spacer-2);>div{position:relative;width:32px;height:32px;@include imgcenter}}}&:hover{>a{color:$color-third}.category-level-3{opacity:1;visibility:visible;transform:none;-webkit-transform:none}}}}}.category-level-3{position:absolute;top:calc(-1*var(--spacer-8));left:100%;z-index:101;width:100%;@include border-radius(0 12px 12px 0);border-left:3px solid $color-third;opacity:0;visibility:hidden;padding:var(--spacer-8) 0;transform-origin:0 0;-webkit-transform-origin:0 0;transform:rotate3d(1,0,0,-90deg);transition:$transition;background-color:$color-primary;>ul{>li{&:not(:last-child){margin-bottom:var(--spacer-8)}>a{display:block;color:$color-white;@include text-type-4;text-align:center;transition:$transition;&:hover{color:$color-third}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}}#main{padding:var(--spacer-8) 0 var(--spacer-12)}.current-page-default-entry{background:linear-gradient(180deg,#F4F7FA 0%,rgb(243 243 243 / .25) 100%);#main{padding:var(--spacer-4) 0 0}}.current-page-product-list-filter{#main{padding:var(--spacer-8) 0 var(--spacer-16)}}.theme-slider{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:hidden;margin-bottom:var(--spacer-16);@include border-radius($border-radius)}.theme-slider-item{position:relative;.theme-slider-image{img{margin:auto}}&.content{@include border-radius($border-radius);background-size:cover;background-repeat:no-repeat;background-position:right 0;box-shadow:0 0 12px 0 #0000000A;.theme-slider-content{.content-type-3,.content-type-4,.picture-type-5,.picture-type-6{margin-bottom:var(--spacer-4);&:only-child{margin-bottom:0}}.theme-slider-texts-wrapper{.theme-slider-title{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}&.large{@include line-rule(36);font-weight:700}&.normal{@include line-rule(28);font-weight:700}&.small{@include line-rule(20);font-weight:700}}.theme-slider-sub-title{margin-bottom:var(--spacer-16);&:last-child{margin-bottom:0}&.large{@include line-rule(48);font-weight:700}&.normal{@include line-rule(24);font-weight:700}&.small{@include line-rule(16);font-weight:700}}.theme-slider-button{button{font-weight:700;padding:var(--spacer-5) var(--spacer-21);&.radius{border-radius:31px}&.large{@include line-rule(22);font-weight:500;&.tube{border-radius:26px}}&.normal{@include line-rule(16);font-weight:500;&.tube{border-radius:23px}}&.small{@include line-rule(14);font-weight:500;&.tube{border-radius:20px}}}}}.theme-slider-picture{height:100%;@include center}}}}.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);@include center;width:52px;height:52px;z-index:2;border-radius:50%;box-shadow:0 0 16px 0 #0000000A;background-color:$color-primary;&.slick-prev{left:var(--spacer-4)}&.slick-next{right:var(--spacer-4)}&.slick-disabled{background-color:#63E4EC12;>svg{path{fill:$color-fourth}}}}.slick-dots{position:absolute;bottom:20px;left:0;@include center;width:100%;>li{padding:0 5px;button{position:relative;@include center;width:12px;height:12px;line-height:15px;color:#fff;font-size:8px;font-weight:500;text-indent:1px;border:none;border-radius:100%;padding:0;background-color:#fff0}&:only-child{display:none}}}@include max($md){.theme-slider-item{&.content{.theme-slider-content{.content-type-1,.picture-type-2{margin-bottom:var(--spacer-4);&:only-child{margin-bottom:0}}.theme-slider-texts-wrapper{padding-left:0!important;padding-right:0!important}}}}}}.category-banner-wrapper{margin-bottom:var(--spacer-8);.category-banner{position:relative;margin-bottom:var(--spacer-8);>a{display:block}.category-banner-image{position:relative;overflow:hidden;@include imgcenter;aspect-ratio:328/492;@include border-radius($border-radius);img{width:100%;@include border-radius($border-radius);transition:all .5s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}@include min($lg){&:hover{.category-banner-image{img{transform:scale(1.05)}}}}.category-banner-content{position:absolute;bottom:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;@include border-radius($border-radius);padding:var(--spacer-11) var(--spacer-8);@include max($lg){padding:var(--spacer-6) var(--spacer-4)}&:before{content:'';position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;opacity:.9;@include border-radius($border-radius);background:linear-gradient(180deg,#FFFFFF 0%,#E2E9F2 100%)}&-inside{overflow:hidden;flex:0 0 calc(100% - var(--spacer-29));max-width:calc(100% - var(--spacer-29))}}.category-banner-title{color:$color-primary;@include line-rule(20);font-weight:800}.category-banner-sub-title{color:$color-primary;@include text-type-5}.category-banner-button{@include center;flex:0 0 56px;width:56px;height:56px;@include border-radius(100%);box-shadow:0 4px 16px 0 #00000014;background-color:$color-white;@include svghover($color-primary);@include max($lg){flex:0 0 44px;width:44px;height:44px;>svg{width:20px;height:20px}}@include max($sm){flex:0 0 36px;width:36px;height:36px;>svg{width:18px;height:18px}}}}}.entry-brands-and-limited-text{padding:var(--spacer-16) 0 var(--spacer-12);background-color:$color-white}.entry-brands-wrapper{margin-bottom:var(--spacer-21);@include max($xlg){padding-right:8px}@include max($lg){padding-right:0}.entry-brands-header{color:$color-primary;@include line-rule(20);font-weight:400;margin-bottom:var(--spacer-12)}.entry-brands-list{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.brands-item{>a{display:block;>div{position:relative;@include border-radius($border-radius);border:1px solid $color-border;aspect-ratio:208/98;transition:$transition;background-color:$color-white;@include imgcenter}@include min($lg){&:hover{>div{border-color:$color-third;box-shadow:0 4px 16px 0 #D6EEFF40}}}}}>.slick-list{padding:16px 0;margin:-16px 0}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);@include center;width:52px;height:52px;cursor:pointer;@include border-radius(100%);box-shadow:0 0 16px 0 #0000000A;background-color:$color-third;@include svg;&.slick-prev{left:calc(-1*var(--spacer-20));@include max($xxlg){left:0}}&.slick-next{right:calc(-1*var(--spacer-20));@include max($xxlg){right:0}}&.slick-disabled{opacity:1;background-color:rgba($color-secondary,.07);@include svghover($color-fourth)}}>.slick-dots{@include center;flex-wrap:wrap;width:100%;padding-top:20px;>li{margin:0 6px;>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;border:none;border-radius:50%;padding:0;margin-bottom:0;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}}}}.products-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacer-8);@include max($lg){display:none}.products-arrows{display:flex;align-items:center;gap:0 8px;>.slick-arrow{@include center;width:52px;height:52px;cursor:pointer;@include border-radius(100%);box-shadow:0 0 16px 0 #0000000A;background-color:$color-third;@include svg;@include max($sm){width:36px;height:36px}&.slick-disabled{opacity:1;background-color:$color-white;@include svghover($color-third)}}}.entry-brands-all{>a{display:inline-flex;align-items:center;height:calc(calc(var(--font-size-14) + 8px) + var(--spacer-8));color:$color-primary;@include text-type-3;@include border-radius($border-radius);gap:var(--spacer-2);transition:$transition;background-color:$color-white;@include svg;@include svghover($color-primary);@include max($lg){margin-top:0;padding-left:0}@include min($lg){&:hover{color:$color-third;@include svghover($color-third)}}}}}}.limited-text{@include border-radius($border-radius);background-color:rgba($color-secondary,.07);.limited-text-banner-wrapper{padding-inline:var(--spacer-14) var(--spacer-15);@include max($lg){padding-inline:20px 0}@include max($md){padding-inline:var(--spacer-6)}.limited-text-banner{position:relative;overflow:hidden;@include imgcenter;aspect-ratio:450/300;@include border-radius($border-radius);top:calc(-1*var(--spacer-5));img{width:100%;max-width:450px;max-height:300px;@include border-radius($border-radius);box-shadow:0 4px 16px 0 #0000000A;transition:all .5s linear;@include max($md){max-width:100%;max-height:100%}}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}}.limited-text-content{padding:var(--spacer-14) 0 var(--spacer-16);@include max($md){padding:var(--spacer-7)}.limited-text-title{color:$color-primary;@include heading-type-5;margin-bottom:var(--spacer-7)}.limited-text-desc{overflow-y:auto;max-height:132px;color:$color-fourth;@include text-type-3;padding-right:var(--spacer-8);@include max($sm){height:137px}&::-webkit-scrollbar{width:var(--spacer-3);@include border-radius(10px)}&::-webkit-scrollbar-track{@include border-radius(10px);background:linear-gradient(180deg,rgb(50 79 120 / .2) 0%,#fff0 100%)}&::-webkit-scrollbar-thumb{@include border-radius(10px);background:$color-primary}}}}.default-products{margin-bottom:var(--spacer-16);.products-header{color:$color-primary;@include heading-type-6;margin-bottom:var(--spacer-16)}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;margin-bottom:var(--spacer-16);@include max($lg){margin-bottom:0}}>.slick-list{padding:16px 0;margin:-16px 0}>.slick-dots{@include center;flex-wrap:wrap;width:100%;padding-top:20px;>li{margin:0 6px;>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;border:none;border-radius:50%;padding:0;margin-bottom:0;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}}}}.products-bottom{display:flex;align-items:center;justify-content:space-between;@include max($lg){display:none}.products-arrows{display:flex;align-items:center;gap:0 8px;>.slick-arrow{@include center;width:52px;height:52px;cursor:pointer;@include border-radius(100%);box-shadow:0 0 16px 0 #0000000A;background-color:$color-third;@include max($sm){width:36px;height:36px}>svg{path{transition:$transition}}&.slick-disabled{opacity:1;background-color:$color-white;>svg{path{fill:$color-third}}}}}.products-all-view{>a{@include center;height:calc(calc(var(--font-size-14) + 8px) + var(--spacer-8));color:$color-primary;@include line-rule(14);font-weight:400;@include border-radius($border-radius);gap:0 8px;padding:0 var(--spacer-6);transition:$transition;background-color:rgba($color-secondary,.07);@include svg;@include svghover($color-primary);@include min($lg){&:hover{color:$color-white;background-color:$color-third;@include svghover($color-white)}}}}}&.featured-products{margin-bottom:var(--spacer-32)}&.popular-products{padding:var(--spacer-16) 0 var(--spacer-32);margin-bottom:0;background:linear-gradient(180deg,#F4F7FA 0%,rgb(243 243 243 / .25) 100%)}}.showcase{position:relative;@include border-radius($border-radius);box-shadow:0 0 16px 0 #0000000A;background-color:$color-white;transition:$transition;border:1px solid #000;border-radius:0;@include min($lg){&:hover{box-shadow:0 0 12px 2px #0000001f}}.showcase-image-container{position:relative;a.showcase-label-container{.showcase-label-group{>div{position:absolute;z-index:20;@include center;height:calc(calc(var(--font-size-12) + 8px) + var(--spacer-5));@include heading-type-1;@include border-radius($border-radius);padding:0 var(--spacer-4);&.new-label{top:var(--spacer-3);left:var(--spacer-3);color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.gift-label{bottom:var(--spacer-3);right:var(--spacer-3);color:{{theme.settings.color_text_gift_label}};border:1px solid{{theme.settings.color_background_gift_label}};background-color:$color-white}@include max($lg){height:24px;@include border-radius(4px)}}}.digital-label{position:absolute;bottom:var(--spacer-3);left:var(--spacer-3);z-index:20;@include center;height:calc(calc(var(--font-size-12) + 8px) + var(--spacer-5));@include heading-type-1;@include border-radius($border-radius);padding:0 var(--spacer-4);color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}};@include max($lg){height:24px;@include border-radius(4px)}}.sold-out-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;height:24px;color:$color-white;padding:0 var(--spacer-2);background-color:$color-text}}}.showcase-image{a{position:relative;display:block;overflow:hidden;aspect-ratio:var(--aspect-ratio);background:$color-white;@include imgcenter}&.image-cover{a{img{width:100%;height:100%;object-fit:cover}}}&.no-picture{a{img{width:auto;height:auto;object-fit:contain}}}}.discount-label{position:absolute;z-index:1;border-radius:50px;right:4px;top:4px;@include center;height:calc(calc(var(--font-size-20) + 8px) + var(--spacer-8));color:{{theme.settings.color_text_discount_label}};@include line-rule(20);font-weight:400;padding:0 var(--spacer-5);gap:0 4px;background-color:{{theme.settings.color_background_discount_label}};@include max($lg){position:absolute;right:var(--spacer-3);top:var(--spacer-3);z-index:20;gap:0;height:24px;@include border-radius(4px)}}.showcase-content{padding:var(--spacer-5) var(--spacer-6);.showcase-brand{height:22px;margin-bottom:4px;a{overflow:hidden;display:block;height:22px;line-height:22px;font-size:var(--font-size-14);font-weight:400;color:$color-third}}.showcase-title{margin-bottom:var(--spacer-4);a{overflow:hidden;display:block;height:44px;line-height:22px;color:$color-text;font-size:var(--font-size-14);font-weight:400}}.showcase-price{display:flex;align-items:center;margin-bottom:var(--spacer-4);@include max($sm){justify-content:center;align-items:flex-start;flex-direction:column-reverse;height:48px}.showcase-price-new{color:$color-primary;line-height:26px;font-size:var(--font-size-18);font-weight:500}.showcase-price-old{color:$color-sub-text;line-height:22px;font-size:var(--font-size-14);font-weight:400;text-decoration:line-through;margin-left:var(--spacer-2);@include max($sm){margin-left:0}}}.showcase-discount-and-buttons{display:flex;justify-content:space-between;flex-wrap:wrap}.showcase-buttons{flex:1 0 0%;max-width:70px;margin:0 calc(-1*var(--spacer-6)) 0 auto;@include max($sm){flex:0 0 calc(100% + var(--spacer-6));max-width:100%;margin:0 calc(-1*var(--spacer-6)) 0 0}>a{@include center;height:calc(calc(var(--font-size-14) + 8px) + var(--spacer-8));@include border-radius($border-radius 0 0 $border-radius);transition:$transition}a.add-to-cart-button{background-color:rgba($color-secondary,.07);@include svg;@include svghover($color-fifth);&:hover{background-color:$color-primary;@include svghover($color-white)}}a.no-stock-button{position:relative;overflow:hidden;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 left,#fff0 0%,#fff0 calc(50% - 0.8px),#7A7474 50%,#fff0 calc(50% + 0.8px),#fff0 100%)}}}}}#footer{background-color:$color-primary;.footer-row-1{padding-bottom:var(--spacer-16);background-color:$color-white}.footer-row-2{border-bottom:1px solid rgba($color-third,.3);padding:var(--spacer-16) 0;margin-bottom:var(--spacer-16)}.footer-row-3{padding-bottom:var(--spacer-16);@include max($sm){padding-bottom:var(--spacer-6)}}}.shopping-banners{.shopping-banner{display:block;color:$color-third;@include heading-type-3;@include border-radius($border-radius);padding:var(--spacer-10) var(--spacer-6) var(--spacer-10) var(--spacer-10);background-color:rgba($color-secondary,.07);.shopping-banner-image-container{display:flex;align-items:center;gap:var(--spacer-4)}.shopping-banner-img{width:28px;height:28px;@include svghover($color-third)}.shopping-banner-sub-title{color:$color-primary;@include text-type-2;margin-top:8px}@include max($lg){min-height:145px;padding:var(--spacer-6);margin-bottom:var(--spacer-8);.shopping-banner-image-container{align-items:flex-start;flex-direction:column}}}}.newsletter{@include max($sm){margin-bottom:var(--spacer-16)}.newsletter-title{color:$color-white;margin-bottom:var(--spacer-5);>div{@include heading-type-3;margin-bottom:var(--spacer-5)}>span{@include text-type-3}}.newsletter-content{form{position:relative;input{width:100%;height:62px;color:$color-white;@include text-type-3;border:none;@include border-radius($border-radius);padding:8px 166px 8px 32px;background-color:rgba($color-secondary,.2);&::placeholder{color:$color-white;opacity:1}@include max($sm){height:52px;padding-left:20px;padding-right:120px}}button{position:absolute;top:4px;right:4px;@include center;width:134px;height:54px;color:$color-white;@include line-rule(14);font-weight:400;border:none;@include border-radius($border-radius);padding:0;background-color:$color-third;transition:$transition;@include max($sm){width:114px;height:44px}}input:focus+button{background-color:$color-primary}}}}.footer-social{.footer-social-title{color:$color-white;margin-bottom:var(--spacer-5);>div{@include heading-type-3;margin-bottom:var(--spacer-5)}>span{@include text-type-3}}.footer-social-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-5);@include max($lg){padding-top:5px}>div{>a{@include center;width:62px;height:62px;@include border-radius(100%);border:1px solid $color-third;transition:$transition;@include min($lg){&:hover{background-color:$color-third}}@include max($lg){width:52px;height:52px}@include max($sm){width:42px;height:42px}}}}}.footer-logo{margin-bottom:var(--spacer-8);img{max-height:56px}}.footer-contact{@include max($md){margin-bottom:var(--spacer-16)}>div{&:not(:last-child){margin-bottom:var(--spacer-4)}>a{display:flex;align-items:center;color:$color-white;@include line-rule(16);font-weight:500;gap:0 var(--spacer-3);transition:$transition;>span{flex:1 0 0%}>svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-third;>svg{path{fill:$color-third}}}}}&.footer-address{>a{align-items:flex-start}}}}.footer-menu-container{.footer-menu{.footer-menu-title{color:#F2F5F8;@include heading-type-3;margin-bottom:var(--spacer-8)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}>a{display:inline-block;color:$color-border;@include text-type-3;transition:$transition;@include min($lg){&:hover{color:$color-third}}}}}}}@include max($sm){&[data-menu-type="list"]{text-align:center;.footer-menu{margin-bottom:var(--spacer-10);.footer-menu-title{margin-bottom:var(--spacer-4)}}}&[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;@include border-radius($border-radius);border:1px solid $color-border;padding:var(--spacer-6) var(--spacer-8);margin-bottom:var(--spacer-8);&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{display:none;padding:0 var(--spacer-8) var(--spacer-8)}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.copyright-and-ssl{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacer-4);@include max($sm){justify-content:center;flex-direction:column;text-align:center}.copyright{color:$color-white;@include text-type-3;@include max($sm){padding-bottom:var(--spacer-5)}}.footer-ssl{img{max-height:24px}}}#scroll-top{position:fixed;right:var(--spacer-2);bottom:var(--spacer-2);z-index:50;display:none;cursor:pointer;background-color:$color-text;border-radius:100%;transition:$transition;>div{@include center;width:40px;height:40px;svg{path{fill:$color-white}}}@include min($lg){&:hover{background-color:$color-primary}}}@include min($md){.section-sorting-view{display:flex;align-items:center;gap:var(--spacer-8);@include border-radius($border-radius);padding:var(--spacer-7) var(--spacer-8);margin-bottom:var(--spacer-8);background-color:rgba($color-secondary,.07);#filter-wrapper{flex:1 0 0%;#sorting-options{margin-bottom:0;padding:0;@include border-radius(0);background-color:#fff0}}}.section-container{display:grid;align-items:flex-start;column-gap:var(--spacer-8);grid-template-columns:minmax(0,256px) minmax(0,1fr);@include max($lg){column-gap:var(--spacer-8);grid-template-columns:minmax(0,224px) minmax(0,1fr)}}}@mixin filter-order-button{align-items:center;gap:var(--spacer-3);>span{display:flex;align-items:center;height:32px;cursor:pointer;svg{path,rect{stroke:$color-sub-text;fill:#fff0;transition:$transition}}&:hover,&.active{svg{path,rect{fill:$color-primary;stroke:$color-primary}}}}}.filter-order-button{display:flex;@include filter-order-button;@include max($lg){>span{&[data-selector="quadruple-sorting"]{display:none}}}@include max($md){display:none}}.mobile-filter-order-button{display:none;@include filter-order-button;@include max($sm){gap:var(--spacer-6)}}@include max($md){#filter-wrapper{.filter-wrapper-header{display:flex;align-items:center;border:1px solid $color-border;border-radius:$border-radius;>div{position:relative;flex:1 0 0%;display:flex;align-items:center;justify-content:center;height:40px;color:$color-text;font-size:var(--font-size-12);padding-inline:var(--spacer-2);svg{margin-right:var(--spacer-3)}&:nth-child(2),&:nth-child(3){&:after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;@include border-radius(2px);background-color:$color-border}}}}}}.showcase-container{display:grid;gap:calc(var(--gutter) * 2);margin-bottom:var(--spacer-15);{% set showcaseRepeatColumns=theme.settings.showcase_repeat_columns %}{% if showcaseRepeatColumns==2 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==3 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==4 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% endif %}&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.dual-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&.single-sorting{grid-template-columns:minmax(0,1fr)}@include max($lg){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@include max($md){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&.quadruple-sorting,&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}#showcase-previous-page{@include center;margin-bottom:var(--spacer-10)}#showcase-load-spinner{text-align:center;margin-top:var(--spacer-25);.showcase-container-loader{display:block;width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid $color-primary;border-right:3px solid #fff0;box-sizing:border-box;animation:rotation 1s linear infinite;@include max($sm){width:36px;height:36px}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}}.block-item{border-radius:$border-radius;padding:var(--spacer-6);margin-bottom:var(--spacer-8);background-color:rgba($color-secondary,.07);a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.block-item-title{display:flex;align-items:center;justify-content:space-between;color:$color-primary;@include heading-type-3;padding-bottom:var(--spacer-6);>i{display:none;@include max($sm){display:block}}}&[data-type="filter-product-groups"]{padding:0;background-color:#fff0;.block-item-title{display:none}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}@include max($md){.block-item{display:none;.block-item-title{padding-bottom:0}&[data-type="filter-product-groups"]{display:block;margin-bottom:0;border:none;.block-item-title{display:none}.block-item-content{display:block;padding:0}}&[data-type="product-groups"]{display:none}&[data-type=member-menu]{display:block;.block-item-title{cursor:pointer;i{display:block}}.block-item-content{display:none}&.active{.block-item-content{display:block}}}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:var(--spacer-4);transition:$transition;overflow-y:auto;-webkit-overflow-scrolling:touch;.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0}}#filter-wrapper{display:none;margin-bottom:var(--spacer-8);&.has-sorting-option:not(.has-filter-option){display:block;.filter-wrapper-header{display:none}.filter-wrapper-content{#sorting-options{display:block}}}&.has-filter-option{display:block;.filter-wrapper-content{#sorting-options{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){.filter-menu-overlay,.filter-wrapper-header{display:none!important}}.filter-menu{.filter-menu-box{border:none;@include border-radius($border-radius);padding:var(--spacer-6);margin-bottom:var(--spacer-5);background-color:rgba($color-secondary,.07)}.filter-menu-category{.filter-menu-category-title{color:$color-primary;@include heading-type-3;border:none;padding:0;pointer-events:none;margin-bottom:var(--spacer-5);background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-7);border-bottom:none;a{color:$color-primary;@include text-type-3;padding:0;transition:$transition;&:hover{color:$color-third}i{display:none}&:not(:last-child){margin-bottom:var(--spacer-4)}}}.filter-menu-category-top{a{justify-content:flex-start;color:$color-primary;@include text-type-3;@include border-radius($border-radius);padding:var(--spacer-3) var(--spacer-5);transition:$transition;background-color:$color-white;i{@include center;width:16px;height:16px;margin-right:8px;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='M6.37996 12.5467C6.25329 12.5467 6.12663 12.5 6.02663 12.4L1.97996 8.35332C1.78663 8.15999 1.78663 7.83999 1.97996 7.64665L6.02663 3.59999C6.21996 3.40665 6.53996 3.40665 6.73329 3.59999C6.92663 3.79332 6.92663 4.11332 6.73329 4.30665L3.03996 7.99999L6.73329 11.6933C6.92663 11.8867 6.92663 12.2067 6.73329 12.4C6.63996 12.5 6.50663 12.5467 6.37996 12.5467Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3Cpath d='M13.6668 8.5H2.44678C2.17344 8.5 1.94678 8.27333 1.94678 8C1.94678 7.72667 2.17344 7.5 2.44678 7.5H13.6668C13.9401 7.5 14.1668 7.72667 14.1668 8C14.1668 8.27333 13.9401 8.5 13.6668 8.5Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3C/svg%3E");&:before{content:''}}}}}.filter-menu-groups{padding:0;.filter-menu-group-title{position:relative;color:$color-primary;@include heading-type-3;border:none;padding:var(--spacer-6);padding-right:var(--spacer-12);cursor:pointer;background-color:#fff0;&:before{content:'';position:absolute;top:50%;right:var(--spacer-6);transform:translateY(-50%);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='M18 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3Cpath d='M12 18.75C11.59 18.75 11.25 18.41 11.25 18V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V18C12.75 18.41 12.41 18.75 12 18.75Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3C/svg%3E")}}&.active{.filter-menu-group-title{&:before{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='M18 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3C/svg%3E")}}}.filter-menu-group-content{padding:0 var(--spacer-6) var(--spacer-6);label{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}.checkbox-custom{line-height:22px;&:not(:last-child){margin-bottom:var(--spacer-4)}input[type=checkbox]{&+label{color:$color-primary;@include text-type-3;padding-left:36px;&:before{top:1px;width:20px;height:20px;@include border-radius(100%);border:1px solid $color-third;background:rgba($color-secondary,.07)}}&:checked{&+label{&:before{border-color:$color-third;background:$color-third}&:after{content:'';position:absolute;top:4px;left:7px;display:inline-block;width:5px;height:10px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;transform:rotate(45deg)}}}}}.scrollbar-inner{>.scroll-element{width:var(--spacer-3);.scroll-element_track{background:linear-gradient(180deg,rgb(50 79 120 / .2) 0%,#fff0 100%)}.scroll-bar{background-color:$color-primary}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary}}}}}}.filter-menu-selected-items{.filter-menu-selected-items-title{color:$color-primary;@include heading-type-3;border:none;padding:0 0 var(--spacer-6) 0;background-color:#fff0}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{.filter-menu-selected-group-title{color:$color-primary;@include text-type-3;margin-bottom:var(--spacer-2)}.filter-menu-selected-group-content{.filter-menu-selected-item{a{color:$color-primary;@include text-type-3;border-radius:$border-radius;border:1px solid $color-third;padding:var(--spacer-3) var(--spacer-4);background:#fff0}}}}}}}.horizontal-filter-menu{margin-bottom:var(--spacer-5);.horizontal-filter-menu-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5);@include max($md){display:none}}.horizontal-filter-menu-content{padding:var(--spacer-4);padding-bottom:0;margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($md){display:flex;flex-direction:column-reverse;padding:0;border:none}}.filter-menu-groups-wrapper{@include min($md){display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter))}@include max($md){padding:var(--spacer-4);border:1px solid $color-border}}.filter-menu-groups{padding-right:var(--gutter);padding-left:var(--gutter);@include max($md){flex:0 0 100%;padding:0}.filter-menu-group-selectbox{position:relative;margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;justify-content:space-between;height:44px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:4px 4px 4px 16px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;span{padding-right:16px}@include max($md){font-size:var(--font-size-16);font-weight:600;pointer-events:none;padding:4px 0;border:none;border-bottom:1px solid $color-border;svg{display:none}}}.filter-menu-group-selectbox-content{position:absolute;top:calc(100% - 1px);left:0;z-index:101;overflow:auto;display:none;width:220px;max-height:174px;padding:var(--spacer-4);background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}@include max($md){position:static;top:0;display:block;width:100%;padding-left:0;border:none;border-radius:0;margin-top:var(--spacer-4)}>div>a{position:relative;display:block;line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;margin-bottom:var(--spacer-5);transition:$transition;span{color:$color-sub-text;padding-left:4px}&:last-child{margin-bottom:0}&:after{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;transition:$transition}&:before{content:'';position:absolute;left:7px;top:2px;z-index:1;opacity:0;visibility:hidden;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg);transition:$transition}&:hover,&.checked{color:$color-primary;span{color:$color-primary}&:after{border-color:$color-primary}&:before{opacity:1;visibility:visible}}}}>a.active+.filter-menu-group-selectbox-content{display:block}}}.filter-menu-selected-items{@include min($md){display:flex;align-items:center;flex-wrap:wrap;>div{margin-right:var(--spacer-4);&:last-child{margin-right:0}}}@include max($md){display:flex;flex-direction:column;>div{margin-bottom:var(--spacer-4);&.clear-filters{order:1}&.filter-menu-selected-group{order:2}}}.filter-menu-selected-group{@include min($md){display:flex;align-items:center;flex-wrap:wrap}.filter-menu-selected-item{@include min($md){margin-bottom:var(--spacer-4);margin-right:var(--spacer-4);&:last-child{margin-right:0}}a{display:flex;align-items:center;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;transition:$transition;svg{path{transition:$transition}}span{position:relative;margin:0 12px;&:after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-51%);width:0;height:1px;margin:0 auto;background-color:$color-primary;transition:$transition}}i{@include center;width:34px;height:34px;background-color:$color-background;border-right:1px solid $color-border}&:hover{color:$color-primary;svg{path{stroke:$color-primary}}span{&:after{width:100%}}}}}}.clear-filters{margin-left:var(--spacer-2);margin-bottom:var(--spacer-4);@include max($md){display:flex;align-items:center;justify-content:space-between}>span{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;@include min($md){display:none}}@include max($md){margin-left:0}a{display:flex;align-items:center;height:36px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}@include max($md){color:$color-primary;font-weight:600}}}}}#sorting-options{@include border-radius($border-radius);padding:var(--spacer-7) var(--spacer-8);margin-bottom:var(--spacer-8);background-color:rgba($color-secondary,.07);.row{align-items:center}@include max($md){padding:var(--spacer-4);padding-top:0;margin:var(--spacer-8) 0;.row{>div{&:last-child{flex:0 0 100%;max-width:100%}}}}select.form-control:not([size]):not([multiple]),select:not([size]){height:22px;color:$color-primary;@include line-rule(14);font-weight:400;cursor:pointer;border:none;padding:0 40px 0 12px;background-size:14px;background-position:right 0 center;background-color:#fff0;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.09588 4.35748C5.98505 4.35748 5.8742 4.31667 5.7867 4.22917L3.92587 2.36833L2.06503 4.22917C1.89586 4.39833 1.61587 4.39833 1.4467 4.22917C1.27753 4.06 1.27753 3.78 1.4467 3.61083L3.61672 1.44082C3.69838 1.35915 3.8092 1.3125 3.92587 1.3125C4.04253 1.3125 4.15338 1.35915 4.23505 1.44082L6.40503 3.61083C6.5742 3.78 6.5742 4.06 6.40503 4.22917C6.31753 4.31667 6.20672 4.35748 6.09588 4.35748Z' fill='%237A7474'/%3E%3Cpath d='M3.92578 12.6875C3.68661 12.6875 3.48828 12.4892 3.48828 12.25V1.75C3.48828 1.51083 3.68661 1.3125 3.92578 1.3125C4.16495 1.3125 4.36328 1.51083 4.36328 1.75V12.25C4.36328 12.4892 4.16495 12.6875 3.92578 12.6875Z' fill='%237A7474'/%3E%3Cpath d='M10.0799 12.6875C9.96325 12.6875 9.8524 12.6408 9.77073 12.5592L7.60075 10.3892C7.43159 10.22 7.43159 9.93999 7.60075 9.77083C7.76992 9.60166 8.04992 9.60166 8.21908 9.77083L10.0799 11.6317L11.9407 9.77083C12.1099 9.60166 12.3899 9.60166 12.5591 9.77083C12.7283 9.93999 12.7283 10.22 12.5591 10.3892L10.3891 12.5592C10.3074 12.6408 10.1908 12.6875 10.0799 12.6875Z' fill='%237A7474'/%3E%3Cpath d='M10.0742 12.6875C9.83505 12.6875 9.63672 12.4892 9.63672 12.25V1.75C9.63672 1.51083 9.83505 1.3125 10.0742 1.3125C10.3134 1.3125 10.5117 1.51083 10.5117 1.75V12.25C10.5117 12.4892 10.3192 12.6875 10.0742 12.6875Z' fill='%237A7474'/%3E%3C/svg%3E");&:focus{box-shadow:none!important}@include max($md){padding-left:0}}.record-count{color:$color-fifth;@include line-rule(14);@include min($md){margin:0!important}>span{font-weight:700}}.checkbox-custom{line-height:22px;@include min($md){margin:0!important}input[type=checkbox]{&+label{color:$color-primary;@include line-rule(14);font-weight:400;padding-left:32px;&:before{top:1px;width:20px;height:20px;@include border-radius(100%);border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-fifth;border-radius:$border-radius;background-color:$color-white}&:after{content:'';position:absolute;top:6px;left:5px;display:inline-block;width:10px;height:10px;@include border-radius(100%);background-color:$color-fifth}}}}}}.product-category-and-brand-list{margin-bottom:var(--spacer-8);.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:var(--aspect-ratio);margin-bottom:var(--spacer-3);@include imgcenter;&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{img{width:auto;height:auto;object-fit:contain}}}}}}{% if theme.settings.display_category_brands_logo_mobile %}@include max($lg){flex-wrap:nowrap;overflow-x:auto}&.product-category-and-brand-list-content-image{>div{@include max($lg){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($md){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($sm){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}@include max($xxs){flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}}{% endif %}}}}.cascade-menu{.parent-item{a.selected-item{color:$color-primary}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:130px}}}.paginate-wrapper{position:relative;padding-top:var(--spacer-8);.paginate{display:flex;justify-content:flex-start;@include max($sm){overflow-x:auto;scroll-snap-type:x mandatory;justify-content:space-between}a{@include center;width:44px;height:44px;color:$color-fourth;@include text-type-3;@include border-radius($border-radius);margin:0 var(--spacer-4) 0 0;background-color:#F2F5F8;@include max($sm){width:32px;height:32px;margin:0 var(--spacer-2)}@include max($xxs){width:28px;height:28px}}.paginate-content{display:flex}.paginate-left{a{margin-left:0;background:#fff0;>i{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.56988 5.17988C9.75988 5.17988 9.94988 5.24988 10.0999 5.39988C10.3899 5.68988 10.3899 6.16988 10.0999 6.45988L4.55988 11.9999L10.0999 17.5399C10.3899 17.8299 10.3899 18.3099 10.0999 18.5999C9.80988 18.8899 9.32988 18.8899 9.03988 18.5999L2.96988 12.5299C2.67988 12.2399 2.67988 11.7599 2.96988 11.4699L9.03988 5.39988C9.18988 5.24988 9.37988 5.17988 9.56988 5.17988Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3Cpath d='M3.67 11.25L20.5 11.25C20.91 11.25 21.25 11.59 21.25 12C21.25 12.41 20.91 12.75 20.5 12.75L3.67 12.75C3.26 12.75 2.92 12.41 2.92 12C2.92 11.59 3.26 11.25 3.67 11.25Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3C/svg%3E");&:before{content:''}}}}.paginate-right{a{margin-right:0;background:#fff0;>i{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4301 18.8201C14.2401 18.8201 14.0501 18.7501 13.9001 18.6001C13.6101 18.3101 13.6101 17.8301 13.9001 17.5401L19.4401 12.0001L13.9001 6.46012C13.6101 6.17012 13.6101 5.69012 13.9001 5.40012C14.1901 5.11012 14.6701 5.11012 14.9601 5.40012L21.0301 11.4701C21.3201 11.7601 21.3201 12.2401 21.0301 12.5301L14.9601 18.6001C14.8101 18.7501 14.6201 18.8201 14.4301 18.8201Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3Cpath d='M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3C/svg%3E");&:before{content:''}}}}@include min($sm){.paginate-passive{a{display:none}}}.paginate-element-active{color:$color-white;background-color:$color-third}}}#breadcrumbs{padding-bottom:var(--spacer-8);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-4);margin-bottom:var(--spacer-4)}ol{display:flex;align-items:center;padding:0;margin:0;li{i{@include center;width:16px;height:16px;margin:0 var(--spacer-2);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='M9.61992 12.5467C9.49325 12.5467 9.36658 12.5 9.26658 12.4C9.07325 12.2067 9.07325 11.8867 9.26658 11.6933L12.9599 8L9.26658 4.30667C9.07325 4.11334 9.07325 3.79334 9.26658 3.6C9.45992 3.40667 9.77992 3.40667 9.97325 3.6L14.0199 7.64667C14.2132 7.84 14.2132 8.16 14.0199 8.35333L9.97325 12.4C9.87325 12.5 9.74658 12.5467 9.61992 12.5467Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3Cpath d='M13.5533 8.5H2.33325C2.05992 8.5 1.83325 8.27333 1.83325 8C1.83325 7.72667 2.05992 7.5 2.33325 7.5H13.5533C13.8266 7.5 14.0533 7.72667 14.0533 8C14.0533 8.27333 13.8266 8.5 13.5533 8.5Z' fill='#{url-encoded-color($color-fifth)}'/%3E%3C/svg%3E");&:before{content:''}}span{display:flex;align-items:center;white-space:nowrap;color:$color-primary;@include text-type-3}a{color:$color-text}&:last-child{span{span{@include heading-type-3}}}}}}.product-left,.product-right{margin-bottom:var(--spacer-26)}.product-label-group{>div{position:absolute;z-index:20;@include center;height:calc(calc(var(--font-size-12) + 8px) + var(--spacer-5));@include heading-type-1;@include border-radius($border-radius);padding:0 var(--spacer-4);&.new-label{top:var(--spacer-5);left:var(--spacer-5);color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.gift-label{bottom:var(--spacer-5);right:var(--spacer-5);color:{{theme.settings.color_text_gift_label}};border:1px solid{{theme.settings.color_background_gift_label}};background-color:$color-white}&.digital-label{top:var(--spacer-5);right:var(--spacer-5);color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}@include max($lg){height:24px;@include border-radius(4px)}}}.product-image-slider{position:relative;height:0;overflow:hidden;@include border-radius(20px);padding:var(--spacer-4);background-color:#F2F5F8;&.slick-slider{height:auto;overflow:visible}.product-image-item{@include border-radius(20px);padding:0 var(--spacer-4);a{position:relative;display:block;overflow:hidden;aspect-ratio:var(--aspect-ratio);@include border-radius(20px);box-shadow:0 0 var(--spacer-4) 0 #0000000A;background-color:$color-white;@include imgcenter;img{@include border-radius(20px)}}&.image-cover{>a{img{width:100%;height:100%;object-fit:cover}}}}.slick-list{padding:var(--spacer-4) 0}.slick-dots{position:absolute;left:0;bottom:calc(-1*var(--spacer-8));@include center;width:100%;gap:0 var(--spacer-4);>li{>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;border:none;border-radius:50%;padding:0;margin-bottom:0;background-color:$color-sub-text}&.slick-active{>button{background-color:$color-third}}}}}.product-list-group{margin-bottom:var(--spacer-8)}.product-title{margin-bottom:var(--spacer-5);h1{color:#465161;@include heading-type-5;margin-bottom:0}}.product-list-container{.product-list-row{display:flex;align-items:baseline;color:$color-primary;@include line-rule(14);&:not(:last-child){margin-bottom:var(--spacer-2)}a{color:$color-primary;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 10%;font-weight:400;@include max($lg){flex:0 0 20%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;font-weight:700;&:before{content:':';margin:0 16px}}}}.product-price{display:flex;align-items:center;gap:0 var(--spacer-3);margin-bottom:4px;&-new,&-old{color:$color-primary;@include line-rule(20);font-weight:800}&.has-discount{.product-price-old{color:$color-sub-text;@include line-rule(20);font-weight:400;text-decoration:line-through}}.discount-label{@include center;height:calc(calc(var(--font-size-14) + 8px) + var(--spacer-8));color:{{theme.settings.color_text_discount_label}};@include line-rule(14);font-weight:400;@include border-radius($border-radius);gap:0 4px;padding:0 var(--spacer-5);background-color:{{theme.settings.color_background_discount_label}}}}.product-lowestPrice{color:$color-primary;@include line-rule(14);font-weight:400;padding:var(--spacer-2) 0}.product-options{.variant-group-title{display:block;color:$color-primary;@include heading-type-2;margin-bottom:var(--spacer-4)}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-8)}}.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-group{&:not(:last-child){margin-bottom:var(--spacer-4)}}.variant-list{display:flex;flex-wrap:wrap;gap:var(--spacer-3);padding:var(--spacer-1) 0}span{position:relative;flex:0 0 auto;cursor:pointer;padding:var(--spacer-2) var(--spacer-3);border-radius:0;border:2px solid $color-border;background-color:$color-white;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-primary}&.variant-selected{&:before{content:'\f00c';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;color:$color-white;font-size:9px;font-weight:900;font-family:"Font Awesome 5 Free";padding-top:1px;background-color:$color-primary;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-image{width:36px;height:36px;padding:6px;img{width:100%;height:100%;object-fit:cover}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{margin-bottom:var(--spacer-4);.radio-custom{margin-bottom:var(--spacer-4)}}.product-cart-buttons{display:flex;flex-wrap:wrap;align-items:flex-end;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));margin-bottom:var(--spacer-6);>div{padding-left:var(--gutter);padding-right:var(--gutter)}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));>div{flex:1 0 0%;max-width:100%;padding-left:var(--gutter);padding-right:var(--gutter)}}}}.product-qty-wrapper{.product-qty{display:flex;align-items:center;flex-wrap:wrap;width:208px;height:64px;gap:0 var(--spacer-5);@include max($sm){height:52px}@include max($lg){@include min($md){width:188px;gap:0 var(--spacer-3)}}>a{flex:0 0 52px;max-width:52px;height:52px;@include center;@include border-radius($border-radius);background-color:rgba($color-secondary,.07);@include svghover($color-third)}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:64px;color:$color-primary;@include line-rule(14);font-weight:700;border:none;@include border-radius($border-radius);text-align:center;background-color:rgba($color-secondary,.07);@include max($sm){height:52px}}}}&.product-qty-wrapper-select{.product-qty{border:none;border-radius:0;gap:0;select.form-control:not([size]):not([multiple]),select:not([size]){height:64px;color:$color-primary;@include text-type-3;cursor:pointer;padding:6px 28px 6px 20px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;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:16px;@include max($sm){height:52px}}>div{input{height:64px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($sm){height:52px}}}}}@include max($xs){margin-bottom:var(--spacer-8);flex:0 0 100%;max-width:100%;.product-qty{width:100%}}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:64px;@include line-rule(16);font-weight:500;@include border-radius($border-radius);padding:0 var(--spacer-3);transition:$transition;@include max($sm){height:52px}}a.remind-me-button,a.add-to-cart-button{color:$color-white;gap:0 var(--spacer-3);background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.add-to-cart-button{svg{path.special-color{fill:$color-third}}}a.quick-order-button{color:$color-white;background-color:$color-secondary;&:hover{background-color:$color-secondary-darken}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.product-favorites{>a.add-my-favorites{@include center;width:88px;height:64px;@include border-radius($border-radius);background-color:rgba($color-secondary,.07);@include svghover($color-primary);@include max($sm){height:52px}.product-icon-favori-add{display:none}&.favorite-product{background-color:$color-primary;.product-icon-favori{display:none}.product-icon-favori-add{display:block;@include svghover($color-white)}}}}.digital-product-warning{@include center;gap:var(--spacer-3);width:100%;@include line-rule(14);color:#856404;font-weight:500;text-align:center;padding:var(--spacer-4) var(--spacer-6);margin-bottom:var(--spacer-8);border-radius:$border-radius;background-color:#FFEEBA;@include max($sm){gap:var(--spacer-6);text-align:left;>span{flex:1 0 0%}>svg{width:20px;height:20px}}}#product-user-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-6);margin-bottom:var(--spacer-8);>div{a{display:flex;align-items:center;flex-wrap:wrap;color:$color-fourth;@include text-type-3;gap:0 var(--spacer-4);transition:$transition;@include svg;@include svghover($color-third);@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}}}}.product-social{position:relative;>a{@include svg;@include min($lg){&:hover{color:$color-primary!important;@include svghover($color-primary)}}&.active{color:$color-primary!important;@include svghover($color-primary)}}.product-social-content{position:absolute;top:150%;left:0;z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{@include center;width:26px;height:26px;svg{path{fill:$color-white!important}}&.product-social-facebook{background-color:#3b5998}&.product-social-twitter{background-color:#1da1f2}&.product-social-pinterest{background-color:#bd081c}&.product-social-whatsapp{background-color:#128c7e}}}}}}{% set cargoButtons=['fast_shipping','same_day_shipping','three_days_delivery','five_days_delivery','seven_days_delivery','free_shipping','delivery_from_stock','pre_ordered_product','limited_stock','ask_stock','campaigned_product'] %}.product-cargo-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-6);.product-cargo-button{@include center;height:48px;color:$color-sub-text;@include line-rule(14);font-weight:700;@include border-radius($border-radius);border:1px solid $color-sub-text;gap:var(--spacer-3);padding:0 var(--spacer-3);@include max($sm){height:42px}i{flex:0 0 24px;width:24px;height:24px}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}.product-detail-tab{margin-bottom:var(--spacer-8);.product-detail-tab-header{align-items:center;border-bottom:1px solid $color-border;gap:0 var(--spacer-15);padding:0 var(--spacer-10);[data-tab-index]{>a{display:block;height:60px;color:$color-sub-text;@include line-rule(20);font-weight:700;white-space:nowrap;border-bottom:2px solid #fff0}&.active{>a{color:$color-primary;border-bottom-color:$color-primary}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-8) 0}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}}@include max($lg){.product-detail-tab-header{overflow-x:auto;scroll-snap-type:x mandatory}}@include max($sm){.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-8);[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;color:$color-text;font-size:var(--font-size-20);@include border-radius($border-radius);padding:0 var(--spacer-8);background-color:$color-border;&:after{content:'\f078';font-weight:900;font-size:var(--font-size-24);font-family:"Font Awesome 5 Free";transition:$transition}}}[data-tab-content]{height:0!important;overflow:hidden!important;>div{padding-bottom:0}}&.active{[data-tab-index]{>a{color:$color-white;background-color:$color-primary;&:after{transform:rotate(-180deg)}}}[data-tab-content]{&.active{height:auto!important;overflow:visible!important}}}}}}}.product-area-bottom{padding:var(--spacer-16) 0;background-color:rgba($color-secondary,.07);.default-products{&:last-child{margin-bottom:0}}}.product-customization{padding:var(--spacer-8) 0 var(--spacer-3);margin:var(--spacer-8) 0;border-top:1px solid $color-border;border-bottom:1px solid $color-border;@include max($sm){padding-right:20px}.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:8px;right:-10px;width:15px;height:15px;border-radius:100%;@include max($sm){right:-16px}}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}:root{--gutter:#{$gutter};{% for i in 1..40 %}--spacer-{{i}}:{{i*4}}px;{% endfor %}{% for i in 10..120 %}--font-size-{{i}}:{{i}}px;{% endfor %}}@include max($lg){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*3}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(2.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.95)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.9)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.65)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}}}@include max($sm){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(1.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*1}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.85)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.7)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.45)}}px;{% endfor %}}}{% set generalImageRatio=theme.settings.general_image_ratio %}{% if generalImageRatio matches '/[a-zA-Z]/' %}:root{--aspect-ratio:$aspect-ratio}{% else %}:root{--aspect-ratio:{{generalImageRatio}}}{% endif %}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}#ideaexport_translation_bar_container{display:none}#custom-export-content{width:320px;background-color:#fff;display:none;padding:var(--spacer-4);border:1px solid $color-border;overflow:visible;.custom-export-title{margin-bottom:var(--spacer-4);font-size:var(--font-size-16);font-weight:700}.custom-export-select{margin-bottom:var(--spacer-4);position:relative;>a{padding:10px;display:flex;color:$color-text;border:1px solid $color-border;>span{&:last-child{padding-left:10px}}&:after{content:'\f078';font-family:"Font Awesome 5 Free";font-weight:900;margin-left:auto}}.select-content{display:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;z-index:2;border:1px solid $color-border;border-top:none;>a{padding:10px;display:flex;color:$color-text;>span{&:last-child{padding-left:10px}}&:hover{background-color:$color-border}}}}@include max($md){width:250px}}.product-money-order{display:inline-flex;flex-direction:column;background-color:#ebf9f1;border:1.5px solid #2db85c;border-radius:8px;padding:8px 12px;line-height:1.3;width:fit-content;&-discount{font-size:13px;font-weight:600;color:#2b3a4a;margin-bottom:2px}&-price{font-size:17px;font-weight:800;color:#0b4d2c}}.showcase-money-order{display:inline-flex;align-items:center;background-color:#0b9e43;color:#fff;padding:6px 12px;border-radius:6px;gap:10px;width:fit-content;&-icon{display:flex;align-items:center;justify-content:center;svg{width:22px;height:22px}}&-text{display:flex;flex-direction:column;line-height:1.2}&-title{font-size:13px;font-weight:700;text-transform:uppercase}&-subtitle{font-size:11px;font-weight:400}}.contentbox-header{text-align:center;margin-bottom:var(--spacer-8);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-primary;@include line-rule(28);font-weight:800;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:42px;padding:var(--spacer-5);img{max-height:42px}}}.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:42px;padding:var(--spacer-5);img{max-height:42px}}.signup-container{width:580px;margin:0 auto var(--spacer-4);padding:var(--spacer-6) var(--spacer-10) var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($sm){width:calc(100% - 8px)}.contentbox-header{text-align:center!important;margin:0 0 var(--spacer-7)!important;padding:0!important;border:none!important;h4{line-height:28px;font-size:var(--font-size-24)!important;font-weight:700!important;margin-bottom:0!important}}.alert.alert-primary{margin-bottom:var(--spacer-5)}.form-group{margin-bottom:var(--spacer-5);.col-12.col-lg-5,.col-12.col-lg-8,.col-12.col-lg-9.text-right{flex:1 0 0%;max-width:none}.col-12.col-lg-4.control-label{&+.col-6.col-lg-5{flex:1 0 0%;max-width:none}}.security-code{height:48px}input.form-control{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px}.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;c background-color:#fff0}}}.current-page-member-signup{.signup-container{&.signup-container-information{width:100%;.information-content{border:none}}.form-group{&.signup-campaign-status,&.signup-agreement,&.signup-personal-data-agreement{.col-12.col-lg-4.control-label{display:none}}}}}