@import "mixin";@import "default";$color-primary:{{theme.settings.color_primary}}@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:#222;font-size:14px;font-family:$font-family;background:$color-white;line-height:1.6;transition:left .2s linear,right .2s linear;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}&::-webkit-scrollbar{width:6px;height:3px}&::-webkit-scrollbar-track{background:#f1f1f1}&::-webkit-scrollbar-thumb{background:$color-primary;border-radius:4px}@include min($lg){.container{max-width:1280px}}.container,.container-fluid{padding-right:var(--gutter);padding-left:var(--gutter)}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}#header{@include min($lg){position:relative;z-index:100}background-color:{{theme.settings.header_footer_background_color}};.header-top{border-bottom:1px solid rgb(255 255 255 / .1)}.header-middle{padding-block:var(--spacer-8)}.header-bottom{position:relative;background-color:$color-primary}}.header-top-bar{display:flex;align-items:center!important;height:calc(calc(var(--font-size-13) + 8px) + var(--spacer-8));color:$color-white;font-weight:600!important;@include text-type-2;text-align:center;@include max($lg){height:auto;justify-content:center;padding-block:var(--spacer-3)}}.menu-items-first-order{>ul{display:flex;align-items:center;flex-wrap:wrap;>li{>a{position:relative;display:flex;align-items:center;height:calc(calc(var(--font-size-12) + 8px) + var(--spacer-8));color:$color-white;@include text-type-1;font-weight:600!important;transition:$transition;padding:0 var(--spacer-6);&:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:20px;background-color:rgb(255 255 255 / .2)}&:hover{color:#fff!important;background-color:rgb(0 0 0 / .1)}}&:last-child{>a{padding-right:0;&:after{display:none}}}}}}.header-middle-left{display:flex;align-items:center;gap:0 var(--spacer-4);>div{>a{position:relative;@include center;width:40px;height:40px;@include border-radius(100%);background-color:rgb(255 255 255 / .1)!important;@include max($sm){width:34px;height:34px}}}}body{.mobile-search-content{position:fixed;top:-50px;left:0;z-index:101;width:100%;height:48px;transition:$transition;form{position:relative;input{width:100%;height:48px;color:$color-text;font-size:var(--font-size-14);padding:4px 50px 4px 12px;border:none;background-color:$color-white;&::placeholder{color:$color-text;opacity:1}}button{position:absolute;top:0;right:0;@include center;width:48px;height:100%;padding:0;border:none;background-color:#fff0}}}&.mobile-search-content-active{.mobile-search-content{top:0}}}.logo{@include max($lg){display:flex;justify-content:center}img{max-height:70px;@include max($lg){max-height:50px}@include max($md){max-height:50px}}}.search{form{position:relative;input{width:100%;height:48px;color:#333!important;@include text-type-1;border:1px solid #ddd!important;@include border-radius(25px!important);padding:6px 86px 6px 16px;transition:$transition;&::placeholder{color:#999;opacity:1}&:hover,&:focus{border-color:$color-primary}}button{position:absolute;top:0;right:0;@include center;width:70px;height:100%;color:#fff;@include heading-type-3;border:none;@include border-radius(0 25px 25px 0!important);padding:0;background-color:$color-primary}}}.header-middle-right{display:flex;align-items:center;justify-content:flex-end;gap:0 var(--spacer-8);@include max($lg){gap:0 var(--spacer-4)}>div{>a{position:relative;display:flex;align-items:center;gap:var(--spacer-4);min-width:40px;height:40px;color:$color-white;@include text-type-1;transition:$transition;@include max($sm){min-width:34px;height:34px}>div:first-child{@include center;width:40px;height:40px;background-color:rgb(255 255 255 / .1)!important;@include border-radius(100%);@include max($sm){width:34px;height:34px}}>div:last-child{span{display:block}}&:hover{color:$color-primary}@include max($sm){>div:last-child{display:none}}}&#custom-export{>a{>div:last-child{span{display:inline;text-transform:uppercase}}}}&.user-menu{>a{>i{position:absolute;left:20px;top:-10px;@include center;width:24px;height:24px;background-color:$color-primary;border-radius:100%}}}&.cart-menu{>a{.cart-amount{position:absolute;left:20px;top:-10px;@include center;width:24px;height:24px;color:$color-white;@include text-type-1;text-align:center;border-radius:100%;background-color:$color-primary}}}}}body{&.user-menu-content-active{.user-menu-content{right:0}}&.user-menu-welcome-active{.user-menu-welcome{right:0}}&.user-menu-content-active,&.user-menu-welcome-active{overflow:hidden;@include max($sm){position:fixed;left:-320px;overflow:hidden;height:100%;width:100%}@include max($xxxs){left:-280px}}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:101;overflow-y:auto;padding:30px 40px;background-color:#fff;transition:$transition;box-shadow:-10px 0 30px rgb(0 0 0 / .08);@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.user-menu-content-top{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #f1f1f1}.user-menu-title{line-height:1.3;color:#1e2a3a;font-size:var(--font-size-20);font-weight:700!important;margin-bottom:10px}.user-menu-subtitle{line-height:1.5;color:#666;font-size:var(--font-size-16);margin-bottom:15px}.user-menu-input{margin-bottom:10px;input{height:50px;color:#333;font-size:var(--font-size-14);padding:0 15px;border:1px solid #e1e1e1;background-color:#fcfcfc;border-radius:4px;transition:0.3s;&::placeholder{color:#999;opacity:1}&:focus{border-color:$color-primary;background:#fff}}}.user-menu-remember{input[type=checkbox]{&+label{line-height:20px;color:#444;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid #ccc;border-radius:4px}}&:checked{&+label{&:before{background-image:none;border-color:#ccc;background-color:#fff}&: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:#ccc;background-color:#fff}}.user-menu-remember,.user-menu-forgot-pass{margin-bottom:15px}.user-menu-forgot-pass{display:block;color:#666;font-size:var(--font-size-14);text-align:right;font-weight:500;transition:0.3s;&:hover{color:$color-primary}}.user-menu-button{margin-bottom:8px;.btn{@include center;height:52px!important;font-size:16px!important;font-weight:700!important;padding:0;letter-spacing:0.5px!important;border-radius:6px!important;transition:0.3s!important;@include max($xxxs){height:48px}&.btn-facebook{color:#485a96!important;background:#fff!important;border:1px solid #485a96!important;&:hover{color:#fff!important;background:#485a96!important}}&.btn-google{color:#4285f4!important;background:#fff!important;border:1px solid #4285f4!important;&:hover{color:#fff!important;background:#4285f4!important}}&.btn-apple{color:#000!important;background:#fff!important;border:1px solid #000!important;&:hover{color:#fff!important;background:#000!important}}}}.user-menu-profile-list{>a{display:flex;align-items:center;height:48px;color:#333;font-size:14px;font-weight:600;padding:0 var(--spacer-4);margin-bottom:12px;border:1px solid #eee;border-radius:6px;transition:0.3s;&:hover{color:#fff;border-color:$color-primary;background-color:$color-primary;padding-left:20px!important}}}}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;box-shadow:-10px 0 35px rgb(0 0 0 / .12);@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 #f1f1f1}&.cart-content-middle{overflow-y:auto;flex:1 0 0%;padding-top:20px}&.cart-content-bottom{position:sticky;position:-webkit-sticky;bottom:0;z-index:24;padding:25px var(--spacer-10);border-top:1px solid #f1f1f1;background-color:#fff;box-shadow:0 -5px 15px rgb(0 0 0 / .03)}}}.cart-content-title{display:flex;align-items:center;justify-content:space-between;line-height:28px;color:#1e2a3a;font-size:22px!important;font-weight:800!important;margin-bottom:var(--spacer-3);.cart-all-delete{color:#999;@include line-rule(11);text-transform:uppercase;font-weight:600;cursor:pointer;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-content-sub-title{line-height:20px;font-size:14px;color:#666;span{font-weight:700;color:$color-primary;text-decoration:none}}.cart-list{&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:#f9f9f9}&::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.cart-list-item{display:flex;flex-wrap:wrap;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f5f5f5;&:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cart-list-item-image{flex:0 0 95px;max-width:95px;margin-right:var(--spacer-4);>a{display:block;position:relative;aspect-ratio:var(--aspect-ratio);@include imgcenter;border:1px solid #eee;border-radius:6px}@include max($xxxs){flex:0 0 80px;max-width:80px}}.cart-list-item-content{flex:1 0 0%;.cart-list-item-title{margin-bottom:5px;a{overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;color:#1e2a3a;font-size:14px;font-weight:700!important;&:hover{color:$color-primary}}}.cart-list-item-price{display:flex;align-items:center;font-size:15px;color:#1e2a3a!important;font-weight:800!important;margin-bottom:12px}.cart-qty-and-delete{display:flex;align-items:center;gap:12px;.cart-list-item-delete{@include center;width:34px;height:34px;border:1px solid #eee;border-radius:6px;background-color:#fff;transition:0.3s;&:hover{border-color:$color-primary;background-color:$color-primary;svg path{fill:#fff}}}.cart-qty{position:relative;flex:0 0 100px;height:34px;>a{position:absolute;top:0;z-index:1;@include center;width:30px;height:100%;@include svg;&.cart-qty-minus{left:0}&.cart-qty-plus{right:0}&:hover{background-color:#f5f5f5;border-radius:4px}}input{width:100%;height:100%;color:#333;font-weight:700;text-align:center;border:1px solid #eee;border-radius:6px;background-color:#fcfcfc}}}}}}.cart-content-total-price{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;>span{font-size:16px;font-weight:600;color:#777}>div{font-size:20px;font-weight:900!important;color:#1e2a3a}}.cart-content-button{margin-bottom:12px}.btn{@include center;height:52px!important;font-size:16px!important;font-weight:700!important;border-radius:8px!important;text-transform:uppercase;letter-spacing:.5px;transition:0.3s!important;&.btn-primary{background-color:$color-primary!important;color:#fff!important;border:none;box-shadow:0 4px 12px rgb(227 30 36 / .2);&:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgb(227 30 36 / .3)}}&.cart-button-continue{color:#1e2a3a!important;border:1.5px solid #1e2a3a!important;background-color:transparent!important;&:hover{background-color:#1e2a3a!important;color:#fff!important}}}}.navigation-active{.navigation-menu-overlay{display:block}}#navigation{.category-level-1{>ul{@include center;flex-wrap:nowrap;>li{>a{position:relative;overflow:hidden;@include center;height:56px;color:$color-white;@include heading-type-2;white-space:nowrap;padding-inline:var(--spacer-4);transition:$transition;&:after{content:'';position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:33px;height:7px;background-position:0 0;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg width='38' height='7' viewBox='0 0 38 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6195 0L37.2391 6.75H0L18.6195 0Z' fill='white'/%3E%3C/svg%3E");transition:$transition}&:hover{background-color:$color-white;color:$color-text}}&.has-sub-category{>a{&:hover{background-color:#fff0;&:after{bottom:-1px}}}}&.active{>.category-level-2{opacity:1;visibility:visible}}}}}.category-level-2{position:absolute;top:100%;left:0;z-index:101;width:100%;min-height:462px;opacity:0;visibility:hidden;overflow:hidden;transition:$transition;background-color:$color-white;.category-level-2-inside{position:relative;>ul{flex:1 0 0%;max-width:290px;padding:var(--spacer-10) 0 var(--spacer-13);>li{&:not(:last-child){margin-bottom:var(--spacer-4)}>a{display:flex;align-items:center;justify-content:space-between;height:48px;color:$color-text;@include text-type-3;@include border-radius($border-radius);gap:0 var(--spacer-2);padding:0 var(--spacer-4);transition:$transition;background-color:$color-background;&:hover{background-color:$color-primary}}&:hover{>a{background-color:$color-primary}.category-level-3{opacity:1;visibility:visible}}}}}}.category-level-3{position:absolute;top:0;left:290px;z-index:101;width:calc(100% - 290px);display:flex;align-items:flex-start;opacity:0;visibility:hidden;padding-left:40px;transition:$transition;background-color:$color-white;>ul{flex:1 0 0%;display:flex;flex-wrap:wrap;padding:var(--spacer-10) var(--spacer-10) var(--spacer-13) 0;margin-right:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));>li{flex:0 0 50%;padding:0 var(--gutter) var(--spacer-4);>a{display:inline-block;color:$color-text;@include text-type-3;transition:$transition;&:hover{color:$color-primary}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}.navigation-second-image{flex:0 0 auto;a{img{max-width:400px;max-height:462px}}}}#main{padding:var(--spacer-6) 0 var(--spacer-20)}.current-page-default-entry{#main{padding:0 0 var(--spacer-10)}}.theme-banner-wrapper{margin-bottom:var(--spacer-10);.theme-banner{margin-bottom:var(--spacer-10);>a{display:block}.theme-banner-image{position:relative;overflow:hidden;@include imgcenter;&.theme-banner-image-square{aspect-ratio:62/50}&.theme-banner-image-rectangle{aspect-ratio:62/23}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}}}.list-tab{margin-bottom:var(--spacer-38);&-title{display:flex;align-items:center;gap:0 var(--spacer-8);margin-bottom:var(--spacer-10);@include max($md){display:block;position:relative;overflow:hidden;margin:0}[data-tab-index]{@include max($md){flex:0 0 100%;order:2}a{position:relative;display:block;span{position:relative;display:block;color:$color-text;@include heading-type-3;text-align:center;@include border-radius($border-radius);border:1px solid $color-border;padding:var(--spacer-4) var(--spacer-12)}@include max($md){position:absolute;left:0;top:0;justify-content:flex-start;width:100%;height:100%;span{text-align:left;padding:var(--spacer-4);margin-bottom:var(--spacer-8);border-bottom:none;background-color:$color-border;border-radius:$border-radius}}@include max($sm){span{padding:var(--spacer-6)}}}&.active{@include max($md){order:1}a{position:relative;z-index:1;span{border-color:$color-primary;background-color:$color-primary;color:#ffffff!important}@include max($md){&:after{content:'\f078';position:absolute;right:var(--spacer-6);top:50%;z-index:2;transform:translateY(-50%);color:$color-text;font-size:var(--font-size-16);font-weight:900;font-family:"Font Awesome 5 Free";pointer-events:none}}}}}@include max($md){&.open{[data-tab-index]{a{position:relative}&.active{a{&:after{content:'\f077'}}}}}}}&-content{[data-tab-content]{height:0;overflow:hidden;&.active{height:auto;overflow:visible}.showcase{margin-bottom:var(--spacer-10)}}.products-content-empty{color:$color-text;font-size:var(--font-size-15);font-weight:700;text-align:center;padding:52px 0;margin-bottom:var(--spacer-8);border:1px solid $color-border;border-radius:$border-radius;background-color:#fff}}}.full-banner{display:flex!important;align-items:center!important;height:450px!important;padding:0 1%!important;margin-bottom:var(--spacer-38);background-color:{{theme.settings.full_banner_bg}};overflow:hidden;@include max($md){height:auto!important;padding:40px 20px!important;flex-direction:column!important;display:block!important;.full-banner-content{text-align:center!important;margin-bottom:25px!important;padding:0!important;.full-banner-title{margin-left:0!important;font-size:24px!important}.full-banner-sub-title{margin-left:0!important;font-size:16px!important}}.full-banner-image{width:100%!important;justify-content:center!important;img{width:100%!important;max-width:420px!important;height:auto!important;position:static!important;left:0!important}}}a{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between}.full-banner-title{color:$color-text;@include line-rule(40);font-weight:600;margin-bottom:var(--spacer-8);margin-left:0!important}.full-banner-sub-title{color:$color-sub-text;@include text-type-4;margin-left:0!important}.full-banner-image{flex:1;height:100%!important;display:flex;justify-content:flex-end;img{width:auto;height:100%!important;max-height:500px!important;object-fit:contain;display:block;position:static!important}}}.entry-bar-wrapper{padding:var(--spacer-16) 0 var(--spacer-17);margin-bottom:var(--spacer-20);background-color:{{theme.settings.entry_bar_text_bg}};.entry-bar-text{text-align:center;>span{display:block;color:$color-text;@include line-rule(32);font-weight:600;margin-bottom:8px;&:only-child{margin-bottom:0}}>p{color:$color-sub-text;@include heading-type-3;margin-bottom:0}@include max($xs){>span{@include line-rule(20)}>p{@include line-rule(16)}}}}.entry-blog-container{.entry-blog-header{text-align:center;margin-bottom:var(--spacer-20);>span{display:block;color:$color-text;@include text-type-5;margin-bottom:var(--spacer-4);&:only-child{margin-bottom:0}}>p{color:$color-sub-text;@include text-type-4;margin-bottom:0}}.entry-blog-content{>div{@include max($md){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-5);>div{width:50vw}}@include max($sm){>div{width:81vw}}}.entry-blog-item-container{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacer-10);margin-bottom:var(--spacer-10);.entry-blog-item-image{flex:0 0 50%;max-width:50%;height:100%;@include max($md){flex:0 0 100%;max-width:100%}a{position:relative;overflow:hidden;display:block;aspect-ratio:290/350;@include imgcenter;img{@include border-radius(10px)}}&.image-cover{a{img{width:100%;height:100%;object-fit:cover}}}.entry-blog-nopic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;color:#ccc;font-size:70px;@include border-radius(10px);background:#f5f5f5;@include center}}.entry-blog-item-content{flex:1 0 0%;.entry-blog-title{margin-bottom:var(--spacer-5);a{display:block;overflow:hidden;max-height:calc((var(--font-size-20) + 8px) * 3);color:$color-text;@include line-rule(20);font-weight:600}}.entry-blog-text{margin-bottom:var(--spacer-8);p{overflow:hidden;max-height:calc((var(--font-size-14) + 8px) * 5);color:$color-sub-text;@include line-rule(14);font-weight:500;margin-bottom:0}}.entry-blog-item-button{a{display:inline-flex;align-items:center;justify-content:center;height:48px;color:$color-text;@include heading-type-3;@include border-radius($border-radius);padding:0 var(--spacer-8);background-color:$color-primary;transition:$transition;&:hover{background-color:$color-primary-darken}}}}}}}.default-products{margin-bottom:var(--spacer-20);.products-header{text-align:center;margin-bottom:var(--spacer-10);>span{display:block;color:$color-text;@include text-type-5;margin-bottom:var(--spacer-4);&:only-child{margin-bottom:0}}>p{color:$color-text;@include text-type-4;margin-bottom:0}}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}>.slick-list{padding:20px 0;margin:-20px 0}>.slick-arrow{position:absolute;opacity:1;top:50%;z-index:2;transform:translateY(-50%);@include center;width:48px;height:48px;cursor:pointer;@include border-radius(100%);background-color:$color-background;&.slick-prev{left:0}&.slick-next{right:0}}>.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;border:none;border-radius:50%;padding:0;margin-bottom:0;background-color:$color-border}&.slick-active{>button{background-color:$color-primary}}}}}&.popular-products{margin-bottom:var(--spacer-12);.showcase{margin-bottom:var(--spacer-10)}}}.showcase{position:relative;@include border-radius($border-radius);border:1px solid $color-border;padding:var(--spacer-4) var(--spacer-4) var(--spacer-8);transition:$transition;background-color:$color-white;.showcase-image-container{position:relative;a.showcase-label-container{.showcase-label-group{position:absolute;top:0;left:0;z-index:20;display:flex;align-items:flex-start;flex-direction:column;>div{@include center;min-width:calc(calc(var(--font-size-14) + 8px) + var(--spacer-5));height:calc(calc(var(--font-size-14) + 8px) + 2px);@include line-rule(14);font-weight:500;@include border-radius($border-radius);&:not(:last-child){margin-bottom:4px}&.new-label{color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.discount-label{color:{{theme.settings.color_text_discount_label}};background-color:{{theme.settings.color_background_discount_label}}}}}.digital-label{position:absolute;bottom:0;left:0;z-index:20;@include center;height:calc(calc(var(--font-size-14) + 8px) + 2px);@include line-rule(14);font-weight:500;padding-inline:var(--spacer-2);@include border-radius($border-radius);color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}.sold-out-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;height:24px;color:$color-white;padding:0 var(--spacer-2);background-color:$color-text}}.showcase-gift{position:absolute;top:0;right:0;z-index:20;>svg{path{fill:{{theme.settings.color_gift_label}}}}}}.showcase-image{a{position:relative;display:block;overflow:hidden;@include border-radius($border-radius);aspect-ratio:var(--aspect-ratio);background:$color-white;@include imgcenter}&.image-cover{a{img{width:100%;height:100%;object-fit:cover}}}&.no-picture{a{img{width:auto;height:auto;object-fit:contain}}}}.showcase-content{position:relative;padding-top:var(--spacer-6);.showcase-title{margin-bottom:var(--spacer-6);@include max($sm){margin-bottom:var(--spacer-3)}a{overflow:hidden;display:block;height:48px;line-height:24px;color:$color-text;font-size:var(--font-size-14);font-weight:500;text-align:center;@include max($sm){height:51px;line-height:17px}}}.showcase-price{@include center;flex-direction:column;height:50px;gap:4px 0;.showcase-price-new{color:$color-text;@include heading-type-3}.showcase-price-old{;color:$color-sub-text;@include line-rule(14);font-weight:500;text-decoration:line-through}}.showcase-buttons{position:absolute;bottom:-4px;left:50%;z-index:20;opacity:0;visibility:hidden;transform:translateX(-50%);transition:$transition;width:calc(100% - var(--spacer-13));>a{@include center;height:55px;@include heading-type-3;@include border-radius($border-radius);padding:0 var(--spacer-3);transition:$transition}a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.no-stock-button{color:$color-white;background-color:$color-secondary}}}@include min($lg){&:hover{box-shadow:0 0 20px 0 #00000026;.showcase-content{.showcase-buttons{opacity:1;visibility:visible}}}}}#footer{background-color:{{theme.settings.header_footer_background_color}};.footer-row-1{padding:var(--spacer-14) 0 var(--spacer-10);@include max($sm){padding-bottom:var(--spacer-4)}}.footer-copyright{padding-bottom:var(--spacer-14)}}.footer-logo{margin-bottom:var(--spacer-9);img{max-height:48px;@include max($sm){max-height:28px}}}.footer-description{color:$color-border;@include text-type-3;margin-bottom:var(--spacer-8)}.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-5);@include max($sm){margin-bottom:var(--spacer-8)}>div{>a{@include center;width:24px;height:24px;@include svg;@include min($lg){&:hover{@include svghover($color-primary)}}}}}.footer-menu-container{.footer-menu{.footer-menu-title{color:$color-white;@include heading-type-3;margin-bottom:var(--spacer-5)}.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-3;transition:$transition;@include min($lg){&:hover{color:$color-white}}}}}}}@include max($sm){text-align:center;.footer-menu{margin-bottom:var(--spacer-8)}&[data-menu-type="accordion"]{text-align:left;.footer-menu{.footer-menu-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;cursor:pointer;@include border-radius($border-radius);border:1px solid $color-border;padding:var(--spacer-8);margin-bottom:var(--spacer-8);&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{display:none;padding:0 var(--spacer-8) var(--spacer-8);>ul{>li{>a{color:$color-white}}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.copyright{color:$color-border;@include text-type-1;>span{display:block;margin-bottom:var(--spacer-2)}@include max($md){text-align:center;margin-top:var(--spacer-10)}}.footer-ssl{text-align:center}#scroll-top{position:fixed;right:var(--spacer-2);bottom:var(--spacer-2);z-index:50;display:none;cursor:pointer;background-color:$color-primary;border-radius:$border-radius;transition:$transition;>div{@include center;width:32px;height:32px}@include min($lg){&:hover{background-color:$color-primary-darken}}}@include min($md){.section-sorting-view{display:flex;align-items:center;gap:var(--spacer-6);margin-bottom:var(--spacer-7);#filter-wrapper{flex:1 0 0%;#sorting-options{margin-bottom:0}}}.section-container{display:grid;align-items:flex-start;column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,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{stroke:$color-primary;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{padding:var(--spacer-2) var(--spacer-2) var(--spacer-4);.showcase-content{.showcase-buttons{width:calc(100% - var(--spacer-6))}}}}&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.dual-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&.single-sorting{grid-template-columns:minmax(0,1fr)}@include max($lg){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@include max($md){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&.quadruple-sorting,&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}#showcase-previous-page{@include center;margin-bottom:var(--spacer-10)}#showcase-load-spinner{text-align:center;margin-top:var(--spacer-25);.showcase-container-loader{display:block;width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid $color-primary;border-right:3px solid #fff0;box-sizing:border-box;animation:rotation 1s linear infinite;@include max($sm){width:36px;height:36px}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}}.block-item{border-radius:$border-radius;border:1px solid $color-border;margin-bottom:var(--spacer-10);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:var(--spacer-3);border-bottom:1px solid $color-border;>i{display:none;@include max($sm){display:block}}}.block-item-content{padding:var(--spacer-3)}&[data-type="filter-product-groups"]{padding:0;border:none;.block-item-title{display:none}.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:#color-white;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{@include border-radius($border-radius);border:1px solid $color-border;margin-bottom:var(--spacer-5);&.filter-menu-selected-items{padding:var(--spacer-3)}}.filter-menu-category{padding:var(--spacer-3) var(--spacer-3) 0;.filter-menu-category-title{color:#202020;@include text-type-3;border:none;padding:0;margin-bottom:var(--spacer-5);background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-5) var(--spacer-2);border-bottom:none;a{color:$color-text;@include text-type-2;padding:0;transition:$transition;&:not(:last-child){margin-bottom:var(--spacer-4)}&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{@include min($md){width:calc(100% + var(--spacer-6));margin-left:calc(-1*var(--spacer-3))}a{justify-content:flex-start;color:$color-text;@include heading-type-2;@include border-radius(0 0 $border-radius $border-radius);padding:var(--spacer-3) var(--spacer-6);transition:$transition;background-color:$color-primary;i{@include center;width:14px;height:14px;margin-right:var(--spacer-2);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C7.48325 0 7.875 0.391751 7.875 0.875V6.125H13.125C13.6082 6.125 14 6.51675 14 7C14 7.48325 13.6082 7.875 13.125 7.875H7.875V13.125C7.875 13.6082 7.48325 14 7 14C6.51675 14 6.125 13.6082 6.125 13.125V7.875H0.875C0.391751 7.875 0 7.48325 0 7C0 6.51675 0.391751 6.125 0.875 6.125H6.125V0.875C6.125 0.391751 6.51675 0 7 0Z' fill='%23363232'/%3E%3C/svg%3E");&:before{content:''}}}}}.filter-menu-groups{.filter-menu-group-title{position:relative;color:$color-text;@include heading-type-2;cursor:pointer;border:none;padding:var(--spacer-3);padding-right:var(--spacer-6);background-color:#fff0;&:after{content:'';position:absolute;top:50%;right:8px;width:16px;height:16px;transform:translateY(-50%);transition:$transition;background-repeat:no-repeat;background-position:0 0;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05806 5.80806C2.30214 5.56398 2.69786 5.56398 2.94194 5.80806L10 12.8661L17.0581 5.80806C17.3021 5.56398 17.6979 5.56398 17.9419 5.80806C18.186 6.05214 18.186 6.44786 17.9419 6.69194L10.4419 14.1919C10.1979 14.436 9.80214 14.436 9.55806 14.1919L2.05806 6.69194C1.81398 6.44786 1.81398 6.05214 2.05806 5.80806Z' fill='%23141414'/%3E%3C/svg%3E")}}.filter-menu-group-content{padding:var(--spacer-3);label{color:$color-text;@include text-type-3;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}.checkbox-custom{line-height:22px;&:not(:last-child){margin-bottom:var(--spacer-3)}input[type=checkbox]{&+label{color:$color-text;line-height:22px;font-size:var(--font-size-14);font-weight:500;padding-left:24px;&:before{top:3px;width:16px;height:16px;@include border-radius(2px);border:1px solid $color-border}}&:checked{&+label{&:before{border-color:$color-primary;background:$color-primary}&:after{content:'';position:absolute;top:5px;left:6px;display:inline-block;width:5px;height:10px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;transform:rotate(45deg)}}}}}.scrollbar-inner{>.scroll-element{width:5px;&.scroll-y{right:8px}.scroll-element_track{background-color:$color-background}.scroll-bar{background-color:$color-sub-text}.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:24px;-moz-border-radius:24px;border-radius:24px}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary}}}}}&.active{.filter-menu-group-title{&:after{transform:rotate(-180deg) translateY(50%)}}}}.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-7);.row{align-items:center;@include max($md){>div{&:last-child{flex:0 0 100%;max-width:100%}}}}select.form-control:not([size]):not([multiple]),select:not([size]){height:50px;color:$color-text;@include text-type-1;cursor:pointer;padding:4px 40px 4px 16px;border-radius:$border-radius;border:1px solid $color-border;background-size:16px;background-position:right 16px center;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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='%23141414'/%3E%3C/svg%3E")}.record-count{color:$color-text;@include text-type-1}.checkbox-custom{line-height:22px;input[type=checkbox]{&+label{line-height:22px;color:$color-text;font-size:var(--font-size-12);font-weight:400;padding-left:30px;&:before{width:22px;height:22px;@include border-radius($border-radius);border:1px solid $color-border}}&:checked{&+label{&:before{border-color:$color-primary;background:$color-primary}&:after{content:'';position:absolute;top:4px;left:8px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;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:var(--aspect-ratio);margin-bottom:var(--spacer-3);@include imgcenter;&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{img{width:auto;height:auto;object-fit:contain}}}}}}{% if theme.settings.display_category_brands_logo_mobile %}@include max($lg){flex-wrap:nowrap;overflow-x:auto}&.product-category-and-brand-list-content-image{>div{@include max($lg){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($md){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($sm){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}@include max($xxs){flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}}{% endif %}}}}.cascade-menu{.parent-item{a.selected-item{color:$color-primary}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:170px}}}.paginate-wrapper{position:relative;margin-top:var(--spacer-3);.paginate{display:flex;justify-content:center;@include max($sm){overflow-x:auto;scroll-snap-type:x mandatory;justify-content:space-between}a{@include center;width:40px;height:40px;color:$color-text;@include text-type-4;@include border-radius($border-radius);border:1px solid $color-border;margin:0 var(--spacer-2)}.paginate-content{display:flex}.paginate-left{a{border:none;margin-left:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.1919 12.0581C24.436 12.3021 24.436 12.6979 24.1919 12.9419L17.1339 20L24.1919 27.0581C24.436 27.3021 24.436 27.6979 24.1919 27.9419C23.9479 28.186 23.5521 28.186 23.3081 27.9419L15.8081 20.4419C15.564 20.1979 15.564 19.8021 15.8081 19.5581L23.3081 12.0581C23.5521 11.814 23.9479 11.814 24.1919 12.0581Z' fill='%23202020'/%3E%3Crect x='-0.5' y='0.5' width='39' height='39' rx='3.5' transform='matrix(-1 0 0 1 39 0)' stroke='%23EDEDED'/%3E%3C/svg%3E");i{display:none}}}.paginate-right{a{border:none;margin-right:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8081 12.0581C16.0521 11.814 16.4479 11.814 16.6919 12.0581L24.1919 19.5581C24.436 19.8021 24.436 20.1979 24.1919 20.4419L16.6919 27.9419C16.4479 28.186 16.0521 28.186 15.8081 27.9419C15.564 27.6979 15.564 27.3021 15.8081 27.0581L22.8661 20L15.8081 12.9419C15.564 12.6979 15.564 12.3021 15.8081 12.0581Z' fill='%23202020'/%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='3.5' stroke='%23EDEDED'/%3E%3C/svg%3E");i{display:none}}}.paginate-element-active{border-color:$color-primary;background-color:$color-primary}}}.current-page-page-detail{#breadcrumbs{margin-bottom:var(--spacer-10)}}#breadcrumbs{margin-bottom:var(--spacer-6);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:var(--spacer-3);padding-bottom:var(--spacer-3)}ol{display:flex;align-items:center;padding:0;margin:0;li{i{width:12px;height:12px;margin:0 8px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.48483 1.23483C3.63128 1.08839 3.86872 1.08839 4.01517 1.23483L8.51516 5.73484C8.66161 5.88128 8.66161 6.11872 8.51516 6.26516L4.01517 10.7652C3.86872 10.9116 3.63128 10.9116 3.48483 10.7652C3.33839 10.6187 3.33839 10.3813 3.48483 10.2348L7.71967 6L3.48483 1.76517C3.33839 1.61872 3.33839 1.38128 3.48483 1.23483Z' fill='%23686868'/%3E%3C/svg%3E");&:before{content:''}}span{display:flex;align-items:center;white-space:nowrap;color:$color-sub-text;@include text-type-1}a{color:$color-text}&:last-child{span{span{color:$color-text}}}}}}.product-left,.product-right{position:relative;overflow:hidden;@include border-radius($border-radius);border:1px solid $color-border;margin-bottom:var(--spacer-20);@include max($lg){margin-bottom:var(--spacer-8)}}@include min($lg){.product-left{min-height:540px}}.product-right{padding:var(--spacer-6) var(--spacer-10);@include max($lg){padding:var(--spacer-6)}}.product-label-group{position:absolute;top:var(--spacer-4);left:var(--spacer-4);z-index:20;>div{@include center;height:calc(calc(var(--font-size-14) + 8px) + 2px);@include heading-type-2;@include border-radius($border-radius);padding:0 var(--spacer-2);&:not(:last-child){margin-bottom:4px}&.new-label{color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.digital-label{color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}}}.product-gift{position:absolute;top:var(--spacer-4);right:var(--spacer-4);z-index:20;>svg{path{fill:{{theme.settings.color_gift_label}}}}}.product-image{#product-primary-image{position:relative;aspect-ratio:var(--aspect-ratio);background-color:$color-white;@include imgcenter;img{@include border-radius($border-radius)}}&.image-cover{#product-primary-image{img:not(.product-no-picture){width:100%;height:100%;object-fit:cover}}}}#product-thumb-image{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{&:not(:last-child){margin-bottom:var(--spacer-6)}>a{position:relative;display:block;@include border-radius($border-radius);border:1px solid $color-border;aspect-ratio:var(--aspect-ratio);@include imgcenter;img{@include border-radius($border-radius)}&.zoomGalleryActive{border-color:$color-primary}}&.image-cover{>a{img{width:100%;height:100%;object-fit:cover}}}}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:var(--spacer-8);width:100%;>li{margin:0 3px;>button{width:10px;height:10px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:100%;background-color:$color-border;padding:0;display:block;margin-bottom:0;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-title{margin-bottom:var(--spacer-3);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;@include text-type-1;cursor:pointer;border-bottom:1px solid $color-border;padding-bottom:var(--spacer-7);margin-bottom:var(--spacer-4);>span{margin-left:var(--spacer-4)}}.product-price-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacer-6)}.product-price{&-new,&-old{color:$color-text;@include heading-type-4}&.has-discount{.product-price-old{color:$color-sub-text;font-size:var(--font-size-14);font-weight:500;text-decoration:line-through;margin-right:var(--spacer-2)}}.discount-label{display:inline-flex;align-items:center;justify-content:center;height:calc(calc(var(--font-size-14) + 8px) + 2px);color:{{theme.settings.color_text_discount_label}};@include line-rule(14);font-weight:500;@include border-radius(2px);padding:0 8px;margin-bottom:var(--spacer-2);background-color:{{theme.settings.color_background_discount_label}}}}.product-lowest-price{max-width:121px;color:$color-text;@include text-type-1}.product-list-container{margin-bottom:var(--spacer-7);.product-list-row{display:flex;align-items:baseline;@include text-type-1;padding:3px 0;a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:20%;color:$color-text;@include max($sm){width:30%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$color-text;&:before{content:':';margin-right:16px}}}}.product-options{.variant-group-title{display:block;color:$color-text;@include text-type-3;padding-bottom:var(--spacer-2)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-sub-text;@include text-type-3;cursor:pointer;padding:6px 28px 6px 16px;border:1px solid $color-border;border-radius:$border-radius;background-size:16px;background-position:right 16px center;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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='%23202020'/%3E%3C/svg%3E")}.variant-plural{margin-bottom:var(--spacer-4)}}.variant-select{margin-bottom:var(--spacer-6);.variant-list{margin-bottom:var(--spacer-6);&:last-child{margin-bottom:0}select{width:100%!important;max-width:300px}}}.variant-plural{.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap}span{position:relative;flex:0 0 auto;cursor:pointer;padding:7px 10px;margin:0 var(--spacer-4) var(--spacer-4) 0;border:1px solid $color-border;background-color:$color-white;border-radius:$border-radius;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-text}&.variant-selected{&:before{content:'\f00c';position:absolute;right:-8px;top:-8px;z-index:1;width:16px;height:16px;@include center;color:$color-white;font-size:9px;font-weight:900;font-family:"Font Awesome 5 Free";padding-top:1px;background-color:$color-primary;border-radius:100%}}&.variant-passive,&.variant-no-stock,&.variant-passive:hover,&.variant-no-stock:hover{cursor:no-drop;background-color:$color-border}&.variant-image{max-width:32px;max-height:32px;padding:0;border:none;&:hover,&.variant-selected{border:none}&:hover{opacity:.6}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{margin-bottom:var(--spacer-4);.radio-custom{margin-bottom:var(--spacer-4)}}.product-cart-buttons{display:flex;flex-wrap:wrap;align-items:flex-end;margin-left:calc(-1*var(--spacer-3));margin-right:calc(-1*var(--spacer-3));margin-bottom:var(--spacer-7);>div{padding-left:var(--spacer-3);padding-right:var(--spacer-3)}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--spacer-3));margin-right:calc(-1*var(--spacer-3));>div{flex:1 0 0%;max-width:306px;padding-left:var(--spacer-3);padding-right:var(--spacer-3);@include max($xs){max-width:100%}}}}}.product-qty-wrapper{.product-qty{display:flex;flex-wrap:wrap;width:165px;height:48px;border-radius:$border-radius;border:1px solid $color-border;background-color:$color-white;>a{flex:0 0 48px;max-width:48px;@include center;color:$color-text;@include max($sm){flex:0 0 55px;max-width:55px}&:first-child{border-right:1px solid $color-border}&:last-child{border-left:1px solid $color-border}}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;color:$color-text;@include line-rule(18);font-weight:500;text-align:center;border:none;background-color:#fff}}}&.product-qty-wrapper-select{.product-qty{border:none;border-radius:0;select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-text;font-size:var(--font-size-14);font-weight:400;cursor:pointer;padding:6px 36px 6px 20px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A");background-size:36px}>div{input{height:48px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white}}}}@include max($xs){margin-bottom:var(--spacer-8);flex:0 0 100%;max-width:100%;.product-qty{width:100%}}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:48px;@include heading-type-3;@include border-radius($border-radius);padding:0 var(--spacer-3);transition:$transition}a.remind-me-button,a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.quick-order-button{color:$color-white;background-color:$color-secondary;&:hover{background-color:$color-secondary-darken}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.digital-product-warning{@include center;gap:var(--spacer-3);width:100%;@include line-rule(14);color:#856404;font-weight:500;text-align:center;padding:var(--spacer-4) var(--spacer-6);margin-bottom:var(--spacer-8);border-radius:$border-radius;background-color:#FFEEBA;@include max($sm){gap:var(--spacer-6);text-align:left;>span{flex:1 0 0%}>svg{width:20px;height:20px}}}#product-user-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-4);>div{>a{display:flex;align-items:center;flex-wrap:wrap;height:32px;color:$color-text;@include text-type-1;padding-inline:var(--spacer-3);transition:$transition;@include svg;@include svghover($color-primary);border:1px solid $color-border;border-radius:$border-radius;span{padding-left:var(--spacer-2)}@include min($lg){&:hover{background-color:$color-border;@include svghover($color-text)}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}.icon-favori-add{display:none}&.favorite-product{background-color:$color-border;@include svghover($color-text);.icon-favori{display:none}.icon-favori-add{display:block}span{&:before{content:attr(data-favorite-product)}}}}}&.product-social{position:relative;>a{&.active{background-color:$color-border;@include svghover($color-text)}}.product-social-content{position:absolute;top:150%;left:0;z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{@include center;width:26px;height:26px;svg{path{fill:$color-white!important}}&.product-social-facebook{background-color:#3b5998}&.product-social-twitter{background-color:#1da1f2}&.product-social-pinterest{background-color:#bd081c}&.product-social-whatsapp{background-color:#128c7e}}}}}}}}{% set cargoButtons=['fast_shipping','same_day_shipping','three_days_delivery','five_days_delivery','seven_days_delivery','free_shipping','delivery_from_stock','pre_ordered_product','limited_stock','ask_stock','campaigned_product'] %}.product-cargo-buttons{display:flex;align-items:center;gap:0 var(--spacer-6);margin-top:var(--spacer-6);.product-cargo-button{@include center;height:48px;color:$color-text;@include text-type-3;gap:0 var(--spacer-3);padding:0 var(--spacer-3);i{flex:0 0 24px;width:24px;height:24px}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}.product-detail-tab{overflow:hidden;@include border-radius($border-radius);border:1px solid $color-border;margin-bottom:var(--spacer-20);.product-detail-tab-header{align-items:center;border-bottom:1px solid $color-border;[data-tab-index]{>a{@include center;height:62px;color:$color-text;@include text-type-3;white-space:nowrap;border-right:1px solid $color-border;padding:0 var(--spacer-8)}&.active{>a{color:$color-primary}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:var(--spacer-6) var(--spacer-8)}&.active{height:auto;overflow:visible;@include min($sm){display:block!important}}}}@include max($lg){.product-detail-tab-header{overflow-x:auto;scroll-snap-type:x mandatory}}@include max($sm){border:none;.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-8);[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;color:$color-text;font-size:var(--font-size-20);@include border-radius($border-radius);padding:0 var(--spacer-8);background-color:$color-border;&:after{content:'\f078';font-weight:900;font-size:var(--font-size-24);font-family:"Font Awesome 5 Free";transition:$transition}}}[data-tab-content]{height:0!important;overflow:hidden!important;>div{padding-bottom:0}}&.active{[data-tab-index]{>a{background-color:$color-primary;&:after{transform:rotate(-180deg)}}}[data-tab-content]{&.active{height:auto!important;overflow:visible!important}}}}}}}.product-area-bottom{.default-products{&:last-child{margin-bottom:0}}}.product-customization{padding:var(--spacer-8) 0 var(--spacer-3);margin:var(--spacer-8) 0;border-top:1px solid $color-border;border-bottom:1px solid $color-border;.product-customization-group{.product-customization-group-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.product-customization-field{.form-group{.control-label{color:$color-text;@include line-rule(12);font-weight:600;margin-bottom:0;@include max($md){margin-bottom:var(--spacer-3)}}}}}.form-control{height:44px;border:1px solid $color-border;border-radius:$border-radius}textarea.form-control{height:120px}.form-group select.form-control:not([size]):not([multiple]),.form-group select:not([size]){height:44px;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.form-horizontal .form-question{top:8px;right:-10px;width:15px;height:15px;border-radius:100%;@include max($sm){right:10px}}.form-horizontal label.custom-file .form-question{right:-8px;background:#fff0}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}:root{--gutter:#{$gutter};{% for i in 1..40 %}--spacer-{{i}}:{{i*4}}px;{% endfor %}{% for i in 10..120 %}--font-size-{{i}}:{{i}}px;{% endfor %}}@include max($lg){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*3}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(2.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.95)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.9)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.65)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}}}@include max($sm){:root{{% for i in 1..20 %}--spacer-{{i}}:{{i*2}}px;{% endfor %}{% for i in 21..29 %}--spacer-{{i}}:{{i*(1.5)}}px;{% endfor %}{% for i in 30..40 %}--spacer-{{i}}:{{i*1}}px;{% endfor %}{% for i in 10..14 %}--font-size-{{i}}:{{i*(.85)}}px;{% endfor %}{% for i in 15..18 %}--font-size-{{i}}:{{i*(.8)}}px;{% endfor %}{% for i in 19..28 %}--font-size-{{i}}:{{i*(.75)}}px;{% endfor %}{% for i in 29..36 %}--font-size-{{i}}:{{i*(.7)}}px;{% endfor %}{% for i in 37..84 %}--font-size-{{i}}:{{i*(.55)}}px;{% endfor %}{% for i in 85..120 %}--font-size-{{i}}:{{i*(.45)}}px;{% endfor %}}}{% set generalImageRatio=theme.settings.general_image_ratio %}{% if generalImageRatio matches '/[a-zA-Z]/' %}:root{--aspect-ratio:$aspect-ratio}{% else %}:root{--aspect-ratio:{{generalImageRatio}}}{% endif %}.row{&.no-gutters{margin-right:0;margin-left:0;>.col,>[class*="col-"]{padding-right:0;padding-left:0}}}#ideaexport_translation_bar_container{display:none}#custom-export-content{width:320px;background-color:#fff;display:none;padding:var(--spacer-4);border:1px solid $color-border;overflow:visible;.custom-export-title{margin-bottom:var(--spacer-4);font-size:var(--font-size-16);font-weight:700}.custom-export-select{margin-bottom:var(--spacer-4);position:relative;>a{padding:10px;display:flex;color:$color-text;border:1px solid $color-border;>span{&:last-child{padding-left:10px}}&:after{content:'\f078';font-family:"Font Awesome 5 Free";font-weight:900;margin-left:auto}}.select-content{display:none;position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;z-index:2;border:1px solid $color-border;border-top:none;>a{padding:10px;display:flex;color:$color-text;>span{&:last-child{padding-left:10px}}&:hover{background-color:$color-border}}}}@include max($md){width:250px}}.contentbox-header{margin-bottom:var(--spacer-5);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-text;@include heading-type-5;font-weight:500;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);font-weight:500}}}{% if not theme.settings.detail_search_form %}.current-page-product-list-search{.contentbox-body,.contentbox-header{display:none!important}}{% endif %}.user-login-page-wrapper{position:relative;display:flex;justify-content:center;.user-login-page-container{position:relative;z-index:2;width:460px;@include max($sm){width:380px}@include max($xxs){width:330px}@include max($xxxs){width:280px}.user-login-page-logo{display:flex;align-items:center;justify-content:center;min-height:34px;padding:var(--spacer-5);img{max-height:34px}}}.user-login-page-content{padding:var(--spacer-10);margin-bottom:var(--spacer-8);background-color:#fff;border:1px solid $color-border;border-radius:$border-radius}.user-login-page-title{text-align:center;margin-bottom:var(--spacer-7);span{line-height:28px;font-size:var(--font-size-24);font-weight:700}&.user-login-page-sub-title{padding-top:var(--spacer-7)}}.user-login-page-order-registration{display:flex;align-items:center;justify-content:center;height:52px;color:$color-text;font-size:var(--font-size-16);font-weight:600;text-align:center;margin-top:var(--spacer-9);background-color:rgb(220 53 69 / .3)}.user-login-page-row{position:relative;margin-bottom:var(--spacer-5);.password-toggle{position:absolute;right:var(--gutter);top:15px;@include center;width:20px;height:20px;cursor:pointer;@include svghover($color-sub-text)}&.user-login-page-button-social{display:flex;align-items:center;flex-wrap:wrap;@include max($sm){display:block}>div{flex:0 0 50%;&:first-child{padding-right:var(--spacer-5)}@include max($sm){flex:0 0 100%;&:first-child{padding-right:0}}}}input.form-control{height:52px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}.btn{@include center;height:52px;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.btn-green{color:$color-white;font-weight:400;margin-bottom:var(--spacer-8);border:1px solid $color-border;background-color:$color-whatsapp}&.btn-google{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}@include max($sm){margin-bottom:var(--spacer-5)}}&.btn-facebook{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}&.btn-apple{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}}}.checkbox-custom,.user-login-forgot-pass{margin-bottom:var(--spacer-9)}.checkbox-custom{input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}.user-login-forgot-pass{a{display:block;color:$color-text;font-size:var(--font-size-14)}}}.signup-page-logo{display:flex;align-items:center;justify-content:center;min-height:34px;padding:var(--spacer-5);img{max-height:34px}}.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}}}}}.kayan-duyuru{width:100%!important;background:#ffffff!important;color:#1e2a3a!important;overflow:hidden!important;white-space:nowrap!important;border-bottom:1px solid #f1f1f1!important;height:40px!important;display:flex!important;align-items:center!important;box-shadow:0 4px 12px rgb(0 0 0 / .05)!important}.kayan-yazi{display:inline-block!important;white-space:nowrap!important;font-family:'Montserrat',sans-serif!important;font-weight:600!important;font-size:13px!important;animation:sonsuz-kaydir 150s linear infinite!important;line-height:40px!important}.metin-parcasi{display:inline-block!important;padding-right:180px!important}@keyframes sonsuz-kaydir{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.information-content span,.products-content-empty,.no-product-found{font-size:0!important;visibility:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;// KUTUCUĞU KÜÇÜLTTÜK:max-width ve padding ayarı max-width:700px;margin:30px auto;// Sayfada ortaladık ve yukarı-aşağı boşluk verdik padding:30px 20px 40px 20px;// İç boşlukları daralttık (yukarı,sağ,aşağı,sol) background:#fdfdfd;// Hafif arka plan border-radius:8px;border:1px solid #f0f0f0;&::before{content:"Aradığınız model henüz sisteme yüklenmemiş olabilir. Parça fotoğrafını WhatsApp üzerinden göndererek teknik uzmanlarımızdan anlık stok ve fiyat bilgisi alabilirsiniz.";// PUNTO,FONT VE WEIGHT AYARI:Diğer yazılarla aynı (zarif) font-size:14px!important;// Genelde standart font boyutu budur font-weight:400!important;// Kalın değil,normal weight color:#555;// Yumuşak siyah/gri visibility:visible;display:block;line-height:1.6;margin-top:-15px;// METNİ YUKARI ÇEKTİK (Sembolle yakınlaştırdık)}}.information-content div::before{// YAZIYA UYGUN YENİ SEMBOL:FontAwesome 'parça/kutu' ikonu (\f1b2) content:"\f1b2";font-family:"Font Awesome 5 Free";font-weight:900;font-size:35px;// Sembol boyutu color:#D33F2F;// Senin kırmızı tonun display:block;// SEMBOLÜ AŞAĞI İNDİRDİK:margin-top ve metne yakınlaştırma margin-top:20px;margin-bottom:-5px;// Metne daha yakın durması için}.information-content i.fa-clipboard-list{display:none!important}.btn-primary,.btn.btn-primary,button[type="submit"],.search-button{background-color:#D33F2F!important;// Senin gerçek tema rengin color:#ffffff!important;// Yazı rengi bembeyaz border-color:#D33F2F!important;// Kenarlık rengi de uyumlu olsun // Fareyle üzerine gelindiğinde yazı hala beyaz kalsın &:hover{background-color:#b52e22!important;// Üzerine gelince çok hafif koyulaşır (opsiyonel) color:#ffffff!important}}.yc-premium-wp{position:fixed;left:30px;bottom:30px;z-index:1000000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.yc-wp-launcher{width:48px;height:48px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgb(0 0 0 / .15);position:relative;transition:all 0.3s ease}.yc-wp-launcher:hover{transform:scale(1.05);box-shadow:0 6px 20px rgb(0 0 0 / .2)}.yc-glow-soft{position:absolute;width:100%;height:100%;border-radius:50%;background:#25D366;opacity:.2;animation:yc-fade-pulse 2.5s infinite}@keyframes yc-fade-pulse{0%{transform:scale(1);opacity:.2}100%{transform:scale(1.5);opacity:0}}.yc-wp-card{display:none;flex-direction:column;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0 / .12);margin-bottom:12px;border:1px solid rgb(0 0 0 / .05);overflow:hidden;animation:yc-pop 0.3s cubic-bezier(.165,.84,.44,1)}@keyframes yc-pop{from{transform:translateY(10px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.yc-wp-header{background:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2f2f2}.yc-wp-brand{display:flex;align-items:center;gap:10px}.yc-logo-circle{position:relative;width:36px;height:36px}.yc-logo-circle img{width:100%;height:100%;border-radius:50%;object-fit:contain;border:1px solid #eee;padding:2px}.yc-status-dot{position:absolute;bottom:1px;right:1px;width:8px;height:8px;background:#25D366;border:1.5px solid #fff;border-radius:50%}.yc-brand-info strong{display:block;font-size:13px;color:#333;font-weight:600;letter-spacing:-.2px}.yc-brand-info .yc-status-text{font-size:11px;color:#999}.yc-wp-close{border:none;background:none;font-size:18px;color:#ddd;cursor:pointer;padding:0;transition:0.2s}.yc-wp-close:hover{color:#999}.yc-wp-body{padding:18px;color:#666;font-size:13px;line-height:1.5;font-weight:400}.yc-wp-btn{display:block;background:#1e2a3a;color:#fff!important;text-align:center;padding:10px;margin:0 15px 15px;border-radius:6px;text-decoration:none!important;font-weight:500;font-size:13px;transition:0.2s}.yc-wp-btn:hover{background:#128c7e;transform:translateY(-1px)}@media screen and (max-width:768px){.yc-premium-wp{left:20px;bottom:20px}.yc-wp-card{width:250px}}