@import "mixin";@import "mixin";@import "default";$color-primary:{{theme.settings.color_primary}};$color-secondary:{{theme.settings.color_secondary}}// Soft surfaces and reusable shadows derived from theme colors $surface-muted:mix($color-white,$color-background,65%);$surface-soft:mix($color-white,$color-background,82%);$surface-elevated:mix($color-white,$color-primary,92%);$border-soft:mix($color-border,#e1e7ef,55%);$shadow-sm:0 6px 18px rgba($color-text,.06);$shadow-md:0 12px 32px rgba($color-text,.08);$shadow-accent:0 16px 36px rgba($color-primary,.18);:root{--theme-surface-muted:#{$surface-muted};--theme-surface-soft:#{$surface-soft};--theme-surface-elevated:#{$surface-elevated};--theme-border-soft:#{$border-soft};--theme-shadow-sm:#{$shadow-sm};--theme-shadow-md:#{$shadow-md};--theme-shadow-accent:#{$shadow-accent}}body{position:relative;left:0;color:$color-text;font-size:var(--font-size-12);font-family:$font-family;background:linear-gradient(180deg,var(--theme-surface-muted) 0%,$color-white 38%,$color-white 100%);transition:left .2s linear,right .2s linear;&.current-page-default-entry,&.current-page-combine-list-filter,&.current-page-product-list-filter,&.current-page-product-detail,&.current-page-page-detail{background:linear-gradient(180deg,var(--theme-surface-soft) 0%,$color-background 65%,$color-white 100%)}}.openbox-overlay,.navigation-menu-overlay,.fancybox-is-open .fancybox-bg{opacity:.5;background:$color-text}@include min($lg){.container{max-width:calc(1590px + calc(2*var(--gutter)))}}.container,.container-fluid{padding-right:var(--gutter);padding-left:var(--gutter)}.row{margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));.col,[class*="col-"]{padding-right:var(--gutter);padding-left:var(--gutter)}}#header{position:relative;z-index:1000;// Enhanced Top Header .header-top{background:linear-gradient(135deg,$color-primary 0%,lighten($color-primary,8%) 50%,$color-secondary 100%);color:$color-white;padding:8px 0;box-shadow:0 2px 20px rgba($color-primary,.15);position:relative;overflow:hidden;&::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba($color-white,.1),transparent);animation:shimmer 3s infinite}.header-top-right{display:flex;align-items:center;gap:16px}.header-social-links{display:flex;align-items:center;gap:8px;.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:rgba($color-white,.8);background:rgba($color-white,.1);backdrop-filter:blur(10px);border:1px solid rgba($color-white,.2);transition:all 0.3s ease;&:hover{color:$color-white;background:rgba($color-white,.2);transform:translateY(-2px);box-shadow:0 8px 20px rgba($color-white,.2)}&.whatsapp:hover{background:#25D366;border-color:#25D366}}}}// Enhanced Main Header .header-main{background:$color-white;padding:16px 0;box-shadow:0 8px 32px rgba($color-text,.08);border-bottom:1px solid rgba($color-border,.1);position:relative;.header-main-content{display:flex;align-items:center;gap:24px;position:relative}// Mobile Menu Toggle .mobile-menu-toggle{.hamburger-btn{display:flex;flex-direction:column;justify-content:center;width:44px;height:44px;background:none;border:none;padding:8px;border-radius:12px;transition:all 0.3s ease;&:hover{background:rgba($color-primary,.1)}span{display:block;width:24px;height:2px;background:$color-text;border-radius:1px;transition:all 0.3s ease;&:not(:last-child){margin-bottom:4px}}&.active span{&:first-child{transform:rotate(45deg) translate(6px,6px)}&:nth-child(2){opacity:0}&:last-child{transform:rotate(-45deg) translate(6px,-6px)}}}}// Enhanced Logo Section .logo-section{position:relative;.logo-link{display:flex;align-items:center;position:relative;padding:8px 0;transition:all 0.3s ease;&:hover{transform:scale(1.02);.logo-glow{opacity:1;transform:scale(1.1)}}}.logo-img{max-height:48px;width:auto;position:relative;z-index:2;@include max($lg){max-height:36px}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:120%;height:120%;background:radial-gradient(circle,rgba($color-primary,.1) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all 0.4s ease}}// Enhanced Search Section .search-section{flex:1;max-width:600px;margin:0 auto;.search-container{position:relative}.search-form{position:relative;.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--theme-surface-soft);border-radius:16px;border:2px solid #fff0;padding:4px;transition:all 0.3s ease;box-shadow:0 4px 20px rgba($color-text,.06);&:focus-within{border-color:rgba($color-primary,.3);background:$color-white;box-shadow:0 8px 32px rgba($color-primary,.15);transform:translateY(-2px)}.search-icon{position:absolute;left:16px;color:rgba($color-text,.5);z-index:2;transition:all 0.3s ease}.search-input{flex:1;height:52px;border:none;background:#fff0;padding:0 60px 0 50px;font-size:15px;font-weight:400;color:$color-text;border-radius:12px;&::placeholder{color:rgba($color-text,.5)}&:focus{outline:none;~.search-icon{color:$color-primary}}}.search-btn{position:absolute;right:4px;top:4px;bottom:4px;width:44px;border:none;border-radius:12px;background:linear-gradient(135deg,$color-primary,lighten($color-primary,5%));color:$color-white;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 16px rgba($color-primary,.3);&:hover{background:linear-gradient(135deg,darken($color-primary,5%),$color-primary);transform:scale(1.05);box-shadow:0 6px 20px rgba($color-primary,.4)}&:active{transform:scale(.98)}}}}}// Enhanced Action Buttons .header-actions{display:flex;align-items:center;gap:12px;.header-action-item{.action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba($color-primary,.06);border:1px solid rgba($color-primary,.1);color:$color-primary;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden;&::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba($color-white,.2),transparent);transition:left 0.5s ease}&:hover{background:linear-gradient(135deg,$color-primary,lighten($color-primary,5%));color:$color-white;border-color:$color-primary;transform:translateY(-2px);box-shadow:0 8px 24px rgba($color-primary,.25);&::before{left:100%}}@include max($lg){padding:12px;min-width:48px;.action-text{display:none}}.action-icon{position:relative;display:flex;align-items:center;justify-content:center;svg{transition:all 0.3s ease}.user-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#10B981;border-radius:50%;border:2px solid $color-white}.cart-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,$color-primary,lighten($color-primary,10%));color:$color-white;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid $color-white;box-shadow:0 4px 12px rgba($color-primary,.3);animation:pulse 2s infinite}}&.active{background:linear-gradient(135deg,$color-primary,lighten($color-primary,5%));color:$color-white;border-color:$color-primary;box-shadow:0 4px 16px rgba($color-primary,.2)}}&.cart-menu .action-btn{.cart-info{display:flex;flex-direction:column;align-items:flex-start;.cart-label{font-size:12px;opacity:.8;line-height:1}.cart-price{font-size:14px;font-weight:700;line-height:1}}}}}}.header-bottom{padding:var(--spacer-6) 0;background-color:#fff0;border-top:1px solid var(--theme-border-soft);@include max($lg){display:none}}// Responsive Styles @include max($xl){.header-main{.header-main-content{gap:16px}.search-section{max-width:400px}}}@include max($lg){.header-top{padding:6px 0;.header-social-links{display:none}}.header-main{padding:12px 0;.header-main-content{gap:12px}.search-section{order:4;width:100%;margin-top:12px;max-width:none;.search-form .search-input-wrapper{.search-input{height:48px;font-size:14px}.search-btn{width:40px}}}.logo-section{flex:1;.logo-img{max-height:36px}}.header-actions{gap:8px;.header-action-item .action-btn{padding:10px;min-width:44px;.action-text{display:none}}}}}@include max($md){.header-main{.header-main-content{flex-wrap:wrap}.search-section{.search-form .search-input-wrapper{.search-input{height:44px;padding:0 50px 0 44px}.search-icon{left:14px;width:18px;height:18px}.search-btn{width:36px}}}.header-actions{.header-action-item .action-btn{padding:8px;min-width:40px;.action-icon svg{width:20px;height:20px}}}}}// Mobile Menu Open State body.mobile-menu-open{overflow:hidden;#header .mobile-menu-toggle .hamburger-btn{background:rgba($color-primary,.1)}}// Enhanced Focus States .search-input-wrapper.focused{.search-icon{color:$color-primary!important;transform:scale(1.1)}}}// Enhanced Menu Items .menu-items-row2{display:flex;flex-wrap:wrap;gap:24px;li{a{display:flex;align-items:center;gap:8px;height:44px;color:rgba($color-white,.85);font-size:13px;font-weight:500;letter-spacing:.3px;text-decoration:none;padding:0 12px;border-radius:8px;transition:all 0.3s ease;position:relative;overflow:hidden;&::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba($color-white,.1);transition:left 0.3s ease}.menu-icon{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.6}&:hover{color:$color-white;background:rgba($color-white,.15);transform:translateY(-1px);&::before{left:100%}.menu-icon{opacity:1}}}}}// Animation Keyframes @keyframes shimmer{0%{left:-100%}50%{left:100%}100%{left:100%}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}// Legacy compatibility styles (keeping for backward compatibility) .logo{display:flex;align-items:center;height:80px;img{max-height:48px}@include max($lg){height:auto;img{max-height:36px}}}.search{@include max($lg){margin-top:var(--spacer-8)}}.header-middle-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-4);>div{margin-right:0;>a{@include center;min-width:48px;height:48px;color:$color-primary;@include line-rule(16);font-weight:600;border-radius:14px;padding:0 var(--spacer-4);background:rgba($color-primary,.08);box-shadow:inset 0 0 0 1px rgba($color-primary,.12);transition:$transition;>span{padding-left:var(--spacer-2)}@include max($lg){width:48px;padding:0;>svg{width:24px;height:24px}>span{display:none}background:rgba($color-primary,.1)}@include max($md){width:32px;height:32px}svg{path{transition:$transition;fill:currentColor}}@include min($lg){&:hover{color:$color-white;background:linear-gradient(135deg,$color-primary,$color-secondary);box-shadow:0 14px 28px rgba($color-primary,.24)}}}&.user-menu{>a{position:relative;>i{position:absolute;top:-10px;left:var(--spacer-8);@include center;width:20px;height:20px;border-radius:100%;background-color:$color-primary}}}&.cart-menu{>a{position:relative;background:linear-gradient(135deg,lighten($color-primary,12%),$color-primary);color:$color-white;box-shadow:0 14px 30px rgba($color-primary,.3);svg{path{fill:$color-white}}.cart-amount{position:absolute;top:-10px;left:var(--spacer-7);@include center;width:20px;height:20px;color:$color-white;@include line-rule(12);font-weight:700;border-radius:100%;background-color:$color-secondary;@include max($xs){top:-13px;left:var(--spacer-5)}}@include max($lg){background:linear-gradient(135deg,lighten($color-primary,12%),$color-primary)}}}}}.navigation-container{position:relative;width:400px;>a{display:flex;align-items:center;height:48px;color:$color-white;@include line-rule(16);font-weight:700;border-radius:$border-radius;border:1px solid $color-primary;padding:0 var(--spacer-3);transition:$transition;background-color:$color-primary;>span{padding-left:var(--spacer-3)}}.navigation-content{position:absolute;top:calc(100% - 1px);left:0;z-index:101;display:none;width:400px;border-radius:0 0 $border-radius $border-radius;border:1px solid #C4C4C4;padding:var(--spacer-5) 0;background-color:#fff}&:hover{position:relative;>a{color:$color-text;border-color:#C4C4C4;border-radius:$border-radius $border-radius 0 0;background-color:$color-white;svg{path{fill:$color-text}}}.navigation-content{display:block}}}body.navigation-content-active{.navigation-container{position:relative;>a{color:$color-text;border-color:#C4C4C4;border-radius:$border-radius $border-radius 0 0;background-color:$color-white;svg{path{fill:$color-text}}}.navigation-content{display:block}}}#navigation{width:400px;.category-level-1{width:100%;>ul{>li{position:relative;margin-bottom:var(--spacer-3);&:last-child{margin-bottom:0}>a{display:flex;align-items:center;justify-content:space-between;height:24px;color:$color-text;@include line-rule(16);font-weight:600;padding:0 var(--spacer-5);transition:$transition;&:hover{color:$color-primary}}&.has-sub-category{>a{svg{path{transition:$transition}}&:hover{svg{path{fill:$color-primary}}}}}&.active{>a{color:$color-primary;svg{path{fill:$color-primary}}}.category-level-2{left:100%;opacity:1;visibility:visible}}}}}.category-level-2{position:absolute;top:-21px;left:120%;z-index:101;opacity:0;visibility:hidden;width:350px;border-radius:0 0 $border-radius 0;border:1px solid #C4C4C4;padding:var(--spacer-5) 0;transition:$transition;background-color:$color-white;>ul{>li{position:relative;margin-bottom:var(--spacer-3);&:last-child{margin-bottom:0}>a{display:flex;align-items:center;justify-content:space-between;height:24px;color:$color-text;@include line-rule(16);font-weight:600;padding:0 var(--spacer-5);transition:$transition;&:hover{color:$color-primary}}&.has-sub-category{>a{svg{path{transition:$transition}}&:hover{svg{path{fill:$color-primary}}}}}&.active{>a{color:$color-primary;svg{path{fill:$color-primary}}}.category-level-3{left:100%;opacity:1;visibility:visible}}}}}.category-level-3{position:absolute;top:-21px;left:120%;z-index:101;opacity:0;visibility:hidden;width:350px;border-radius:0 $border-radius $border-radius 0;border:1px solid #C4C4C4;padding:var(--spacer-5);transition:$transition;background-color:$color-white;>ul{>li{margin-bottom:var(--spacer-3);&:last-child{margin-bottom:0}>a{display:flex;align-items:center;justify-content:space-between;height:24px;color:$color-text;@include line-rule(16);font-weight:600;padding:0 var(--spacer-5);transition:$transition;&:hover{color:$color-primary}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}@include max($lg){display:none}}.menu-items-row1{display:flex;flex-wrap:wrap;justify-content:flex-end;li{margin-right:var(--spacer-8);&:last-child{margin-right:0}a{display:flex;align-items:center;height:48px;color:$color-text;@include line-rule(16);font-weight:600;transition:$transition;&:hover{color:$color-primary}}}}.header-phone{@include max($lg){margin:12px}>a{display:flex;align-items:center;gap:var(--spacer-2);height:48px;color:$color-white;@include line-rule(16);font-weight:600;border-radius:16px;padding:0 var(--spacer-6);background:linear-gradient(135deg,$color-secondary,$color-primary);box-shadow:0 16px 34px rgba($color-primary,.28);transition:$transition;span{flex:1 0 0%;padding-left:var(--spacer-3)}svg{path{fill:$color-white;transition:$transition}}@include min($lg){&:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba($color-secondary,.32)}}@include max($lg){display:inline-flex!important;justify-content:flex-start!important;color:$color-white!important;font-size:16px!important;padding:var(--spacer-2) var(--spacer-12) var(--spacer-2) var(--spacer-6)!important;border-bottom:none!important;span{padding-left:var(--spacer-6)!important}}}}#ideaexport_translation_bar_container{display:none}#custom-export{position:relative;>a{display:flex;align-items:center;color:#C4C4C4;@include line-rule(14);font-weight:400;text-transform:uppercase;transition:$transition;@include max($lg){padding:10px 0}svg{path{transition:$transition}}>span{padding:0 var(--spacer-2)}&:hover{color:$color-primary;svg{path{stroke:$color-primary}}}}}#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}}.toggle-bar{display:none;align-items:center;justify-content:center;width:36px;height:36px;@include max($lg){display:flex}}#main{padding:var(--spacer-5) 0 var(--spacer-8)}.current-page-default-entry{#main{padding:var(--spacer-8) 0 0}}#entry-slider{margin-bottom:var(--spacer-20)}.list-tab{margin-bottom:var(--spacer-12);&-title{display:flex;align-items:center;border-bottom:1px solid $color-border;padding-bottom:var(--spacer-6);margin-bottom:var(--spacer-8);@include max($md){position:relative;overflow:hidden;display:block;margin-bottom:0;padding-bottom:0;border-bottom:none}[data-tab-index]{margin-right:var(--spacer-10);@include max($md){flex:0 0 100%;order:2;margin-right:0}a{position:relative;display:block;span{position:relative;display:block;color:$color-text;@include line-rule(24);font-weight:700}@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:#eae9e9;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{color:$color-primary;@include max($md){color:$color-white;background-color:$color-primary}}@include max($md){&:after{content:'\f078';position:absolute;right:var(--spacer-6);top:50%;z-index:2;transform:translateY(-50%);color:$color-white;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}}.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}}}.theme-banner-wrapper{margin-bottom:var(--spacer-10);.theme-banner{position:relative;margin-bottom:var(--spacer-10);>a{display:block}.theme-banner-image{overflow:hidden;border-radius:$border-radius;img{width:100%;transition:$transition}}.theme-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:89;padding:var(--spacer-10);.theme-banner-title{color:$color-white;@include line-rule(40);font-weight:600}@include max($md){padding:var(--spacer-5);.theme-banner-title{@include line-rule(30)}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.03)}}}}}}.theme-big-banner{position:relative;margin-bottom:var(--spacer-20);>a{display:block}.theme-big-banner-image{img{width:100%}}.theme-big-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:89;&-inside{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100%;padding-left:var(--spacer-34);color:$color-white}.theme-big-banner-title{@include line-rule(48);font-weight:700;margin-bottom:var(--spacer-1)}.theme-big-banner-desc{@include line-rule(32);font-weight:400;margin-bottom:var(--spacer-10)}.theme-big-banner-button{@include center;color:$color-white;@include line-rule(14);font-weight:700;border-radius:$border-radius;padding:var(--spacer-4) var(--spacer-12);transition:$transition;background-color:$color-primary;@include min($lg){&:hover{background-color:$color-primary-darken}}}@include max($xs){position:static;&-inside{color:$color-text;padding:0;padding-top:var(--spacer-8)}}}}.default-products{margin-bottom:var(--spacer-20);.products-header{color:$color-text;@include line-rule(24);font-weight:700;border-bottom:1px solid $color-border;padding-bottom:var(--spacer-6);margin-bottom:var(--spacer-8)}.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.showcase{margin-bottom:0}>.slick-arrow{position:absolute;opacity:1;bottom:calc(100% + 50px);z-index:2;width:40px;height:40px;border-radius:$border-radius;cursor:pointer;transition:$transition;background:#EDEDED;svg{path{transition:$transition}}&.slick-prev{left:auto;right:var(--spacer-17)}&.slick-next{right:var(--gutter)}&:hover{background-color:$color-primary;svg{path{fill:$color-white}}}}>.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;padding-top:var(--spacer-8);>li{margin:0 5px;>button{position:relative;overflow:hidden;@include center;width:16px;height:16px;text-indent:-9999px;padding:0;margin-bottom:5px;border:none;border-radius:50%;margin-bottom:0;background-color:#EDEDED;&:after{content:'';opacity:0;@include center;width:10px;height:10px;border-radius:100%;background-color:#E32828}}&.slick-active{>button{&:after{opacity:1}}}}}}&.featured-products{.products-header{line-height:var(--font-size-40);@include min($lg){padding-top:19px}}.products-content{>.slick-arrow{bottom:calc(100% + 55px)}}}}.showcase{position:relative;padding:var(--spacer-8);border-radius:18px;border:1px solid var(--theme-border-soft);margin-bottom:var(--spacer-10);transition:$transition;background:linear-gradient(180deg,$color-white 0%,var(--theme-surface-soft) 95%);box-shadow:var(--theme-shadow-sm);overflow:hidden;isolation:isolate;&::before{content:'';position:absolute;inset:-55% 20% 55% -35%;background:radial-gradient(circle at top left,rgba($color-primary,.18) 0%,rgba($color-primary,0) 65%);opacity:0;transition:$transition;pointer-events:none;z-index:0}&::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba($color-primary,.06) 0%,transparent 60%);opacity:0;transition:$transition;pointer-events:none;z-index:0}@include max($lg){padding:var(--spacer-6)}.showcase-image-container{position:relative;a.showcase-label-container{.showcase-label-group{position:absolute;top:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:flex-start;>div{@include center;height:30px;@include line-rule(14);font-weight:500;border-radius:4px;padding:0 var(--spacer-3);margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}&.discount-label{color:{{theme.settings.color_text_discount_label}};background-color:{{theme.settings.color_background_discount_label}}}&.new-label{color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.gift-label{color:{{theme.settings.color_text_gift_label}};background-color:{{theme.settings.color_background_gift_label}}}@include max($lg){line-height:20px;font-size:10px;height:22px}}}.sold-out-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;height:24px;color:$color-white;padding:0 var(--spacer-2);background-color:$color-text}}}.showcase-image{a{position:relative;display:block;overflow:hidden;border-radius:14px;padding-top:$image-ratio;background:$color-white;@include imgcenter;img{transition:$transition}}}.showcase-content{position:relative;z-index:1;padding-top:var(--spacer-6);display:flex;flex-direction:column;gap:var(--spacer-4);.showcase-brand{height:22px;margin-bottom:var(--spacer-1);a{overflow:hidden;display:block;color:rgba($color-text,.65);@include line-rule(14);font-weight:600;letter-spacing:.6px;text-transform:uppercase}}.showcase-title{margin-bottom:0;a{overflow:hidden;display:block;height:48px;color:$color-text;@include line-rule(16);font-weight:600;letter-spacing:.2px;@include max($sm){height:67px}}}.showcase-price-and-button{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-4)}.showcase-price{display:flex;align-items:baseline;gap:var(--spacer-2);font-variant-numeric:tabular-nums;@include max($lg){flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;height:38px}.showcase-price-new{color:$color-primary;@include line-rule(20);font-weight:700;letter-spacing:.3px}.showcase-price-old{color:rgba($color-text,.4);@include line-rule(16);font-weight:600;text-decoration:line-through;margin-left:var(--spacer-2);@include max($lg){margin-left:0}}}.showcase-buttons{>a{@include center;width:50px;height:50px;border-radius:16px;transition:$transition;box-shadow:inset 0 0 0 1px rgba($color-primary,.12);background:rgba($color-primary,.08);@include max($sm){width:42px;height:42px;svg{width:20px;height:20px}}&.add-to-cart-button{color:$color-primary;background:rgba($color-primary,.12);svg{path{transition:$transition;fill:currentColor}}@include min($lg){&:hover{background:linear-gradient(135deg,lighten($color-primary,12%),$color-primary);color:$color-white;box-shadow:0 12px 26px rgba($color-primary,.32)}}}&.no-stock-button{background:rgba($color-text,.04);svg{path{transition:$transition;fill:rgba($color-text,.35)}}}}}}@include min($lg){&:hover{transform:translateY(-6px);border-color:rgba($color-primary,.35);box-shadow:var(--theme-shadow-accent);&::before,&::after{opacity:1}.showcase-image{img{transform:scale(1.04)}}}}}#footer{background:linear-gradient(180deg,var(--theme-surface-soft) 0%,$color-white 75%);border-top:1px solid var(--theme-border-soft);.footer-row-1{padding:var(--spacer-20) 0 var(--spacer-15);display:grid;gap:var(--spacer-10)}.footer-copyright{border-top:1px solid var(--theme-border-soft);padding:var(--spacer-8) 0;color:rgba($color-text,.65);font-weight:500}}.newsletter{margin-bottom:var(--spacer-20);padding:var(--spacer-12);background:linear-gradient(135deg,rgba($color-primary,.08),rgba($color-secondary,.05));border-radius:20px;box-shadow:var(--theme-shadow-sm);.newsletter-title{color:$color-primary;@include line-rule(24);font-weight:700;margin-bottom:var(--spacer-6)}.newsletter-content{form{position:relative;display:flex;align-items:center;background:$color-white;border-radius:14px;padding:6px;border:1px solid #fff0;box-shadow:var(--theme-shadow-sm);transition:$transition;&:focus-within{border-color:rgba($color-primary,.35);box-shadow:0 16px 32px rgba($color-primary,.18)}input{width:100%;height:46px;color:$color-text;@include line-rule(15);font-weight:400;border-radius:10px;border:none;padding:0 var(--spacer-10) 0 var(--spacer-6);background-color:#fff0;&::placeholder{color:rgba($color-text,.5);opacity:1}&:focus{outline:none}}button{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;padding:0;border:none;background:linear-gradient(135deg,$color-primary,$color-secondary);box-shadow:0 12px 24px rgba($color-primary,.26);svg{path{fill:$color-white}}}}}}.footer-logo{margin-bottom:var(--spacer-10);padding:var(--spacer-4) 0;img{max-height:48px;filter:drop-shadow(0 12px 24px rgba($color-text,.08));@include max($lg){max-height:36px}}}.footer-description{color:rgba($color-text,.7);@include line-rule(16);font-weight:400;margin-bottom:var(--spacer-10)}.footer-social{display:flex;align-items:center;flex-wrap:wrap;@include max($sm){margin-bottom:var(--spacer-8)}>div{margin-left:var(--spacer-5);&:first-child{margin-left:0}a{@include center;width:36px;height:36px;border-radius:50%;background:rgba($color-text,.05);box-shadow:inset 0 0 0 1px rgba($color-text,.08);svg{path{fill:$color-primary;transition:$transition}}@include min($lg){&:hover{background:linear-gradient(135deg,$color-primary,$color-secondary);box-shadow:0 12px 26px rgba($color-primary,.26);svg{path{fill:$color-white}}}}}}}.footer-menu-container{.footer-menu{.footer-menu-title{color:$color-primary;@include line-rule(24);font-weight:700;margin-bottom:var(--spacer-8)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-6);&:last-child{margin-bottom:0}>a{display:inline-block;color:rgba($color-text,.75);@include line-rule(16);font-weight:500;transition:$transition;@include min($lg){&:hover{color:$color-primary;transform:translateX(4px)}}}}}}}@include max($sm){&[data-menu-type="list"]{text-align:center;>div{>div{margin-bottom:var(--spacer-12);&:last-child{margin-bottom:0}}}}&[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-8);margin-bottom:var(--spacer-8);border:1px solid $color-border;&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{padding:0 var(--spacer-8) var(--spacer-8);display:none;>ul{>li{color:$color-text;>a{color:$color-text}}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}#scroll-top{position:fixed;right:20px;left:auto;bottom:20px;z-index:99;cursor:pointer;>div{width:40px;height:40px;background:linear-gradient(135deg,$color-primary,$color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 12px 28px rgba($color-primary,.3);&:hover{transform:scale(1.1);box-shadow:0 16px 32px rgba($color-secondary,.32)}}}#whatsapp-float{position:fixed;right:auto;left:20px;bottom:20px;z-index:99;cursor:pointer;>a{display:block;width:40px;height:40px;background-color:#25D366;border-radius:50%;box-shadow:0 2px 5px rgb(0 0 0 / .2);transition:all 0.3s ease;>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}&:hover{transform:scale(1.1);background-color:#128C7E}}svg{width:24px;height:24px}}.copyright{color:$color-text;@include line-rule(16);font-weight:400;text-align:center;@include max($lg){margin-top:var(--spacer-4)}}.footer-ssl{text-align:center;img{max-height:25px}}.block-item{position:sticky;top:20px;z-index:1;border-radius:$border-radius;margin-bottom:var(--spacer-10);padding:var(--spacer-8);background-color:$color-white;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 line-rule(21);font-weight:600;border-bottom:1px solid $color-border;padding-bottom:var(--spacer-8);margin-bottom:var(--spacer-8);>i{display:none;@include max($sm){display:block}}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="member-menu"]{border:1px solid $color-border}&[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;padding:var(--spacer-6);.block-item-title{margin-bottom:0;border-bottom:none;i{display:block}}.block-item-content{display:none}&.active{.block-item-content{display:block}}}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:var(--spacer-4);transition:$transition;overflow-y:auto;-webkit-overflow-scrolling:touch;.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0}}#filter-wrapper{display:none;margin-bottom:var(--spacer-8);&.has-sorting-option:not(.has-filter-option){display:block;.filter-wrapper-header{display:none}.filter-wrapper-content{#sorting-options{display:block}}}&.has-filter-option{display:block;.filter-wrapper-content{#sorting-options{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){.filter-menu-overlay,.filter-wrapper-header{display:none!important}}.filter-menu{.filter-menu-box{padding-top:var(--spacer-6);margin-top:var(--spacer-8);margin-bottom:0;border:none;border-top:1px solid $color-border;&.filter-menu-category{padding:0;margin-top:0;border-top:none}&.filter-menu-selected-items{border-radius:6px;border:none;padding:var(--spacer-6);margin-top:0;margin-bottom:var(--spacer-8);background:#F9F9F9}}.filter-menu-category{padding-top:0;margin-top:0;border-top:none;.filter-menu-category-title{color:$color-text;@include line-rule(15);font-weight:400;padding:0;padding-bottom:var(--spacer-6);border-bottom:none;background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-6) var(--spacer-6);border-bottom:none;a{color:$color-text;@include line-rule(15);font-weight:400;padding:0;margin-bottom:var(--spacer-4);transition:$transition;&:last-child{margin-bottom:0}&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{a{justify-content:flex-start;@include line-rule(15);font-weight:400;padding:0;transition:$transition;background-color:$color-white;i{@include center;width:16px;height:16px;margin-right:var(--spacer-3);background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13L5 8L10 3' stroke='%23343434' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");&:before{display:none}}}}}.filter-menu-groups{.filter-menu-group-title{color:$color-text;@include line-rule(15);font-weight:600;padding:0;padding-bottom:var(--spacer-6);border:none;background-color:#fff0}.filter-menu-group-content{padding:0;label{line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}.checkbox-custom{margin-bottom:var(--spacer-5)}input[type=checkbox]{line-height:calc(var(--font-size-15) + 8px);&+label{@include line-rule(15);font-weight:400;padding-left:28px;&:before{top:3px;border:none;border-radius:4px;background-size:16px;background-color:#fff0;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='white' stroke='%23C4C4C4'/%3E%3C/svg%3E")}}&:checked{&+label{&:before{border:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%23E32828' stroke='%23C4C4C4'/%3E%3Cg clip-path='url(%23clip0_572_1999)'%3E%3Cpath d='M3.9165 8.00004L6.83317 10.9167L12.6665 5.08337' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_572_1999'%3E%3Crect width='14' height='14' fill='white' transform='translate(1 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}}}}.scrollbar-inner{max-height:155px;>.scroll-element{.scroll-element_track{background-color:$color-border}.scroll-bar{background-color:darken($color-border,10%)}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary}}}}}}.filter-menu-selected-items{.filter-menu-selected-items-title{@include line-rule(13);font-weight:400;border:none;padding:0;padding-bottom:var(--spacer-1);background-color:#fff0}.filter-menu-selected-items-content{padding:0;.filter-menu-selected-group{.filter-menu-selected-group-title{@include line-rule(13);font-weight:400;margin-bottom:var(--spacer-2)}.filter-menu-selected-group-content{.filter-menu-selected-item{a{color:$color-text;@include line-rule(11);font-weight:400;border:0;padding:0;margin-bottom:var(--spacer-2);background:#fff0;&:last-child{margin-bottom:0}>i{@include center;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='white' stroke='%23C4C4C4'/%3E%3Cpath d='M5.0835 10.9166L10.9168 5.08331M5.0835 5.08331L10.9168 10.9166L5.0835 5.08331Z' stroke='%23343434' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");&:before{display:none}}}}}}}}}.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{border-radius:$border-radius;padding:var(--spacer-4);padding-bottom:0;margin-bottom:var(--spacer-5);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)}>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);.row{align-items:center}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-text;@include line-rule(13);font-weight:400;cursor:pointer;padding:4px 40px 4px 20px;border:0;background-size:36px;background-color:#EDEDED;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-position:right center}.record-count{color:$color-text;@include line-rule(13);font-weight:400;@include min($md){margin:0!important}}.checkbox-custom{line-height:calc(var(--font-size-13) + 8px);@include min($md){margin:0!important}input[type=checkbox]{line-height:calc(var(--font-size-13) + 8px);&+label{@include line-rule(13);font-weight:400;padding-left:28px;&:before{top:2px;border:none;border-radius:4px;background-size:16px;background-color:#fff0;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='white' stroke='%23C4C4C4'/%3E%3C/svg%3E")}}&:checked{&+label{&:before{border:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%23E32828' stroke='%23C4C4C4'/%3E%3Cg clip-path='url(%23clip0_572_1999)'%3E%3Cpath d='M3.9165 8.00004L6.83317 10.9167L12.6665 5.08337' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_572_1999'%3E%3Crect width='14' height='14' fill='white' transform='translate(1 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}}}}}}.product-category-and-brand-list{margin-bottom:var(--spacer-5);.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{border-radius:$border-radius;padding:var(--spacer-4) var(--spacer-4) 0;background-color:$color-white;>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-5);>a{display:flex;align-items:center;height:40px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;border-radius:$border-radius;padding:0 var(--spacer-5);background-color:#F9F9F9;transition:$transition;span{color:$color-sub-text;font-weight:500}}}&.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;padding-top:$image-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:180px}}}.paginate-wrapper{position:relative;padding:var(--spacer-8) 0;.paginate{display:flex;justify-content:center;@include max($sm){justify-content:space-between}a{@include center;width:40px;height:40px;color:$color-text;@include line-rule(16);font-weight:400;border-radius:$border-radius}.paginate-content{display:flex}.paginate-left{a{margin-right:var(--spacer-8)}}.paginate-right{a{margin-left:var(--spacer-8)}}.paginate-passive{a{color:#C4C4C4;background-color:#EDEDED}}.paginate-active{a{color:$color-white;background-color:#343434}}.paginate-element-active{color:$color-primary;font-weight:700}}}#breadcrumbs{padding-bottom:var(--spacer-5);@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 5px;font-style:normal;&:before{content:'/'}}span{display:flex;align-items:center;white-space:nowrap;color:$color-text;@include line-rule(11);font-weight:400}a{color:$color-text}}}}.product-left,.product-right{margin-bottom:var(--spacer-20)}.product-right{border-radius:$border-radius;padding:var(--spacer-8);background-color:$color-white}.product-label-group{position:absolute;top:var(--spacer-6);left:var(--spacer-6);z-index:20;display:flex;flex-direction:column;align-items:flex-start;>div{@include center;height:30px;@include line-rule(14);font-weight:500;border-radius:$border-radius;padding:0 10px;margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}&.new-label{color:{{theme.settings.color_text_new_label}};background-color:{{theme.settings.color_background_new_label}}}&.gift-label{color:{{theme.settings.color_text_gift_label}};background-color:{{theme.settings.color_background_gift_label}}}}}.product-image{#product-primary-image{position:relative;border-radius:$border-radius;padding-top:$image-ratio;margin-bottom:var(--spacer-4);background-color:$color-white;@include imgcenter;img{border-radius:$border-radius}}}#product-thumb-image{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{margin-bottom:var(--spacer-8);>a{position:relative;display:block;opacity:.5;border-radius:$border-radius;border:1px solid #fff0;padding-top:calc(#{$image-rati)}- 2px);background-color:$color-white;@include imgcenter;img{border-radius:$border-radius}&.zoomGalleryActive{opacity:1;border-color:$color-primary}}}.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;padding:0;margin-bottom:5px;border-radius:100%;margin-bottom:0;background-color:$color-border;&:after{content:'';opacity:0;@include center;width:10px;height:10px;border-radius:100%;background-color:#E32828}}&.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{border-bottom:1px solid $color-border;padding-bottom:var(--spacer-8);margin-bottom:var(--spacer-8);h1{color:$color-text;@include line-rule(32);font-weight:600;margin-bottom:0}}.product-list-container{margin-bottom:var(--spacer-8);.product-list-row{display:flex;align-items:baseline;@include line-rule(16);font-weight:400;margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}a{color:$color-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:15%;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-price{margin-bottom:var(--spacer-8);&-new,&-old{color:$color-text;@include line-rule(32);font-weight:400}&.has-discount{.product-price-old{color:$color-sub-text;@include line-rule(24);font-weight:600;text-decoration:line-through;margin-left:var(--spacer-3)}}.discount-label{display:inline-flex;align-items:center;justify-content:center;color:{{theme.settings.color_text_discount_label}};@include line-rule(14);font-weight:500;border-radius:4px;padding:4px 10px;margin-bottom:var(--spacer-2);background-color:{{theme.settings.color_background_discount_label}}}}.product-options{.variant-group-title{display:block;color:$color-text;@include line-rule(16);font-weight:600;margin-bottom:var(--spacer-2)}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-text;@include line-rule(13);font-weight:400;cursor:pointer;padding:6px 28px 6px 20px;border-radius:$border-radius;border:0;background-size:36px;background-color:#EDEDED;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-position:right 10px center}.variant-plural{margin-bottom:var(--spacer-4)}}.variant-select{padding-bottom:var(--spacer-4);.variant-list{margin-bottom:var(--spacer-4);select{width:50%!important;@include max($lg){width:100%!important}}}}.variant-plural{.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap}span{position:relative;flex:0 0 auto;cursor:pointer;padding:7px 10px;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(--gutter));margin-right:calc(-1*var(--gutter));margin-bottom:var(--spacer-8);>div{padding-left:var(--gutter);padding-right:var(--gutter)}.product-buttons-wrapper{flex:1 0 0%;max-width:100%;.product-buttons-row{display:flex;flex-wrap:wrap;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));>div{flex:1 0 0%;@include min($lg){max-width:220px}padding-left:var(--gutter);padding-right:var(--gutter)}}}}.product-qty-wrapper{.product-qty{display:flex;flex-wrap:wrap;width:165px;height:56px;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;@include max($lg){width:150px}>a{flex:0 0 40px;max-width:40px;@include center;color:$color-text;@include max($sm){flex:0 0 55px;max-width:55px}}>div{flex:1 0 0%;max-width:100%;input{width:100%;height:100%;color:$color-text;font-size:var(--font-size-16);font-weight:600;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;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-color:$color-white;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-size:32px}>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:56px;@include line-rule(14);font-weight:700;border-radius:$border-radius;padding:0 15px;transition:$transition;@include max($lg){padding:0 10px}}a.add-to-cart-button{color:$color-white;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.remind-me-button,a.quick-order-button{color:$color-text;border:1px solid $color-text;&:hover{color:$color-white;background-color:$color-text}}a.no-stock-button{color:#C4C4C4;background-color:#F9F9F9}}#product-user-buttons{display:flex;flex-wrap:wrap;>div{margin-right:var(--spacer-8);margin-bottom:var(--spacer-8);&:last-child{margin-right:0}a{display:flex;align-items:center;flex-wrap:wrap;color:$color-text;@include line-rule(12);font-weight:400;span{padding-left:var(--spacer-2)}svg{path{fill:$color-primary!important}}&.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;.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}}}}}}.product-detail-tab{border-radius:$border-radius;padding:var(--spacer-8) var(--spacer-8) var(--spacer-15) var(--spacer-8);margin-bottom:var(--spacer-20);background-color:$color-white;.product-detail-tab-header{border-bottom:1px solid $color-border;padding-bottom:var(--spacer-6);[data-tab-index]{margin-right:var(--spacer-10);&:last-child{margin-right:0}>a{@include center;height:40px;color:$color-text;@include line-rule(24);font-weight:700}&.active{>a{color:$color-primary}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding-top:var(--spacer-8)}&.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){padding:var(--spacer-8);.product-detail-tab-content{.product-detail-tab-row{margin-bottom:var(--spacer-8);&:last-child{margin-bottom:0}[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:50px;color:$color-white;font-size:var(--font-size-20);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-subscription{.subscription-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.subscription-content{.btn{@include center;height:48px;color:$color-white;@include line-rule(14);font-weight:700;border-radius:$border-radius;padding:0 15px;transition:$transition;background-color:$color-primary;@include min($lg){&:hover{background-color:$color-primary-darken}}}}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px;color:$color-text;@include line-rule(13);font-weight:400;cursor:pointer;padding:6px 28px 6px 20px;border-radius:$border-radius;border:0;background-size:36px;background-color:#EDEDED;background-image:url("{{ themeAsset('images/icon-selectbox.svg') }}");background-position:right 10px center}}.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("{{ themeAsset('images/icon-selectbox.svg') }}")}.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}}}@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}}:root{--primary-color:#{$color-primary};--primary-light:#{lighten($color-primary,12%)};--primary-dark:#{darken($color-primary,8%)};--text-color:#{$color-text};--text-secondary:#{mix($color-text,$color-sub-text,55%)};--border-color:#{$border-soft};--bg-light:#{$surface-soft};--bg-white:#{$color-white};--bg-hover:#{mix($color-white,$surface-soft,55%)};--disabled-bg:#{mix($surface-soft,$color-border,45%)};--shadow-sm:#{$shadow-sm};--shadow-md:#{$shadow-md};--shadow-lg:#{$shadow-accent};--transition-fast:200ms;--transition-normal:300ms;--ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1)}.category-navigation{padding:1.5rem 0;margin-top:var(--spacer-12);background:linear-gradient(180deg,var(--bg-white) 0%,var(--theme-surface-soft) 100%);border:1px solid var(--theme-border-soft);border-radius:18px;position:sticky;top:var(--spacer-6);z-index:10;backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.category-tabs .btn-group{display:flex;gap:0;position:relative;z-index:1}.category-tabs .btn-group .btn{border-radius:0;padding:1rem 1.7rem;font-weight:600;font-size:1.4rem;letter-spacing:.3px;color:var(--text-color);background:var(--bg-white);border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-bounce);position:relative;margin-right:-1px;overflow:hidden}.category-tabs .btn-group .btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.category-tabs .btn-group .btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;margin-right:0}.category-tabs .btn-group .btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba($color-primary,.14),rgba($color-secondary,.05));transform:translateX(-100%);transition:transform 0.6s}.category-tabs .btn-group .btn:hover::before{transform:translateX(100%)}.category-tabs .btn-group .btn.active{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:var(--bg-white);border-color:#fff0;box-shadow:0 14px 26px rgba($color-primary,.32);transform:translateY(-2px);font-weight:700;z-index:2}.category-tabs .btn-group .btn:hover:not(.active){background-color:var(--bg-hover);border-color:rgba($color-primary,.3);box-shadow:var(--shadow-md);transform:translateY(-1px);z-index:1}.category-tabs .btn-group .btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.category-selects{position:relative;z-index:20;margin-top:1rem}.category-selects select{height:3.5rem;border-radius:12px;border:1.5px solid var(--border-color);padding:0 3rem 0 1.5rem;width:100%;color:var(--text-color);font-size:1.4rem;font-weight:500;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23636e72' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;background-color:var(--bg-white);transition:all var(--transition-fast) ease-in-out;cursor:pointer;position:relative}.category-selects select:hover:not(:disabled){border-color:rgba($color-primary,.4);box-shadow:0 0 0 4px rgba($color-primary,.08)}.category-selects select:focus{outline:none;border-color:rgba($color-primary,.45);box-shadow:0 0 0 4px rgba($color-primary,.12)}.category-selects select:disabled{background-color:var(--disabled-bg);cursor:not-allowed;opacity:.7;border-color:var(--border-color)}.category-selects select option{padding:1rem;font-size:1.4rem}@media (max-width:768px){.category-tabs .btn-group{flex-wrap:wrap}.category-tabs .btn-group .btn{flex:1 1 calc(50% - 0.75rem);padding:1rem 1.25rem;font-size:1rem}.category-selects select{height:3.25rem;font-size:1rem}.category-tabs .btn-group .btn:first-child{border-radius:8px 0 0 0}.category-tabs .btn-group .btn:nth-child(2){border-radius:0 8px 0 0}.category-tabs .btn-group .btn:nth-last-child(2){border-radius:0 0 0 8px}.category-tabs .btn-group .btn:last-child{border-radius:0 0 8px 0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.category-tabs .btn-group .btn.active{animation:pulse 2s infinite}.contentbox-header{border-bottom:1px solid $color-border;padding-bottom:var(--spacer-8);margin-bottom:var(--spacer-8);p{display:block;font-size:var(--font-size-12);margin-bottom:0}h4{color:$color-text;font-size:var(--font-size-32);font-weight:600;margin-bottom:0}}.page-content{border-radius:$border-radius;padding:var(--spacer-8);background-color:$color-white}body[class*="checkout-page"],body[class*="current-page-cart"]{.contentbox-header{text-align:left;border-bottom:none;padding-bottom:0;margin-bottom:var(--spacer-4);h4{font-size:var(--font-size-18)}}}.user-login-page-wrapper{position:relative;display:flex;justify-content:center;.user-login-page-container{position:relative;z-index:2;width:460px;@include max($sm){width:380px}@include max($xxs){width:330px}@include max($xxxs){width:280px}.user-login-page-logo{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--spacer-5);img{max-height:48px}}}.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{border:none;background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}.user-login-forgot-pass{a{display:block;color:$color-text;font-size:var(--font-size-14)}}}.signup-page-logo{display:flex;align-items:center;justify-content:center;min-height:48px;padding:var(--spacer-5);img{max-height:48px}}.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)}.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-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999!important;display:flex!important;justify-content:space-between!important;background-color:#fff!important;box-shadow:0 -2px 10px rgb(0 0 0 / .1)!important;height:60px!important;padding:0!important;border-top:1px solid #e1e1e1!important;width:100%!important;visibility:visible!important;opacity:1!important}.mobile-bottom-nav-item{flex:1!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:8px 0!important;text-decoration:none!important;color:#343434!important;visibility:visible!important;opacity:1!important}.mobile-bottom-nav-icon{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;margin-bottom:4px!important;visibility:visible!important;opacity:1!important}.mobile-bottom-nav-text{font-size:10px!important;line-height:1.2!important;visibility:visible!important;opacity:1!important}#whatsapp-float,#scroll-top{z-index:1001!important;bottom:70px!important}@media (max-width:767.98px){#footer{margin-bottom:60px!important}body{padding-bottom:60px!important}}