@import "mixin";@import "default";$color-primary:{{theme.settings.color_primary}};$color-secondary:{{theme.settings.color_secondary}}@mixin font-face($folderpath,$familyname,$filename,$weight,$style){@font-face{font-family:$familyname;src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot') }}");src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot?#iefix') }}") format("embedded-opentype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.woff') }}") format("woff"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.ttf') }}") format("truetype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.svg?#webfont') }}") format("svg");font-weight:$weight;font-style:$style}}body{position:relative;left:0;color:$color-text;font-size:var(--font-size-12);font-family:$font-family;background:$color-white;transition:left .2s linear,right .2s linear}.openbox-overlay,.dropbox-overlay,.navigation-menu-overlay,.fancybox-is-open .fancybox-bg{opacity:.5;background:$color-text}@include min($lg){.container{max-width:calc(1450px + calc(2*var(--gutter)))}}.container,.container-fluid{padding-right:var(--gutter);padding-left:var(--gutter)}@include min($lg){.container-fluid{padding-right:2.5%;padding-left:2.5%}}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}&::-webkit-scrollbar{width:4px;height:2px}&::-webkit-scrollbar-track{background:$color-background}&::-webkit-scrollbar-thumb{background:$color-primary}#header{.header-top{background:$color-white;height:15px}.header-middle{padding-block:var(--spacer-2) var(--spacer-5);.header-middle-left{display:flex;align-items:center}}@include min($lg){position:relative;z-index:102;background:$color-white}}.header-bottom{@include min($lg){position:sticky;position:-webkit-sticky;top:0;z-index:101}position:relative;background-color:#f5f5f5;border-bottom:2px solid #f1f1f1;border-top:2px solid #f4f4f4;.navigation-wrapper{display:flex;gap:var(--spacer-4)}}#grad1{background-image:linear-gradient(to top right,#ffefd8,#ffefd8,#ffefd8,#ffefd8)}#grad2{margin-top:var(--spacer-5);background-color:#fef4eb;border-radius:$border-radius;border:2px solid #fcd8bb}.animation_text_h1{font-family:"catamaran",sans-serif;text-align:center;font-size:18px;font-weight:600;color:#1f1f26;height:55px;opacity:1.5;line-height:55px!important;text-transform:none;align-items:center}.animation_text h1 span{color:#fff}.animation_text_h2{font-family:"catamaran",sans-serif;margin-top:auto;margin-bottom:auto;text-align:center;font-size:15px;font-weight:600;color:#1f1f26;height:50px;opacity:1.5;line-height:50px!important;text-transform:none;align-items:center}.animation_text h2 span{color:$color-text}@media(max-width:768px){.animation_text_h1{font-size:16px;line-height:45px!important;height:45px}}@media(max-width:768px){.animation_text_h2{font-size:1.3rem;line-height:40px!important;height:40px}}ul.menu-items{display:block;@include center;gap:0 var(--spacer-3);>li{position:relative;>a{display:flex;align-items:center;height:36px;color:$color-text;@include text-type-2;padding:0 var(--spacer-2);transition:$transition;position:relative;&:hover{color:$color-secondary}@include max($lg){font-size:10px}}}}.header-top-right{display:flex;align-items:center;gap:0 var(--spacer-3);@include max($lg){padding-inline:var(--spacer-3);border-bottom:1px solid $color-border}>div{>a{display:flex;align-items:center;height:54px;color:$color-text;@include heading-type-1;gap:0 var(--spacer-2);transition:$transition;>svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-primary;>svg{path{fill:$color-primary}}}}@include max($lg){font-size:10px}}}}.logo{img{max-height:10rem;@include max($lg){max-height:6rem}}}.search{form{position:relative;input{width:100%;height:48px;color:$color-text;@include text-type-2;@include border-radius(54px);border:2px solid $color-primary;padding:6px 54px 6px 32px;transition:$transition;@include max($lg){@include border-radius(54px);padding-left:20px;padding-right:44px}@include max($sm){height:44px}&::placeholder{color:$color-sub-text;opacity:1}&:hover,&:focus{border-color:$color-primary;&+button{>svg{path{stroke:$color-primary}}}}}button{position:absolute;top:0;right:0;display:flex;align-items:center;width:54px;height:100%;padding:0;border:none;background:none;@include max($lg){width:44px}>svg{path{transition:$transition}}}}@include max($lg){padding-top:var(--spacer-6)}}.header-middle-right{@include center;gap:0 var(--spacer-5);@include max($sm){gap:0 var(--spacer-4);padding-left:var(--spacer-4)}>div{flex:1 0 0%;>a{>div{>span{}}&:hover{>i{@include svghover($color-white)}>div{>span{color:$color-primary}}}>span{padding-top:var(--spacer-1)}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}@include max($lg){>span{display:none}}}&.header-cargo{>a{@include center;width:136px;height:48px;margin-left:12px;color:#646464;position:relative;line-height:1.2;float:left;font-weight:700;text-align:center;border:2px solid #f1f1f1;border-radius:$border-radius;@include svghover(#646464);gap:var(--spacer-3);padding:0 10px;transition:$transition;background-color:#f9f9f9;>span{display:block;color:#646464;font-size:14px;text-align:center;line-height:1.2;transition:$transition}&:hover{color:#484848;@include svghover(#484848);border:2px solid $color-primary;border-radius:$border-radius;>i{@include svghover($color-white)}>div{>span{color:#919191}}}>i{position:absolute;top:-8px;left:30px;@include center;width:18px;height:18px;border-radius:100%;background-color:$color-secondary;@include max($lg){left:18px;top:-11px}}}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}@include max($lg){>a{width:44px;height:44px;padding:0;gap:0;>span{display:none}}}@include max($xxs){display:none}}&.user-menu{>a{@include center;width:136px;height:48px;margin-left:12px;font-size:15px;color:#646464;position:relative;line-height:1.2;float:left;font-weight:700;text-align:center;border:2px solid #f1f1f1;border-radius:$border-radius;@include svghover(#484848);gap:var(--spacer-3);padding:0 10px;transition:$transition;background-color:#f9f9f9;>div{>span{display:block;color:#646464;font-size:13px;font-weight:400;transition:$transition}}&:hover{color:#484848;@include svghover(#484848);border:2px solid $color-primary;border-radius:$border-radius;>i{@include svghover($color-white)}>div{>span{color:#484848}}}>i{position:absolute;top:-8px;left:30px;@include center;width:18px;height:18px;border-radius:100%;@include svghover($color-white);background-color:$color-primary;@include max($lg){left:18px;top:-11px}}}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}@include max($lg){>a{width:44px;height:44px;padding:0;gap:0;>div{display:none}}}}&.cart-menu{>a{@include center;width:136px;height:48px;margin-left:12px;font-size:15px;color:$color-white;position:relative;line-height:1.2;float:left;font-weight:700;text-align:center;border-radius:$border-radius;@include svghover($color-white);gap:var(--spacer-3);padding:0 10px;transition:$transition;background-color:#5f5160;>div{>span{@include center;display:block;color:#f8efe8;font-size:11px;font-weight:500;transition:$transition}}&:hover{color:$color-white;@include svghover($color-white);background-color:$color-primary;border-radius:$border-radius;>i{@include svghover($color-white)}>div{>span{color:$color-white}}}>i{position:absolute;top:-8px;left:30px;@include center;width:18px;height:18px;border-radius:100%;background-color:$color-secondary;@include max($lg){left:18px;top:-11px}}.cart-amount{position:absolute;right:-6px;top:-12px;@include center;width:20px;height:20px;color:$color-white;@include heading-type-1;text-align:center;border-radius:100%;background-color:$color-primary;border:1px solid $color-primary}}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}@include max($lg){>a{width:44px;height:44px;padding:0;gap:0;>div{display:none}}}}}}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:102;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}}}}.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:110;background-color:$color-white;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.cart-content-inside{display:flex;flex-direction:column;height:100%;>div{flex:0 0 auto;width:100%;padding:var(--spacer-5);background-color:$color-white;&.cart-content-top{position:sticky;position:-webkit-sticky;top:0;z-index:24;border-bottom:1px solid $color-border}&.cart-content-middle{overflow-y:auto;flex:1 0 0%}&.cart-content-bottom{position:sticky;position:-webkit-sticky;bottom:0;z-index:24;padding-inline:var(--spacer-10);border-top:1px solid $color-border}}}.cart-content-title{display:flex;align-items:center;justify-content:space-between;line-height:28px;color:$color-text;font-size:var(--font-size-24);font-weight:600;margin-bottom:var(--spacer-3);.cart-all-delete{color:#7A7474;@include line-rule(12);font-weight:500;cursor:pointer;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-content-sub-title{line-height:20px;font-size:var(--font-size-16);span{font-weight:700;text-decoration:underline}}.cart-list{&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}.cart-list-item{display:flex;flex-wrap:wrap;padding-bottom:var(--spacer-5);margin-bottom:var(--spacer-5);border-bottom:1px solid $color-border;&:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cart-list-item-image{flex:0 0 100px;max-width:100px;margin-right:var(--spacer-4);>a{display:block;position:relative;aspect-ratio:var(--aspect-ratio);@include imgcenter;border:1px solid $color-border}&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{>a{width:auto;height:auto;object-fit:contain}}@include max($xxs){flex:0 0 80px;max-width:80px}}.cart-list-item-content{flex:1 0 0%;.cart-list-item-brand{margin-bottom:var(--spacer-1);a{display:inline-block;line-height:calc(var(--font-size-12) + 8px);color:$color-text;font-size:var(--font-size-12);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-title{margin-bottom:var(--spacer-2);a{overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:calc(var(--font-size-14) + 8px);color:$color-text;font-size:var(--font-size-14);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-price{display:flex;align-items:center;gap:3px;line-height:calc(var(--font-size-13) + 8px);font-size:var(--font-size-13);font-weight:400;margin-bottom:var(--spacer-2);@include max($xxs){overflow:hidden;height:20px}}.cart-qty-and-delete{display:flex;align-items:center;gap:var(--spacer-4);padding-right:var(--spacer-16);.cart-list-item-delete{@include center;overflow:hidden;width:32px;height:32px;border:1px solid $color-border;background-color:$color-white;transition:$transition;svg{path{transition:$transition}}&:hover{border-color:$color-primary;background-color:$color-primary;svg{path{fill:$color-white}}}}.cart-qty{position:relative;flex:1 0 0%;height:32px;>a{position:absolute;top:0;z-index:1;@include center;width:36px;height:100%;transition:$transition;@include svg;&.cart-qty-minus{left:0}&.cart-qty-plus{right:0}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}input{width:100%;height:100%;color:$color-text;@include line-rule(16);font-weight:600;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white}&.cart-qty-disabled{opacity:.8;pointer-events:none;cursor:disabled;input{background-color:$color-border}}}}}}}.cart-content-total-price{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-5);margin-bottom:var(--spacer-5);>span{display:block;line-height:20px;font-size:var(--font-size-16)}>div{line-height:22px;font-size:var(--font-size-18);font-weight:700}}.cart-content-button{margin-bottom:var(--spacer-5)}.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.cart-button-continue{color:$color-text;border:1px solid $color-text;background-color:#fff;transition:$transition;&:hover{color:#fff;background-color:$color-text}}}.cart-content-empty{padding:var(--spacer-5);background-color:$color-white;.cart-content-empty-icon{position:relative;@include center;padding-block:var(--spacer-4);margin-block:var(--spacer-5);border-top:1px solid $color-border;border-bottom:1px solid $color-border;svg{width:40%;height:40%;opacity:.1}}}}.navigation-container{>a{display:flex;white-space:nowrap;align-items:center;gap:var(--spacer-2);height:56px;background-color:$color-primary;color:#fff;line-height:1.2;font-size:15px;font-weight:700;padding:0 var(--spacer-3);margin-left:var(--font-size-14);margin-right:var(--font-size-14);transition:$transition;svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-white;background:#262626;svg{path{fill:$color-white}}}}}.navigation-content{position:absolute;top:100%;z-index:101;left:0;display:none;width:100%;background-color:#fff;padding-top:var(--spacer-8);.categories-item{margin-bottom:var(--spacer-8);>a{display:block;@include text-type-2;color:$color-sub-text;text-align:center;transition:$transition;div{position:relative;aspect-ratio:1;border-radius:$border-radius;overflow:hidden;@include imgcenter;margin-bottom:var(--spacer-4)}&:hover{color:$color-primary}}&.image-cover{>a{div{img{margin-bottom:var(--spacer-1);width:80%;height:80%;object-fit:cover;overflow:hidden;border-radius:50%;border:3px solid #ffac6f;background-image:linear-gradient(to left top,#ff6827,#ffb528,#ff4f62)}}}}&.no-picture{>a{div{img{width:50%;height:50%;object-fit:contain}}}}}}}body.navigation-content-active{.navigation-container{>a{color:$color-primary;background:$color-white;svg{path{fill:$color-primary}}}}.navigation-content{display:block}.navigation-menu-overlay{display:block}}.navigation-active{.navigation-menu-overlay{display:block}}#navigation{.category-level-1{>ul{display:flex;>li{>a{position:relative;@include center;height:56px;color:#606060;font-size:14px;text-align:center;padding:0 22px;line-height:1.2;font-weight:600;transition:$transition;svg{display:none;background-color:$color-primary}&:hover{color:$color-white;background-color:#f1a35e}&:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:24px;background-color:$color-border}}&:first-child{>a{padding-left:center}}&:last-child{>a{padding-right:center;&:after{display:none}}}&.has-sub-category{>a{}}&.active{>a{color:$color-white;background-color:$color-primary}.category-level-2{opacity:1;visibility:visible}}}}}.category-level-2{position:absolute;top:100%;left:0;z-index:101;opacity:0;visibility:hidden;width:100%;border-top:2px solid $color-border;padding-top:var(--spacer-10);transition:$transition;background-color:$color-white;ul.category-level-2-list{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));>li{flex:0 0 25%;padding:0 var(--gutter) var(--spacer-12);>a{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin:auto;font-style:normal;font-weight:600;line-height:18px;transition:color .1s;display:-webkit-box;color:#333;text-align:center;font-size:12px;&:after{content:'';position:absolute;left:0;bottom:0;width:32px;height:2px;background-color:$color-secondary}&:only-child{padding-bottom:0;margin-bottom:0;&:after{display:none}}&:hover{color:$color-primary}}&.navigation-category-image{flex:0 0 calc(70% / 8);max-width:calc(75% /8);margin-bottom:5px;>a{display:block;text-align:center;div{position:relative;margin-bottom:var(--spacer-2);@include imgcenter;border:3px solid #ffac6f;padding-top:50%;padding-bottom:50%;padding-left:50%;padding-right:50%;border-radius:50%;overflow:hidden;background-image:linear-gradient(to left top,#ff6827,#ffb528,#ff4f62)}}}}}}.category-level-3{>ul{>li{&:not(:last-child){margin-bottom:var(--spacer-4)}>a{display:inline-block;color:#646464;line-height:1.2;transition:$transition;&:hover{color:$color-primary;text-decoration:underline}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}@include max($lg){display:none}}.mobile-menu{@include center;height:36px;margin-right:var(--spacer-6)}#main{padding:var(--spacer-8) 0 var(--spacer-16);@include max($lg){border-top:1px solid $color-border}}.current-page-product-detail,.current-page-page-detail{#main{padding:0 0 var(--spacer-16)}}.current-page-product-list-filter{#main{padding:0 0 var(--spacer-10)}}.current-page-default-entry{#main{padding:0 0 var(--spacer-16);@include max($lg){border-top:none}.entry-row-2{margin-bottom:var(--spacer-5)}.entry-row-3{margin-bottom:var(--spacer-2);margin-top:var(--spacer-2)}.entry-row-4{margin-bottom:var(--spacer-2);margin-top:var(--spacer-2)}.entry-row-5{overflow:hidden;margin-bottom:var(--spacer-20)}.entry-row-7{margin-bottom:var(--spacer-12)}.entry-row-8{padding:var(--spacer-8) 0 var(--spacer-8);margin-top:-50px;@include max($lg){margin-top:5px}}}}#entry-slider{height:0;overflow:hidden;margin-bottom:var(--spacer-10);&.slick-slider{height:auto;overflow:visible}.entry-slider{>div{width:1408px;margin:0 auto;padding:30px 0 64px;img{border-radius:16px}@include max($md){width:calc(100% - 24px)}@include max($sm){padding:20px 0}}}.slick-dots{position:absolute;bottom:var(--spacer-4);width:100%;@include center;>li{position:relative;margin:0 var(--spacer-2);>img{display:block;width:52px;height:32px;cursor:pointer;border-radius:4px;border:1px solid #fff0;padding:0;object-fit:cover}&.slick-active{img{border-color:$color-primary}}}@include max($sm){position:static;bottom:0;padding-top:var(--spacer-6);>li{margin:0 5px;>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}}}}}}.category-banner-1{.nowrap{display:flex;justify-content:left;flex-wrap:nowrap;height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.category-banner-1{display:block;text-align:center;margin-bottom:var(--spacer-2);a{position:relative;overflow:hidden;display:flex;transition:$transition;@include border-radius(50%);@include max($lg){&:hover{@include box-shadow(0,0,12px,0,rgb(0 0 0 / .1),false)}}}.category-banner-1-img{&.image-cover{img{margin-top:4px;margin-bottom:4px;width:95px;cursor:pointer;object-fit:cover;@include border-radius(50%);background-image:linear-gradient(to top,#f0f4f7,#f0f4f7,#f0f4f7);border:2px solid #f0f4f7;&:hover{@include box-shadow(0,0,12px,0,rgb(0 0 0 / .1),false);border:1px solid $color-primary}}}}.category-banner-1-content{text-align:center;flex-wrap:nowrap;display:flex;.category-banner-1-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:70%;margin:auto;font-style:normal;font-weight:600;line-height:18px;transition:color .1s;display:-webkit-box;overflow:hidden;color:#333;text-align:center;font-size:12px}}@include min($lg){&:hover{.category-banner-1-content{.category-banner-1-title{color:$color-primary}}}}}.slick-list{padding-block:var(--spacer-3);margin-block:calc(-1*var(--spacer-3))}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:var(--spacer-15);>li{margin:0 var(--spacer-2);>button{position:relative;overflow:hidden;display:block;width:8px;height:8px;text-indent:-9999px;padding:0;margin-bottom:0;border:1px solid $color-text;border-radius:50%;background-color:#fff0}&.slick-active{>button{background-color:$color-text}}}}}@include max($lg){display:none}}.category-banners{.category-banner{display:block;text-align:center;margin-bottom:var(--spacer-5);.category-banner-img{border-radius:$border-radius;position:relative;display:block;aspect-ratio:1;border-radius:$border-radius;overflow:hidden;@include imgcenter;&.image-cover{img{width:100%;height:100%;cursor:pointer;object-fit:cover;border-radius:$border-radius;overflow:hidden;&:hover{@include box-shadow(0,0,12px,0,rgb(0 0 0 / .1),false)}}}}.category-banner-content{padding-top:var(--spacer-2);.category-banner-title{color:$color-text;@include text-type-2;transition:$transition}}@include min($lg){&:hover{.category-banner-content{.category-banner-title{color:$color-primary}}}}}}.default-products-bg{padding:var(--spacer-14) 0 var(--spacer-14);background:$color-white}.default-products{background-image:linear-gradient(to left top,#f77611,#ffcc48,#f77611,#f77611);height:58rem;padding:0 10px;padding-top:10px;padding-bottom:10px;border-radius:$border-radius;margin-bottom:var(--spacer-8);@include max($lg){padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto;margin-bottom:var(--spacer-8)}@include max($md){padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto;margin-bottom:var(--spacer-8)}@include max($sm){padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto;margin-bottom:var(--spacer-8)}@include max($xxs){padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto}.products-header{color:$color-white;@include heading-type-3;text-transform:uppercase;margin-bottom:var(--spacer-4);background:linear-gradient(183.85deg,#fff0 16.9%,rgb(245 56 35 / .85) 96.85%);border-radius:$border-radius;padding:0 108px 0 var(--spacer-6);@include min($lg){height:48px;display:flex;align-items:center;overflow:hidden}@include max($lg){padding:var(--spacer-3) var(--spacer-6)}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;border-radius:$border-radius;@include min($lg){.slick-list{padding:12px 0 92px}}}>.slick-arrow{position:absolute;opacity:1;top:calc(50% - 36px);z-index:2;transform:translateY(-50%);width:48px;height:48px;cursor:pointer;background:#fff;border:3px solid #ff6827;border-radius:50%;svg{path{transition:$transition;border:1px solid #ffcea6}}&.slick-prev{left:-8px}&.slick-next{right:-8px}&.slick-disabled{opacity:1}&:hover{svg{path{fill:$color-primary}}}@include max(1580){&.slick-prev{left:0}&.slick-next{right:0}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:20px;background-color:0;>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}}}}}}.category-image-carousel{.category-image-carousel-wrapper{@include max($lg){margin-block:40px;padding:0 5px;padding-top:5px;padding-bottom:5px;margin-bottom:var(--spacer-8);height:auto}@include max($md){margin-block:40px;padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto}@include max($sm){margin-block:40px;padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto}@include max($xxs){margin-block:40px;padding:0 5px;padding-top:5px;padding-bottom:5px;height:auto}margin-block:30px;margin-block-top:-10px;background-image:linear-gradient(to left top,#f77611,#ffcc48,#f77611,#f77611);padding:0 10px;padding-top:10px;padding-bottom:10px;height:56rem;border-radius:$border-radius;margin-bottom:var(--spacer-8)}.category-image-carousel-container{position:relative;overflow:hidden;height:calc(100% - 92px);border-radius:$border-radius;.category-image-carousel-picture{position:relative;aspect-ratio:334/596;border-radius:$border-radius;overflow:hidden;@include imgcenter;&.image-cover{img{width:100%;height:100%;object-fit:cover;border-radius:$border-radius;overflow:hidden}}&:after{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .88) 100%)}}.category-image-carousel-content{position:absolute;left:var(--spacer-4);bottom:var(--spacer-19);z-index:2;width:calc(100% - var(--spacer-8));.category-image-carousel-title{color:$color-white;@include heading-type-6;text-align:center;margin-bottom:var(--spacer-1)}.category-image-carousel-sub-title{color:$color-white;@include text-type-5;text-align:center;margin-bottom:var(--spacer-7)}.category-image-carousel-button{@include center;a{display:inline-flex;align-items:center;height:46px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:0 var(--spacer-12);background-color:$color-white;@include border-radius(150px);@include min($lg){padding:0 var(--spacer-12);transition:$transition;&:hover{background-color:$color-primary;color:$color-white}}}}}}.category-image-carousel-mobile{margin-bottom:var(--spacer-4);.category-image-carousel-mobile-title{color:$color-white;@include heading-type-3;text-transform:uppercase;background:linear-gradient(183.85deg,#fff0 16.9%,rgb(245 56 35 / .85) 96.85%);border-radius:$border-radius;padding:0 108px 0 var(--spacer-6);@include min($lg){height:48px;display:flex;align-items:center;overflow:hidden}@include max($lg){padding:var(--spacer-3) var(--spacer-6)}@include max($md){padding:var(--spacer-3) var(--spacer-6)}@include max($sm){padding:var(--spacer-3) var(--spacer-6)}}}.products-content{height:0;overflow:hidden;border-radius:$border-radius;&.slick-slider{height:auto;overflow:visible;@include min($lg){.slick-list{padding:12px 0 92px}}}.slick-arrow{position:absolute;opacity:1;bottom:calc(100% + 16px);z-index:2;width:48px;height:48px;cursor:pointer;background:$color-white;border:3px solid #ff6827;border-radius:50%;svg{path{transition:$transition;border-radius:$border-radius;overflow:hidden}}&.slick-prev{right:63px}&.slick-next{right:var(--gutter)}&.slick-disabled{opacity:1}&:hover{svg{path{fill:$color-primary;border-radius:$border-radius;overflow:hidden}}}}.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}}}}}.products-content-empty{@include center;width:100%;height:100%;color:$color-text;font-size:var(--font-size-15);font-weight:600;text-transform:uppercase;text-align:center;padding:52px 0;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius;overflow:hidden;@include min($sm){min-height:394px}}}.showcase{position:relative;background-color:$color-white;padding:1px;border-radius:$border-radius;border:1px solid $color-border;.showcase-inside{position:relative;z-index:2;background:#f9f9f9;border-radius:$border-radius;overflow:hidden}.showcase-hover{position:absolute;left:0;top:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;background:#f9f9f9;border:1px solid $color-border;border-radius:$border-radius;padding:var(--spacer-6);transition:$transition}.showcase-image-container{position:relative;overflow:hidden;a.showcase-label-container{.showcase-label-group{>div{position:absolute;z-index:20;display:flex;align-items:center;height:29px;font-size:var(--font-size-16);font-weight:700;padding:0 var(--spacer-2);border-radius:$border-radius;overflow:hidden;&.discount-label{bottom:var(--spacer-6);right:var(--spacer-5);background-color:{{theme.settings.color_background_discount_label}};color:{{theme.settings.color_text_discount_label}};@include max($lg){bottom:var(--spacer-2);right:var(--spacer-2)}}&.new-label{top:var(--spacer-6);left:var(--spacer-6);background-color:{{theme.settings.color_background_new_label}};color:{{theme.settings.color_text_new_label}};@include max($lg){top:var(--spacer-2);left:var(--spacer-2)}}&.gift-label{top:var(--spacer-6);right:var(--spacer-6);background-color:{{theme.settings.color_background_gift_label}};color:{{theme.settings.color_text_gift_label}};gap:var(--spacer-2);@include max($lg){top:var(--spacer-2);right:var(--spacer-2);svg{display:none}}}@include max($lg){height:24px}@include max($md){height:22px}@include max($sm){height:20px}}}.sold-out-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;height:35px;width:auto;font-weight:600;align-items:center;text-align:center;padding:5px;background-color:{{theme.settings.color_background_sold_out_label}};color:{{theme.settings.color_text_sold_out_label}};border-radius:$border-radius}}.digital-label{position:absolute;bottom:var(--spacer-6);right:var(--spacer-6);z-index:20;display:flex;align-items:center;height:29px;color:{{theme.settings.color_text_digital_label}};font-size:var(--font-size-13);font-weight:700;padding:0 var(--spacer-2);border-radius:$border-radius;background-color:{{theme.settings.color_background_digital_label}};@include max($lg){height:24px;bottom:var(--spacer-2);right:var(--spacer-2)}@include max($md){height:22px}@include max($sm){height:20px}}}.showcase-image{a{position:relative;display:block;background:$color-white;aspect-ratio:var(--aspect-ratio);@include imgcenter;border-radius:$border-radius;overflow:hidden}&.image-cover{a{img{width:auto;height:auto;object-fit:cover;border-radius:$border-radius;overflow:hidden}}}&.no-picture{a{img{width:auto;height:auto;object-fit:contain;transition:.4s linear}}}}.showcase-favorites{position:absolute;right:0;top:0;z-index:10;>a.add-my-favorites{width:4.2rem;height:4.2rem;@include center;color:$color-text;font-size:2rem;background:#eee;border-radius:50%;&.favorite-product{i{font-weight:900}}}}.showcase-content{padding:var(--spacer-4) var(--spacer-6) var(--spacer-6);@include max(1360){padding:var(--spacer-4) var(--spacer-4) var(--spacer-6)}@include max($lg){padding:var(--spacer-4)}.showcase-brand{height:calc(var(--font-size-14) + 8px);margin-bottom:var(--spacer-2);a{overflow:hidden;display:block;height:calc(var(--font-size-14) + 8px);line-height:calc(var(--font-size-14) + 8px);color:$color-primary;font-size:var(--font-size-14);font-weight:600}}.showcase-comment{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:12px;.showcase-rating-stars{font-size:16px;--percent:calc(var(--rating) / 5 * 100%);&::before{content:'★★★★★';letter-spacing:1px;background:linear-gradient(90deg,#ffc107 var(--percent),#dddddd var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}}.showcase-comment-title{font-size:1.3rem;padding-left:4px}}.showcase-title{margin-bottom:var(--spacer-6);a{overflow:hidden;display:block;height:calc((var(--font-size-14) + 8px) * 2);line-height:calc(var(--font-size-14) + 8px);color:#585857;font-size:var(--font-size-14);font-weight:500}}.showcase-price{display:flex;justify-content:space-between;gap:var(--spacer-2);.showcase-price-content{display:flex;justify-content:flex-end;flex-direction:column;height:calc(var(--font-size-16) + 8px + var(--font-size-13) + 8px);.showcase-price-new{line-height:calc(var(--font-size-16) + 8px);color:#008a09;font-size:var(--font-size-14);line-height:1;font-weight:700}.showcase-price-old{line-height:calc(var(--font-size-13) + 8px);color:$color-sub-text;font-size:var(--font-size-12);font-weight:500;text-decoration:line-through}}.discount-label{display:inline-flex;align-items:center;height:29px;border-radius:$border-radius;padding:0 var(--spacer-2);margin-top:var(--spacer-3);font-size:var(--font-size-11);font-weight:600;background-color:{{theme.settings.color_background_discount_label}};color:{{theme.settings.color_text_discount_label}}}}}.showcase-buttons{position:absolute;left:var(--spacer-3);right:var(--spacer-3);bottom:0;z-index:3;opacity:0;visibility:hidden;transition:$transition;>a{@include center;height:45px;color:$color-white;@include line-rule(12);font-weight:600;@include border-radius(200px);padding:0 var(--spacer-7);@include text-type-4;text-transform:uppercase;transition:$transition}a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:#000}}}@include min($lg){&:hover{@include box-shadow(0,1px,15px,0,#565f6b,false);.showcase-image{transform:scale(1.1);a{&:first-child{left:-100%}&:last-child{left:0}}}.showcase-price{opacity:0}.showcase-buttons{bottom:var(--spacer-4);opacity:1;visibility:visible}}}}.carousel-banner-wrapper{margin-top:var(--spacer-2);.row{height:0;overflow:hidden;border-radius:$border-radius;&.slick-slider{height:auto;overflow:visible;border-radius:$border-radius;.slick-list{overflow:unset}}.carousel-banner{position:relative;aspect-ratio:456/600;@include imgcenter;border-radius:$border-radius;overflow:hidden;&.image-cover{img{width:100%;height:100%;object-fit:cover;border-radius:$border-radius;overflow:hidden}}}>.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}}}}}}.theme-banner-wrapper{margin-bottom:var(--spacer-4);.theme-banner-header{@include heading-type-5;color:$color-text;text-align:center;margin-bottom:var(--spacer-8)}.theme-banner-1,.theme-banner-2,.theme-banner-3{margin-bottom:var(--spacer-8);>a{position:relative;display:block;border-radius:$border-radius;overflow:hidden;.theme-banner-image{position:relative;overflow:hidden;aspect-ratio:1;@include imgcenter;&:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(183.84deg,#fff0 16.9%,rgb(0 0 0 / .9) 96.85%)}img{width:100%;transition:.4s linear;border-radius:$border-radius;overflow:hidden}&.theme-banner-image-rectangle{aspect-ratio:700/334;border-radius:$border-radius;overflow:hidden}&.image-cover{img{width:100%;height:100%;object-fit:cover;border-radius:$border-radius;overflow:hidden}}}.theme-banner-content{position:absolute;z-index:11;left:0;bottom:0;width:100%;padding:var(--spacer-8);text-align:center;.theme-banner-title{@include heading-type-6;color:$color-white;margin-bottom:var(--spacer-7);@include max($sm){@include heading-type-4}}.theme-banner-button{display:inline-flex;align-items:center;height:46px;background:$color-white;@include border-radius(150px);padding:0 var(--spacer-12);font-size:var(--font-size-14);font-weight:600;color:$color-text;@include min($lg){padding:0 var(--spacer-6);transition:$transition;&:hover{background:$color-primary;color:$color-white}}@include max($sm){height:36px;font-size:var(--font-size-12);font-weight:500;padding:0 var(--spacer-6);@include border-radius(18px)}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}}}}}.theme-banner-4,.theme-banner-5,.theme-banner-6,.theme-banner-7,.theme-banner-8,.theme-banner-9,.theme-banner-10,.theme-banner-11,.theme-banner-12,.theme-banner-13,.theme-banner-14,.theme-banner-15,.theme-banner-16,.theme-banner-17,.theme-banner-18,.theme-banner-19,.theme-banner-20,.theme-banner-21,.theme-banner-22,.theme-banner-23,.theme-banner-24{position:relative;margin-bottom:var(--spacer-8);>a{display:block;.theme-banner-image{position:relative;overflow:hidden;aspect-ratio:610/300;@include border-radius(12px);@include imgcenter;&:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:100%}img{width:100%;transition:$transition}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}}}}}}#footer{.footer-row-1{margin-bottom:var(--spacer-16)}.footer-row-2{background:$color-border;padding:var(--spacer-13) 0}.footer-row-3{background:$color-background;padding-top:var(--spacer-18)}.footer-row-4{background:$color-primary;padding:var(--spacer-3) 0}}.shopping-banners{border:1px solid $color-border;.shopping-banner{display:block;text-align:center;padding:var(--spacer-8);.shopping-banner-img{position:relative;display:block;width:48px;height:48px;margin:0 auto var(--spacer-2);@include imgcenter;@include max($sm){width:38px;height:38px;margin-bottom:var(--spacer-6)}}.shopping-banner-content{.shopping-banner-title{color:$color-text;@include heading-type-3;margin-bottom:var(--spacer-2)}.shopping-banner-sub-title{color:$color-sub-text;@include text-type-2}}}@include min($lg){.row{>div{&:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:100px;background:$color-border}&:last-child{&:after{content:none}}}}}}.newsletter{align-items:center;.newsletter-title{>div{color:$color-text;@include heading-type-5;margin-bottom:var(--spacer-4)}>span{@include text-type-2;color:$color-sub-text}}.newsletter-content{form{position:relative;input{width:100%;height:64px;color:$color-text;@include text-type-1;padding:8px 152px 8px 24px;border:1px solid $color-border;@include border-radius(32px);&::placeholder{color:$color-sub-text;opacity:1}&:focus{border-color:$color-primary}@include max($sm){height:48px}}button{position:absolute;top:8px;right:8px;@include center;width:132px;height:48px;color:$color-white;@include heading-type-3;padding:0;border:none;background:$color-primary;@include border-radius(24px)}}}@include max($md){.newsletter-title{margin-bottom:var(--spacer-8)}.newsletter-content{form{input{padding:8px 132px 8px 20px}button{top:4px;right:4px;width:120px;height:56px}}}}@include max($sm){.newsletter-content{form{button{height:40px}}}}}.footer-contact{margin-bottom:var(--spacer-18);.footer-contact-title{margin-bottom:var(--spacer-4);>div{@include heading-type-3;color:$color-text;margin-bottom:var(--spacer-6)}>span{@include text-type-1;color:$color-sub-text}}.footer-contact-content{display:flex;flex-direction:column;gap:var(--spacer-4);.footer-phone,.footer-whatsapp,.footer-mail{>a{display:flex;align-items:center;flex-wrap:wrap;color:$color-text;@include heading-type-3;transition:$transition;svg{path{transition:$transition}}span{flex:1 0 0%;padding-left:var(--spacer-2)}@include min($lg){&:hover{color:$color-primary;svg{path{fill:$color-primary}}}}}}}}.footer-menu-container{margin-bottom:var(--spacer-18);.footer-menu{.footer-menu-title{color:$color-text;@include heading-type-3;margin-bottom:var(--spacer-6)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}>a{display:inline-block;color:$color-sub-text;@include text-type-1;transition:$transition;@include min($lg){&:hover{color:$color-primary;font-weight:600;text-decoration:underline}}}}}}}@include max($sm){.footer-menu{margin-bottom:var(--spacer-6);.footer-menu-content{padding-left:var(--spacer-6)}}&[data-menu-type="accordion"]{text-align:left;margin-bottom:var(--spacer-10);.footer-menu{.footer-menu-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--spacer-6) var(--spacer-8);margin-bottom:var(--spacer-8);border:1px solid $color-sub-text;&: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}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.footer-copyright-and-social{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacer-3);@include max($sm){justify-content:center}.bank-and-copyright{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacer-2);@include max($sm){justify-content:center;text-align:center}}}.footer-ssl{img{max-height:28px}}.copyright{@include text-type-1;color:$color-white}.footer-social{.footer-social-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-6);div{a{@include center;width:24px;height:24px;transition:$transition;svg{path{transition:$transition}}@include min($lg){&:hover{svg{path{fill:$color-text}}}}}}}}#scroll-top{position:fixed;right:var(--spacer-2);bottom:180px;z-index:50;display:none;cursor:pointer;background-color:#000;border-radius:50%;transition:$transition;>div{@include center;width:40px;height:40px}@include min($lg){&:hover{background-color:$color-primary-darken}}@include max($lg){bottom:180px!important;background-color:#1f1f26;&:hover{background-color:#1f1f26}}}@include min($md){.section-sorting-view{display:flex;align-items:center;gap:var(--spacer-4);padding-inline:var(--spacer-4);margin-bottom:var(--spacer-8);background-color:$color-background;#filter-wrapper{flex:1 0 0%;#sorting-options{margin-bottom:0;padding-inline:0;background-color:#fff0}}}.section-container{display:grid;align-items:flex-start;column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,334px) minmax(0,1fr);@include max($lg){grid-template-columns:minmax(0,224px) minmax(0,1fr)}}}@mixin filter-order-button{align-items:center;gap:var(--spacer-3);>span{display:flex;align-items:center;height:32px;cursor:pointer;svg{path,rect{stroke:$color-text;fill:#fff0;transition:$transition}}&:hover,&.active{svg{path,rect{fill:$color-primary}}}}}.filter-order-button{display:flex;@include filter-order-button;@include max($lg){>span{&[data-selector="quadruple-sorting"]{display:none}}}@include max($md){display:none}}.mobile-filter-order-button{display:none;@include filter-order-button;@include max($sm){gap:var(--spacer-6)}}@include max($md){#filter-wrapper{.filter-wrapper-header{display:flex;align-items:center;border:1px solid $color-border;border-radius:$border-radius;>div{position:relative;flex:1 0 0%;display:flex;align-items:center;justify-content:center;height:40px;color:$color-text;font-size:var(--font-size-12);padding-inline:var(--spacer-2);svg{margin-right:var(--spacer-3)}&:nth-child(2),&:nth-child(3){&:after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;@include border-radius(2px);background-color:$color-border}}}}}}.showcase-container{display:grid;gap:calc(var(--gutter) * 2);margin-bottom:var(--spacer-15);{% set showcaseRepeatColumns=theme.settings.showcase_repeat_columns %}{% if showcaseRepeatColumns==2 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==3 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==4 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% endif %}&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);.showcase{.showcase-image-container{a.showcase-label-container{.showcase-label-group{>div.new-label{top:var(--spacer-2);left:var(--spacer-2);overflow:hidden}>div.gift-label{top:var(--spacer-2);right:var(--spacer-2);overflow:hidden}}}}.showcase-content{padding:var(--spacer-4) var(--spacer-2) var(--spacer-4)}}}&.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{margin-bottom:var(--spacer-8);border:1px solid $color-border;border-radius:$border-radius;overflow:hidden;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.block-item-title{display:flex;align-items:center;justify-content:space-between;color:$color-text;@include heading-type-3;background:$color-background;padding:var(--spacer-3) var(--spacer-6);>i{display:none;@include max($sm){display:block}}}.block-item-content{padding:var(--spacer-6)}&[data-type="filter-product-groups"]{padding:0;border:none;@include border-radius(0);.block-item-title{background:$color-primary;border-radius:$border-radius;@include heading-type-4;color:$color-white}.block-item-content{padding:0}}&.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;&[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{margin-bottom:var(--spacer-8);border:1px solid $color-border;border-radius:$border-radius}.filter-menu-category{.filter-menu-category-title{color:$color-text;@include heading-type-3;padding:var(--spacer-4) var(--spacer-6);border-bottom:1px solid $color-border;background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:var(--spacer-6);border-bottom:none;a{gap:var(--spacer-4);color:$color-text;@include text-type-1;padding:0;margin-bottom:var(--spacer-4);transition:$transition;&:last-child{margin-bottom:0}i{display:block;width:7px;height:9px;margin-right:0;background:url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3067_1061)'%3E%3Cpath d='M5.74127 3.75713L1.85304 0.714996C1.67348 0.574407 1.49255 0.5 1.34217 0.5C1.05143 0.5 0.871582 0.766673 0.871582 1.21305V7.78799C0.871582 8.23385 1.0512 8.5 1.34126 8.5C1.49187 8.5 1.66991 8.42553 1.84987 8.28455L5.73991 5.24248C5.99008 5.04652 6.12862 4.78283 6.12862 4.49964C6.12868 4.21665 5.99172 3.95302 5.74127 3.75713Z' fill='%23363232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3067_1061'%3E%3Crect width='7' height='8' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;transition:$transition;&:before{content:none}}&:hover{color:$color-primary;i{background-image:url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3067_1073)'%3E%3Cpath d='M5.74127 3.75713L1.85304 0.714996C1.67348 0.574407 1.49255 0.5 1.34217 0.5C1.05143 0.5 0.871582 0.766673 0.871582 1.21305V7.78799C0.871582 8.23385 1.0512 8.5 1.34126 8.5C1.49187 8.5 1.66991 8.42553 1.84987 8.28455L5.73991 5.24248C5.99008 5.04652 6.12862 4.78283 6.12862 4.49964C6.12868 4.21665 5.99172 3.95302 5.74127 3.75713Z' fill='%23FA7800'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3067_1073'%3E%3Crect width='7' height='8' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}}}}.filter-menu-category-top{a{justify-content:flex-start;color:$color-text;@include heading-type-2;padding:var(--spacer-3) var(--spacer-6);background-color:$color-background;border-radius:$border-radius;transition:$transition;i{@include center;width:16px;height:16px;margin-right:var(--spacer-2);background: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%3Cg clip-path='url(%23clip0_3067_1139)'%3E%3Cpath d='M14.5984 6.94713C14.537 6.93717 14.4749 6.93258 14.4128 6.93338H3.83058L4.06133 6.82606C4.28688 6.71931 4.49207 6.57402 4.66771 6.39676L7.63522 3.42925C8.02605 3.05616 8.09172 2.45599 7.79084 2.0072C7.44066 1.52897 6.76912 1.42514 6.29085 1.77532C6.25222 1.80362 6.21549 1.83448 6.18098 1.86768L0.81477 7.23389C0.395401 7.65279 0.395032 8.33232 0.813932 8.75169C0.8142 8.75196 0.814502 8.75226 0.81477 8.75253L6.18098 14.1187C6.60068 14.5373 7.28021 14.5363 7.69878 14.1166C7.73171 14.0836 7.76247 14.0484 7.79084 14.0114C8.09172 13.5626 8.02605 12.9625 7.63522 12.5894L4.67307 9.61649C4.51561 9.45886 4.33457 9.32668 4.13645 9.22476L3.81448 9.07987H14.3537C14.902 9.10023 15.383 8.71725 15.486 8.17834C15.5809 7.59326 15.1835 7.04205 14.5984 6.94713Z' fill='%23FA7800'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3067_1139'%3E%3Crect width='15' height='15' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;&:before{content:none}}}}}.filter-menu-groups{.filter-menu-group-title{color:$color-text;@include heading-type-3;padding:var(--spacer-3) var(--spacer-6);border:none;background-color:$color-background}.filter-menu-group-content{padding:var(--spacer-6);.checkbox-custom{margin-bottom:16px}label{line-height:24px;color:$color-text;font-size:var(--font-size-13);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:24px;color:$color-text;font-size:var(--font-size-13);font-weight:400;padding-left:40px;&:before{width:24px;height:24px;border:2px solid $color-border;border-radius:$border-radius}}&:checked{&+label{color:$color-primary;&:before{background-image:none;border-color:$color-primary;background-color:$color-white}&:after{content:'';position:absolute;left:9px;top:4px;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:184px;>.scroll-element{width:12px;.scroll-element_track{background-color:$color-background;width:4px;margin-left:4px}.scroll-bar{background-color:$color-primary;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.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:5px;-moz-border-radius:5px;border-radius:5px}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary-darken}}}}}}.filter-menu-selected-items{.filter-menu-selected-items-title{color:$color-text;@include heading-type-3;padding:var(--spacer-3) var(--spacer-6);border:none;background-color:$color-background}.filter-menu-selected-items-content{padding:var(--spacer-6);.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-menu{margin-bottom:var(--spacer-5);.horizontal-filter-menu-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5);@include max($md){display:none}}.horizontal-filter-menu-content{padding:var(--spacer-4);padding-bottom:0;margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($md){display:flex;flex-direction:column-reverse;padding:0;border:none}}.filter-menu-groups-wrapper{@include min($md){display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter))}@include max($md){padding:var(--spacer-4);border:1px solid $color-border}}.filter-menu-groups{padding-right:var(--gutter);padding-left:var(--gutter);@include max($md){flex:0 0 100%;padding:0}.filter-menu-group-selectbox{position:relative;margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;justify-content:space-between;height:44px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:4px 4px 4px 16px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;span{padding-right:16px}@include max($md){font-size:var(--font-size-16);font-weight:600;pointer-events:none;padding:4px 0;border:none;border-bottom:1px solid $color-border;svg{display:none}}}.filter-menu-group-selectbox-content{position:absolute;top:calc(100% - 1px);left:0;z-index:101;overflow:auto;display:none;width:220px;max-height:174px;padding:var(--spacer-4);background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}@include max($md){position:static;top:0;display:block;width:100%;padding-left:0;border:none;border-radius:0;margin-top:var(--spacer-4)}>div>a{position:relative;display:block;line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;margin-bottom:var(--spacer-5);transition:$transition;span{color:$color-sub-text;padding-left:4px}&:last-child{margin-bottom:0}&:after{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:$border-radius;border:1px solid $color-border;background-color:#fff;transition:$transition}&:before{content:'';position:absolute;left:7px;top:2px;z-index:1;opacity:0;visibility:hidden;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg);transition:$transition}&:hover,&.checked{color:$color-primary;span{color:$color-primary}&:after{border-color:$color-primary}&:before{opacity:1;visibility:visible}}}}>a.active+.filter-menu-group-selectbox-content{display:block}}}.filter-menu-selected-items{@include min($md){display:flex;align-items:center;flex-wrap:wrap;>div{margin-right:var(--spacer-4);&:last-child{margin-right:0}}}@include max($md){display:flex;flex-direction:column;>div{margin-bottom:var(--spacer-4);&.clear-filters{order:1}&.filter-menu-selected-group{order:2}}}.filter-menu-selected-group{@include min($md){display:flex;align-items:center;flex-wrap:wrap}.filter-menu-selected-item{@include min($md){margin-bottom:var(--spacer-4);margin-right:var(--spacer-4);&:last-child{margin-right:0}}a{display:flex;align-items:center;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;background-color:#fff;border-radius:$border-radius;border:1px solid $color-border;transition:$transition;svg{path{transition:$transition}}span{position:relative;margin:0 12px;&:after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-51%);width:0;height:1px;margin:0 auto;background-color:$color-primary;transition:$transition}}i{@include center;width:34px;height:34px;background-color:$color-background;border-right:1px solid $color-border}&:hover{color:$color-primary;svg{path{stroke:$color-primary}}span{&:after{width:100%}}}}}}.clear-filters{margin-left:var(--spacer-2);margin-bottom:var(--spacer-4);@include max($md){display:flex;align-items:center;justify-content:space-between}>span{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;@include min($md){display:none}}@include max($md){margin-left:0}a{display:flex;align-items:center;height:36px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}@include max($md){color:$color-primary;font-weight:600}}}}}#sorting-options{margin-bottom:var(--spacer-8);@include min($lg){background:$color-background;border-radius:$border-radius;padding:0 var(--spacer-5) 0 var(--spacer-4)}.row{align-items:center}select.form-control:not([size]):not([multiple]),select:not([size]){height:52px;color:$color-text;@include text-type-2;cursor:pointer;padding:4px 18px 4px 12px;border:none;@include border-radius(0);background-color:#fff0;background-size:10px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3067_1113)'%3E%3Cpath d='M5.78822 7.61791L9.36092 3.09902C9.52603 2.89033 9.61387 2.6797 9.61468 2.50429C9.61623 2.16518 9.30582 1.95399 8.78464 1.95161L1.10784 1.91656C0.58726 1.91418 0.275542 2.12227 0.273994 2.46058C0.27319 2.63625 0.359192 2.8443 0.522835 3.05496L4.05395 7.6084C4.28141 7.90123 4.58856 8.06423 4.9192 8.06574C5.24962 8.06731 5.55816 7.90898 5.78822 7.61791Z' fill='%23363232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3067_1113'%3E%3Crect width='8.16467' height='9.34078' fill='white' transform='matrix(-0.00457599 0.999989 -0.99999 -0.00456647 9.62207 0.939026)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");&:focus{box-shadow:unset!important}@include min($lg){min-width:125px!important}}.record-count{line-height:22px;color:$color-text;font-size:var(--font-size-14);font-weight:500;@include min($md){text-align:center!important}}.checkbox-custom{line-height:24px;input[type=checkbox]{&+label{line-height:24px;color:$color-text;font-size:var(--font-size-14);font-weight:500;padding-left:32px;&:before{width:24px;height:24px;background-color:#fff0;border:2px solid $color-sub-text;border-radius:$border-radius}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary}&:after{content:'';position:absolute;left:8px;top:3px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}}.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-left:calc(-1*var(--gutter));margin-right: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{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin:auto;font-style:normal;font-weight:600;line-height:18px;transition:color .1s;display:-webkit-box;overflow:hidden;color:#333;text-align:center;font-size:12px;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% / 8);max-width:calc(100% / 8);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(85% / 3);max-width:calc(85% / 3)}@include max($xxs){flex:0 0 calc(66% / 2);max-width:calc(66% / 2)}>a{display:block;height:100%;text-align:center;padding:var(--spacer-2);border-radius:$border-radius;.product-list-image{position:relative;aspect-ratio:var(--aspect-ratio);margin-bottom:var(--spacer-3);border:3px solid #ffac6f;padding-top:50%;padding-bottom:50%;padding-left:50%;padding-right:50%;border-radius:50%;overflow:hidden;background-image:linear-gradient(to left top,#ff6827,#ffb528,#ff4f62);@include imgcenter;&.image-cover{img{width:100%;height:100%;object-fit:cover;border-radius:$border-radius;overflow:hidden}}@include max($lg){padding-top:45%;padding-bottom:45%;padding-left:45%;padding-right:45%}@include max($md){padding-top:40%;padding-bottom:40%;padding-left:40%;padding-right:40%}@include max($sm){padding-top:35%;padding-bottom:35%;padding-left:35%;padding-right:35%}@include max($xxs){padding-top:30%;padding-bottom:30%;padding-left:30%;padding-right:30%}&.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:160px}}}.paginate-wrapper{position:relative;margin-bottom:var(--spacer-14);.paginate{display:flex;a{display:flex;align-items:center;justify-content:center;height:40px;min-width:40px;color:$color-text;@include text-type-4;border:1px solid $color-border;border-radius:$border-radius;margin:0 var(--spacer-2);@include max($xs){height:28px;min-width:28px}@include max($xxxs){height:24px;min-width:24px}}.paginate-content{display:flex}.paginate-left{a{margin-left:0;i{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55531 8.5853L10.6755 15.2604C10.8402 15.4149 11.06 15.5 11.2944 15.5C11.5288 15.5 11.7487 15.4149 11.9134 15.2604L12.4377 14.7689C12.7789 14.4487 12.7789 13.9282 12.4377 13.6084L6.4587 8.00311L12.4443 2.39157C12.609 2.23706 12.7 2.03108 12.7 1.81145C12.7 1.59158 12.609 1.3856 12.4443 1.23097L11.92 0.739632C11.7552 0.585121 11.5355 0.5 11.3011 0.5C11.0667 0.5 10.8468 0.585121 10.6821 0.739632L3.55531 7.4208C3.39024 7.5758 3.29957 7.78275 3.30009 8.00274C3.29957 8.2236 3.39024 8.43042 3.55531 8.5853Z' fill='%23363232'/%3E%3C/svg%3E") no-repeat 50%;&:before{content:none}}}&.paginate-active{a{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='M3.55531 8.5853L10.6755 15.2604C10.8402 15.4149 11.06 15.5 11.2944 15.5C11.5288 15.5 11.7487 15.4149 11.9134 15.2604L12.4377 14.7689C12.7789 14.4487 12.7789 13.9282 12.4377 13.6084L6.4587 8.00311L12.4443 2.39157C12.609 2.23706 12.7 2.03108 12.7 1.81145C12.7 1.59158 12.609 1.3856 12.4443 1.23097L11.92 0.739632C11.7552 0.585121 11.5355 0.5 11.3011 0.5C11.0667 0.5 10.8468 0.585121 10.6821 0.739632L3.55531 7.4208C3.39024 7.5758 3.29957 7.78275 3.30009 8.00274C3.29957 8.2236 3.39024 8.43042 3.55531 8.5853Z' fill='white'/%3E%3C/svg%3E")}}}}.paginate-right{a{margin-right:0;i{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4447 8.5853L5.32449 15.2604C5.15981 15.4149 4.93997 15.5 4.70557 15.5C4.47116 15.5 4.25133 15.4149 4.08664 15.2604L3.56229 14.7689C3.22109 14.4487 3.22109 13.9282 3.56229 13.6084L9.5413 8.00311L3.55566 2.39157C3.39097 2.23706 3.30005 2.03108 3.30005 1.81145C3.30005 1.59158 3.39097 1.3856 3.55566 1.23097L4.08001 0.739632C4.24482 0.585121 4.46453 0.5 4.69893 0.5C4.93334 0.5 5.15317 0.585121 5.31785 0.739632L12.4447 7.4208C12.6098 7.5758 12.7004 7.78275 12.6999 8.00274C12.7004 8.2236 12.6098 8.43042 12.4447 8.5853Z' fill='%23363232'/%3E%3C/svg%3E") no-repeat 50%;&:before{content:none}}}&.paginate-active{a{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='M12.4447 8.5853L5.32449 15.2604C5.15981 15.4149 4.93997 15.5 4.70557 15.5C4.47116 15.5 4.25133 15.4149 4.08664 15.2604L3.56229 14.7689C3.22109 14.4487 3.22109 13.9282 3.56229 13.6084L9.5413 8.00311L3.55566 2.39157C3.39097 2.23706 3.30005 2.03108 3.30005 1.81145C3.30005 1.59158 3.39097 1.3856 3.55566 1.23097L4.08001 0.739632C4.24482 0.585121 4.46453 0.5 4.69893 0.5C4.93334 0.5 5.15317 0.585121 5.31785 0.739632L12.4447 7.4208C12.6098 7.5758 12.7004 7.78275 12.6999 8.00274C12.7004 8.2236 12.6098 8.43042 12.4447 8.5853Z' fill='white'/%3E%3C/svg%3E")}}}}.paginate-passive{a{}}.paginate-active{a{border-color:$color-primary;background:$color-primary}}.paginate-element-active{color:$color-primary;font-weight:700;border-color:$color-primary}}}.current-page-product-list-filter,.current-page-product-detail,.current-page-page-detail{.breadcrumbs-wrapper{}}#breadcrumbs{padding:var(--spacer-4) 0;margin-bottom:var(--spacer-8);border-bottom:1px solid $color-border;@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory}ol{display:flex;align-items:center;padding:0;margin:0;width:100%;padding-right:var(--gutter);padding-left:var(--gutter);margin-right:auto;margin-left:auto;@media(min-width:576px){max-width:540px}@media(min-width:768px){max-width:720px}@media(min-width:992px){max-width:960px}@media(min-width:1200px){max-width:calc(1432px + calc(2*var(--gutter)))}li{i{font-size:var(--font-size-14);margin:0 12px;font-style:normal;&:before{content:'>'}}span{display:flex;align-items:center;white-space:nowrap;line-height:22px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:500}a{color:$color-sub-text}&:first-child{span{span{background: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='M7.99969 4.98126L2.84033 8.95125V14.2701H6.98604V10.3723H9.18844V14.2701H13.1591V8.95125L7.99969 4.98126Z' fill='%23FA7800'/%3E%3Cpath d='M13.3754 5.86521V3.14572H11.2026V4.19367L8 1.72995L0.5 7.49959L1.53532 8.84537L8 3.87097L14.4647 8.8454L15.5 7.49962L13.3754 5.86521Z' fill='%23FA7800'/%3E%3C/svg%3E") no-repeat left center;padding-left:32px}}}&:last-child{span{i{color:$color-text}span{color:$color-text}}}}}}#footer-content{margin-bottom:var(--spacer-10)}.product-left,.product-right{margin-bottom:var(--spacer-0);@include max($md){margin-bottom:var(--spacer-8)}}.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;>div{display:flex;align-items:center;height:29px;font-size:var(--font-size-13);font-weight:700;border-radius:$border-radius;padding:0 var(--spacer-2);margin-bottom:5px;&:last-child{margin-bottom:0}&.new-label{background-color:{{theme.settings.color_background_new_label}};color:{{theme.settings.color_text_new_label}}}&.gift-label{background-color:{{theme.settings.color_background_gift_label}};color:{{theme.settings.color_text_gift_label}};gap:var(--spacer-2)}&.digital-label{color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}@include max($lg){height:24px}@include max($sm){height:20px;padding-top:2px;&.gift-label{svg{margin-top:-2px}}}}}.product-favorites{position:absolute;right:var(--spacer-4);top:var(--spacer-4);z-index:20;>a.add-my-favorites{display:flex;align-items:center;justify-content:center;height:24px;width:24px;.product-icon-favori-add{display:none}&.favorite-product{.product-icon-favori{display:none}.product-icon-favori-add{display:block}}}}.product-image{#product-primary-image{position:relative;overflow:hidden;aspect-ratio:var(--aspect-ratio);background-color:$color-white;border-radius:$border-radius;border:1px solid $color-border;@include imgcenter}&.image-cover{#product-primary-image{img:not(.product-no-picture){width:100%;height:100%;object-fit:cover}}}}#product-thumb-image{height:0;overflow:hidden;margin:calc(-1*var(--gutter));&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{padding:var(--gutter);>a{position:relative;display:block;overflow:hidden;opacity:1;aspect-ratio:var(--aspect-ratio);border-radius:$border-radius;border:1px solid $color-border;@include imgcenter;&.zoomGalleryActive{border:2px solid $color-primary;opacity:1}}&.image-cover{>a{img{width:100%;height:100%;object-fit:cover}}}@include max($lg){margin-top:var(--gutter)}}.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-center{position:sticky;position:-webkit-sticky;z-index:15;top:80px}.product-left{position:sticky;position:-webkit-sticky;z-index:15;top:65px}.product-list-group{overflow:hidden}.product-title{margin-bottom:var(--spacer-4);h1{color:$color-text;@include heading-type-4;margin-bottom:0}}.jq-ry-container{position:relative;line-height:0;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;direction:ltr;>.jq-ry-group-wrapper{position:relative;width:100%;>.jq-ry-group{position:relative;line-height:0;z-index:2;white-space:nowrap;>svg{display:inline-block}}>.jq-ry-groupjq-ry-normal-group{width:100%}>.jq-ry-group.jq-ry-rated-group{width:0;z-index:2;position:absolute;top:0;left:0;overflow:hidden}}}.product-comments-container{display:flex;align-items:center;font-size:1.3rem;font-weight:500;color:$color-primary;cursor:pointer;margin-bottom:12px;>span{margin-left:8px;>span{text-decoration:underline}}}.product-short-details{@include text-type-2;color:$color-sub-text;margin-bottom:var(--spacer-8)}.product-list-container{margin-bottom:var(--spacer-5);border-bottom:1px solid $color-border;padding-bottom:var(--spacer-2);border-top:1px solid $color-border;padding-top:var(--spacer-2);margin-top:var(--spacer-5);.product-list-row{display:flex;align-items:baseline;@include line-rule(14);font-weight:500;&:not(:last-child){margin-bottom:var(--spacer-1)}a{color:$color-sub-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:20%;color:$color-text;font-weight:600;@include max($sm){width:30%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$color-sub-text;&:before{content:':';margin-right:16px;font-weight:600;color:$color-text}}}}.product-price{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--spacer-6);&-new,&-old{color:#008a09;font-size:28px;font-weight:700;line-height:1;button:0;span{color:$color-text;@include heading-type-4}}&.has-discount{.product-price-old{color:$color-sub-text;@include line-rule(14);font-weight:500;text-decoration:line-through}}.discount-label{flex-wrap:wrap;align-items:center;text-align:center;height:48px;line-height:1;font-size:var(--font-size-28);font-weight:700;color:$color-white;padding:0 12px;padding-top:2px;padding-bottom:2px;border-radius:$border-radius;background-color:{{theme.settings.color_background_discount_label}};transition:$transition;>span{@include center;color:$color-white;font-size:var(--font-size-13)}@include max($lg){line-height:1.1;padding-top:5px}}}.product-lowestPrice{margin-top:var(--spacer-6);align-items:center;display:flex;margin-bottom:1.6rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;background-color:#effbf5;height:40px;border:1px solid #effbf5;border-radius:$border-radius;max-width:max-content;min-width:180px;padding:4px;>a{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:$color-text;font-size:13px;font-weight:500;margin-left:8px;overflow:hidden;text-overflow:ellipsis;>u{@include line-rule(15);font-weight:500;margin-left:var(--spacer-3);color:$color-primary}>span{color:#0bc15c;font-weight:500}}}{% set cargoButtons=['fast_shipping','same_day_shipping','three_days_delivery','five_days_delivery','seven_days_delivery','free_shipping','delivery_from_stock','pre_ordered_product','limited_stock','ask_stock','campaigned_product'] %}.product-cargo-buttons{display:flex;align-items:center;gap:var(--spacer-4);margin-top:var(--spacer-3);color:#5f5160;.product-cargo-button{display:flex;gap:var(--spacer-2);flex-wrap:wrap;height:40px;line-height:0;padding:6px;background:#fff;border-radius:$border-radius;border:2px solid #fcd8bb;i{flex:0 0 24px;height:24px;width:24px}span{display:flex;@include heading-type-2;padding:4px;height:32px;line-height:16px}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}.product-options{.variant-group-title{display:block;color:$color-text;@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-13);font-weight:500;cursor:pointer;padding:6px 28px 6px 20px;border:2px 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{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}}.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:var(--spacer-3)}span{position:relative;flex:0 0 auto;cursor:pointer;padding:7px 10px;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-text}&.variant-selected{&:before{content:'\f00c';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;color:$color-white;font-size:9px;font-weight:900;font-family:"Font Awesome 5 Free";padding-top:1px;background-color:$color-primary;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-image{max-width:36px;max-height:36px;padding:0;border-color:#fff0;@include border-radius(50%);img{padding:3px;@include border-radius(50%)}&:hover,&.variant-selected{border-color:$color-text}&.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-8);>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;flex-wrap:wrap;border-radius:$border-radius;border:3px solid $color-background;width:12rem;height:52px;background-color:$color-background;>a{flex:0 0 3rem;max-width:3rem;@include center;color:$color-text}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;text-align:center;border-radius:$border-radius;background-color:$color-white;border:none;font-size:2.2rem}}}@include max($lg){margin-bottom:1.6rem;flex:0 0 100%;max-width:100%;.product-qty{width:100%}}&.product-qty-wrapper-select{.product-qty{border:none;border-radius:0;select.form-control:not([size]):not([multiple]),select:not([size]){height:52px;color:$color-text;@include heading-type-3;cursor:pointer;padding:6px 28px 6px 20px;border:1px solid $color-border;@include border-radius(0);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}>div{input{height:52px;border:1px solid $color-border;@include border-radius(0);background-color:$color-white}}}}@include max($xs){margin-bottom:var(--spacer-8);flex:0 0 100%;max-width:100%;.product-qty{width:100%}}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:52px;font-size:var(--font-size-16);font-weight:700;border-radius:$border-radius;padding:0 var(--gutter);transition:$transition}a.remind-me-button,a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.quick-order-button{color:$color-white;background-color:$color-text;&:hover{background-color:$color-secondary}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.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:calc(2*var(--gutter));margin-bottom:var(--spacer-8);>div{a{@include center;display:flex;align-items:center;flex-wrap:wrap;color:$color-text;@include text-type-2;background:#f5f5f5;padding:6px;border-radius:$border-radius;transition:$transition;span{padding-left:var(--spacer-3)}@include min($lg){&:hover{color:$color-primary}}}}@include max($sm){justify-content:flex-start}}.product-social{display:flex;align-items:center;gap:var(--spacer-2);.product-social-title{@include heading-type-2;color:$color-text}.product-social-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-6);>div{>a{@include center;width:24px;height:24px}}}}.product-detail-tab{margin-top:var(--spacer-6);font-family:$familyname;.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-4);@include heading-type-3;color:$color-sub-text;overflow:hidden}}.product-detail-tab-row{margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;overflow:hidden;&:last-child{margin-bottom:0}[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-4);background:#f5f5f5;color:$color-text;height:48px;@include heading-type-3;padding:0 var(--spacer-3);&:after{content:'';width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12L12 12M12 12L17 12M12 12V7M12 12L12 17' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%;transition:$transition}}}&.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='M7 12L17 12' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:rotate(-180deg)}}}}}[data-tab-content]{height:auto;overflow:visible;display:none;>div{padding-top:var(--spacer-6);color:$color-text;@include text-type-2}}}}.payment-options{.row{>*{flex:0 0 50%;max-width:50%}}}.product-customization{padding:var(--spacer-8) 0 var(--spacer-3);margin:var(--spacer-8) 0;border-top:1px solid $color-border;border-bottom:1px solid $color-border;.product-customization-group{.product-customization-group-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.product-customization-field{.form-group{.control-label{color:$color-text;@include line-rule(12);font-weight:600;margin-bottom:0;@include max($md){margin-bottom:var(--spacer-3)}}}}}.form-control{height:44px;border:1px solid $color-border;border-radius:$border-radius}textarea.form-control{height:120px}.form-group select.form-control:not([size]):not([multiple]),.form-group select:not([size]){height:44px;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.form-horizontal .form-question{top:8px;right:-10px;width:15px;height:15px;border-radius:100%;background:#fff0;@include max($sm){right:10px}}.form-horizontal label.custom-file .form-question{right:-8px;background:#fff0}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}:root{--gutter:#{$gutter};{% for i in 1..40 %}--spacer-{{i}}:{{i*4}}px;{% endfor %}{% for i in 10..120 %}--font-size-{{i}}:{{i}}px;{% endfor %}}@include max($lg){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*3}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(2.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.95)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.9)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.65)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}}}@include max($sm){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(1.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*1}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.85)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.7)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.45)}}px;{% endfor %}}}{% set generalImageRatio=theme.settings.general_image_ratio %}{% if generalImageRatio matches '/[a-zA-Z]/' %}:root{--aspect-ratio:$aspect-ratio}{% else %}:root{--aspect-ratio:{{generalImageRatio}}}{% endif %}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}#ideaexport_translation_bar_container{display:none}#custom-export{>a{text-transform:uppercase}}#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-fixed{position:fixed;z-index:99;left:0;bottom:0;display:flex;width:100%;padding:var(--spacer-3) 0;background-color:#fff;box-shadow:0 -4px 18px 0 rgb(54 50 50 / .1);.product-image{#product-primary-image{position:relative;overflow:hidden;aspect-ratio:$aspect-ratio;@include imgcenter;border-radius:$border-radius;margin-bottom:0}@include max($lg){display:none}}.product-fixed-left-content{.product-brand{margin-bottom:var(--spacer-2);a{color:$color-text;@include text-type-4;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-2);h1{color:$color-text;@include heading-type-4;margin-bottom:0}}.product-price{display:flex;align-items:baseline;flex-direction:column;gap:var(--spacer-1);margin-bottom:0;.discount-label{display:inline-flex;gap:var(--spacer-1);padding:var(--spacer-1) var(--spacer-2);color:$color-white;@include text-type-4;@include border-radius(4px);background-color:#007a22}.product-price-container{display:flex;align-items:center;gap:var(--spacer-1);.product-price-new{color:$color-text;@include heading-type-4}.product-price-old{color:$color-sub-text;@include text-type-5;text-decoration:line-through}}}}.product-cart-buttons{display:flex;align-items:center;width:100%;height:100%;margin-bottom:0;.product-add-to-cart-button{flex:0 0 100%;max-width:100%}}.product-qty-wrapper{margin-bottom:0}.product-title{h1{font-size:16px!important;font-weight:600!important}}.product-price{flex-direction:unset!important;.discount-label{height:32px!important}}@include max($md){bottom:70px}}.contentbox-header{margin-bottom:var(--spacer-8);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-text;@include heading-type-5;margin-bottom:0}}body[class*="checkout-page"],body[class*="current-page-cart"]{.contentbox-header{text-align:left;margin-bottom:var(--spacer-1);border-bottom:none;h4{font-size:var(--font-size-18)}}}{% if not theme.settings.detail_search_form %}.current-page-product-list-search{.contentbox-body,.contentbox-header{display:none!important}}{% endif %}.current-page-page-detail{.contentbox-header{border-bottom:1px solid $color-border;padding-bottom:var(--spacer-4);margin-bottom:var(--spacer-6)}.contentbox-body{@include text-type-2;color:$color-text}}.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:48px;padding:var(--spacer-5);img{max-height:10rem}}}.user-login-page-content{padding:var(--spacer-10);margin-bottom:var(--spacer-8);background-color:#fff;border:1px solid $color-border;border-radius:$border-radius}.user-login-page-title{text-align:center;margin-bottom:var(--spacer-7);span{line-height:28px;font-size:var(--font-size-24);font-weight:700}&.user-login-page-sub-title{padding-top:var(--spacer-7)}}.user-login-page-order-registration{display:flex;align-items:center;justify-content:center;height:52px;color:$color-text;font-size:var(--font-size-16);font-weight:600;text-align:center;margin-top:var(--spacer-9);background-color:rgb(220 53 69 / .3)}.user-login-page-row{position:relative;margin-bottom:var(--spacer-5);.password-toggle{position:absolute;right:var(--gutter);top:15px;@include center;width:20px;height:20px;cursor:pointer;@include svghover($color-sub-text)}&.user-login-page-button-social{display:flex;align-items:center;flex-wrap:wrap;@include max($sm){display:block}>div{flex:0 0 50%;&:first-child{padding-right:var(--spacer-5)}@include max($sm){flex:0 0 100%;&:first-child{padding-right:0}}}}input.form-control{height:52px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}.btn{@include center;height:52px;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.btn-green{color:$color-white;font-weight:400;margin-bottom:var(--spacer-8);border:1px solid $color-border;background-color:$color-whatsapp}&.btn-google{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}@include max($sm){margin-bottom:var(--spacer-5)}}&.btn-facebook{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}}}.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:48px;padding:var(--spacer-5);img{max-height:10rem}}.signup-container{width:580px;margin:0 auto var(--spacer-4);padding:var(--spacer-6) var(--spacer-10) var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($sm){width:calc(100% - 8px)}.contentbox-header{text-align:center!important;margin:0 0 var(--spacer-7)!important;padding:0!important;border:none!important;h4{line-height:28px;font-size:var(--font-size-24)!important;font-weight:700!important;margin-bottom:0!important}}.alert.alert-primary{margin-bottom:var(--spacer-5)}.form-group{margin-bottom:var(--spacer-5);.col-12.col-lg-5,.col-12.col-lg-8,.col-12.col-lg-9.text-right{flex:1 0 0%;max-width:none}.col-12.col-lg-4.control-label{&+.col-6.col-lg-5{flex:1 0 0%;max-width:none}}.security-code{height:48px}input.form-control{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;padding-right:22px}.form-question{top:14px!important}.btn{height:48px}.btn-group-binary{display:flex;align-items:center;justify-content:space-between;&:before,&:after{display:none}>button{flex:0 0 48%;max-width:48%;&.mr-2{margin-right:0!important}}}}.form-horizontal{.toggle-password{top:0;right:calc(var(--gutter) * 1.5);@include center;width:20px;height:48px;color:$color-sub-text;background-color:#fff0}}}.current-page-member-signup{.signup-container{&.signup-container-information{width:100%;.information-content{border:none}}.form-group{&.signup-campaign-status,&.signup-agreement,&.signup-personal-data-agreement{.col-12.col-lg-4.control-label{display:none}}}}}.mobile-menu-fixed{position:fixed;z-index:20;left:0;bottom:0;width:100%;padding:10px;display:flex;align-items:flex-end;justify-content:space-between;background:#f9f9f9;border-top:2px solid #fdf8f3;>a{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:48px;gap:9px}.cart-menu{>a{width:65px;height:48px;font-size:11px;color:$color-white;position:relative;line-height:1.3;float:left;font-weight:700;text-align:center;border-radius:$border-radius;@include svghover($color-white);gap:var(--spacer-2);padding:0 10px;transition:$transition;background-color:#919191;>div{>span{@include center;display:none;color:$color-primary;font-size:9px;transition:$transition}}&:hover{color:$color-white;@include svghover($color-white);background-color:$color-primary;border-radius:$border-radius;>i{@include svghover($color-white)}>div{>span{color:$color-white}}}>i{position:absolute;top:-8px;left:30px;@include center;width:18px;height:18px;border-radius:100%;background-color:$color-secondary;@include max($lg){left:18px;top:-11px}}.cart-amount{position:absolute;right:-4px;top:-10px;@include center;width:20px;height:20px;color:$color-white;@include heading-type-1;text-align:center;border-radius:100%;background-color:$color-primary;border:1px solid $color-primary}}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}}}#whatsapp-order{bottom:120px!important;@include max($md){bottom:200px!important;zoom:.7}}