@import "mixin";@import "default";@mixin font-face($folderpath,$familyname,$filename,$weight,$style){@font-face{font-family:$familyname;src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot') }}");src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot?#iefix') }}") format("embedded-opentype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.woff') }}") format("woff"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.ttf') }}") format("truetype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.svg?#webfont') }}") format("svg");font-weight:$weight;font-style:$style}}body{position:relative;left:0;overflow-x:hidden;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(1776px + calc(2*var(--gutter)))}}.container,.container-fluid{.lazy-section{padding-right:var(--gutter);padding-left:var(--gutter)}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}.header-top-bar{@include center;text-align:center;background-color:#ff5e00;marquee{display:block;color:#000;font-size:var(--font-size-20);padding:var(--spacer-3)}}.header-sticky{position:sticky;position:-webkit-sticky;top:0;z-index:100;background-color:$color-white;.header-sticky-content{padding:var(--spacer-2) 0;border-bottom:1px solid $color-border}@include max($lg){position:static;z-index:98;.header-sticky-content{padding:var(--spacer-8) 0}}}.header-logo{display:flex;align-items:center;padding:var(--spacer-4);border-bottom:1px solid #d9d9d9;@include max($md){justify-content:center}.logo{@include center;@include max($md){flex-direction:column;align-items:unset;gap:10px}@include min($lg){gap:70px;.search-web{form{input{width:580px}}}}img{max-height:80px}}}.header-left{display:flex;align-items:center;gap:var(--spacer-5)}.header-middle{border-bottom:1px solid $color-border}.menu-items-row2{display:flex;flex-wrap:wrap;li{margin-left:var(--spacer-8);a{position:relative;@include center;@include text-type-1;color:$color-text;transition:$transition;&:hover{color:$color-primary;text-decoration:underline}}&:first-child{margin-left:0;a{gap:var(--spacer-2);flex-direction:row-reverse;&::after{content:'';width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.90601 6.82007L11.0002 11.5043L19.0393 6.84754' stroke='%23F05C35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0002 19.8093V11.4951' stroke='%23F05C35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.10256 2.27325L4.20757 4.99577C3.0984 5.60994 2.19092 7.14993 2.19092 8.41493V13.5941C2.19092 14.8591 3.0984 16.3991 4.20757 17.0133L9.10256 19.7358C10.1476 20.3133 11.8617 20.3133 12.9067 19.7358L17.8017 17.0133C18.9109 16.3991 19.8184 14.8591 19.8184 13.5941V8.41493C19.8184 7.14993 18.9109 5.60994 17.8017 4.99577L12.9067 2.27325C11.8526 1.68658 10.1476 1.68658 9.10256 2.27325Z' stroke='%23F05C35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5834 12.1367V8.78167L6.88428 3.7583' stroke='%23F05C35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat}}}}}.header-contact{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-8)}.header-phone{>a{display:flex;align-items:center;flex-wrap:wrap;height:36px;color:$color-text;@include text-type-1;transition:$transition;svg{path{transition:$transition}}span{flex:1 0 0%;padding-left:var(--spacer-2)}}}.header-cargo{>a{display:flex;align-items:center;flex-wrap:wrap;height:46px;color:$color-text;@include text-type-1;transition:$transition;svg{path{transition:$transition}}span{flex:1 0 0%;padding-left:var(--spacer-2)}}}.header-mail{>a{display:flex;align-items:center;flex-wrap:wrap;height:46px;color:$color-text;@include text-type-1;transition:$transition;svg{path{transition:$transition}}span{flex:1 0 0%;padding-left:var(--spacer-2)}}}.navigation-container{>a{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacer-3);@include heading-type-4;color:$color-text;transition:$transition;&:before{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background-color:$color-primary;opacity:0;visibility:hidden;transition:$transition}&:after{content:"";position:absolute;top:100%;left:0;width:100%;height:30px}&:hover{color:$color-primary;&:before{width:100%;opacity:1;visibility:visible}}}}.navigation-content{position:absolute;top:99%;left:0;z-index:101;display:none;width:100%;background-color:$color-white;padding:var(--spacer-11) 0 var(--spacer-13);box-shadow:0 2px 5px rgb(0 0 0 / .1);&:before{content:'';position:absolute;top:-20px;left:0;width:100%;height:20px}}body.navigation-content-active{.navigation-container{>a{color:$color-primary;&:before{width:100%;opacity:1;visibility:visible}}}.navigation-content{display:block}.navigation-menu-overlay{display:block}}#navigation{position:relative;.category-level-1{>ul{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));>li{flex:0 0 calc(100% / 11);max-width:calc(100% /11);padding:0 var(--gutter);>a{display:block;text-align:center;@include heading-type-3;color:$color-text;margin-bottom:var(--spacer-4);div{position:relative;overflow:hidden;aspect-ratio:$aspect-ratio;@include border-radius(50%);margin-bottom:var(--spacer-2);@include imgcenter}}}}}.category-level-2{>ul{>li{margin-bottom:var(--spacer-0);>a{display:block;@include text-type-1;color:#000;transition:$transition;&:hover{color:#f20;text-decoration:underline}}}}}.category-level-3{>ul{>li{>a{display:inline-block;color:$color-text;margin-bottom:var(--spacer-2);transition:$transition;&:hover{color:$color-primary}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}}ul.menu-items-first{display:flex;align-items:center;gap:var(--spacer-5);>li{>a{@include heading-type-4;color:$color-text;transition:$transition;&:hover{color:$color-primary}}}}.sub-category.category-level-2{@include center}.logo-container{@include center;gap:var(--spacer-1);.mobile-menu{@include center;width:36px;height:36px}.logo{@include center;img{max-height:56px;@include max($sm){max-height:35px}@include max($xxxs){max-height:26px}}span{font-size:var(--spacer-3);font-weight:600;margin-left:var(--spacer-4)}}}.logo-container{.logo{.sticky-logo{display:none}}}body.sticked{@include min($lg){.logo-container{.logo{span{display:none}.guven-damga-logo{display:none}.sticky-logo{display:block}}}}}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-8);>div{>a{position:relative;@include center;width:22px;height:22px;.icon-check,.cart-amount{position:absolute;top:-15px;right:-5px;@include center;width:18px;height:18px;background-color:$color-primary;@include heading-type-1;color:$color-white;@include border-radius(50%)}}}@include max($md){gap:var(--spacer-4);>div{>a{.icon-check,.cart-amount{right:0}}}}}#main{padding:var(--spacer-8) 0 var(--spacer-25)}.current-page-default-entry{#main{padding-top:var(--spacer-6)}}.current-page-product-detail{#main{padding-bottom:0}}#entry-slider-one,#entry-slider{margin-bottom:var(--spacer-10);>div{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}.entry-slider-item{display:flex;justify-content:center;>a{display:block}img{width:100%;transition:all 1s cubic-bezier(.7,0,.3,1);transform:scale(1.3)}&.slick-active{img{transform:scale(1)}}}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:44px;height:44px;cursor:pointer;background:$color-white;@include center;transition:$transition;@include svg;&.slick-prev{left:0}&.slick-next{right:0}&:hover{background-color:$color-primary;@include svghover($color-white)}}.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;position:absolute;bottom:var(--spacer-3);>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:20px;height:6px;text-indent:-9999px;padding:0;border:none;@include border-radius(20px);background-color:$color-border;opacity:.5;transition:$transition}&.slick-active{>button{background-color:$color-primary;opacity:1}}}}}.entry-theme-banner{margin-bottom:var(--spacer-5);overflow:hidden;a,img{display:block;width:100%;transition:$transition}@include min($lg){&:hover{img{transform:scale(1.03);filter:brightness(.9)}}}}.theme-entry-banner-wrapper{margin-bottom:var(--spacer-4);.theme-banner{margin-bottom:var(--spacer-5);img{border-radius:12px}}}.default-products{margin-bottom:var(--spacer-25);.products-header{display:flex;align-items:center;justify-content:space-between;>span{@include heading-type-6;color:$color-text}>a{font-size:var(--font-size-14);color:$color-text;text-decoration:underline;transition:$transition;&:hover{color:$color-primary}}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.slick-list{padding:var(--spacer-8) 0 var(--spacer-10)}>.slick-arrow{position:absolute;opacity:1;top:44%;z-index:2;width:44px;height:44px;cursor:pointer;background:$color-white;@include center;transition:$transition;@include svg;&.slick-prev{left:var(--spacer-3)}&.slick-next{right:var(--spacer-3)}&:hover{background-color:$color-primary;@include svghover($color-white)}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:20px;height:6px;text-indent:-9999px;padding:0;border:none;@include border-radius(20px);background-color:$color-border;opacity:.5;transition:$transition}&.slick-active{>button{background-color:$color-primary;opacity:1}}}}}}.category-banners{padding-bottom:var(--spacer-10);margin-bottom:var(--spacer-12);border-bottom:1px solid $color-border;.category-banners-header{display:flex;flex-direction:column;align-items:flex-start;>span{@include heading-type-4;color:$color-text;margin-bottom:var(--spacer-4)}>a{font-size:var(--font-size-14);color:$color-sub-text;text-decoration:underline;transition:$transition;&:hover{color:$color-primary}}@include max($lg){margin-bottom:var(--spacer-8)}}.second-row{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.category-banner{@include center;flex-direction:column;text-align:center;@include text-type-3;color:$color-text;transition:$transition;.category-banner-image{position:relative;width:42px;height:42px;margin-bottom:var(--spacer-2);@include imgcenter}@include min($lg){&:hover{color:$color-primary;text-decoration:underline}}}}}.theme-banner-wrapper{margin-bottom:var(--spacer-6);.theme-banner{margin-bottom:var(--spacer-6);a,img{display:block;width:100%}}}.only-banners{margin-bottom:var(--spacer-12);.only-banner{position:relative;display:block;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(69.88deg,rgb(0 0 0 / .5) 4.32%,#fff0 48.08%);z-index:2}.only-banner-image{position:relative;z-index:1;overflow:hidden;aspect-ratio:1776/650;@include imgcenter;img{transition:$transition}}.only-banner-content{position:absolute;bottom:var(--spacer-10);left:0;z-index:3;width:100%;padding:0 var(--spacer-10);color:$color-white;.only-banner-title{@include line-rule(40);font-weight:700}.only-banner-sub-title{@include line-rule(32);font-weight:400;margin-bottom:var(--spacer-6)}.only-banner-button{@include line-rule(16);font-weight:700;text-decoration:underline}}@include min($lg){&:hover{.only-banner-image{img{transform:scale(1.03)}}}}}}.discounted-products-container{padding:var(--spacer-15) 0;margin-bottom:var(--spacer-25);background:url("{{ themeAsset(theme.settings.discounted_product_banner_bg) }}") no-repeat;background-size:cover;.discounted-products{.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.showcase{margin-bottom:0;box-shadow:unset!important}>.slick-arrow{position:absolute;opacity:1;top:82%;z-index:2;width:36px;height:36px;cursor:pointer;background:#fff0;border:1px solid $color-white;border-radius:50%;transition:$transition;@include center;@include max(1500){top:106%}svg{path{stroke:$color-white}}&.slick-prev{left:-19%}&.slick-next{right:unset;left:-15%}&:hover{background-color:$color-primary;border-color:$color-primary}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:var(--spacer-4);>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-white}&.slick-active{>button{background-color:$color-primary;width:22px;border-radius:25px}}}}}}@include max($lg){.discounted-product-banner{text-align:center;margin-bottom:var(--spacer-3)}}}.product-banners{margin-bottom:var(--spacer-19);.product-banners-header{@include heading-type-6;color:$color-text;margin-bottom:var(--spacer-8)}.product-banner{position:relative;display:block;margin-bottom:var(--spacer-6);&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(303.27deg,rgb(0 0 0 / .9) -11.61%,#fff0 53.67%);z-index:2}.product-banner-image{position:relative;z-index:1;overflow:hidden;aspect-ratio:876/500;@include imgcenter;img{transition:$transition}}.product-banner-content{position:absolute;bottom:var(--spacer-12);left:0;z-index:3;width:100%;padding:0 var(--spacer-12);.product-banner-title{@include line-rule(42);font-weight:600;color:$color-white;margin-bottom:var(--spacer-10)}.product-banner-button{display:inline-block;padding:var(--spacer-3) var(--spacer-15);background-color:$color-white;@include heading-type-2;color:$color-text;transition:$transition;&:hover{background-color:$color-primary;color:$color-white}}}@include min($lg){&:hover{.product-banner-image{img{transform:scale(1.03)}}}}}}.only-theme-banner{margin-bottom:var(--spacer-25);.theme-banner{a,img{display:block;width:100%}}}.comment-content{margin-bottom:var(--spacer-25);.comment-content-header{@include heading-type-6;color:$color-text;margin-bottom:var(--spacer-8)}}.entry-blog-container{margin-bottom:var(--spacer-25);.entry-blog-header{display:flex;align-items:center;justify-content:space-between;>span{@include heading-type-6;color:$color-text}>a{font-size:var(--font-size-14);color:$color-text;text-decoration:underline;transition:$transition;&:hover{color:$color-primary}}}.entry-blog-content{@include min($lg){height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}@include max($lg){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-4);margin-bottom:var(--spacer-4);.entry-blog-item{width:38vw}}@include max($sm){.entry-blog-item{width:81vw}}.slick-list{padding:var(--spacer-8) 0 var(--spacer-10)}>.slick-arrow{position:absolute;opacity:1;top:44%;z-index:2;width:44px;height:44px;cursor:pointer;background:$color-white;@include center;transition:$transition;@include svg;&.slick-prev{left:var(--spacer-3)}&.slick-next{right:var(--spacer-3)}&:hover{background-color:$color-primary;@include svghover($color-white)}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:20px;height:6px;text-indent:-9999px;padding:0;border:none;@include border-radius(20px);background-color:$color-border;opacity:.5;transition:$transition}&.slick-active{>button{background-color:$color-primary;opacity:1}}}}.entry-blog-item-container{.entry-blog-item-image{height:100%;a{position:relative;overflow:hidden;display:block;aspect-ratio:576/300;@include imgcenter}.entry-blog-nopic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;color:#ccc;font-size:70px;background:#f5f5f5;@include center}}.entry-blog-item-content{padding-top:var(--spacer-4);.entry-blog-date{display:flex;align-items:center;gap:var(--spacer-2);@include text-type-1;color:$color-sub-text;margin-bottom:var(--spacer-4)}.entry-blog-title{margin-bottom:var(--spacer-4);a{display:block;overflow:hidden;color:$color-text;font-size:var(--font-size-18);font-weight:500}}.entry-blog-item-bottom{a{display:inline-block;font-size:var(--font-size-14);font-weight:600;color:$color-text;text-decoration:underline;transition:$transition;&:hover{color:$color-primary}}}}}}}.story-banners{margin-bottom:var(--spacer-12);.story-banner{display:block;.story-banner-img{position:relative;display:block;width:100%;aspect-ratio:$aspect-ratio;background-color:$color-white;border-radius:100%;border:3px solid $color-border;transition:$transition;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .05));@include imgcenter;img{border-radius:100%}&:hover{border-color:#ff5e00}}}.story-text{@include center;span{font-size:16px;font-weight:500;line-height:24px}}.slick-list{padding:var(--spacer-6) 0}.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:16px;height:16px;cursor:pointer;background:#fff0;&.slick-prev{left:-20px}&.slick-next{right:-20px}@include max(1475){display:none!important}}.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-bottom:var(--spacer-6);>li{margin:0 var(--spacer-1);>button{position:relative;overflow:hidden;display:block;width:12px;height:12px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-white}&.slick-active{>button{background-color:$color-primary}}}}}.embed-responsive-item{width:100%;height:410px;margin-bottom:var(--spacer-5);@include max($md){height:310px}@include max($sm){height:210px}}.slider-banner-wrapper{margin-bottom:var(--spacer-25);.row{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.theme-banner{a,img{display:block;width:100%}}.slick-arrow{position:absolute;opacity:1;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;cursor:pointer;background:$color-white;@include center;transition:$transition;@include svg;&.slick-prev{left:var(--spacer-3)}&.slick-next{right:var(--spacer-3)}&:hover{background-color:$color-primary;@include svghover($color-white)}}}}.entry-social-container{background-color:#ff9000;.entry-social{padding:0 0 70px 70px;background:url("{{ themeAsset('images/social-bg.png') }}") no-repeat right center;background-size:cover;.entry-social-title{font-size:var(--font-size-16);font-weight:500;color:$color-text;margin-bottom:var(--spacer-8);div{@include line-rule(40);font-weight:500;margin-bottom:var(--spacer-8)}}.entry-social-content{display:flex;align-items:center;gap:var(--spacer-3);div{a{display:flex;align-items:center;gap:var(--spacer-2);height:38px;background-color:$color-text;@include text-type-1;color:$color-white;padding:0 var(--spacer-3)}}}@include max($lg){padding:var(--spacer-10);.entry-social-content{flex-wrap:wrap;gap:0;div{margin:0 var(--spacer-4) var(--spacer-4) 0;&:last-child{margin-right:0}}}}}}.showcase{position:relative;background-color:$color-white;box-shadow:-3px 4px 7px 5px rgb(74 74 74 / .533);@include border-radius(10px);.showcase-image-container{position:relative;overflow:hidden;.showcase-image{position:relative;overflow:hidden;aspect-ratio:$aspect-ratio;@include border-radius(10px);a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:$color-white;transition:$transition;@include imgcenter;img{//@include border-radius(10px)}&:only-child{left:0!important}&:last-child{left:100%;z-index:2}}}.new-label,.discount-label{position:absolute;top:var(--spacer-3);left:var(--spacer-3);z-index:20;padding:var(--spacer-2) var(--spacer-4);background-color:$color-text;@include heading-type-2;color:$color-white;&.discount-label{left:unset;right:var(--spacer-3);background-color:$color-primary;@include heading-type-3}}.showcase-buttons{position:absolute;bottom:-30px;left:0;width:100%;padding:0 var(--spacer-8);opacity:0;visibility:hidden;z-index:20;transition:$transition;a{display:block;text-align:center;padding:var(--spacer-3);background-color:#ea502a;@include heading-type-2;color:$color-white;&.no-stock-button{background-color:$color-sub-text}}}}.showcase-content{padding-top:var(--spacer-4);.showcase-title{margin-bottom:var(--spacer-4);a{overflow:hidden;display:block;height:calc((var(--font-size-16) + 8px) * 2);line-height:calc(var(--font-size-16) + 8px);color:$color-text;font-size:var(--font-size-16);font-size:500;padding-left:var(--spacer-4);@include max($lg){height:calc((var(--font-size-16) + 8px) * 3)}}}.showcase-price{display:flex;align-items:center;height:26px;padding-left:var(--spacer-4);padding-bottom:var(--spacer-3);.showcase-price-new{line-height:20px;color:$color-text;font-size:var(--font-size-18);font-weight:700}.showcase-price-old{line-height:20px;color:$color-sub-text;font-size:var(--font-size-16);font-weight:500;text-decoration:line-through;margin-right:var(--spacer-3)}&.has-discount{.showcase-price-new{color:$color-primary}}@include max($lg){flex-direction:column;align-items:flex-start;height:44px;.showcase-price-old{margin:0}}}}@include min($lg){&:hover{.showcase-image-container{.showcase-image{a{&:first-child{left:-100%}&:last-child{left:0}}}.showcase-buttons{bottom:var(--spacer-6);opacity:1;visibility:visible}}}}}#footer{.footer-row-2{.footer-content-wrapper{padding:var(--spacer-8) 0 var(--spacer-20);border:1px solid $color-border;border-inline:none}}}.newsletter{text-align:center;margin-bottom:var(--spacer-25);.newsletter-title{margin-bottom:var(--spacer-8);>div{font-size:var(--font-size-24);font-weight:700;color:$color-text}>span{font-size:var(--font-size-18);font-weight:500;color:$color-sub-text}}.newsletter-content{form{position:relative;input{width:100%;height:46px;color:$color-sub-text;font-size:var(--font-size-14);padding:8px 160px 8px 16px;border:1px solid $color-text;&::placeholder{color:$color-sub-text;opacity:1}@include max($sm){padding-right:90px}}button{position:absolute;top:0;right:0;@include center;width:150px;height:100%;color:$color-white;@include heading-type-3;padding:0;border:none;background:$color-text;@include max($sm){width:80px}}}}}.shopping-banners{padding-bottom:var(--spacer-19);.shopping-banner{@include center;flex-direction:column;text-align:center;margin-bottom:var(--spacer-6);svg{max-width:44px;max-height:44px;margin-bottom:var(--spacer-4)}.shopping-banner-content{.shopping-banner-title{@include heading-type-2;color:$color-text;margin-bottom:var(--spacer-2)}.shopping-banner-sub-title{@include text-type-2;color:$color-sub-text}}}}.footer-menu-container{.footer-menu{.footer-menu-title{@include text-type-3;color:$color-text;margin-bottom:var(--spacer-3)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}>a{display:inline-block;color:$color-text;@include text-type-1;transition:$transition;@include min($lg){&:hover{color:$color-primary;text-decoration:underline}}}}}}}@include max($lg){text-align:center;&[data-menu-type="accordion"]{text-align:left;.footer-menu{.footer-menu-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;color:$color-text;padding:var(--spacer-1) var(--spacer-2);margin-bottom:var(--spacer-2);border:1px solid $color-border;&:after{content:'\f067';font-size:var(--font-size-9);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{padding:0 var(--spacer-1) var(--spacer-1);display:none;>ul{>li{color:$color-text;>a{color:$color-text}}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.footer-social{.footer-social-title{@include text-type-3;color:$color-text;margin-bottom:var(--spacer-6)}.footer-social-content{div{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}a{display:flex;align-items:center;gap:var(--spacer-2);@include text-type-2;color:$color-text;transition:$transition;@include svg;@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}}}}@include max($lg){margin-bottom:var(--spacer-6)}}.footer-logo{margin-bottom:var(--spacer-6);img{max-height:62px}}.footer-address{margin-bottom:var(--spacer-4);>div{line-height:calc(var(--font-size-14) + 8px);font-size:var(--font-size-14);font-weight:700;margin-bottom:var(--spacer-2)}a{@include text-type-2;color:$color-text;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.footer-whatsapp,.footer-phone{margin-bottom:var(--spacer-4);a{display:flex;flex-direction:column;align-items:flex-start;span{@include text-type-2;color:$color-sub-text}b{@include heading-type-4;color:$color-text;transition:$transition}@include min($lg){&:hover{b{color:$color-primary}}}}}.footer-mail{a{@include text-type-2;color:$color-text;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.footer-content-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--spacer-5) 0;.copyright-content{display:flex;align-items:center;gap:var(--spacer-6);@include text-type-2;color:$color-sub-text}@include max($lg){flex-direction:column;text-align:center;.copyright-content{flex-direction:column;gap:0;>div{margin-bottom:var(--spacer-4)}}}}.fixed-buttons{position:fixed;bottom:var(--spacer-10);right:var(--spacer-10);display:flex;flex-direction:column;align-items:flex-start;height:160px;z-index:10;@include max($md){bottom:80px}>div{margin-bottom:var(--spacer-5);>a{@include center;width:40px;height:40px;box-shadow:0 4px 12px 0 rgb(54 50 50 / .12);@include border-radius(50%)}&.fixed-whatsapp{>a{background-color:$color-whatsapp}}&.fixed-phone{>a{background-color:$color-primary}}}#scroll-top{@include center;width:40px;height:40px;box-shadow:0 4px 12px 0 rgb(54 50 50 / .12);@include border-radius(50%);background-color:$color-text;cursor:pointer;margin-bottom:0}}#whatsapp-order.left{left:10px;@include max($lg){bottom:70px!important}}@include min($md){.section-sorting-view{display:flex;align-items:center;padding:var(--spacer-3) var(--spacer-4);border:1px solid $color-border;gap:calc(var(--gutter) * 2);margin-bottom:var(--spacer-8);#filter-wrapper{flex:1 0 0%;#sorting-options{padding-top:0;margin-bottom:0}}}.section-container{display:grid;align-items:flex-start;column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,288px) minmax(0,1fr)}}@include max($lg){@include min($md){.section-container{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}}@mixin filter-order-button{align-items:center;gap:var(--spacer-3);>span{display:flex;align-items:center;height:32px;cursor:pointer;svg{path,rect{stroke:$color-text;fill:#fff0;transition:$transition}}&:hover,&.active{svg{path,rect{fill:$color-primary}}}}}.filter-order-button{display:flex;@include filter-order-button;@include max($lg){>span{&[data-selector="quintuple-sorting"],&[data-selector="quadruple-sorting"]{display:none}}}@include max($md){display:none}}.mobile-filter-order-button{display:none;@include filter-order-button;@include max($sm){gap:var(--spacer-6)}}@include max($md){#filter-wrapper{.filter-wrapper-header{display:flex;align-items:center;border:1px solid $color-border;border-radius:$border-radius;>div{position:relative;flex:1 0 0%;display:flex;align-items:center;justify-content:center;height:40px;color:$color-text;font-size:var(--font-size-12);padding-inline:var(--spacer-2);svg{margin-right:var(--spacer-3)}&:nth-child(2),&:nth-child(3){&:after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;@include border-radius(2px);background-color:$color-border}}}}}}.showcase-container{display:grid;gap:calc(var(--gutter) * 2);{% set showcaseRepeatColumns=theme.settings.showcase_repeat_columns %}{% if showcaseRepeatColumns==2 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==3 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==4 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==5 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% endif %}&.quintuple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.dual-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&.single-sorting{grid-template-columns:minmax(0,1fr)}@include max($lg){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);&.quintuple-sorting,&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@include max($md){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&.quintuple-sorting,&.quadruple-sorting,&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}.block-item{margin-bottom:var(--spacer-8);padding:var(--spacer-3);border:1px solid $color-border;border-radius:$border-radius;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.block-item-title{display:flex;align-items:center;justify-content:space-between;color:$color-text;@include heading-type-2;padding-bottom:var(--spacer-4);>i{display:none;@include max($sm){display:block}}}&[data-type="filter-product-groups"]{padding:0;border:none;.block-item-title{display:none}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}@include max($md){.block-item{display:none;.block-item-title{padding-bottom:0}&[data-type="filter-product-groups"]{display:block;margin-bottom:0;border:none;.block-item-title{display:none}.block-item-content{display:block;padding:0}}&[data-type="product-groups"]{display:none}&[data-type=member-menu]{display:block;.block-item-title{cursor:pointer;i{display:block}}.block-item-content{display:none}&.active{.block-item-content{display:block}}}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:var(--spacer-4);transition:$transition;overflow-y:auto;-webkit-overflow-scrolling:touch;.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0!important}}#filter-wrapper{margin-bottom:var(--spacer-8);.filter-wrapper-content{#sorting-options{display:none}}&.has-sorting-option:not(.has-filter-option){.filter-wrapper-header{.filter-options-title{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){.filter-menu-overlay,.filter-wrapper-header{display:none!important}}.filter-menu{.filter-menu-box{padding:var(--spacer-3);border:1px solid $color-border;margin-bottom:var(--spacer-8);overflow:hidden}.filter-menu-category{padding:0;.filter-menu-category-title{@include heading-type-2;background-color:$color-primary;color:$color-white;padding:var(--spacer-4);border-bottom:none;i{display:none}}.filter-menu-category-content{padding:var(--spacer-4) var(--spacer-5) 0;border-bottom:none;a{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:0;margin-bottom:var(--spacer-4);transition:$transition;&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{a{justify-content:flex-start;line-height:20px;color:$color-text;font-size:var(--font-size-13);font-weight:600;padding:var(--spacer-4);background-color:$color-background;transition:$transition;i{@include center;width:22px;height:22px;font-size:0;background-image:url("data:image/svg+xml, %3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0832 4.58331L3.6665 11L10.0832 17.4166M17.4165 4.58331L10.9998 11L17.4165 17.4166' stroke='%23EA502A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");margin-right:var(--spacer-2)}}}}.filter-menu-groups{padding:0;.filter-menu-group-title{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:var(--spacer-4);border:none;border-bottom:1px solid $color-border;background-color:#fff0}.filter-menu-group-content{padding:var(--spacer-5) var(--spacer-4);label{line-height:16px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}input[type=checkbox]{&+label{line-height:16px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:400;padding-left:24px;&:before{width:16px;height:16px;border:1px solid $color-border;@include border-radius(4px)}}&:checked{&+label{color:$color-primary;&:before{background-image:none;border-color:$color-primary;background-color:$color-primary}&:after{content:'';position:absolute;left:5px;top:1px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;transform:rotate(45deg)}}}}.scrollbar-inner{>.scroll-element{box-sizing:border-box;width:12px;right:0;div{box-sizing:border-box}.scroll-element_track{background-color:$color-border}.scroll-bar{background-color:$color-primary}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;@include border-radius(12px)}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary-darken}}}}}}.filter-menu-selected-items{.filter-menu-selected-items-title{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:700;padding:0;padding-bottom:var(--spacer-4);border:none;background-color:#fff0}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{.filter-menu-selected-group-title{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;margin-bottom:var(--spacer-2)}.filter-menu-selected-group-content{.filter-menu-selected-item{a{color:$color-text;line-height:20px;font-size:var(--font-size-14);font-weight:400;padding:var(--spacer-3) var(--spacer-4);border-radius:$border-radius;background:#fff0;border:1px solid $color-border}}}}}}}.horizontal-filter-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-5);select.form-control:not([size]):not([multiple]),select:not([size]){height:40px;color:$color-text;font-size:var(--font-size-14);cursor:pointer;padding:4px 40px 4px 12px;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.record-count{line-height:20px;color:$color-text;font-size:var(--font-size-14)}.checkbox-custom{line-height:20px;input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding-left:30px;&:before{width:20px;height:20px;border:2px solid $color-text;@include border-radius(2px)}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}}.product-category-and-brand-list{margin-bottom:var(--spacer-4);.product-category-and-brand-list-header{line-height:20px;color:$color-text;font-size:var(--font-size-16);font-weight:600;margin-bottom:var(--spacer-5)}.product-category-and-brand-list-content{padding:var(--spacer-4) var(--spacer-4) 0;background-color:$color-white;border:1px solid $color-border;border-radius:$border-radius;>div{display:flex;flex-wrap:wrap;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));>div{flex:0 0 auto;max-width:none;padding-right:var(--gutter);padding-left:var(--gutter);margin-bottom:var(--spacer-4);>a{display:flex;align-items:center;height:40px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:0 var(--spacer-5);background-color:$color-white;border:1px solid $color-border;transition:$transition;border-radius:$border-radius;span{color:$color-sub-text;font-weight:500}&:hover{border-color:$color-primary;background-color:$color-white}}}&.product-category-and-brand-list-content-image{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));>div{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);padding-right:var(--gutter);padding-left:var(--gutter);@include max($lg){flex:0 0 calc(100% / 5);max-width:calc(100% / 5)}@include max($md){flex:0 0 calc(100% / 4);max-width:calc(100% / 4)}@include max($sm){flex:0 0 calc(100% / 3);max-width:calc(100% / 3)}@include max($xxs){flex:0 0 calc(100% / 2);max-width:calc(100% / 2)}>a{display:block;height:100%;text-align:center;padding:var(--spacer-3);.product-list-image{position:relative;overflow:hidden;aspect-ratio:$aspect-ratio;margin-bottom:var(--spacer-3);@include imgcenter}}}}{% if theme.settings.display_category_brands_logo_mobile %}@include max($lg){flex-wrap:nowrap;overflow-x:auto}&.product-category-and-brand-list-content-image{>div{@include max($lg){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($md){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($sm){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}@include max($xxs){flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}}{% endif %}}}}.cascade-menu{.parent-item{a.selected-item{color:$color-primary}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:160px}}}.paginate-wrapper{position:relative;padding:var(--spacer-12) 0 0;.paginate{display:flex;justify-content:center;@include max($md){justify-content:space-between}a{@include center;width:40px;height:40px;border:1px solid $color-border;@include border-radius(3px);@include heading-type-2;color:$color-text;margin:0 var(--spacer-2);@include max($md){width:24px;height:24px}}.paginate-content{display:flex}.paginate-left{a{margin-left:0}}.paginate-right{a{margin-right:0}}.paginate-active{a{color:$color-primary;border-color:$color-primary}}.paginate-element-active{background-color:$color-primary;border-color:$color-primary;color:$color-white;box-shadow:0 6px 14px 0 rgb(54 50 50 / .14)}}}#breadcrumbs{padding-bottom:var(--spacer-8);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory}ol{display:flex;align-items:center;padding:0;margin:0;li{i{font-size:var(--font-size-14);margin:0 var(--spacer-1);font-style:normal;&:before{content:'>'}}span{display:flex;align-items:center;white-space:nowrap;line-height:20px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:400}a{color:$color-sub-text}&:first-child{span{span{color:$color-primary;font-weight:600}}}}}}.product-left,.product-right{margin-bottom:var(--spacer-18);@include max($lg){&.product-left{margin-bottom:var(--spacer-6)}}}.product-image{position:relative;overflow:hidden;border:1px solid $color-border;#product-primary-image{position:relative;aspect-ratio:726/626;@include imgcenter}}#product-thumb-image{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{>a{position:relative;display:block;aspect-ratio:$aspect-ratio;border:1px solid $color-border;overflow:hidden;margin-bottom:var(--spacer-8);@include imgcenter;&.zoomGalleryActive{border-color:$color-primary}}}.slick-arrow{position:relative;opacity:1;z-index:2;width:40px;height:40px;cursor:pointer;transform:rotate(90deg);background:$color-primary;&.slick-prev{left:50px;top:-20px}&.slick-next{left:50px;bottom:20px}&.slick-disabled{opacity:.5}}.product-video{margin-bottom:var(--spacer-8);>button{position:relative;@include center;overflow:hidden;border:1px solid $color-border;background-color:#1D1C1C;width:100%;aspect-ratio:$aspect-ratio;@include imgcenter}}}.product-brand{margin:var(--spacer-2) 0 var(--spacer-4);a{@include heading-type-2;color:$color-primary;transition:$transition;&:hover{color:$color-primary-darken}}&.product-brand-image{a{position:relative;display:block;width:120px;height:50px;border:1px solid $color-border;border-radius:$border-radius;transition:$transition;@include imgcenter;img{max-width:80%;max-height:80%}&:hover{border-color:$color-primary}}}}.product-title{margin-bottom:var(--spacer-6);h1{color:$color-text;@include heading-type-6;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;@include text-type-1;color:$color-sub-text;cursor:pointer;margin-bottom:var(--spacer-6);>span{margin-left:var(--spacer-3);>span{text-decoration:underline}}}.product-price{display:flex;align-items:center;margin-bottom:var(--spacer-4);.product-price-new{color:$color-primary;font-size:var(--font-size-22);font-weight:700}.product-price-old{color:$color-sub-text;font-size:var(--font-size-16);font-weight:500;text-decoration:line-through;padding-right:var(--spacer-3)}.discount-label{padding:var(--spacer-3);color:$color-white;background-color:$color-primary;@include heading-type-2;font-size:var(--font-size-14);font-weight:500;margin-right:var(--spacer-3)}}.product-transfer-price{display:flex;align-items:center;gap:var(--spacer-1);@include text-type-1;color:$color-sub-text;margin-bottom:var(--spacer-6)}.product-list-container{padding:var(--spacer-6) 0;margin-bottom:var(--spacer-4);border:1px solid $color-border;border-inline:none;.product-list-row{display:flex;align-items:baseline;font-size:var(--font-size-13);padding:3px 0;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:':';color:$color-text;font-weight:600;margin-right:16px}}}}.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-12);font-weight:300;cursor:pointer;padding:6px 28px 6px 20px;border:1px solid $color-border;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A");background-size:36px;background-position:right center;border-radius:$border-radius}.variant-plural{margin-bottom:var(--spacer-4)}}.variant-select{margin-bottom:var(--spacer-8);.variant-list{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}select{width:50%!important;@include max($xs){width:100%!important}}}}.variant-plural{.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap}span{position:relative;flex:0 0 auto;cursor:pointer;@include heading-type-1;color:#fff;padding:var(--spacer-2) var(--spacer-5);margin:0 var(--spacer-4) var(--spacer-4) 0;border:1px solid $color-border;background-color:#ff5e00;@include border-radius(30px);transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-primary;color:#000}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-image{max-width:32px;max-height:32px;padding:0;border:none;&:hover,&.variant-selected{border:none}&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{margin-bottom:var(--spacer-4);.radio-custom{margin-bottom:var(--spacer-4)}}.product-cart-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-6);margin-bottom:var(--spacer-8);>div{flex:1 0 0%;max-width:none;&.product-qty{flex:0 0 126px;max-width:126px}&.product-favorites{flex:0 0 115px;max-width:115px}}@include max($sm){>div{&.product-qty{flex:0 0 100%;max-width:100%}&.product-favorites{flex:0 0 50px;max-width:50px}}}}.product-qty{position:relative;height:54px;@include max($lg){width:100%}@include max($md){width:100px}>a{position:absolute;top:0;z-index:1;display:flex;align-items:center;width:36px;height:100%;&.product-qty-minus{left:0;justify-content:flex-end}&.product-qty-plus{right:0}}span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:var(--font-size-13);font-weight:400}input{width:100%;height:100%;color:$color-text;@include line-rule(16);font-weight:500;text-align:center;padding:0;border:1px solid $color-background;background-color:$color-background;border-radius:$border-radius}select.form-control:not([size]):not([multiple]),select:not([size]){height:100%;color:$color-text;@include line-rule(16);font-weight:500;cursor:pointer;padding:6px 36px 6px 12px;border:1px solid $color-background;border-radius:$border-radius;background-color:$color-background;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.64645 4.64645C1.84171 4.45118 2.15829 4.45118 2.35355 4.64645L8 10.2929L13.6464 4.64645C13.8417 4.45118 14.1583 4.45118 14.3536 4.64645C14.5488 4.84171 14.5488 5.15829 14.3536 5.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L1.64645 5.35355C1.45118 5.15829 1.45118 4.84171 1.64645 4.64645Z' fill='black'/%3E%3C/svg%3E%0A");background-size:16px}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.remind-me-button{@include center;text-align:center;height:54px;@include line-rule(16);font-weight:700;text-align:center;text-transform:uppercase;padding:0 var(--spacer-4);transition:$transition;border-radius:$border-radius}a.add-to-cart-button,a.remind-me-button{color:$color-white;background-color:#ea502a}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.product-favorites{>a.add-my-favorites{@include center;.product-icon-favori-add{display:none}&:hover,&.favorite-product{.product-icon-favori{display:none}.product-icon-favori-add{display:block}}}}.detail-banners{.detail-banner{display:flex;align-items:center;padding:var(--spacer-2) var(--spacer-4);margin-bottom:var(--spacer-8);background-color:$color-background;svg{max-width:40px;max-height:40px;margin-right:var(--spacer-4)}.detail-banner-content{.detail-banner-title{color:$color-text;@include heading-type-3}.detail-banner-sub-title{color:$color-sub-text;@include text-type-1}}@include max($md){justify-content:center;flex-direction:column;text-align:center;padding:0;background-color:#fff0;svg{margin:0 0 var(--spacer-4)}}}}.product-right-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;@include max($lg){>div{margin-bottom:var(--spacer-8)}}}{% 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-8);.product-cargo-button{display:flex;align-items:center;height:34px;i{flex:0 0 34px;height:34px;width:34px;margin-right:var(--spacer-2)}span{display:flex;align-items:center;font-size:var(--font-size-14);font-weight:600;flex:1 1 0%}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}.product-social{display:flex;gap:var(--spacer-6);div{a{@include center;width:32px;height:32px;background-color:$color-background;@include border-radius(50%);transition:$transition;@include svg;@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}}}.product-detail-tab{margin-bottom:var(--spacer-25);.product-detail-tab-header{align-items:center;margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));[data-tab-index]{padding-right:var(--gutter);padding-left:var(--gutter);>a{@include center;height:46px;background-color:$color-background;@include heading-type-2;color:$color-text;padding:0 var(--spacer-8);transition:$transition;@include min($xlg){min-width:245px}}&.active{>a{background-color:$color-primary;color:$color-white}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-8);margin-top:var(--spacer-8);border:1px solid $color-border;overflow:auto}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}}@include max($md){.product-detail-tab-header{overflow-x:auto;scroll-snap-type:x mandatory}}@include max($sm){.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-8);[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:40px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:0 var(--spacer-8);background-color:$color-background;&:after{content:'\f078';font-weight:900;font-size:var(--font-size-16);font-family:"Font Awesome 5 Free";transition:$transition}}}[data-tab-content]{height:0!important;overflow:hidden!important}&.active{[data-tab-index]{>a{color:$color-white;background-color:$color-primary;&:after{transform:rotate(-180deg)}}}[data-tab-content]{&.active{height:auto!important;overflow:visible!important}}}}}}}.detail-fixed-container{position:fixed;bottom:0;left:0;width:100%;padding:var(--spacer-4) 0;background-color:$color-white;box-shadow:17px -12px 36px 0 rgb(0 0 0 / .16);z-index:90;display:none;.product-fixed-title{.product-brand{margin-bottom:var(--spacer-3);a{@include heading-type-2;color:$color-primary}}.product-title{margin-bottom:0;h1{@include heading-type-2}}}.product-fixed-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-6);.product-price{margin-bottom:0}.product-cart-buttons{margin-bottom:0;a.add-to-cart-button,a.no-stock-button,a.remind-me-button{min-width:426px;@include max(1685){min-width:280px}@include max(1420){min-width:200px}@include max(1240){min-width:160px}}}}}@include min($lg){body.sticked{.detail-fixed-container{display:block}}}.product-customization{padding:var(--spacer-8) 0 var(--spacer-3);margin:var(--spacer-8) 0;border-top:1px solid $color-border;border-bottom:1px solid $color-border;.product-customization-group{.product-customization-group-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.product-customization-field{.form-group{.control-label{color:$color-text;@include line-rule(12);font-weight:600;margin-bottom:0;@include max($sm){margin-bottom:var(--spacer-3)}}}}}.form-control{height:44px;border:1px solid $color-border;border-radius:$border-radius}textarea.form-control{height:120px}.form-group select.form-control:not([size]):not([multiple]),.form-group select:not([size]){height:44px;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.form-horizontal .form-question{top:5px;right:-4px;width:15px;height:15px;border-radius:100%}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}:root{--gutter:#{$gutter};{% for i in 1..40 %}--spacer-{{i}}:{{i*4}}px;{% endfor %}{% for i in 10..120 %}--font-size-{{i}}:{{i}}px;{% endfor %}}@include max($lg){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*3}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(2.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.95)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.9)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.65)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}}}@include max($sm){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(1.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*1}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.85)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.7)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.45)}}px;{% endfor %}}}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}#product-user-buttons{>div{margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}a{display:flex;align-items:center;padding:0 var(--spacer-5);@include text-type-3;color:$color-text;transition:$transition;span{padding-left:var(--spacer-3)}@include min($lg){&:hover{color:$color-primary}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}.icon-favori-add{display:none}&.favorite-product{.icon-favori{display:none}.icon-favori-add{display:block}span{&:before{content:attr(data-favorite-product)}}}}}}}.entry-row-9{.theme-banner{border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin-bottom:1.6rem;overflow:hidden;box-shadow:3px 3px 4px #000;.theme-banner-image{img{transform:scale(1);transition:transform 1s ease;border-top-right-radius:8px;border-top-left-radius:8px}}.banner-title-text{padding:.6rem 1.6rem;color:#fff;font-size:1.4rem;background:#000;display:flex;align-items:center;justify-content:space-between;transition:$transition;border-bottom-right-radius:8px;border-bottom-left-radius:8px;b{text-decoration:underline;opacity:0;transition:$transition}span{width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@include max($md){display:none}}&:hover{.theme-banner-image{img{transform:scale(1.015)}}.banner-title-text{background:#f68428;b{opacity:1}}}}}#product-user-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-6);>div{a{display:flex;align-items:center;flex-wrap:wrap;color:$color-text;@include line-rule(14);font-weight:500;transition:$transition;svg{path{transition:$transition}}span{padding-left:var(--spacer-2)}@include min($lg){&:hover{color:$color-primary;svg{path{fill:$color-primary}}}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}.icon-favori-add{display:none}&.favorite-product{.icon-favori{display:none}.icon-favori-add{display:block}span{&:before{content:attr(data-favorite-product)}}}}}}}.product-social{position:relative;>a{svg{path{transition:$transition}}@include min($lg){&:hover{color:$color-primary!important;svg{path{fill:$color-primary}}}}&.active{color:$color-primary!important;svg{path{fill:$color-primary}}}}.product-social-content{position:absolute;top:150%;left:var(--gutter);z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{@include center;width:26px;height:26px;svg{path{fill:$color-white!important}}&.product-social-facebook{background-color:#3b5998}&.product-social-twitter{background-color:#1da1f2}&.product-social-pinterest{background-color:#bd081c}&.product-social-whatsapp{background-color:#128c7e}}}}}}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{@include max($sm){position:fixed;left:-320px;overflow:hidden;height:100%;width:100%}@include max($xxxs){left:-280px}}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:101;overflow-y:auto;padding:var(--spacer-9) var(--spacer-10);background-color:#fff;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.user-menu-content-top{padding-bottom:var(--spacer-7);margin-bottom:var(--spacer-7);border-bottom:1px solid $color-border}.user-menu-title{line-height:28px;color:$color-text;font-size:var(--font-size-20);font-weight:600;margin-bottom:var(--spacer-3)}.user-menu-subtitle{line-height:20px;font-size:var(--font-size-16);margin-bottom:var(--spacer-5)}.user-menu-input{margin-bottom:var(--spacer-5);input{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4);border:1px solid $color-border;background-color:#fff;&::placeholder{color:$color-text;opacity:1}}}.user-menu-remember{input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}input[type=checkbox]:checked+label:before{background-image:none;border-color:$color-border;background-color:$color-white}}.user-menu-remember,.user-menu-forgot-pass{margin-bottom:var(--spacer-7)}.user-menu-forgot-pass{display:block;color:$color-text;font-size:var(--font-size-14);text-align:right}.user-menu-button{margin-bottom:var(--spacer-5);.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:44px}&.btn-facebook{color:#485a96!important;background:#fff!important;border:1px solid #485a96;transition:$transition;&:hover{color:#fff!important;background:#485a96!important}}&.btn-google{color:#4285f4!important;background:#fff!important;border:1px solid #4285f4;transition:$transition;&:hover{color:#fff!important;background:#4285f4!important}}}}.btn-user-menu-signup{color:#fff;background-color:$color-text}.user-menu-profile-list{>a{display:flex;align-items:center;height:48px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:0 var(--spacer-4);margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;transition:$transition;&:hover{color:$color-white;border-color:$color-primary;background-color:$color-primary}}}}body{&.cart-content-active{overflow:hidden;.cart-content{right:0}@include max($sm){position:fixed;left:-320px;height:100%;width:100%}@include max($xxxs){left:-280px}}}.cart-content{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:101;background-color:$color-white;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.cart-content-inside{display:flex;flex-direction:column;height:100%;>div{flex:0 0 auto;width:100%;padding:var(--spacer-5);background-color:$color-white;&.cart-content-top{position:sticky;position:-webkit-sticky;top:0;z-index:24;border-bottom:1px solid $color-border}&.cart-content-middle{overflow-y:auto;flex:1 0 0%}&.cart-content-bottom{position:sticky;position:-webkit-sticky;bottom:0;z-index:24;padding-inline:var(--spacer-10);border-top:1px solid $color-border}}}.cart-content-title{line-height:28px;color:$color-text;font-size:var(--font-size-24);font-weight:600;margin-bottom:var(--spacer-3)}.cart-content-sub-title{line-height:20px;font-size:var(--font-size-16);span{font-weight:700;text-decoration:underline}}.cart-list{&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}.cart-list-item{display:flex;flex-wrap:wrap;padding-bottom:var(--spacer-5);margin-bottom:var(--spacer-5);border-bottom:1px solid $color-border;&:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cart-list-item-image{flex:0 0 100px;max-width:100px;margin-right:var(--spacer-4);>a{display:block;position:relative;aspect-ratio:$aspect-ratio;@include imgcenter;border:1px solid $color-border}&.no-picture{>a{background-color:$color-border}}@include max($xxs){flex:0 0 80px;max-width:80px}}.cart-list-item-content{flex:1 0 0%;.cart-list-item-brand{margin-bottom:var(--spacer-1);a{display:inline-block;line-height:calc(var(--font-size-12) + 8px);color:$color-text;font-size:var(--font-size-12);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-title{margin-bottom:var(--spacer-2);a{overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:calc(var(--font-size-14) + 8px);color:$color-text;font-size:var(--font-size-14);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-price{line-height:calc(var(--font-size-14) + 8px);font-size:var(--font-size-14);font-weight:700;margin-bottom:var(--spacer-2);@include max($xxs){overflow:hidden;height:20px}.cart-list-item-amount{font-weight:400;font-size:var(--font-size-12)}}.cart-qty-and-delete{display:flex;align-items:center;gap:var(--spacer-4);padding-right:var(--spacer-16);.cart-list-item-delete{@include center;overflow:hidden;width:32px;height:32px;border:1px solid $color-border;background-color:$color-white;transition:$transition;svg{path{transition:$transition}}&:hover{border-color:$color-primary;background-color:$color-primary;svg{path{fill:$color-white}}}}.cart-qty{position:relative;flex:1 0 0%;height:32px;>a{position:absolute;top:0;z-index:1;@include center;width:36px;height:100%;transition:$transition;@include svg;&.cart-qty-minus{left:0}&.cart-qty-plus{right:0}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}input{width:100%;height:100%;color:$color-text;@include line-rule(16);font-weight:600;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white}&.cart-qty-disabled{opacity:.8;pointer-events:none;cursor:disabled;input{background-color:$color-border}}}}}}}.cart-content-total-price{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-5);margin-bottom:var(--spacer-5);>span{display:block;line-height:20px;font-size:var(--font-size-16)}>div{line-height:22px;font-size:var(--font-size-18);font-weight:700}}.cart-content-button{margin-bottom:var(--spacer-5)}.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.cart-button-continue{color:$color-text;border:1px solid $color-text;background-color:#fff;transition:$transition;&:hover{color:#fff;background-color:$color-text}}}.cart-content-empty{padding:var(--spacer-5);background-color:$color-white;.cart-content-empty-icon{position:relative;@include center;padding-block:var(--spacer-4);margin-block:var(--spacer-5);border-top:1px solid $color-border;border-bottom:1px solid $color-border;svg{width:40%;height:40%;opacity:.1}}}}.search{border:1px solid #fff0;border-radius:50px;padding:12px;background-color:#F05B34}.search-web{form{position:relative;input{width:100%;@include min($lg){width:380px}height:50px;color:$color-text;padding:6px 60px 6px 12px;border:1px solid $color-border;background-color:#fff0;border-radius:50px;&::placeholder{color:$color-text;opacity:1}}button{position:absolute;top:0;right:0;@include center;width:50px;height:100%;padding:0;border:none;background:none;border:1px solid #fff0;border-radius:50px;padding:12px;background-color:#F05B34}}&.sticky-search{display:none}}body.sticked{.search-web{&.sticky-search{@include min($lg){display:block;margin-left:15px}}}}body{.search-content{position:fixed;top:0;left:0;z-index:101;display:none;width:100%;padding:var(--spacer-13) 0;background-color:$color-white;.search-title{text-align:center;@include text-type-5;color:$color-text;margin-bottom:var(--spacer-8)}form{position:relative;input{width:100%;height:52px;color:$color-sub-text;font-size:var(--font-size-16);font-weight:500;padding:4px 40px 4px 16px;border:none;background-color:$color-background;transition:$transition;&::placeholder{color:$color-sub-text;opacity:1}}button{position:absolute;top:0;right:0;@include center;width:36px;height:100%;padding:0;border:none;background-color:#fff0}}.openbox-close{position:absolute;top:var(--spacer-6);right:var(--spacer-6);@include center;width:38px;height:38px;background-color:$color-text;cursor:pointer;@include max($xxs){display:none}}}&.search-content-active{.search-content{display:block}}}.current-page-cart-index{.cart-item-detail{.cart-item-quantity{pointer-events:none}}}.contentbox-header{margin-bottom:var(--spacer-8);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{@include heading-type-4;color:$color-primary;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{padding-bottom:var(--spacer-8);border-bottom:1px solid $color-border}}.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:80px;padding:var(--spacer-5);img{max-height:80px}}}.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{margin-bottom:var(--spacer-5);&.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:80px;padding:var(--spacer-5);img{max-height:80px}}.signup-container{width:580px;margin:0 auto var(--spacer-4);padding:var(--spacer-6) var(--spacer-10) var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($sm){width:calc(100% - 8px)}.contentbox-header{text-align:center!important;margin:0 0 var(--spacer-7)!important;padding:0!important;border:none!important;h4{line-height:28px;font-size:var(--font-size-24)!important;font-weight:700!important;margin-bottom:0!important}}.alert.alert-primary{margin-bottom:var(--spacer-5)}.form-group{margin-bottom:var(--spacer-5);.col-12.col-lg-5,.col-12.col-lg-8,.col-12.col-lg-9.text-right{flex:1 0 0%;max-width:none}.col-12.col-lg-4.control-label{&+.col-6.col-lg-5{flex:1 0 0%;max-width:none}}.security-code{height:48px}input.form-control{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px}.form-question{top:14px!important}.btn{height:48px}.btn-group-binary{display:flex;align-items:center;justify-content:space-between;&:before,&:after{display:none}>button{flex:0 0 48%;max-width:48%;&.mr-2{margin-right:0!important}}}}}.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:99;left:0;bottom:0;width:100%;padding:10px;display:flex;align-items:flex-end;justify-content:space-between;background:$color-white;@include min($md){display:none}>a{position:relative;@include center;flex-direction:column;img{max-width:39px}span{margin-top:5px;color:#000}}.fa-check,.cart-amount{position:absolute;top:0;right:0;width:15px;height:15px;font-size:12px;font-weight:700;line-height:15px;text-align:center;background-color:$color-primary;color:$color-text;border-radius:50%}}.entry-brands-list{height:0;overflow:hidden;margin-bottom:var(--spacer-14);&.slick-slider{height:auto;overflow:visible}.brands-item{>a{position:relative;display:block;aspect-ratio:$aspect-ratio;border-radius:$border-radius;overflow:hidden;@include imgcenter}}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);width:26px;height:26px;cursor:pointer;background:#fff;svg{path{transition:$transition}}&.slick-prev{left:var(--gutter)}&.slick-next{right:var(--gutter)}&.slick-disabled{opacity:1}&:hover{svg{path{fill:$color-third}}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:var(--spacer-6);gap:8px;>li{>button{position:relative;overflow:hidden;display:block;width:14px;height:14px;text-indent:-9999px;padding:0;margin-bottom:0;border:2px solid $color-border;border-radius:50%;background-color:#fff0;&:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;@include border-radius(50%)}}&.slick-active{>button{&:after{background:$color-secondary}}}}}@include min($lg){padding:0 54px;margin-left:calc(-1*var(--spacer-5));margin-right:calc(-1*var(--spacer-5));.col-auto{padding-left:var(--spacer-5);padding-right:var(--spacer-5)}}}