@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mona+Sans:wght@200..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Andada+Pro:wght@400..840&display=swap);@import url(https://fonts.googleapis.com/css2?family=Aleo:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mona+Sans:wght@200..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Andada+Pro:wght@400..840&display=swap);@import url(https://fonts.googleapis.com/css2?family=Aleo:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pattaya&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Forum&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Baskervville:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yesteryear&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ephesis&display=swap);@import "mixin";@import "default";{% set bodyFontFamily=theme.settings.theme_body_font_family %}{% set titleFontFamily=theme.settings.theme_title_font_family %}{% if bodyFontFamily=='catamaran' %}$font-family:"Catamaran",sans-serif;{% elseif bodyFontFamily=='inter' %}$font-family:'Inter',sans-serif;{% elseif bodyFontFamily=='roboto' %}$font-family:'Roboto',sans-serif;{% elseif bodyFontFamily=='montserrat' %}$font-family:'Montserrat',sans-serif;{% elseif bodyFontFamily=='poppins' %}$font-family:'Poppins',sans-serif;{% elseif bodyFontFamily=='monasans' %}$font-family:'Mona Sans',sans-serif;{% elseif bodyFontFamily=='oswald' %}$font-family:'Oswald',sans-serif;{% elseif bodyFontFamily=='rubik' %}$font-family:'Rubik',sans-serif;{% elseif bodyFontFamily=='ubuntu' %}$font-family:'Ubuntu',sans-serif;{% elseif bodyFontFamily=='dmsans' %}$font-family:'DM Sans',sans-serif;{% elseif bodyFontFamily=='ptsans' %}$font-family:'PT Sans',sans-serif;{% elseif bodyFontFamily=='firasans' %}$font-family:'Fira Sans',sans-serif;{% elseif bodyFontFamily=='nunitosans' %}$font-family:'Nunito Sans',sans-serif;{% elseif bodyFontFamily=='manrope' %}$font-family:'Manrope',sans-serif;{% elseif bodyFontFamily=='outfit' %}$font-family:'Outfit',sans-serif;{% elseif bodyFontFamily=='figtree' %}$font-family:'Figtree',sans-serif;{% elseif bodyFontFamily=='exo' %}$font-family:'Exo',sans-serif;{% elseif bodyFontFamily=='urbanist' %}$font-family:'Urbanist',sans-serif;{% elseif bodyFontFamily=='sora' %}$font-family:'Sora',sans-serif;{% elseif bodyFontFamily=='robotocondensed' %}$font-family:'Roboto Condensed',sans-serif;{% elseif bodyFontFamily=='encodesanscondensed' %}$font-family:'Encode Sans Condensed',sans-serif;{% elseif bodyFontFamily=='barlowcondensed' %}$font-family:'Barlow Condensed',sans-serif;{% elseif bodyFontFamily=='sairacondensed' %}$font-family:'Saira Condensed',sans-serif;{% elseif bodyFontFamily=='andadapro' %}$font-family:'Andada Pro',serif;{% elseif bodyFontFamily=='aleo' %}$font-family:'Aleo',serif;{% elseif bodyFontFamily=='robotoslab' %}$font-family:'Roboto Slab',serif;{% elseif bodyFontFamily=='zillaslab' %}$font-family:'Zilla Slab',serif;{% endif %}{% if titleFontFamily=='catamaran' %}$font-family-sub:"Catamaran",sans-serif;{% elseif titleFontFamily=='inter' %}$font-family-sub:'Inter',sans-serif;{% elseif titleFontFamily=='roboto' %}$font-family-sub:'Roboto',sans-serif;{% elseif titleFontFamily=='montserrat' %}$font-family-sub:'Montserrat',sans-serif;{% elseif titleFontFamily=='poppins' %}$font-family-sub:'Poppins',sans-serif;{% elseif titleFontFamily=='monasans' %}$font-family-sub:'Mona Sans',sans-serif;{% elseif titleFontFamily=='oswald' %}$font-family-sub:'Oswald',sans-serif;{% elseif titleFontFamily=='rubik' %}$font-family-sub:'Rubik',sans-serif;{% elseif titleFontFamily=='ubuntu' %}$font-family-sub:'Ubuntu',sans-serif;{% elseif titleFontFamily=='dmsans' %}$font-family-sub:'DM Sans',sans-serif;{% elseif titleFontFamily=='ptsans' %}$font-family-sub:'PT Sans',sans-serif;{% elseif titleFontFamily=='firasans' %}$font-family-sub:'Fira Sans',sans-serif;{% elseif titleFontFamily=='nunitosans' %}$font-family-sub:'Nunito Sans',sans-serif;{% elseif titleFontFamily=='manrope' %}$font-family-sub:'Manrope',sans-serif;{% elseif titleFontFamily=='outfit' %}$font-family-sub:'Outfit',sans-serif;{% elseif titleFontFamily=='figtree' %}$font-family-sub:'Figtree',sans-serif;{% elseif titleFontFamily=='exo' %}$font-family-sub:'Exo',sans-serif;{% elseif titleFontFamily=='urbanist' %}$font-family-sub:'Urbanist',sans-serif;{% elseif titleFontFamily=='sora' %}$font-family-sub:'Sora',sans-serif;{% elseif titleFontFamily=='robotocondensed' %}$font-family-sub:'Roboto Condensed',sans-serif;{% elseif titleFontFamily=='encodesanscondensed' %}$font-family-sub:'Encode Sans Condensed',sans-serif;{% elseif titleFontFamily=='barlowcondensed' %}$font-family-sub:'Barlow Condensed',sans-serif;{% elseif titleFontFamily=='sairacondensed' %}$font-family-sub:'Saira Condensed',sans-serif;{% elseif titleFontFamily=='andadapro' %}$font-family-sub:'Andada Pro',serif;{% elseif titleFontFamily=='aleo' %}$font-family-sub:'Aleo',serif;{% elseif titleFontFamily=='robotoslab' %}$font-family-sub:'Roboto Slab',serif;{% elseif titleFontFamily=='zillaslab' %}$font-family-sub:'Zilla Slab',serif;{% elseif titleFontFamily=='amaticsc' %}$font-family-sub:'Amatic SC',sans-serif;{% elseif titleFontFamily=='grandhotel' %}$font-family-sub:'Grand Hotel',cursive;{% elseif titleFontFamily=='shadowsintolighttwo' %}$font-family-sub:'Shadows Into Light Two',cursive;{% elseif titleFontFamily=='pacifico' %}$font-family-sub:'Pacifico',cursive;{% elseif titleFontFamily=='pattaya' %}$font-family-sub:'Pattaya',sans-serif;{% elseif titleFontFamily=='bodonimoda' %}$font-family-sub:'Bodoni Moda',serif;{% elseif titleFontFamily=='forum' %}$font-family-sub:'Forum',serif;{% elseif titleFontFamily=='playfairdisplay' %}$font-family-sub:'Playfair Display',serif;{% elseif titleFontFamily=='baskervville' %}$font-family-sub:'Baskervville',serif;{% elseif titleFontFamily=='abhayalibre' %}$font-family-sub:'Abhaya Libre',serif;{% elseif titleFontFamily=='lavishlyyours' %}$font-family-sub:'Lavishly Yours',cursive;{% elseif titleFontFamily=='lobster' %}$font-family-sub:'Lobster',sans-serif;{% elseif titleFontFamily=='yesteryear' %}$font-family-sub:'Yesteryear',cursive;{% elseif titleFontFamily=='ephesis' %}$font-family-sub:'Ephesis',cursive;{% endif %}$color-primary:{{theme.settings.color_primary}};$color-secondary:{{theme.settings.color_secondary}};$color-third:{{theme.settings.color_third}}@mixin font-face($folderpath,$familyname,$filename,$weight,$style){@font-face{font-family:$familyname;src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot') }}");src:url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.eot?#iefix') }}") format("embedded-opentype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.woff') }}") format("woff"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.ttf') }}") format("truetype"),url("{{ themeAsset('fonts/#{$folderpath}/#{$filename}.svg?#webfont') }}") format("svg");font-weight:$weight;font-style:$style}}body{position:relative;left:0;color:$color-text;font-size:var(--font-size-12);font-family:$font-family;background:$color-white;transition:left .2s linear,right .2s linear}.openbox-overlay,.dropbox-overlay,.navigation-menu-overlay,.fancybox-is-open .fancybox-bg{opacity:.5;background:$color-text}&::-webkit-scrollbar{width:4px;height:2px}&::-webkit-scrollbar-track{background:$color-background}&::-webkit-scrollbar-thumb{background:$color-primary}@include min($lg){.container{max-width:calc(1768px + calc(2*var(--gutter)));&.custom-fullwidth{max-width:none}}}.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{.header-top{.header-top-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-8);@include max($xxlg){gap:var(--spacer-4)}@include max($lg){gap:var(--spacer-8)}}}&.header-style-1{border-bottom:1px solid $color-border}&.header-style-2{border-bottom:1px solid $color-border}&.header-style-3{.header-bottom{background-color:{{theme.settings.navigation_bg_color}}}@include max($lg){border-bottom:1px solid $color-border}}}@include min($lg){.header-sticky{position:sticky;position:-webkit-sticky;top:0;z-index:100;background:$color-white}body.sticked{.header-sticky{@include box-shadow(0,4px,4px,0,rgb(0 0 0 / .1),false)}}}.header-top-right{>div{&:empty{display:none}>a{position:relative;@include center;min-width:24px;min-height:24px;color:$color-text;transition:$transition;>svg{path{fill:currentColor}}>span{@include text-type-1;flex:1 0 0%;padding-left:var(--spacer-2);@include max($lg){display:none}}@include min($lg){&:hover{color:$color-primary}}}&.user-menu{>a{>div{>svg{path{stroke:currentColor}}}}}&.user-menu,&.cart-menu{>a{>div{position:relative;>svg{path{fill:currentColor}}}}}}&.header-right-direction{>div{>a{flex-direction:column;>span{padding:0}}}}}.header-style-2,.header-style-3{.logo{display:flex;justify-content:center;@include max($lg){justify-content:flex-start}}}.logo{padding:var(--spacer-7) 0;>a{display:inline-block;img{{% if theme.settings.logo_max_height matches '/[a-zA-Z]/' %}max-height:28px;{% else %}max-height:{{theme.settings.logo_max_height}}px;{% endif %}@include max($sm){{% if theme.settings.mobile_logo_max_height matches '/[a-zA-Z]/' %}max-height:28px;{% else %}max-height:{{theme.settings.mobile_logo_max_height}}px;{% endif %}}}}}.navigation-active{.navigation-menu-overlay{display:block}}.header-style-1,.header-style-3{#navigation{.category-level-1{>ul{display:flex;flex-wrap:wrap;height:84px;>li{>a{position:relative;display:flex;align-items:center;height:84px;color:$color-text;font-size:var(--font-size-16);font-weight:500;white-space:nowrap;padding:0 var(--spacer-5);transition:$transition;@include max($xxlg){padding:0 var(--spacer-4)}@include max($xlg){padding:0 var(--spacer-3)}@include max(1366){padding:0 var(--spacer-2)}&:after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);z-index:102;width:0;height:3px;background:$color-primary;@include border-radius(100px);transition:$transition}&:hover{color:$color-primary;&:after{width:100%}}}&.has-sub-category{>a{svg{transition:$transition;path{transition:$transition}}span{padding-right:var(--spacer-1)}&:hover{svg{path{fill:$color-primary;stroke:$color-primary}}}}}&.active{>a{color:$color-primary;&:after{width:100%}svg{path{fill:$color-primary;stroke:$color-primary}}}>.category-level-2{display:block}}}}}.category-level-2{position:absolute;top:100%;left:0;z-index:101;display:none;width:100%;padding-top:var(--spacer-8);background-color:$color-white;border-top:1px solid $color-border;ul.category-level-2-list{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--gutter));margin-left:calc(-1 * var(--gutter));>li{flex:0 0 25%;padding:0 var(--gutter) var(--spacer-8);>a{display:inline-flex;align-items:center;color:$color-primary;@include heading-type-3;gap:var(--spacer-2);margin-bottom:var(--spacer-3);transition:$transition;&:only-child{margin-bottom:0}&:hover{color:$color-primary}}&.navigation-category-image{flex:0 0 calc(100% / 10);max-width:calc(100% / 10);>a{display:block;text-align:center;color:$color-text;@include heading-type-2;div{position:relative;width:110px;height:110px;overflow:hidden;border:1px solid $color-border;margin:0 auto var(--spacer-3);transition:$transition;&:not(.no-picture){@include fit;@include border-radius(8px)}&.no-picture{@include imgcenter}}svg{display:none}&:hover{color:$color-primary;div{border-color:$color-primary}}}}}}.navigation-first-image{width:512px;padding-bottom:var(--spacer-8);a{position:relative;display:block;overflow:hidden;aspect-ratio:512/420;@include border-radius(16px);@include imgcenter}&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{img{width:auto;height:auto;object-fit:contain}}}}.category-level-3{>ul{>li{&:not(:last-child){margin-bottom:var(--spacer-3)}>a{display:inline-flex;align-items:center;color:$color-text;@include heading-type-2;gap:var(--spacer-2);padding-left:0;transition:$transition;&:after{content:'';width:12px;height:12px;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 d='M8.00171 4.707L3.69821 9.0105L2.99121 8.3035L7.29421 4H3.50171V3H9.00171V8.5H8.00171V4.707Z' fill='%23F1A35E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:0;transition:$transition}&:hover{color:$color-primary;padding-left:var(--spacer-3);&:after{opacity:1}}}&.navigation-show-all{>a{color:$color-sub-text;text-decoration:underline;&:after{display:none}&:hover{color:$color-google;padding-left:0}}}}}}@include max($lg){display:none}}}.header-style-1{#navigation{.category-level-1{>ul{>li{&.has-sub-category.active{>a{position:relative;&:before{content:'';position:absolute;left:0;top:100%;z-index:101;width:100%;height:200%}}}}}}}}.navigation-container{>a{@include center;width:24px;height:24px;@include svg;&:hover{@include svghover($color-primary)}}.navigation-content{position:fixed;top:0;left:-344px;z-index:101;width:344px;height:100vh;background-color:#fff;border-top-right-radius:40px;overflow:auto;direction:rtl;transition:all .5s cubic-bezier(.15,.43,.25,.75);.navigation-content-inside{direction:ltr;.navigation-content-top{border-bottom:1px solid $color-border;padding:var(--spacer-6) var(--spacer-6) var(--spacer-4);.navigation-logo-and-close{display:flex;align-items:flex-end;gap:var(--spacer-4);margin-bottom:var(--spacer-8);.navigation-logo{flex:1 0 0%;>a{display:inline-block;img{max-height:27px}}}.openbox-close{width:36px;height:36px;@include center;border:1px solid $color-border;@include border-radius(50%);cursor:pointer;transition:$transition;@include svg;@include min($lg){&:hover{background:$color-primary;border-color:$color-primary;@include svghover($color-white)}}}}.navigation-header{color:$color-text;@include heading-type-4}}}}}body.navigation-content-active{.navigation-content{left:0}.navigation-menu-overlay{display:block}}.header-style-2{#navigation{.category-level-1{>ul{>li{border-bottom:1px solid $color-border;>div:first-child{>a{position:relative;display:flex;align-items:center;color:$color-text;@include heading-type-3;padding:var(--spacer-3) var(--spacer-6);transition:$transition;>div{display:flex;align-items:center;div{position:relative;width:32px;height:32px;margin-right:var(--spacer-2);@include imgcenter}}&:hover{color:$color-primary}}}&.has-sub-category{>div{>a{padding-right:calc(var(--spacer-8) + 12px);&:after{content:'';position:absolute;right:var(--spacer-6);top:50%;transform:translateY(-50%);width:12px;height:12px;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 d='M6.00049 12C5.44849 12 5.00049 11.553 5.00049 11V1C5.00049 0.448 5.44849 0 6.00049 0C6.55249 0 7.00049 0.448 7.00049 1V11C7.00049 11.553 6.55249 12 6.00049 12Z' fill='%231F1F26'/%3E%3Cpath d='M0 6.00012C0 5.44812 0.447 5.00012 1 5.00012H11C11.552 5.00012 12 5.44812 12 6.00012C12 6.55212 11.552 7.00012 11 7.00012H1C0.447 7.00012 0 6.55212 0 6.00012Z' fill='%231F1F26'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;transition:$transition}}}}&.active{>div{>a{color:$color-primary;&:after{background-image:url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.00012C0 0.448122 0.447 0.00012207 1 0.00012207H11C11.552 0.00012207 12 0.448122 12 1.00012C12 1.55212 11.552 2.00012 11 2.00012H1C0.447 2.00012 0 1.55212 0 1.00012Z' fill='%231F1F26'/%3E%3C/svg%3E");transform:translateY(-50%) rotate(-180deg)}}}}}}}.category-level-2{display:none;padding-top:var(--spacer-2);>ul{>li{&:not(:last-child){margin-bottom:var(--spacer-3)}>div:first-child{>a{display:block;color:$color-text;@include text-type-2;padding-inline:var(--spacer-6);transition:$transition;span{display:flex;align-items:center;padding-left:0;transition:$transition;&:before{content:'';width:0;height:18px;$color-special:{{theme.settings.color_primary}};@function url-encoded-color($color){@return '%23'+str-slice('#{$color}',2,-1)}background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.003 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.503V12.75H12.003V7.0605Z' fill='#{url-encoded-color($color-special)}'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:0;visibility:hidden;margin-right:0;transition:$transition}}&:hover{color:$color-primary;text-decoration:underline;span{padding-left:var(--spacer-1);&:before{width:18px;opacity:1;visibility:visible;margin-right:var(--spacer-2)}}}}}&.navigation-category-image{>div{>a{display:flex;align-items:center;div{position:relative;overflow:hidden;width:32px;height:32px;margin-right:var(--spacer-2);border:1px solid $color-border;&:not(.no-picture){@include fit;@include border-radius(4px)}&.no-picture{@include imgcenter}}}}}&.navigation-show-all{padding-top:var(--spacer-3);>a{display:flex;align-items:center;background:$color-background;padding:var(--spacer-3) var(--spacer-6);transition:$transition;@include svg;span{flex:1 0 0%;padding-left:var(--spacer-2);&:before{display:none}}&:hover{@include svghover($color-primary);span{padding-left:var(--spacer-2)}}}}}}}@include max($lg){display:none}}}.header-menu{ul{li{border-bottom:1px solid $color-border;>a{display:flex;align-items:center;color:$color-text;@include heading-type-3;padding:var(--spacer-4) var(--spacer-6);transition:$transition;@include svg;span{flex:1 0 0%;padding-left:var(--spacer-3)}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}}}}@include max($lg){ul{li{&:last-child{border:none}>a{justify-content:flex-start!important}}}}}.header-style-3{#navigation{.category-level-1{>ul{justify-content:center;height:54px;>li{>a{height:54px;color:{{theme.settings.navigation_text_color}};font-size:var(--font-size-14);font-weight:700;&:after{background:{{theme.settings.navigation_text_color_hover}}}&:hover{color:{{theme.settings.navigation_text_color_hover}}}}&.has-sub-category{>a{span{padding-right:var(--spacer-2)}svg{path{fill:{{theme.settings.navigation_text_color}}}}&:hover{svg{path{fill:{{theme.settings.navigation_text_color_hover}};stroke:unset}}}}}&.active{>a{color:{{theme.settings.navigation_text_color_hover}};svg{path{fill:{{theme.settings.navigation_text_color_hover}};stroke:unset}}}}}}}}}body{.search-content{position:fixed;top:0;right:0;z-index:101;width:100%;opacity:0;visibility:hidden;background:$color-white;padding-block:var(--spacer-15);transition:$transition;@include max($lg){padding-top:calc(var(--spacer-15) + 40px)}.openbox-close{position:absolute;top:var(--spacer-6);right:var(--spacer-6);width:40px;height:40px;@include center;border:1px solid $color-border;@include border-radius(50%);cursor:pointer;transition:$transition;@include svg;@include min($lg){&:hover{background:$color-primary;border-color:$color-primary;@include svghover($color-white)}}}.search-container{@include min($md){width:718px;margin-inline:auto}.search-title{text-align:center;margin-bottom:var(--spacer-9);>div{color:$color-text;@include text-type-6;margin-bottom:var(--spacer-3)}>span{color:$color-sub-text;@include text-type-3}}form{display:flex;gap:var(--spacer-8);input{width:100%;height:50px;color:$color-text;font-size:var(--font-size-14);padding:4px var(--spacer-8);border:1px solid $color-text;@include border-radius(100px);background-color:#fff;transition:$transition;&::placeholder{color:$color-sub-text;opacity:1}}button{@include center;flex:0 0 118px;height:50px;padding:0;border:none;background-color:$color-text;@include border-radius(100px);color:$color-white;@include text-type-4;transition:$transition;@include min($lg){&:hover{color:$color-white;background:$color-primary}}@include max($xs){flex:0 0 72px}}}}}&.search-content-active{overflow:hidden;.search-content{opacity:1;visibility:visible}}}.search{width:268px;form{position:relative;input{width:100%;height:32px;color:$color-text;font-size:var(--font-size-14);padding:6px 34px 6px 0;border:none;border-bottom:1px solid $color-text;background-color:#fff0;&::placeholder{color:$color-text;opacity:1}}button{position:absolute;top:0;right:0;@include center;width:22px;height:100%;padding:0;border:none;background:none}}}body{&.user-menu-content-active{.user-menu-content{right:0}}&.user-menu-welcome-active{.user-menu-welcome{right:0}}&.user-menu-content-active,&.user-menu-welcome-active{overflow:hidden;@include max($sm){position:fixed;left:-320px;overflow:hidden;height:100%;width:100%}@include max($xxxs){left:-280px}}}.user-menu{>a{i{position:absolute;left:11px;top:-16px;@include center;width:20px;height:20px;background-color:$color-primary;border-radius:100%;@include max($lg){top:-9px;width:18px;height:18px}@include max($sm){left:auto;right:-5px}}}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:101;overflow-y:auto;padding:var(--spacer-9) var(--spacer-10);background-color:#fff;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.user-menu-content-top{padding-bottom:var(--spacer-7);margin-bottom:var(--spacer-7);border-bottom:1px solid $color-border}.user-menu-title{line-height:28px;color:$color-text;font-size:var(--font-size-20);font-weight:600;margin-bottom:var(--spacer-3)}.user-menu-subtitle{line-height:20px;font-size:var(--font-size-16);margin-bottom:var(--spacer-5)}.user-menu-input{margin-bottom:var(--spacer-5);input{height:48px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4);border:1px solid $color-border;background-color:#fff;&::placeholder{color:$color-text;opacity:1}}}.user-menu-remember{input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}input[type=checkbox]:checked+label:before{background-image:none;border-color:$color-border;background-color:$color-white}}.user-menu-remember,.user-menu-forgot-pass{margin-bottom:var(--spacer-7)}.user-menu-forgot-pass{display:block;color:$color-text;font-size:var(--font-size-14);text-align:right}.user-menu-button{margin-bottom:var(--spacer-5);.btn{@include center;height:48px;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:44px}&.btn-facebook{color:#485a96!important;background:#fff!important;border:1px solid #485a96;transition:$transition;&:hover{color:#fff!important;background:#485a96!important}}&.btn-google{color:#4285f4!important;background:#fff!important;border:1px solid #4285f4;transition:$transition;&:hover{color:#fff!important;background:#4285f4!important}}&.btn-apple{color:#000000!important;background:#fff!important;border:1px solid #000;transition:$transition;&:hover{color:#fff!important;background:#000000!important}}}}.user-menu-profile-list{>a{display:flex;align-items:center;height:48px;color:$color-text;font-size:var(--font-size-14);font-weight:600;padding:0 var(--spacer-4);margin-bottom:var(--spacer-5);border:1px solid $color-border;border-radius:$border-radius;transition:$transition;&:hover{color:$color-white;border-color:$color-primary;background-color:$color-primary}}}}body{&.cart-content-active{overflow:hidden;.cart-content{right:0}@include max($sm){position:fixed;left:-320px;height:100%;width:100%}@include max($xxxs){left:-280px}}}.cart-menu{>a{.cart-amount{position:absolute;left:11px;top:-16px;@include center;width:20px;height:20px;color:$color-white;@include heading-type-1;text-align:center;border-radius:100%;background-color:$color-primary;@include max($lg){top:-9px;width:18px;height:18px}@include max($sm){left:auto;right:-5px}}}}.cart-content{position:fixed;top:0;right:-420px;width:420px;height:100%;z-index:101;background-color:$color-white;transition:$transition;@include max($sm){right:-320px;width:320px}@include max($xxxs){right:-280px;width:280px}.cart-content-inside{display:flex;flex-direction:column;height:100%;>div{flex:0 0 auto;width:100%;padding:var(--spacer-5);background-color:$color-white;&.cart-content-top{position:sticky;position:-webkit-sticky;top:0;z-index:24;border-bottom:1px solid $color-border}&.cart-content-middle{overflow-y:auto;flex:1 0 0%}&.cart-content-bottom{position:sticky;position:-webkit-sticky;bottom:0;z-index:24;padding-inline:var(--spacer-10);border-top:1px solid $color-border}}}.cart-content-title{display:flex;align-items:center;justify-content:space-between;line-height:28px;color:$color-text;font-size:var(--font-size-24);font-weight:600;margin-bottom:var(--spacer-3);.cart-all-delete{color:#7A7474;@include line-rule(12);font-weight:500;cursor:pointer;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-content-sub-title{line-height:20px;font-size:var(--font-size-16);span{font-weight:700;text-decoration:underline}}.cart-list{&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:lighten($color-border,5%)}&::-webkit-scrollbar-thumb{background:darken($color-border,5%)}.cart-list-item{display:flex;flex-wrap:wrap;padding-bottom:var(--spacer-5);margin-bottom:var(--spacer-5);border-bottom:1px solid $color-border;&:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cart-list-item-image{flex:0 0 100px;max-width:100px;margin-right:var(--spacer-4);>a{display:block;position:relative;aspect-ratio:var(--aspect-ratio);@include imgcenter;border:1px solid $color-border}&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{>a{img{width:auto;height:auto;object-fit:contain}}}@include max($xxs){flex:0 0 80px;max-width:80px}}.cart-list-item-content{flex:1 0 0%;.cart-list-item-brand{margin-bottom:var(--spacer-1);a{display:inline-block;line-height:calc(var(--font-size-12) + 8px);color:$color-text;font-size:var(--font-size-12);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-title{margin-bottom:var(--spacer-2);a{overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:calc(var(--font-size-14) + 8px);color:$color-text;font-size:var(--font-size-14);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.cart-list-item-price{display:flex;align-items:center;gap:3px;line-height:calc(var(--font-size-13) + 8px);font-size:var(--font-size-13);font-weight:400;margin-bottom:var(--spacer-2);@include max($xxs){overflow:hidden;height:20px}}.cart-qty-and-delete{display:flex;align-items:center;gap:var(--spacer-4);padding-right:var(--spacer-16);.cart-list-item-delete{@include center;overflow:hidden;width:32px;height:32px;border:1px solid $color-border;background-color:$color-white;transition:$transition;svg{path{transition:$transition}}&:hover{border-color:$color-primary;background-color:$color-primary;svg{path{fill:$color-white}}}}.cart-qty{position:relative;flex:1 0 0%;height:32px;>a{position:absolute;top:0;z-index:1;@include center;width:36px;height:100%;transition:$transition;@include svg;&.cart-qty-minus{left:0}&.cart-qty-plus{right:0}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}input{width:100%;height:100%;color:$color-text;@include line-rule(16);font-weight:600;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white}&.cart-qty-disabled{opacity:.8;pointer-events:none;cursor:disabled;input{background-color:$color-border}}}}}}}.cart-content-total-price{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-5);margin-bottom:var(--spacer-5);>span{display:block;line-height:20px;font-size:var(--font-size-16)}>div{line-height:22px;font-size:var(--font-size-18);font-weight:700}}.cart-content-button{margin-bottom:var(--spacer-5)}.btn{@include center;height:48px;color:$color-white;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.cart-button-continue{color:$color-text;border:1px solid $color-text;background-color:#fff;transition:$transition;&:hover{color:#fff;background-color:$color-text}}}.cart-content-empty{padding:var(--spacer-5);background-color:$color-white;.cart-content-empty-icon{position:relative;@include center;padding-block:var(--spacer-4);margin-block:var(--spacer-5);border-top:1px solid $color-border;border-bottom:1px solid $color-border;svg{width:40%;height:40%;opacity:.1}}}}.section-counter{@include min($lg){position:relative;z-index:100}.section-counter-inside{@include center;gap:var(--spacer-7);padding-block:var(--spacer-3);.section-counter-title{@include center;color:$color-white;@include line-rule(22);font-weight:700;gap:var(--spacer-3);@include svghover(currentColor);span{flex:1 0 0%}}.section-counter-countdown{@include center;>div{position:relative;display:inline-flex;align-items:center;background:linear-gradient({{theme.settings.campaign_editor_counter_date_background_color}},{{theme.settings.campaign_editor_counter_date_background_color}}) padding-box,linear-gradient(90deg,$color-primary -5.5%,lighten($color-primary,20%) 100%) border-box;border:1px solid #fff0;@include border-radius(100px);color:{{theme.settings.campaign_editor_counter_date_color}};gap:var(--spacer-1);padding:var(--spacer-1) var(--spacer-6);@include max($xxxs){padding-inline:var(--spacer-5)}&:not(:last-child){margin-right:var(--spacer-8);&:before{content:':';position:absolute;left:calc(100% + var(--spacer-4));top:50%;transform:translateY(-50%);@include text-type-3}}span{display:block;&:first-child{@include heading-type-6;@include max($xxxs){@include line-rule(20)}}&:last-child{@include text-type-2;@include max($xxxs){@include line-rule(12)}}}}}.section-counter-button{>a{min-height:44px;display:inline-flex;align-items:center;background:linear-gradient(87.18deg,#1F1F26 17.52%,#3B3B3B 89.54%);@include border-radius(100px);color:$color-white;@include heading-type-3;padding-inline:var(--spacer-8)}@include min($xxlg){padding-left:var(--spacer-5)}}@include max($lg){flex-wrap:wrap;gap:var(--spacer-3);.section-counter-title{order:1}.section-counter-countdown{flex:0 0 100%;order:3}.section-counter-button{order:2}}@include max($sm){.section-counter-title{@include line-rule(14);gap:var(--spacer-2);svg{width:20px;height:20px}}.section-counter-button{>a{min-height:36px;@include line-rule(14);padding-inline:var(--spacer-6)}}}@include max($xxxs){.section-counter-title{@include line-rule(12)}.section-counter-button{>a{@include line-rule(12)}}}}}.marquee-wrapper{background-color:{{theme.settings.marquee_color_background}};overflow:hidden;padding-block:var(--spacer-3);@include min($lg){position:relative;z-index:100}.marquee-content{display:flex;align-items:center;overflow:hidden;.marquee-content-group{flex:0 0 auto;display:flex;align-items:center;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:40s;animation-play-state:running;width:max-content;will-change:transform,width;animation-name:scrolling-left;div{display:flex;align-items:center;color:{{theme.settings.marquee_color_text}};@include text-type-2;white-space:nowrap;gap:var(--spacer-2);margin-inline:var(--spacer-19);&:before{content:'';width:6px;height:6px;background:{{theme.settings.marquee_color_text}};@include border-radius(50%)}}}}@include min($lg){&:hover{.marquee-content-group{animation-play-state:paused}}}}@keyframes scrolling-left{0%{transform:translate3d(0,0,0);visibility:visible}100%{transform:translate3d(-100%,0,0)}}.bottom-fixed-menus{position:fixed;left:0;bottom:0;z-index:99;width:100%;padding-block:var(--spacer-6);background-color:$color-white;@include box-shadow(0,3px,18px,0,#00000052,false);.bottom-fixed-menu-item{>a{display:flex;flex-direction:column;align-items:center;color:$color-text;@include text-type-2;gap:4px;>div{position:relative}>svg,>div>svg{width:22px;height:22px}}}}.current-page-product-detail{.bottom-fixed-menus{border-top:1px solid $color-border;box-shadow:unset}}#main{padding:var(--spacer-15) 0 var(--spacer-30)}.current-page-default-entry{#main{padding:0}}.section-order{display:flex;flex-direction:column;section{width:100%;padding-block:var(--padding-block);margin-block:var(--margin-block)}}{% for i in 13..99 %}.order-{{i}}{order:{{i}}}{% endfor %}.story-banner-wrapper{overflow-x:hidden;.story-banner-container{display:flex;margin-right:-22px;margin-left:-22px;@include max($xxlg){margin-right:calc(-1*var(--gutter));margin-left:calc(-1*var(--gutter));padding-inline:0}@include max($lg){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-4)}.story-banner{flex:0 0 calc(100% / 11);max-width:calc(100% / 11);padding-right:22px;padding-left:22px;@include max($xxlg){padding-right:var(--gutter);padding-left:var(--gutter)}@include max($lg){flex:0 0 calc(100% / 6.5);max-width:calc(100% / 6.5)}@include max($md){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($sm){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($xs){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}>a{display:block;text-align:center;color:$color-text;@include heading-type-2;transition:$transition;.story-banner-image{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid $color-border;@include border-radius(50%);margin-bottom:var(--spacer-4);transition:$transition;@include imgcenter;img{@include border-radius(50%);transition:all .4s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}@include min($lg){&:hover{color:$color-primary;.story-banner-image{border-color:$color-primary;img{transform:scale(1.05)}}}}}}}}.entry-slider{.theme-slider{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.theme-slider-item{position:relative;.container{position:absolute;left:50%;top:0;width:100%;height:100%;transform:translateX(-50%)}.theme-slider-image{img{width:100%;height:100%;object-fit:cover;@include border-radius(18px)}}.theme-slider-content{position:absolute;left:0;top:0;z-index:89;display:flex;width:100%;height:100%;padding:var(--spacer-8) var(--spacer-12);&.content-type-1,&.content-type-4,&.content-type-7{align-items:flex-start}&.content-type-2,&.content-type-5,&.content-type-8{align-items:center}&.content-type-3,&.content-type-6,&.content-type-9{align-items:flex-end}&.content-type-1,&.content-type-2,&.content-type-3{justify-content:flex-start}&.content-type-4,&.content-type-5,&.content-type-6{justify-content:center}&.content-type-7,&.content-type-8,&.content-type-9{justify-content:flex-end}.theme-slider-texts-wrapper{@include min($lg){max-width:462px}.theme-slider-title{margin-bottom:var(--spacer-6);&:last-child{margin-bottom:0}&.large{@include line-rule(54);font-weight:600}&.normal{@include line-rule(48)}&.small{@include line-rule(40)}}.theme-slider-sub-title{font-weight:500;margin-bottom:var(--spacer-10);b{font-weight:700}&:last-child{margin-bottom:0}&.large{@include line-rule(70);font-weight:800}&.normal{@include line-rule(32)}&.small{@include line-rule(16)}@include max($lg){margin-bottom:var(--spacer-6)}}.theme-slider-button{button{font-weight:500;background:var(--sliderButtonBgColor);color:var(--sliderButtonTextColor);padding:var(--spacer-4) var(--spacer-10);transition:$transition;&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sliderButtonBgColorHover);transform:translate3d(-100%,0,0);transition:transform 0.3s cubic-bezier(.7,0,.2,1)}&.flat{border-radius:0}&.radius{border-radius:12px}&.tube{border-radius:100px}&.large{@include line-rule(20)}&.normal{@include line-rule(16)}&.small{@include line-rule(14)}@include min($lg){&:hover{color:var(--sliderButtonTextColorHover);&:after{transform:translate3d(0,0,0)}}}}}}}>a{.theme-slider-content{.theme-slider-texts-wrapper{.theme-slider-button{button{cursor:pointer!important}}}}}}.slick-arrow{position:absolute;bottom:var(--spacer-9);width:44px;height:44px;z-index:2;background:{{theme.settings.bento_slider_arrows_background_color}};border:none;border-radius:50%;@include center;transition:$transition;@include svg;&.slick-prev{right:calc(var(--spacer-10) + 60px)}&.slick-next{right:var(--spacer-10)}@include min($lg){&:hover{background:{{theme.settings.bento_slider_arrows_active_background_color}};@include svghover({{theme.settings.bento_slider_arrows_active_color}})}}@include max($lg){display:none!important}}.slick-dots{position:absolute;bottom:var(--spacer-9);left:var(--spacer-10);@include center;>li{margin:0 6px;button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;padding:0;border:none;@include border-radius(100px);transition:$transition}&.slick-active{>button{width:40px}}&:only-child{display:none}}@include max($lg){display:none!important}}}&.entry-slider-style-3{.theme-slider{.theme-slider-item{.theme-slider-image{img{@include border-radius(0)}}}}}&.entry-slider-style-2,&.entry-slider-style-3{.theme-slider{.theme-slider-item{.theme-slider-content{@include min($lg){padding-inline:var(--spacer-8)}.theme-slider-texts-wrapper{@include min($lg){max-width:711px}.theme-slider-title{margin-bottom:var(--spacer-2)}.theme-slider-sub-title{margin-bottom:var(--spacer-15);@include max($lg){margin-bottom:var(--spacer-6)}}}}}}.slick-arrow{bottom:auto;top:50%;transform:translateY(-50%);background:{{theme.settings.slider_arrows_background_color}};&.slick-prev{right:auto;left:var(--spacer-6)}&.slick-next{right:var(--spacer-6)}@include min($lg){&:hover{background:{{theme.settings.slider_arrows_active_background_color}};@include svghover({{theme.settings.slider_arrows_active_color}})}}@include max($lg){display:none!important}}.slick-dots{bottom:var(--spacer-4);left:0;width:100%;>li{margin:0 6px;button{position:relative;overflow:hidden;display:block;width:13px;height:13px;text-indent:-9999px;padding:0;border:1px solid{{theme.settings.slider_dots_border_passive_color}};@include border-radius(50%);background:#fff0;opacity:.7;transition:$transition}&.slick-active{>button{width:13px;border-color:{{theme.settings.slider_dots_border_active_color}};opacity:1}}&:only-child{display:none}}@include max($lg){display:none!important}}}&.entry-slider-style-2{.theme-slider{.theme-slider-item{@include min($lg){.theme-slider-content{padding-inline:var(--spacer-27)}}.container{padding:0}}}}.bento-banner-wrapper{.bento-banner-container{row-gap:calc(var(--gutter) * 2);.bento-banner{>a{position:relative;display:block;.bento-banner-image{position:relative;aspect-ratio:418/420;overflow:hidden;@include border-radius(18px);@include imgcenter;img{transition:all .5s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}.bento-banner-content{position:absolute;right:0;bottom:0;z-index:1;width:100%;padding:var(--spacer-8);@include max($lg){padding:var(--spacer-4)}@include max($sm){padding:var(--spacer-8)}.bento-banner-title{color:$color-text;@include heading-type-5;span{display:block}}.bento-banner-button{position:relative;color:$color-text;@include text-type-2;padding:var(--spacer-4) 0 calc(var(--spacer-2) + 4px);&:after{content:'';position:absolute;left:0;bottom:0;width:87px;height:4px;background:$color-text;@include border-radius(100px);transition:$transition}}}@include min($lg){&:hover{.bento-banner-image{img{transform:scale(1.05)}}.bento-banner-content{.bento-banner-button{&:after{width:50px}}}}}}&.bento-banner-1{>a{.bento-banner-content{.bento-banner-title{color:{{theme.settings.bento_banner_sub_title_color_1}}}.bento-banner-button{color:{{theme.settings.bento_banner_button_title_color_1}};&:after{background:{{theme.settings.bento_banner_button_title_color_1}}}}}}}&.bento-banner-2{>a{.bento-banner-content{.bento-banner-title{color:{{theme.settings.bento_banner_sub_title_color_2}}}.bento-banner-button{color:{{theme.settings.bento_banner_button_title_color_2}};&:after{background:{{theme.settings.bento_banner_button_title_color_2}}}}}}}&.bento-banner-3{>a{.bento-banner-image{aspect-ratio:868/348}.bento-banner-content{.bento-banner-title{color:{{theme.settings.bento_banner_sub_title_color_3}}}.bento-banner-button{color:{{theme.settings.bento_banner_button_title_color_3}};&:after{background:{{theme.settings.bento_banner_button_title_color_3}}}}}}}}}@include max($lg){padding-top:calc(var(--gutter) * 2)}}}.theme-banner-wrapper{&.theme-banner-category-wrapper{.theme-banner-container{@include max($lg){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacer-4);>div{flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}@include max($sm){>div{flex:0 0 calc(100% / 1.5);max-width:calc(100% / 1.5)}}.theme-banner{>a{position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#EEF0F2 -5.5%,#FFFFFF 100%);@include border-radius(100px);padding:var(--spacer-2) var(--spacer-11) var(--spacer-2) 0;&:after{content:"";position:absolute;inset:0;padding:6px;background:linear-gradient(90deg,$color-primary -5.5%,#FFFFFF 100%);mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);@include border-radius(100px);opacity:0;transition:$transition}.theme-banner-content{position:relative;z-index:1;flex:1 0 0%;text-align:center;padding-inline:var(--spacer-4);.theme-banner-title{color:$color-text;@include line-rule(24);font-weight:500;margin-bottom:var(--spacer-1)}.theme-banner-sub-title{color:$color-text;@include text-type-4}}.theme-banner-image{position:relative;z-index:1;flex:0 0 136px;width:136px;height:134px;transition:$transition;@include imgcenter;&.image-cover{img{width:100%;height:100%;object-fit:cover}}@include max($xxlg){flex:0 0 100px;width:100px;height:100px}@include max($xlg){flex:0 0 80px;width:80px;height:80px}@include max($xs){flex:0 0 60px;width:60px;height:60px}}@include min($lg){&:hover{&:after{opacity:1}}}}}}}&.theme-banner-triple-wrapper,&.theme-banner-dual-wrapper,&.theme-banner-quartet-wrapper{.theme-banner-container{row-gap:calc(var(--gutter) * 2);.theme-banner{>a{position:relative;display:block;.theme-banner-image{position:relative;aspect-ratio:568/400;overflow:hidden;@include border-radius(16px);@include imgcenter;img{transition:all .5s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}.theme-banner-content{position:absolute;left:0;bottom:0;z-index:1;display:flex;align-items:center;gap:var(--spacer-4);padding:var(--spacer-8);@include max($xlg){padding:var(--spacer-4)}@include max($sm){padding:var(--spacer-8)}.theme-banner-title{color:$color-text;@include heading-type-6;@include max($xlg){@include line-rule(24)}span{display:block}}.theme-banner-button{flex:0 0 50px;height:50px;@include center;background:$color-text;@include border-radius(50%);transition:$transition;svg{transition:$transition}@include max($lg){flex:0 0 34px;height:34px}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}.theme-banner-content{.theme-banner-button{background:$color-primary;svg{transform:rotate(45deg)}}}}}}}}}&.theme-banner-single-wrapper{.theme-banner{>a{position:relative;display:block;.theme-banner-image{position:relative;aspect-ratio:1768/660;overflow:hidden;@include border-radius(18px);@include imgcenter;img{transition:all .5s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}@include max($lg){aspect-ratio:335/350}}.theme-banner-content{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;text-align:center;padding-block:var(--spacer-31);@include max($lg){padding:var(--spacer-16) var(--spacer-8)}.theme-banner-sup-title{color:$color-text;@include text-type-5;margin-bottom:var(--spacer-3)}.theme-banner-title{color:$color-text;@include line-rule(52);font-weight:700;margin-bottom:var(--spacer-3)}.theme-banner-sub-title{color:$color-text;@include text-type-4;margin-bottom:var(--spacer-8)}.theme-banner-button{min-width:247px;display:inline-flex;justify-content:center;color:$color-white;@include heading-type-3;padding:var(--spacer-4) var(--spacer-8);@include border-radius(100px);transition:$transition;@include max($lg){min-width:174px}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}}}}}}&.theme-banner-senary-wrapper{.theme-banner-container{.theme-banner{>a{.theme-banner-image{aspect-ratio:418/380}}&.theme-banner-9,&.theme-banner-10{>a{.theme-banner-image{aspect-ratio:868/400}}}}}}&.theme-banner-main-wrapper{.theme-banner-container{row-gap:calc(var(--gutter) * 2);.theme-banner{>a{position:relative;display:block;.theme-banner-image{position:relative;aspect-ratio:568/720;overflow:hidden;@include border-radius(18px);@include imgcenter;img{transition:all .5s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}@include max($lg){aspect-ratio:335/350}}.theme-banner-content{position:absolute;right:0;bottom:0;z-index:1;width:100%;text-align:right;padding:var(--spacer-9);@include max($lg){padding:var(--spacer-4)}@include max($sm){text-align:center;padding:var(--spacer-8)}.theme-banner-title{color:$color-text;@include text-type-3;margin-bottom:var(--spacer-3)}.theme-banner-sub-title{color:$color-text;@include heading-type-6;margin-bottom:var(--spacer-5)}.theme-banner-button{position:relative;color:$color-text;@include text-type-4;padding-bottom:calc(var(--spacer-2) + 4px);&:after{content:'';position:absolute;right:0;bottom:0;width:87px;height:4px;background:$color-text;@include border-radius(100px);transition:$transition;@include max($sm){right:50%;transform:translateX(50%)}}}}@include min($lg){&:hover{.theme-banner-image{img{transform:scale(1.05)}}.theme-banner-content{.theme-banner-button{&:after{width:50px}}}}}}}}}}.product-area-bottom{.default-products{&:last-child{margin-bottom:0}}}.default-products{margin-bottom:var(--spacer-30);.products-header{text-align:center;margin-bottom:var(--spacer-8);h2{color:$color-text;@include heading-type-6}p{color:$color-sub-text;@include line-rule(18);padding-top:var(--spacer-3)}}&.default-products-carousel{.products-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}>.slick-arrow{position:absolute;opacity:1;top:33.5%;z-index:2;transform:translateY(-33.5%);width:52px;height:52px;cursor:pointer;background:#fff;@include border-radius(50%);box-shadow:0 2px 10px 0 #3632321A;@include svg;&.slick-prev{left:-10px}&.slick-next{right:-10px}&:not(.slick-disabled){&:hover{@include svghover($color-primary)}}@include max(1860){&.slick-prev{left:calc(var(--gutter) * 2)}&.slick-next{right:calc(var(--gutter) * 2)}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:var(--spacer-15);>li{margin:0 6px;>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-fifth;transition:$transition}&.slick-active{>button{width:40px;background-color:$color-text;@include border-radius(100px)}}&:only-child{display:none}}}}{% if theme.settings.featured_products_container_or_fullwidth=='fullwidth' %}&.featured-products{.slick-arrow{&.slick-prev{left:calc(var(--gutter) * 2)}&.slick-next{right:calc(var(--gutter) * 2)}}}{% endif %}{% if theme.settings.new_products_container_or_fullwidth=='fullwidth' %}&.new-products{.slick-arrow{&.slick-prev{left:calc(var(--gutter) * 2)}&.slick-next{right:calc(var(--gutter) * 2)}}}{% endif %}}&.default-products-list{.products-content{row-gap:calc(var(--gutter) * 2)}}&.home-products{@include min($lg){position:relative;overflow-x:hidden;.products-header{h2{font-size:160px;line-height:168px;@include max(1760){font-size:120px;line-height:128px}@include max(1600){font-size:90px;line-height:98px}@include max($xlg){font-size:70px;line-height:78px}}p{color:$color-text;@include line-rule(36);font-weight:700;padding-top:var(--spacer-8);@include max(1760){@include line-rule(32)}@include max(1600){@include line-rule(28);padding-top:var(--spacer-4)}@include max($xlg){@include line-rule(24)}@include max(1366){@include line-rule(20)}}{% if theme.settings.home_banner_status %}position:absolute;left:35.2%;z-index:2;pointer-events:none;width:50.905%;text-align:left;margin-bottom:0;{% else %}margin-bottom:var(--spacer-8);{% endif %}}.products-content{&.slick-slider{.slick-list{overflow:visible}}{% if theme.settings.home_products_container_or_fullwidth=='fullwidth' %}.slick-arrow{&.slick-prev{left:calc(var(--gutter) * 2)}&.slick-next{right:calc(var(--gutter) * 2)}}{% endif %}{% if theme.settings.home_banner_status %}&.slick-slider{position:static}>.slick-arrow{top:142px;transform:unset;&.slick-prev{left:auto;right:84px}&.slick-next{right:0}@include max(1780){top:90px}@include max(1600){top:60px}@include max($xlg){top:10px}}{% endif %}}}}}.home-banner{margin-bottom:var(--spacer-9);>a{display:block;.home-banner-image{position:relative;aspect-ratio:718/935;overflow:hidden;@include border-radius(18px);@include imgcenter;img{transition:all .5s linear}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}.home-banner-title{display:flex;align-items:center;color:$color-text;@include line-rule(32);font-weight:700;gap:var(--spacer-6);padding-top:var(--spacer-10);svg{flex:0 0 40px}}@include min($lg){&:hover{.home-banner-image{img{transform:scale(1.05)}}}}}@include min($lg){position:relative;z-index:1;>a{background:{{theme.settings.home_products_color_background}}}&:before{content:'';position:absolute;top:0;right:100%;width:50vw;height:100%;background:{{theme.settings.home_products_color_background}}}&:after{content:'';position:absolute;top:0;left:100%;width:calc(var(--gutter) * 2);height:100%;background:{{theme.settings.home_products_color_background}}}}}.showcase{position:relative;.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 heading-type-2;@include border-radius(0 $border-radius $border-radius 0);padding:var(--spacer-2) var(--spacer-5);&:first-child{@include border-radius($border-radius 0 $border-radius 0)}&:not(:last-child){margin-bottom:var(--spacer-1)}&.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($xlg){padding-inline:var(--spacer-4)}}}.discount-label{position:absolute;top:0;right:0;z-index:20;@include heading-type-2;color:{{theme.settings.color_text_discount_label}};background-color:{{theme.settings.color_background_discount_label}};@include border-radius(0 $border-radius 0 $border-radius);padding:var(--spacer-2) var(--spacer-5);@include min(1520){display:none}}.sold-out-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;height:24px;color:{{theme.settings.color_text_sold_out_label}};padding:0 var(--spacer-2);background-color:{{theme.settings.color_background_sold_out_label}};border-radius:$border-radius}.digital-label{position:absolute;bottom:0;left:0;z-index:10;@include heading-type-2;padding:var(--spacer-2) var(--spacer-5);color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}};@include border-radius(0 $border-radius 0 $border-radius)}}}.showcase-image{position:relative;overflow:hidden;aspect-ratio:var(--aspect-ratio);border-radius:$border-radius;a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:$color-white;transition:$transition;@include imgcenter;&:nth-child(2){visibility:hidden;opacity:0;z-index:2;img{transition:$transition}}}&.image-cover{a{img{width:100%;height:100%;object-fit:cover}}}&.no-picture{a{img{width:auto;height:auto;object-fit:contain}}}}&.showcase-style-1{.showcase-image-container{position:relative;a.showcase-label-container{.discount-label{top:auto;bottom:0;@include border-radius($border-radius 0 $border-radius 0)}}.showcase-favorites{position:absolute;right:var(--spacer-3);top:var(--spacer-3);z-index:10;>a.add-my-favorites{@include center;width:22px;height:22px;.showcase-icon-favori-add{display:none}&.favorite-product{.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}}}.showcase-content{display:flex;align-items:flex-end;gap:var(--gutter);padding-block:var(--spacer-5);.showcase-content-left{flex:1 0 0%;.showcase-title{margin-bottom:var(--spacer-5);a{overflow:hidden;display:block;height:calc((var(--font-size-16) + 8px) * 2);line-height:calc(var(--font-size-16) + 8px);color:$color-text;font-size:var(--font-size-16);font-weight:500;@include max($xs){height:calc((var(--font-size-16) + 8px) * 3)}}}.showcase-price-wrapper{display:flex;align-items:center;height:56px;@include max(1520){height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px)}.discount-label{flex:0 0 56px;height:56px;@include center;color:{{theme.settings.color_text_discount_label}};background-color:{{theme.settings.color_background_discount_label}};@include border-radius(50%);@include heading-type-3;margin-left:var(--spacer-3);@include max(1520){display:none}}.showcase-price{display:flex;align-items:center;@include max(1520){flex-direction:column;align-items:flex-start;justify-content:center;height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px)}.showcase-price-new{color:$color-text;span{&:nth-child(1){line-height:calc(var(--font-size-20) + 8px);font-size:var(--font-size-20);font-weight:500}&:nth-child(2){@include line-rule(12)}}}.showcase-price-old{color:$color-sub-text;margin-right:var(--spacer-2);span{&:nth-child(1){line-height:calc(var(--font-size-14) + 8px);font-size:var(--font-size-14);text-decoration:line-through}&:nth-child(2){@include line-rule(10)}}@include max(1520){margin-right:0}}}}}.showcase-buttons{>a{@include center;width:56px;height:56px;@include border-radius(50%);transition:$transition;@include max($xlg){width:44px;height:44px}@include max($lg){width:40px;height:40px}}a.add-to-cart-button{@include svg;@include svghover(currentColor);svg{position:relative;z-index:1}}a.no-stock-button{color:$color-white;background-color:$color-sub-text;cursor:no-drop;@include svghover($color-white)}}}}&.showcase-style-2,&.showcase-style-3{@include min($lg){&:hover{.showcase-image-container{.showcase-buttons{bottom:var(--spacer-8);visibility:visible;opacity:1}}}}.showcase-image-container{a.showcase-label-container{.discount-label{top:0;right:0;display:block}}.showcase-buttons{position:absolute;left:0;bottom:var(--spacer-4);z-index:20;width:100%;opacity:0;visibility:hidden;padding-inline:var(--spacer-8);transition:$transition;>a{@include center;height:48px;@include heading-type-3;@include border-radius(100px);box-shadow:0 2px 10px 0 #3632321A;padding:0 var(--spacer-3);transition:$transition}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}}.showcase-content{padding-block:var(--spacer-5) var(--spacer-4);.showcase-brand{height:calc(var(--font-size-14) + 8px);margin-bottom:var(--spacer-3);a{overflow:hidden;display:block;height:calc(var(--font-size-14) + 8px);line-height:calc(var(--font-size-14) + 8px);color:$color-primary;font-size:var(--font-size-14);font-weight:700}}.showcase-title-wrapper{display:flex;gap:var(--gutter);margin-bottom:var(--spacer-3);.showcase-title{flex:1 0 0%;a{overflow:hidden;display:block;height:calc((var(--font-size-16) + 8px) * 2);line-height:calc(var(--font-size-16) + 8px);color:$color-text;font-size:var(--font-size-16);font-weight:500;@include max($xs){height:calc((var(--font-size-16) + 8px) * 3)}}}.showcase-favorites{>a.add-my-favorites{@include center;width:22px;height:22px;.showcase-icon-favori-add{display:none}&.favorite-product{.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}}}.showcase-comment{display:flex;align-items:center;margin-bottom:var(--spacer-3);.showcase-rating-stars{font-size:13px;line-height:13px;--percent:calc(var(--rating) / 5 * 100%);&::before{content:'★★★★★';letter-spacing:1px;background:linear-gradient(90deg,$color-primary var(--percent),#D0D0D0 var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}}}.showcase-price{display:flex;align-items:center;@include max($sm){flex-direction:column;align-items:flex-start;justify-content:center;height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px)}.showcase-price-new{color:$color-text;span{&:nth-child(1){line-height:calc(var(--font-size-20) + 8px);font-size:var(--font-size-20);font-weight:500}&:nth-child(2){@include line-rule(12)}}}.showcase-price-old{color:$color-sub-text;margin-right:var(--spacer-2);span{&:nth-child(1){line-height:calc(var(--font-size-14) + 8px);font-size:var(--font-size-14);text-decoration:line-through}&:nth-child(2){@include line-rule(10)}}@include max($sm){margin-right:0}}}}}&.showcase-style-3{.showcase-content{padding-bottom:0}.showcase-bottom{display:flex;gap:var(--spacer-11);padding-top:var(--spacer-6);@include max($xxlg){gap:var(--spacer-4)}.showcase-favorites{>a.add-my-favorites{@include center;width:56px;height:56px;background-color:$color-background;@include border-radius(50%);@include max($lg){width:44px;height:44px}@include max($sm){width:36px;height:36px;svg{width:20px;height:20px}}.showcase-icon-favori-add{display:none}&.favorite-product{.showcase-icon-favori{display:none}.showcase-icon-favori-add{display:block}}}}.showcase-buttons{flex:1 0 0%;>a{@include center;height:56px;@include heading-type-3;text-align:center;@include border-radius(100px);padding:0 var(--spacer-3);transition:$transition;@include max($lg){height:44px;svg{display:none}}@include max($sm){height:36px}}a.add-to-cart-button{@include svghover(currentColor);>span{display:flex;align-items:center;gap:var(--spacer-2)}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}}}@include min($lg){&:hover{.showcase-image{a{&:nth-child(2){visibility:visible;opacity:1}}}}}}.showcase-5-column{.showcase{&.showcase-style-1{.showcase-image-container{a.showcase-label-container{.discount-label{display:block}}}.showcase-content{.showcase-price-wrapper{height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px);.discount-label{display:none}.showcase-price{flex-direction:column;align-items:flex-start;justify-content:center;height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px)}}}}&.showcase-style-3{.showcase-bottom{gap:var(--spacer-4);.showcase-favorites{>a.add-my-favorites{@include max($xlg){width:44px;height:44px}@include max($sm){width:36px;height:36px;svg{width:20px;height:20px}}}}.showcase-buttons{>a{gap:var(--spacer-2);@include max($xxlg){@include line-rule(14);svg{display:none}}@include max($xlg){height:44px}}}}}}}.showcase-container{&.quadruple-sorting{.showcase{&.showcase-style-1{.showcase-image-container{a.showcase-label-container{.discount-label{@include max(1520){display:block}}}}.showcase-content{.showcase-price-wrapper{@include max(1520){.discount-label{display:none}}}}}&.showcase-style-3{.showcase-bottom{gap:var(--spacer-4);.showcase-favorites{>a.add-my-favorites{@include max($xlg){width:44px;height:44px}@include max($sm){width:36px;height:36px;svg{width:20px;height:20px}}}}.showcase-buttons{>a{gap:var(--spacer-2);@include max($xlg){height:44px;@include line-rule(14);svg{display:none}}}}}}}}&.quintuple-sorting{.showcase{&.showcase-style-1{.showcase-image-container{a.showcase-label-container{.discount-label{display:block}}}.showcase-content{.showcase-price-wrapper{height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px);.discount-label{display:none}.showcase-price{flex-direction:column;align-items:flex-start;justify-content:center;height:calc(var(--font-size-20) + 8px + var(--font-size-14) + 8px)}}}}&.showcase-style-3{.showcase-bottom{gap:var(--spacer-4);.showcase-favorites{>a.add-my-favorites{@include max($xlg){width:44px;height:44px}@include max($sm){width:36px;height:36px;svg{width:20px;height:20px}}}}.showcase-buttons{>a{gap:var(--spacer-2);@include max($xxlg){@include line-rule(14);svg{display:none}}@include max($xlg){height:44px}}}}}}}}.entry-brands-list{.entry-brands-list-title{text-align:center;margin-bottom:var(--spacer-8);h2{color:$color-text;@include heading-type-6;margin-bottom:var(--spacer-3)}p{@include line-rule(18);color:$color-sub-text}}.entry-brands-list-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.brands-item{>a{position:relative;display:block;aspect-ratio:193/114;border:1px solid $color-border;@include border-radius(8px);overflow:hidden;transition:$transition;@include imgcenter;img{max-width:90%;max-height:90%}@include min($lg){&:hover{border-color:$color-primary}}}}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding:var(--spacer-10) var(--gutter) 0;gap:var(--spacer-5);>li{>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-fifth;transition:$transition}&.slick-active{>button{width:40px;background-color:$color-text;@include border-radius(100px)}}&:only-child{display:none}}}}}.entry-blog-container{.entry-blog-header{text-align:center;margin-bottom:var(--spacer-8);h2{color:$color-text;@include heading-type-6;margin-bottom:var(--spacer-3)}p{@include line-rule(18);color:$color-sub-text}}.entry-blog-button{display:flex;justify-content:flex-end;margin-bottom:var(--spacer-8);>a{display:inline-flex;align-items:center;border:1px solid $color-sub-text;@include border-radius(100px);color:$color-text;@include text-type-2;gap:var(--spacer-3);padding:var(--spacer-2) var(--spacer-6);transition:$transition;@include svg;@include min($lg){&:hover{background:$color-primary;border-color:$color-primary;color:$color-white;@include svghover($color-white)}}}}.entry-blog-content{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}>.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding:var(--spacer-10) var(--gutter) 0;gap:var(--spacer-5);>li{>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-fifth;transition:$transition}&.slick-active{>button{width:40px;background-color:$color-text;@include border-radius(100px)}}&:only-child{display:none}}}.entry-blog-item-container{.entry-blog-item-image{height:100%;a{position:relative;overflow:hidden;display:block;aspect-ratio:418/310;@include border-radius(18px);@include imgcenter}.entry-blog-nopic{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;color:#ccc;font-size:70px;background:#f5f5f5;@include center}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}.entry-blog-item-content{position:relative;z-index:4;text-align:center;.entry-blog-item-top{background:$color-white;@include border-radius(18px 18px 0 0);padding:var(--spacer-6) var(--spacer-4) 0;margin:-32px var(--spacer-8) var(--spacer-6);.entry-blog-title{margin-bottom:var(--spacer-3);a{display:block;overflow:hidden;height:calc(var(--font-size-18) + 8px);line-height:calc(var(--font-size-18) + 8px);color:$color-text;font-size:var(--font-size-18);font-weight:600}}.blog-date-and-category{@include center;flex-wrap:wrap;gap:var(--spacer-4);.blog-date{display:flex;align-items:center;color:$color-sub-text;@include text-type-2;gap:var(--spacer-2)}.blog-category{display:flex;align-items:center;text-align:left;gap:var(--spacer-2);svg{flex:0 0 20px}>div{a{color:$color-primary;@include heading-type-1;transition:$transition;@include min($lg){&:hover{color:$color-primary-darken}}}span{color:$color-primary}}}}}.entry-blog-text{margin-bottom:var(--spacer-8);p{overflow:hidden;height:calc((var(--font-size-14) + 8px) * 3);line-height:calc(var(--font-size-14) + 8px);font-size:var(--font-size-14);color:$color-sub-text;margin-bottom:0}}.entry-blog-item-bottom{a{display:inline-flex;align-items:center;border:1px solid $color-text;@include border-radius(100px);color:$color-text;@include heading-type-3;gap:var(--spacer-3);padding:var(--spacer-3) var(--spacer-8);transition:$transition;@include svg;@include min($lg){&:hover{background:$color-text;color:$color-white;@include svghover($color-white);svg{transform:rotate(45deg)}}}}}}}}}.seo-text{text-align:center;.seo-text-title{color:$color-text;@include heading-type-6;margin-bottom:var(--spacer-8)}.seo-text-content{color:$color-text;@include text-type-2}}.shopping-banners{margin-bottom:var(--spacer-10);.row{row-gap:calc(var(--gutter) * 2)}.shopping-banner{display:block;text-align:center;@include svghover($color-text);.shopping-banner-icon{width:50px;height:50px;@include center;border:1px solid $color-text;@include border-radius(4px);margin:0 auto var(--spacer-5);svg{max-width:30px;max-height:30px}}.shopping-banner-content{.shopping-banner-title{color:$color-text;@include heading-type-3;margin-bottom:var(--spacer-3)}.shopping-banner-sub-title{color:$color-sub-text;@include text-type-2}}}&.shopping-banner-style-2{.shopping-banner{display:flex;align-items:center;text-align:left;gap:var(--spacer-4);.shopping-banner-icon{margin:0}.shopping-banner-content{flex:1 0 0%;.shopping-banner-title{@include text-type-4;margin-bottom:var(--spacer-1)}}}@include max($xs){.row{>div{flex:0 0 100%;max-width:100%}}}}}#footer{&.footer-style-1{.footer-bg{background:$color-text url("{{ themeAsset('images/footer-bg.png') }}") no-repeat center bottom;background-size:cover;.footer-row-1{background:linear-gradient(90deg,#101010 0%,#2B2B2B 100%);padding-block:var(--spacer-15);.container{>.row{row-gap:calc(var(--gutter) * 2)}}}.footer-row-2{padding-block:var(--spacer-25) var(--spacer-22);.container{>.row{row-gap:var(--spacer-10)}}.footer-right{display:grid;gap:var(--spacer-10)}}.footer-row-3{@include min($lg){border-top:1px solid #353536;padding-block:var(--spacer-6) var(--spacer-7)}}}.footer-row-4{border-bottom:1px solid $color-border;padding-block:var(--spacer-6) var(--spacer-7);.container{>.row{row-gap:var(--spacer-6)}}}}&.footer-style-2{.footer-row-1{background:$color-background;padding-block:var(--spacer-25) var(--spacer-23);.container{>.row{row-gap:var(--spacer-10)}}.footer-left{display:grid;gap:var(--spacer-6)}}.footer-row-2{background:$color-text;padding-block:var(--spacer-6);.container{>.row{row-gap:var(--spacer-6)}}}}}.footer-style-2{.footer-logo{margin-bottom:var(--spacer-2);>a{img{max-height:28px}}}.footer-social{.footer-social-content{gap:var(--spacer-4);div{a{width:32px;height:32px;border:1px solid $color-sub-text;@include svghover($color-sub-text);@include min($lg){&:hover{@include svghover($color-white);&.footer-social-facebook{border-color:$color-facebook}&.footer-social-twitter{border-color:$color-white}&.footer-social-instagram{border-color:$color-instagram}&.footer-social-pinterest{border-color:$color-pinterest}&.footer-social-tiktok{border-color:$color-text}&.footer-social-whatsapp{border-color:$color-whatsapp}&.footer-social-youtube{border-color:$color-youtube}&.footer-social-linkedin{background:$color-text;border-color:$color-text}}}}}}@include max($lg){border:none;padding:0;.footer-social-content{justify-content:flex-start}}@include max($sm){.footer-social-content{justify-content:center}}@include max($xs){.footer-social-content{div{a{width:30px;height:30px}}}}}.footer-menu-container{.footer-menu{.footer-menu-title{color:$color-text;@include text-type-5}.footer-menu-content{>ul{>li{>a{color:$color-sub-text;&:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.003 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.503V12.75H12.003V7.0605Z' fill='%237A7A7A'/%3E%3C/svg%3E")}@include min($lg){&:hover{color:$color-text;&:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.003 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.503V12.75H12.003V7.0605Z' fill='%231F1F26'/%3E%3C/svg%3E")}}}}}}}}@include max($sm){&[data-menu-type="accordion"]{.footer-menu{.footer-menu-title{border:1px solid $color-sub-text}.footer-menu-content{>ul{>li{color:$color-sub-text}}}}}}}#scroll-top{background-color:$color-text;border:none;@include svghover($color-white);@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white)}}}}.instagram-banner-wrapper{height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}.instagram-banner{>a{position:relative;display:block;aspect-ratio:1;overflow:hidden;@include imgcenter;img{transition:all .5s linear}&:after{content:'';position:absolute;inset:0;width:100%;height:100%;background-color:rgba($color-text,.32);transition:$transition;@include min($lg){background-image:url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4978 3.53111C9.41291 3.53111 5.53391 3.16773 4.05229 6.97023C3.44029 8.54073 3.52916 10.5804 3.52916 13.5009C3.52916 16.0636 3.44704 18.4722 4.05229 20.0304C5.53054 23.8351 9.44104 23.4706 13.4955 23.4706C17.4072 23.4706 21.4403 23.8779 22.9399 20.0304C23.553 18.4441 23.463 16.4349 23.463 13.5009C23.463 9.60611 23.6779 7.09173 21.789 5.20398C19.8765 3.29148 17.2902 3.53111 13.4933 3.53111H13.4978ZM12.6045 5.32773C21.1253 5.31423 22.2098 4.36698 21.6113 17.5261C21.3987 22.1802 17.8549 21.6695 13.4989 21.6695C5.55641 21.6695 5.32804 21.4422 5.32804 13.4964C5.32804 5.45823 5.95804 5.33223 12.6045 5.32548V5.32773ZM18.819 6.98261C18.1587 6.98261 17.6232 7.51811 17.6232 8.17848C17.6232 8.83886 18.1587 9.37436 18.819 9.37436C19.4794 9.37436 20.0149 8.83886 20.0149 8.17848C20.0149 7.51811 19.4794 6.98261 18.819 6.98261ZM13.4978 8.38098C10.6707 8.38098 8.37904 10.6737 8.37904 13.5009C8.37904 16.328 10.6707 18.6196 13.4978 18.6196C16.3249 18.6196 18.6154 16.328 18.6154 13.5009C18.6154 10.6737 16.3249 8.38098 13.4978 8.38098ZM13.4978 10.1776C17.8909 10.1776 17.8965 16.8241 13.4978 16.8241C9.10578 16.8241 9.09903 10.1776 13.4978 10.1776Z' fill='white'/%3E%3C/svg%3E");background-position:right 4px bottom 4px;background-repeat:no-repeat}}@include min($lg){&:hover{img{transform:scale(1.05)}&:after{background-color:#fff0}}}}&.image-cover{img{width:100%;height:100%;object-fit:cover}}}}.footer-logo{>a{display:inline-block;img{max-height:46px}}@include max($sm){display:flex;justify-content:center}}.footer-text{color:$color-sub-text;@include line-rule(16);@include max($sm){text-align:center}}.footer-phone,.footer-whatsapp,.footer-mail,.footer-address,.footer-contact-us{>a{display:flex;align-items:center;gap:var(--spacer-4);i{width:52px;height:52px;@include center;border:1px solid $color-border;@include border-radius(4px);transition:$transition;@include svg}>div{flex:1 0 0%;display:grid;gap:var(--spacer-1);>div{color:$color-sub-text;@include text-type-2;transition:$transition}>span{color:$color-white;@include heading-type-5;transition:$transition}}@include min($lg){&:hover{i{background:$color-border;@include svghover($color-text)}>div{>div{color:$color-white}}}}@include max($xxlg){flex-direction:column;align-items:flex-start}@include max($lg){flex-direction:unset;align-items:center}@include max($sm){flex-direction:column;text-align:center}}}@include max($sm){.footer-contact-us{@include center;border:1px solid $color-border;@include border-radius(8px);padding:var(--spacer-6);>a{flex-direction:unset;text-align:left}}}.footer-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacer-6);.footer-phone-2,.footer-mail-2,.footer-whatsapp-2,.footer-contact-us-2{>a{display:flex;align-items:center;flex-wrap:wrap;color:$color-sub-text;@include text-type-3;transition:$transition;@include svghover($color-sub-text);@include svg;i{flex:0 0 24px}span{padding-left:var(--spacer-3)}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}@include max($sm){justify-content:center}}}@include max(1600){grid-template-columns:repeat(1,1fr)}@include max($md){grid-template-columns:repeat(2,1fr)}@include max($xs){grid-template-columns:repeat(1,1fr)}}.footer-menu-container{.footer-menu{.footer-menu-title{color:$color-white;@include heading-type-5;margin-bottom:var(--spacer-8)}.footer-menu-content{>ul{>li{margin-bottom:var(--spacer-6);&:last-child{margin-bottom:0}>a{display:inline-flex;align-items:center;color:$color-sub-text;@include text-type-3;gap:var(--spacer-2);padding-left:0;transition:$transition;&:before{content:'';width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.003 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.503V12.75H12.003V7.0605Z' fill='%23A5A5A5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;transition:$transition}@include min($lg){&:hover{color:$color-white;padding-left:var(--spacer-4);&:before{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.003 7.0605L5.5478 13.5157L4.4873 12.4553L10.9418 6H5.25305V4.5H13.503V12.75H12.003V7.0605Z' fill='white'/%3E%3C/svg%3E")}}}}}}}}@include max($sm){text-align:center;.row{row-gap: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;padding:var(--spacer-8);margin-bottom:0;border:1px solid $color-white;border-radius:$border-radius;&:after{content:'\f067';font-size:var(--font-size-12);font-weight:900;font-family:"Font Awesome 5 Free"}}.footer-menu-content{padding:var(--spacer-8) var(--spacer-8) 0;display:none;>ul{>li{color:$color-sub-text}}}&.active{.footer-menu-title{&:after{content:'\f068'}}.footer-menu-content{display:block}}}}}}.newsletter{.newsletter-title{margin-bottom:var(--spacer-6);>div{color:$color-white;@include heading-type-5;margin-bottom:var(--spacer-8)}>span{color:$color-sub-text;@include text-type-3}@include max($sm){text-align:center}}.newsletter-content{form{position:relative;input{width:100%;height:46px;color:$color-white;font-size:var(--font-size-14);padding:8px 134px 8px 52px;border:1px solid $color-border;@include border-radius(100px);background:#fff0;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8026 2.15039H2.20112C0.986965 2.15039 0 3.13736 0 4.35151V13.6476C0 14.8618 0.986965 15.8487 2.20112 15.8487H15.7989C17.013 15.8487 18 14.8618 18 13.6476V4.35523C18.0037 3.14108 17.0168 2.15039 15.8026 2.15039ZM16.9981 13.6476C16.9981 14.3068 16.4618 14.8431 15.8026 14.8431H2.20112C1.5419 14.8431 1.00559 14.3068 1.00559 13.6476V4.35523C1.00559 3.69601 1.5419 3.1597 2.20112 3.1597H15.7989C16.4581 3.1597 16.9944 3.69601 16.9944 4.35523V13.6476H16.9981Z' fill='%237A7A7A'/%3E%3Cpath d='M11.3519 8.88425L15.7542 4.9364C15.959 4.75018 15.9776 4.4336 15.7914 4.22504C15.6052 4.02019 15.2886 4.00157 15.0801 4.18779L9.00929 9.63658L7.82493 8.57885C7.82121 8.57513 7.81748 8.5714 7.81748 8.56768C7.79141 8.54161 7.76534 8.51926 7.73555 8.49692L2.91618 4.18407C2.70761 3.99785 2.39104 4.01647 2.20482 4.22504C2.0186 4.4336 2.03722 4.75018 2.24579 4.9364L6.70016 8.91777L2.26441 13.0705C2.06329 13.2604 2.05212 13.577 2.24206 13.7818C2.34262 13.8861 2.4767 13.942 2.61078 13.942C2.73368 13.942 2.85659 13.8973 2.95342 13.8079L7.45622 9.59561L8.67782 10.6869C8.77465 10.7725 8.89383 10.8135 9.01301 10.8135C9.13219 10.8135 9.2551 10.7688 9.34821 10.6831L10.6033 9.55837L15.0801 13.8116C15.1769 13.9047 15.3035 13.9494 15.4264 13.9494C15.5605 13.9494 15.6909 13.8973 15.7914 13.793C15.9814 13.5919 15.9739 13.2716 15.7728 13.0816L11.3519 8.88425Z' fill='%237A7A7A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:24px center;&::placeholder{color:$color-sub-text;opacity:1}@include max($xs){padding-right:116px}}button{position:absolute;top:0;right:0;@include center;width:118px;height:100%;color:$color-text;font-size:var(--font-size-14);font-weight:700;padding:0;border:none;background:$color-white;@include border-radius(100px);transition:$transition;@include min($lg){&:hover{color:$color-white;background:$color-primary}}@include max($xs){width:100px}}}}}.app-banners{.app-banner-title{color:$color-white;@include heading-type-3;margin-bottom:var(--spacer-4)}.app-banner-content{display:flex;gap:var(--spacer-6);.app-banner{height:48px;@include center;background:#36363A;@include border-radius(4px);padding:var(--spacer-2);transition:$transition;@include svg;svg{max-width:120px;max-height:30px;@include max(1366){max-width:100px}}@include min($xlg){width:146px}@include min($lg){&:hover{background:$color-primary;@include svghover($color-text)}}}}}.footer-menu-container-2{.footer-menu{.footer-menu-content{>ul{display:flex;flex-wrap:wrap;gap:var(--spacer-8);>li{>a{display:inline-block;color:$color-sub-text;@include heading-type-3;transition:$transition;@include min($lg){&:hover{color:$color-white;text-decoration:underline}}}}}}}@include max($lg){border-top:1px solid #353536;padding-block:var(--spacer-6);.footer-menu{.footer-menu-content{>ul{justify-content:center}}}}}.footer-social{.footer-social-content{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-5);div{a{@include center;width:36px;height:36px;border:1px solid $color-fifth;@include border-radius(50%);transition:$transition;@include svg;@include min($lg){&:hover{@include svghover($color-white);&.footer-social-facebook{background:$color-facebook;border-color:$color-facebook}&.footer-social-twitter{background:$color-white;border-color:$color-white;@include svghover($color-text)}&.footer-social-instagram{background:$color-instagram;border-color:$color-instagram}&.footer-social-pinterest{background:$color-pinterest;border-color:$color-pinterest}&.footer-social-tiktok{background:$color-text;border-color:$color-text}&.footer-social-whatsapp{background:$color-whatsapp;border-color:$color-whatsapp}&.footer-social-youtube{background:$color-youtube;border-color:$color-youtube}&.footer-social-linkedin{@include svghover($color-fifth)}}}}}}@include max($lg){border-top:1px solid #353536;padding-block:var(--spacer-6);.footer-social-content{justify-content:center}}@include max($xs){.footer-social-content{div{a{width:30px;height:30px;border-color:$color-sub-text;@include svghover($color-sub-text)}}}}}.copyright{color:$color-sub-text;@include text-type-3;@include max($sm){text-align:center}}.footer-ssl{img{max-height:40px}@include max($sm){text-align:center}}#scroll-top{position:fixed;right:var(--spacer-10);bottom:var(--spacer-10);z-index:50;display:none;cursor:pointer;border:1px solid $color-primary;border-radius:100%;transition:$transition;>div{position:relative;overflow:hidden;@include center;width:44px;height:44px;@include svg;@include svghover($color-primary);>svg{position:absolute;transition:transform .5s ease,opacity .25s ease;&:last-child{transform:translateY(20px);opacity:0}}}@include min($lg){&:hover{background-color:$color-primary;@include svghover($color-white);>div{>svg{&:first-child{transform:translateY(-20px);opacity:0}&:last-child{transform:translateY(0);opacity:1}}}}}@include max($lg){bottom:100px}@include max($sm){bottom:80px}}body.product-sticked{#scroll-top{bottom:calc(var(--spacer-10) + 146px)}}{% if theme.settings.whatsapp_style_1_position_type=='whatsapp_style_1_position_type_1' or theme.settings.whatsapp_style_2_position_type=='whatsapp_style_2_position_type_1' or theme.settings.whatsapp_style_2_position_type=='whatsapp_style_2_position_type_2' %}@include max($lg){#scroll-top{display:none!important}}{% endif %}.custom-whatsapp-button{&.custom-whatsapp-button-style-1{position:fixed;bottom:var(--spacer-10);z-index:98;&.left-bottom{left:var(--spacer-10)}&.right-bottom{right:var(--spacer-10)}&.check-bottom{bottom:calc((var(--spacer-10) + 44px) + var(--spacer-10))}@include max($lg){bottom:calc(var(--spacer-10) + 84px)}@include max($sm){bottom:calc(var(--spacer-10) + 70px)}>a{@include center;width:60px;height:60px;@include border-radius(50%);animation:pulse-animation 2s infinite;background-color:$color-whatsapp;@include max($sm){width:48px;height:48px;svg{width:24px;height:24px}}>div{position:relative;width:32px;height:32px;>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:$transition;&.open-icon{animation:iconPulse 4s infinite}&.close-icon{width:0;height:0;overflow:hidden}}}&.active{>div{>svg{&.open-icon{width:0;height:0;overflow:hidden}&.close-icon{width:100%;height:100%;overflow:visible;@include max($sm){width:24px;height:24px}}}}~.custom-whatsapp-button-content{opacity:1;visibility:visible}}&:hover{>div{>svg{&.close-icon{transform:translate(-50%,-50%) rotate(90deg)}}}}}.custom-whatsapp-button-content{position:absolute;right:var(--spacer-8);bottom:calc(100% + 24px);z-index:98;width:350px;opacity:0;visibility:hidden;@include border-radius(8px);padding:var(--spacer-6);transition:$transition;box-shadow:2px 2px 8px 0 #00000014;background-color:$color-white;@include max($sm){right:0;width:300px}@include max($xxs){width:280px}&.left-bottom{left:var(--spacer-8);right:auto;@include max($xs){left:0}}.custom-whatsapp-button-title{color:{{theme.settings.whatsapp_style_1_title_color}};@include line-rule(16);font-weight:500;margin-bottom:var(--spacer-3)}.custom-whatsapp-button-sub-title{color:{{theme.settings.whatsapp_style_1_sub_title_color}};@include line-rule(16);font-weight:400;margin-bottom:var(--spacer-6)}.custom-whatsapp-button-link{>a{display:flex;align-items:center;justify-content:space-between;height:52px;color:{{theme.settings.whatsapp_style_1_button_title_color}};@include line-rule(14);font-weight:500;@include border-radius(8px);padding-inline:var(--spacer-6);transition:$transition;background-color:{{theme.settings.whatsapp_style_1_button_background_color}};@include svg;>div{display:flex;align-items:center;gap:var(--spacer-2)}@include max($lg){height:44px}@include min($lg){&:hover{color:{{theme.settings.whatsapp_style_1_button_title_hover_color}};padding-inline:var(--spacer-6) var(--spacer-3);background-color:{{theme.settings.whatsapp_style_1_button_background_hover_color}};@include svghover({{theme.settings.whatsapp_style_1_button_title_hover_color}})}}}}}}&.custom-whatsapp-button-style-2{position:fixed;z-index:98;&.right-bottom{right:calc((var(--spacer-10) + 44px) + var(--spacer-10));bottom:0;@include max($lg){right:var(--spacer-10);bottom:84px}@include max($sm){bottom:70px}}&.right-vertical{bottom:calc((var(--spacer-10) + 44px) + var(--spacer-10));right:0;left:auto;>a{@include border-radius(0 8px 8px 0)}}&.left-bottom{left:var(--spacer-10);bottom:0}&.left-vertical{bottom:var(--spacer-10);left:0;right:auto;>a{@include border-radius(8px 0 0 8px)}}&.right-vertical,&.left-vertical{@include max($lg){bottom:calc(var(--spacer-10) + 84px)}@include max($sm){bottom:calc(var(--spacer-10) + 70px)}writing-mode:vertical-lr;transform:scale(-1);>a{padding:var(--spacer-7) var(--spacer-3);>svg{transform:rotate(180deg)}}}>a{display:inline-flex;align-items:center;justify-content:center;color:{{theme.settings.whatsapp_style_2_button_title_color}};@include line-rule(16);font-weight:500;white-space:nowrap;@include border-radius(8px 8px 0 0);gap:var(--spacer-3);padding:var(--spacer-3) var(--spacer-7);transition:$transition;background-color:{{theme.settings.whatsapp_style_2_button_background_color}};@include svg;>svg{@include max($lg){width:28px;height:28px}@include max($sm){width:24px;height:24px}}@include min($lg){&:hover{color:{{theme.settings.whatsapp_style_2_button_title_hover_color}};background-color:{{theme.settings.whatsapp_style_2_button_background_hover_color}};@include svghover({{theme.settings.whatsapp_style_2_button_title_hover_color}})}}}}}body.product-sticked{.custom-whatsapp-button{margin-bottom:146px;@include max($md){margin-bottom:64px}}}@keyframes iconPulse{0%{transform:translate(-50%,-50%) scale(.90)}20%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(.90)}60%{transform:translate(-50%,-50%) scale(1)}80%{transform:translate(-50%,-50%) scale(.90)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgb(37 211 102)}100%{box-shadow:0 0 0 12px #fff0}}@include min($md){.section-sorting-view{display:flex;align-items:center;gap:calc(var(--gutter) * 2);margin-bottom:var(--spacer-8);#filter-wrapper{flex:1 0 0%;#sorting-options{padding-top:0;margin-bottom:0}}}.section-container{display:grid;align-items:flex-start;column-gap:calc(var(--gutter) * 2);grid-template-columns:minmax(0,288px) minmax(0,1fr);@include min($xxlg){grid-template-columns:minmax(0,418px) minmax(0,1fr)}}}@include max($lg){@include min($md){.section-container{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}}@mixin filter-order-button{align-items:center;gap:var(--spacer-3);>span{display:flex;align-items:center;height:32px;cursor:pointer;svg{path,rect{stroke:$color-sub-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="quintuple-sorting"],&[data-selector="quadruple-sorting"]{display:none}}}@include max($md){display:none}}.mobile-filter-order-button{display:none;@include filter-order-button;@include max($sm){gap:var(--spacer-6)}}@include max($md){#filter-wrapper{.filter-wrapper-header{display:flex;align-items:center;border:1px solid $color-border;border-radius:$border-radius;>div{position:relative;flex:1 0 0%;display:flex;align-items:center;justify-content:center;height:40px;color:$color-text;font-size:var(--font-size-12);padding-inline:var(--spacer-2);svg{margin-right:var(--spacer-3)}&:nth-child(2),&:nth-child(3){&:after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;@include border-radius(2px);background-color:$color-border}}}}}}.showcase-container{display:grid;gap:var(--spacer-15) calc(var(--gutter) * 2);{% set showcaseRepeatColumns=theme.settings.showcase_repeat_columns %}{% if showcaseRepeatColumns==2 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==3 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==4 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% elseif showcaseRepeatColumns==5 %}grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);{% endif %}&.quintuple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}&.dual-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}&.single-sorting{grid-template-columns:minmax(0,1fr)}@include max($lg){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);&.quintuple-sorting,&.quadruple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}@include max($md){grid-template-columns:minmax(0,1fr) minmax(0,1fr);&.quintuple-sorting,&.quadruple-sorting,&.triple-sorting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}}#showcase-previous-page{@include center;margin-bottom:var(--spacer-10)}#showcase-load-spinner{text-align:center;margin-top:var(--spacer-25);.showcase-container-loader{display:block;width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid $color-primary;border-right:3px solid #fff0;box-sizing:border-box;animation:rotation 1s linear infinite;@include max($sm){width:36px;height:36px}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}}.block-item{margin-bottom:var(--spacer-8);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-4;border-bottom:1px solid $color-border;padding-bottom:var(--spacer-4);>i{display:none;@include max($sm){display:block}}}.block-item-content{border-bottom:1px solid $color-border;padding-block:var(--spacer-6)}&[data-type="filter-product-groups"]{padding:0;border:none;.block-item-title{margin-bottom:var(--spacer-6);border-bottom:1px solid $color-border;display:none}.block-item-content{border:0;padding:0}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}&[data-type="no-frame"]{.block-item-title{display:none}}}@include max($md){.block-item{display:none;&[data-type="filter-product-groups"]{display:block;margin-bottom:0;border:none;.block-item-title{display:none}.block-item-content{display:block;padding:0}}&[data-type="product-groups"]{display:none}&[data-type=member-menu]{display:block;.block-item-title{cursor:pointer;i{display:block}}.block-item-content{display:none}&.active{.block-item-content{display:block}}}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;padding:28px var(--spacer-4) var(--spacer-4);transition:$transition;overflow-y:auto;-webkit-overflow-scrolling:touch;@include max($sm){padding:28px var(--spacer-8) var(--spacer-8)}}.horizontal-filter-menu{.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0!important}}#filter-wrapper{margin-bottom:var(--spacer-8);.filter-wrapper-content{#sorting-options{display:none}}&.has-sorting-option:not(.has-filter-option){.filter-wrapper-header{.filter-options-title{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}@include min($md){.filter-menu-overlay,.filter-wrapper-header{display:none!important}}.filter-menu{@include max($md){.openbox-close{position:absolute;right:0;top:0;z-index:1;width:28px;height:28px;background-repeat:no-repeat;background-position:center center;background-size:55%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.884 6.706L16 14.59L8.11599 6.706C7.92637 6.53248 7.67711 6.43881 7.42014 6.44451C7.16317 6.4502 6.9183 6.55482 6.73655 6.73657C6.5548 6.91832 6.45019 7.16318 6.44449 7.42015C6.4388 7.67712 6.53247 7.92638 6.70599 8.116L14.586 16L6.70399 23.882C6.60769 23.9738 6.53072 24.0839 6.47758 24.2058C6.42445 24.3278 6.39622 24.4591 6.39458 24.5921C6.39293 24.7251 6.41789 24.8571 6.46799 24.9803C6.51809 25.1036 6.59232 25.2155 6.68631 25.3097C6.7803 25.4038 6.89216 25.4782 7.01532 25.5284C7.13847 25.5787 7.27043 25.6039 7.40345 25.6024C7.53646 25.601 7.66784 25.5729 7.78986 25.52C7.91188 25.467 8.02208 25.3902 8.11399 25.294L16 17.412L23.884 25.296C24.0736 25.4695 24.3229 25.5632 24.5798 25.5575C24.8368 25.5518 25.0817 25.4472 25.2634 25.2654C25.4452 25.0837 25.5498 24.8388 25.5555 24.5819C25.5612 24.3249 25.4675 24.0756 25.294 23.886L17.41 16.002L25.294 8.116C25.3903 8.02423 25.4673 7.91414 25.5204 7.79219C25.5735 7.67025 25.6018 7.53891 25.6034 7.4059C25.6051 7.27289 25.5801 7.14089 25.53 7.01766C25.4799 6.89444 25.4057 6.78247 25.3117 6.68835C25.2177 6.59422 25.1058 6.51983 24.9827 6.46956C24.8595 6.41929 24.7275 6.39414 24.5945 6.3956C24.4615 6.39706 24.3301 6.42509 24.2081 6.47805C24.0861 6.53102 23.9759 6.60784 23.884 6.704V6.706Z' fill='black'/%3E%3C/svg%3E")}}.filter-menu-box{margin-bottom:var(--spacer-8);border:none;&:only-child{&.filter-menu-main-category{padding:0 var(--spacer-2)}}&.filter-menu-main-category{padding:var(--spacer-4) var(--spacer-5)}}.filter-menu-category{.filter-menu-category-title{color:$color-text;@include heading-type-4;padding:0;padding-bottom:var(--spacer-4);margin-bottom:var(--spacer-6);border-bottom:1px solid $color-border;background-color:#fff0;i{display:none}}.filter-menu-category-content{padding:0 0 var(--spacer-6);border-bottom:none;a{@include line-rule(15);color:$color-text;font-weight:500;padding:6px 0;transition:$transition;&:not(:last-child){margin-bottom:var(--spacer-2)}&:hover{color:$color-primary}i{display:none}}}.filter-menu-category-top{a{justify-content:flex-start;@include line-rule(16);color:$color-text;font-weight:500;padding:var(--spacer-3) var(--spacer-4);background-color:$color-background;transition:$transition;i{@include center;width:28px;height:28px;color:$color-text;font-size:var(--font-size-16);@include max($sm){width:20px;height:20px}}}}}.filter-menu-groups{&.active{.filter-menu-group-title{&:after{transform:rotate(-180deg)}}}.filter-menu-group-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:var(--spacer-3);color:$color-text;@include heading-type-4;padding:0;padding-bottom:var(--spacer-4);border:none;border-bottom:1px solid $color-border;background-color:#fff0;&:after{content:'';flex:0 0 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%3Cpath d='M7.37568 12.4447L0.255608 5.32449C0.090796 5.15981 0 4.93997 0 4.70557C0 4.47116 0.090796 4.25133 0.255608 4.08664L0.779831 3.56229C1.12142 3.22109 1.6766 3.22109 2.01767 3.56229L7.99668 9.5413L13.9823 3.55566C14.1471 3.39097 14.3668 3.30005 14.6011 3.30005C14.8357 3.30005 15.0554 3.39097 15.2203 3.55566L15.7444 4.08001C15.9092 4.24482 16 4.46453 16 4.69893C16 4.93334 15.9092 5.15317 15.7444 5.31785L8.61782 12.4447C8.45248 12.6098 8.23174 12.7004 7.99707 12.6999C7.7615 12.7004 7.54088 12.6098 7.37568 12.4447Z' fill='%231F1F26'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;transition:$transition}}.filter-menu-group-content{border-bottom:1px solid $color-border;padding:var(--spacer-6) 0;.checkbox-custom{margin-bottom:18px}label{line-height:24px;color:$color-text;font-size:var(--font-size-16);font-weight:500;transition:$transition;&:hover{color:$color-primary}}.filter-menu-box-image{.filter-menu-image-checkbox{input[type=checkbox]{+label{border:none;transition:$transition;&:hover{opacity:.6}}}img{max-width:100%;max-height:100%}}}input[type=checkbox]{&+label{line-height:24px;color:$color-text;font-size:var(--font-size-16);font-weight:500;padding-left:26px;&:before{width:18px;height:18px;border:1px solid $color-border;@include border-radius(0);top:3px}}&:checked{&+label{color:$color-primary;&:before{background-image:none;border-color:$color-primary;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:6px;display:inline-block;width:5px;height:9px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}.scrollbar-inner{max-height:276px!important;>.scroll-element{width:10px;box-sizing:border-box;div{box-sizing:border-box}.scroll-element_track{background-color:$color-background}.scroll-bar{background-color:$color-primary}.scroll-bar,.scroll-element_track,.scroll-element_outer{opacity:1;@include border-radius(100px)}&:hover,&.scroll-draggable{.scroll-bar{background-color:$color-primary-darken}}}}}}.filter-menu-selected-items{border-bottom:1px solid $color-border;padding-bottom:var(--spacer-6);.filter-menu-selected-items-title{color:$color-text;@include heading-type-4;padding:0;padding-bottom:var(--spacer-4);margin-bottom:var(--spacer-6);border:none;border-bottom:1px solid $color-border;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-8);@include max($md){.openbox-close{position:absolute;right:0;top:0;z-index:1;width:28px;height:28px;background-repeat:no-repeat;background-position:center center;background-size:55%;background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.884 6.706L16 14.59L8.11599 6.706C7.92637 6.53248 7.67711 6.43881 7.42014 6.44451C7.16317 6.4502 6.9183 6.55482 6.73655 6.73657C6.5548 6.91832 6.45019 7.16318 6.44449 7.42015C6.4388 7.67712 6.53247 7.92638 6.70599 8.116L14.586 16L6.70399 23.882C6.60769 23.9738 6.53072 24.0839 6.47758 24.2058C6.42445 24.3278 6.39622 24.4591 6.39458 24.5921C6.39293 24.7251 6.41789 24.8571 6.46799 24.9803C6.51809 25.1036 6.59232 25.2155 6.68631 25.3097C6.7803 25.4038 6.89216 25.4782 7.01532 25.5284C7.13847 25.5787 7.27043 25.6039 7.40345 25.6024C7.53646 25.601 7.66784 25.5729 7.78986 25.52C7.91188 25.467 8.02208 25.3902 8.11399 25.294L16 17.412L23.884 25.296C24.0736 25.4695 24.3229 25.5632 24.5798 25.5575C24.8368 25.5518 25.0817 25.4472 25.2634 25.2654C25.4452 25.0837 25.5498 24.8388 25.5555 24.5819C25.5612 24.3249 25.4675 24.0756 25.294 23.886L17.41 16.002L25.294 8.116C25.3903 8.02423 25.4673 7.91414 25.5204 7.79219C25.5735 7.67025 25.6018 7.53891 25.6034 7.4059C25.6051 7.27289 25.5801 7.14089 25.53 7.01766C25.4799 6.89444 25.4057 6.78247 25.3117 6.68835C25.2177 6.59422 25.1058 6.51983 24.9827 6.46956C24.8595 6.41929 24.7275 6.39414 24.5945 6.3956C24.4615 6.39706 24.3301 6.42509 24.2081 6.47805C24.0861 6.53102 23.9759 6.60784 23.884 6.704V6.706Z' fill='black'/%3E%3C/svg%3E")}}.horizontal-filter-menu-content{padding:var(--spacer-4);padding-bottom:0;border:1px solid $color-border;@include border-radius(8px);@include max($md){display:flex;flex-direction:column-reverse}}.filter-menu-groups-wrapper{@include min($md){display:flex;flex-wrap:wrap;margin-right:-6px;margin-left:-6px}}.filter-menu-groups{padding-right:6px;padding-left:6px;@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:46px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding:4px 12px;@include border-radius(6px);border:1px solid $color-border;background-color:#fff;span{padding-right:16px}@include min($lg){min-width:212px}@include max($md){height:auto;font-size:var(--font-size-16);font-weight:600;pointer-events:none;padding:4px 0 12px;border:none;border-bottom:1px solid $color-border;@include border-radius(0);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;@include max($md){max-height:178px;padding-bottom:0}&::-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}}@include max($md){margin-bottom:var(--spacer-4);&:last-child{margin-bottom:0}}a{display:flex;align-items:center;height:46px;line-height:20px;color:$color-text;font-size:var(--font-size-14);font-weight:400;background-color:#fff;@include border-radius(6px);border:1px solid $color-border;padding:4px 12px;transition:$transition;svg{path{transition:$transition}}span{position:relative;margin-left: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:16px;height:16px}&:hover{color:$color-primary;svg{path{stroke:$color-primary}}span{&:after{width:100%}}}}}}.clear-filters{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:46px;line-height:20px;color:$color-text;font-size:var(--font-size-14);padding:4px 12px;transition:$transition;&:hover{color:$color-primary}@include min($lg){padding-left:16px}@include max($md){color:$color-primary;font-weight:600}}}}}#sorting-options{margin-bottom:var(--spacer-8);.row{align-items:center}select.form-control:not([size]):not([multiple]),select:not([size]){height:46px;color:$color-sub-text;font-size:var(--font-size-14);cursor:pointer;padding:4px 44px 4px var(--spacer-5);border:1px solid $color-border;@include border-radius(6px);background-size:20px;background-position:right var(--spacer-5) center;background-image:url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.192 7.94217L10.942 14.1922C10.884 14.2503 10.8151 14.2964 10.7392 14.3278C10.6633 14.3593 10.582 14.3755 10.4999 14.3755C10.4177 14.3755 10.3364 14.3593 10.2605 14.3278C10.1846 14.2964 10.1157 14.2503 10.0577 14.1922L3.80767 7.94217C3.6904 7.82489 3.62451 7.66583 3.62451 7.49998C3.62451 7.33413 3.6904 7.17507 3.80767 7.05779C3.92495 6.94052 4.08401 6.87463 4.24986 6.87463C4.41571 6.87463 4.57477 6.94052 4.69205 7.05779L10.4999 12.8664L16.3077 7.05779C16.3657 6.99972 16.4347 6.95366 16.5105 6.92224C16.5864 6.89081 16.6677 6.87463 16.7499 6.87463C16.832 6.87463 16.9133 6.89081 16.9892 6.92224C17.065 6.95366 17.134 6.99972 17.192 7.05779C17.2501 7.11586 17.2962 7.1848 17.3276 7.26067C17.359 7.33654 17.3752 7.41786 17.3752 7.49998C17.3752 7.5821 17.359 7.66342 17.3276 7.73929C17.2962 7.81516 17.2501 7.8841 17.192 7.94217Z' fill='%231F1F26'/%3E%3C/svg%3E");@include min($lg){min-width:212px!important}}.record-count{line-height:22px;color:$color-sub-text;font-size:var(--font-size-14)}.checkbox-custom{line-height:24px;input[type=checkbox]{&+label{line-height:24px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:400;padding-left:34px;&:before{width:24px;height:24px;border:2px solid $color-sub-text;@include border-radius(2px)}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary;background-color:$color-white}&:after{content:'';position:absolute;left:9px;top:4px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}}.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);display:none}.product-category-and-brand-list-content{>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:48px;line-height:24px;color:$color-sub-text;font-size:var(--font-size-16);font-weight:500;padding:0 var(--spacer-5);background-color:$color-white;border:1px solid $color-border;transition:$transition;@include border-radius(8px);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;border:none;padding:0;.product-list-image{position:relative;overflow:hidden;aspect-ratio:225/150;border:1px solid $color-border;@include border-radius(8px);margin-bottom:var(--spacer-4);transition:$transition;@include imgcenter;img{padding:var(--spacer-3)}&.image-cover{img{width:100%;height:100%;object-fit:cover}}&.no-picture{img{width:auto;height:auto;object-fit:contain}}}&:hover{.product-list-image{border-color:$color-primary}}}}}{% if theme.settings.display_category_brands_logo_mobile %}@include max($lg){flex-wrap:nowrap;overflow-x:auto}&.product-category-and-brand-list-content-image{>div{@include max($lg){flex:0 0 calc(100% / 5.5);max-width:calc(100% / 5.5)}@include max($md){flex:0 0 calc(100% / 4.5);max-width:calc(100% / 4.5)}@include max($sm){flex:0 0 calc(100% / 3.5);max-width:calc(100% / 3.5)}@include max($xxs){flex:0 0 calc(100% / 2.5);max-width:calc(100% / 2.5)}}}{% endif %}}}}.cascade-menu{.parent-item{a.selected-item{color:$color-primary}}}@include min($md){#sorting-options{select.form-control:not([size]):not([multiple]),select:not([size]){min-width:160px}}}.paginate-wrapper{position:relative;padding-top:var(--spacer-30);.paginate{display:flex;justify-content:center;@include max($sm){justify-content:space-between}a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:$color-text;@include text-type-3;background:$color-white;@include border-radius(50%);box-shadow:0 2px 10px 0 #3632321A;margin:0 10px;@include max($lg){width:40px;height:40px;margin:0 var(--spacer-2)}@include max($sm){width:32px;height:32px}@include max($xs){width:28px;height:28px;margin:0 var(--spacer-1)}@include max($xxxs){width:24px;height:24px}}.paginate-content{display:flex}.paginate-left{a{margin-left:0;i{width:10px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.92117 13.4861C8.50811 13.8637 7.83842 13.8637 7.42535 13.4861L1.07919 7.68383C0.666161 7.30621 0.666161 6.69388 1.07919 6.31625L7.42535 0.514046C7.83842 0.136419 8.50811 0.136419 8.92117 0.514046C9.33422 0.891673 9.33422 1.504 8.92117 1.88163L3.32288 7.00004L8.92117 12.1185C9.33422 12.4961 9.33422 13.1084 8.92117 13.4861Z' fill='%231F1F26'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;&:before{display:none}}@include min($lg){margin-right:22px}}&.paginate-active{a{background:$color-primary}}}.paginate-right{a{margin-right:0;i{width:10px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.07883 13.4861C1.49189 13.8637 2.16158 13.8637 2.57465 13.4861L8.92081 7.68383C9.33384 7.30621 9.33384 6.69388 8.92081 6.31625L2.57465 0.514046C2.16158 0.136418 1.49189 0.136418 1.07883 0.514046C0.66578 0.891673 0.66578 1.504 1.07883 1.88163L6.67712 7.00004L1.07883 12.1185C0.66578 12.4961 0.66578 13.1084 1.07883 13.4861Z' fill='%231F1F26'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;&:before{display:none}}@include min($lg){margin-left:22px}}&.paginate-active{a{background:$color-primary}}}.paginate-element-active{color:$color-text;background:$color-primary;box-shadow:unset}}}.default-category-name{color:$color-text;@include heading-type-6;margin-bottom:var(--spacer-4);@include min($lg){text-align:center}}#breadcrumbs{margin-bottom:var(--spacer-8);padding-bottom:var(--spacer-7);@include max($lg){overflow-x:auto;scroll-snap-type:x mandatory}ol{display:flex;align-items:center;padding:0;margin:0;@include min($lg){justify-content:center}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;line-height:22px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:400}a{color:$color-sub-text}&:first-child{span{span{font-weight:700}}}}}}#footer-content{padding-top:var(--spacer-30)}.product-left,.product-right{margin-bottom:var(--spacer-30)}.product-center{margin-bottom:var(--spacer-30);@include max($sm){margin-bottom:calc(var(--gutter) * 2)}}.product-style-1{@include min($md){&.product-right{position:sticky;position:-webkit-sticky;top:var(--sticky-top-offset)}}}.product-category-name{margin-bottom:var(--spacer-4);>a{color:$color-text;@include heading-type-6;transition:$transition}@include min($lg){text-align:center;>a{&:hover{color:$color-primary}}}}.product-label-group{position:absolute;left:0;top:0;z-index:20;display:flex;flex-direction:column;align-items:flex-start;>div{@include heading-type-2;@include border-radius(0 $border-radius $border-radius 0);padding:var(--spacer-2) var(--spacer-5);&:first-child{@include border-radius($border-radius 0 $border-radius 0)}&:not(:last-child){margin-bottom:var(--spacer-2)}&.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}}}&.digital-label{color:{{theme.settings.color_text_digital_label}};background-color:{{theme.settings.color_background_digital_label}}}@include max($xlg){padding-inline:var(--spacer-4)}}}.product-image-slider{position:relative;.product-image-item{a{position:relative;display:block;aspect-ratio:var(--aspect-ratio);overflow:hidden;border-radius:$border-radius;@include imgcenter}}&.image-cover{.product-image-item{img:not(.product-no-picture){width:100%;height:100%;object-fit:cover}}}.slick-dots{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:var(--spacer-6);>li{margin:0 6px;>button{position:relative;overflow:hidden;display:block;width:10px;height:10px;text-indent:-9999px;padding:0;border:none;border-radius:50%;background-color:$color-fifth;transition:$transition}&.slick-active{>button{width:40px;background-color:$color-text;@include border-radius(100px)}}&:only-child{display:none}}}@include min($md){display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--gutter) * 2)}@include max($md){height:0;overflow:hidden;&.slick-slider{height:auto;overflow:visible}}}.product-image{#product-primary-image{position:relative;aspect-ratio:var(--aspect-ratio);overflow:hidden;border-radius:$border-radius;@include imgcenter}&.image-cover{#product-primary-image{img:not(.product-no-picture){width:100%;height:100%;object-fit:cover}}}{% if theme.settings.product_view_type=="product_style_3" %}margin-bottom:calc(var(--gutter) * 2);{% endif %}}.zoomContainer{overflow:hidden;border-radius:$border-radius}#product-thumb-image{height:0;overflow:hidden;margin:calc(-1*var(--gutter));&.slick-slider{height:auto;overflow:visible;@include max($sm){padding-right:2px}}.thumb-item{padding:var(--gutter);>a{position:relative;display:block;aspect-ratio:var(--aspect-ratio);overflow:hidden;border-radius:$border-radius;@include imgcenter;&.zoomGalleryActive{border:1px solid $color-primary}}&.image-cover{>a{img{width:100%;height:100%;object-fit:cover}}}}}.product-list-group{display:flex;flex-direction:column;gap:var(--spacer-6)}.product-brand-and-comments{display:flex;align-items:center;gap:var(--gutter)}.product-brand{flex:1 0 0%;a{color:$color-primary;@include text-type-4;transition:$transition;@include min($lg){&:hover{color:$color-primary-darken}}}&.product-brand-image{a{position:relative;display:block;width:120px;height:50px;border:1px solid $color-border;border-radius:$border-radius;transition:$transition;@include imgcenter;img{max-width:80%;max-height:80%}&:hover{border-color:$color-primary}}}}.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-group.jq-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;color:$color-sub-text;@include text-type-2;cursor:pointer;>span{margin-left:var(--spacer-3)}}.product-title-and-favorite{display:flex;gap:var(--gutter)}.product-title{flex:1 0 0%;h1{color:$color-text;@include line-rule(22);font-weight:700;margin-bottom:0}}.product-favorites{>a.add-my-favorites{display:flex;align-items:center;justify-content:center;width:24px;height:24px;.product-icon-favori-add{display:none}&.favorite-product{.product-icon-favori{display:none}.product-icon-favori-add{display:block}}}}.product-short-details{color:$color-sub-text;@include text-type-2}.product-price-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacer-6)}.product-price{display:flex;align-items:center;.product-price-new{color:$color-text;span{&:nth-child(1){@include heading-type-6}&:nth-child(2){@include line-rule(12)}}}.product-price-old{color:$color-sub-text;padding-right:var(--spacer-2);span{&:nth-child(1){@include line-rule(16);font-weight:500;text-decoration:line-through}&:nth-child(2){@include line-rule(10)}}}}.product-lowest-and-payment{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-3);.product-lowest{color:$color-sub-text;@include text-type-2;span{color:$color-text;font-weight:700}}.product-payment{>a{display:block;color:$color-sub-text;@include line-rule(14);text-decoration:underline;transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}}.product-list-container{.product-list-row{display:flex;align-items:baseline;@include line-rule(13);@include max($xs){@include line-rule(15)}&:not(:last-child){margin-bottom:var(--spacer-3)}a{color:$color-sub-text;transition:$transition;&:hover{color:$color-primary}}.product-list-title{flex:0 0 auto;width:20%;color:$color-text;font-weight:600;@include max($sm){width:30%}@include max($xs){width:25%}}.product-list-content{flex:1 1 auto;display:flex;align-items:baseline;word-break:break-word;color:$color-sub-text;&:before{content:':';margin-right:12px;color:$color-text;font-weight:600}}&.product-stock-info{.product-list-content{.text-success{color:$color-whatsapp!important}}}}}.product-options-wrapper{display:flex;flex-direction:column;gap:var(--spacer-6)}.product-options-and-image-modal{display:flex;gap:var(--spacer-6);@include max($lg){flex-wrap:wrap}}.product-options{flex:1 0 0%;@include max($lg){flex:0 0 100%}.variant-group-title{display:block;color:$color-text;@include text-type-3;margin-bottom:var(--spacer-3)}select.form-control:not([size]):not([multiple]),select:not([size]){height:42px;color:$color-sub-text;font-size:var(--font-size-14);font-weight:400;cursor:pointer;padding:6px 44px 6px 16px;border:1px solid $color-border;background-color:$color-background;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.06264 5.93936L7.43077 11.0369C7.50118 11.119 7.58852 11.1849 7.6868 11.2301C7.78508 11.2753 7.89197 11.2987 8.00014 11.2987C8.10832 11.2987 8.21521 11.2753 8.31349 11.2301C8.41177 11.1849 8.49911 11.119 8.56952 11.0369L12.9376 5.93936C13.3545 5.4528 13.0089 4.70123 12.3683 4.70123H3.63077C2.99014 4.70123 2.64452 5.4528 3.06264 5.93936Z' fill='%237A7A7A'/%3E%3C/svg%3E");background-size:16px;background-position:right 24px center;@include border-radius(100px)}}.variant-select{.variant-list{&:not(:last-child){margin-bottom:var(--spacer-8)}select{width:276px!important;@include max($lg){width:50%!important}@include max($xs){width:100%!important}}}}.variant-plural{.variant-list-group{&:not(:last-child){margin-bottom:var(--spacer-5)}}.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:var(--spacer-4)}span{position:relative;flex:0 0 auto;cursor:pointer;padding:8px 10px;border:1px solid $color-sub-text;background-color:$color-white;@include border-radius(20px);min-width:40px;text-align:center;color:$color-sub-text;font-size:var(--font-size-16);font-weight:500;line-height:22px;transition:$transition;&:last-child{margin-right:0}&:hover,&.variant-selected{border-color:$color-primary;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{min-width:unset;width:30px;height:30px;border-color:$color-fifth;padding:2px;img{width:100%;height:100%;object-fit:cover;@include border-radius(50%)}&:hover,&.variant-selected{border-color:$color-primary}&.variant-passive{opacity:.4;background-color:#fff0}}}}.variant-singular{.radio-custom{&:not(:last-child){margin-bottom:var(--spacer-3)}input[type=radio]{&+label{line-height:22px;color:$color-text;font-size:var(--font-size-14);font-weight:400;padding-left:26px;&:before{width:18px;height:18px;border:1px solid $color-border;@include border-radius(50%);background-color:$color-background;top:2px}}&:checked{&+label{&:before{background-image:none;border-color:$color-primary;background-color:$color-primary}&:after{content:'';position:absolute;left:7px;top:4px;display:inline-block;width:5px;height:9px;border-bottom:2px solid $color-white;border-right:2px solid $color-white;transform:rotate(45deg)}}}}}}.image-modal{>a{display:block;color:$color-sub-text;@include line-rule(14);transition:$transition;@include min($lg){&:hover{color:$color-primary}}}}.product-subscription{select{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;border:none!important}button{text-transform:uppercase}}.product-cart-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-8);>div{flex:1 0 0%;max-width:none;&.product-qty{flex:0 0 118px;max-width:118px}}@include max($sm){>div{&.product-qty{flex:0 0 100%;max-width:100%}}}}.product-qty{position:relative;height:58px;@include max($xs){height:48px}>a{position:absolute;top:0;z-index:1;display:flex;align-items:center;width:36px;height:100%;&.product-qty-minus{left:0;justify-content:flex-end}&.product-qty-plus{right:0}}input{width:100%;height:100%;color:$color-sub-text;@include line-rule(18);font-weight:500;text-align:center;padding:0;border:1px solid $color-border;background-color:$color-white;@include border-radius(100px)}select.form-control:not([size]):not([multiple]),select:not([size]){height:100%;color:$color-sub-text;@include line-rule(18);font-weight:500;cursor:pointer;padding:6px 36px 6px 32px;border:1px solid $color-border;@include border-radius(100px);background-color:$color-white;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.06264 5.93936L7.43077 11.0369C7.50118 11.119 7.58852 11.1849 7.6868 11.2301C7.78508 11.2753 7.89197 11.2987 8.00014 11.2987C8.10832 11.2987 8.21521 11.2753 8.31349 11.2301C8.41177 11.1849 8.49911 11.119 8.56952 11.0369L12.9376 5.93936C13.3545 5.4528 13.0089 4.70123 12.3683 4.70123H3.63077C2.99014 4.70123 2.64452 5.4528 3.06264 5.93936Z' fill='%237A7A7A'/%3E%3C/svg%3E");background-size:16px;background-position:right 32px center}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include center;height:58px;@include heading-type-4;text-align:center;padding:0 var(--spacer-3);transition:$transition;@include border-radius(100px);@include max($xs){height:48px}}a.remind-me-button{color:$color-text;background-color:$color-primary;&:hover{background-color:$color-primary-darken}}a.no-stock-button{color:$color-white;background-color:$color-sub-text}}.product-cart-buttons-and-digital{display:flex;flex-direction:column;gap:var(--spacer-6)}.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);border-radius:$border-radius;background-color:#FFEEBA;svg{flex:0 0 24px}@include max($sm){gap:var(--spacer-6);text-align:left;>span{flex:1 0 0%}>svg{width:20px;height:20px}}}{% 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;flex-wrap:wrap;gap:var(--spacer-8);.product-cargo-button{display:flex;align-items:center;height:48px;border:1px solid $color-border;@include border-radius(100px);gap:var(--spacer-3);padding-inline:var(--spacer-6);i{flex:0 0 24px;height:24px;width:24px;filter:grayscale(1) invert(1)}span{display:flex;align-items:center;color:$color-text;@include text-type-3;flex:1 1 0%}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%}}{% endfor %}}}#product-user-buttons{display:flex;flex-wrap:wrap;gap:var(--spacer-4);@include max($lg){gap:var(--spacer-8)}>div{a{display:flex;align-items:center;flex-wrap:wrap;color:$color-sub-text;@include text-type-2;transition:$transition;@include svg;span{padding-left:var(--spacer-2)}@include min($lg){&:hover{color:$color-primary;@include svghover($color-primary)}}&.add-my-favorites{span{&:before{content:attr(data-add-to-favorites)}}.icon-favori-add{display:none}&.favorite-product{.icon-favori{display:none}.icon-favori-add{display:block}span{&:before{content:attr(data-favorite-product)}}}}}}}.product-social{position:relative;>a{@include svg;@include min($lg){&:hover{color:$color-primary!important;@include svghover($color-primary)}}&.active{color:$color-primary!important;@include svghover($color-primary)}}.product-social-content{position:absolute;top:150%;left:0;z-index:11;display:none;padding:5px;box-shadow:0 0 5px rgb(0 0 0 / .2);background-color:#fff;>div{display:flex;>div{margin-right:5px;&:last-child{margin-right:0}>a{@include center;width:26px;height:26px;svg{path{fill:$color-white!important}}&.product-social-facebook{background-color:#3b5998}&.product-social-twitter{background-color:#1da1f2}&.product-social-pinterest{background-color:#bd081c}&.product-social-whatsapp{background-color:#128c7e}}}}}}{% if theme.settings.product_detail_view_type=='product_detail_style_1' %}.product-detail-tab{margin-bottom:var(--spacer-30);.product-detail-tab-header{align-items:center;gap:0 calc(2 * var(--gutter));margin-bottom:var(--spacer-8);[data-tab-index]{>a{@include center;height:50px;color:$color-text;@include heading-type-2;white-space:nowrap;background:$color-background;@include border-radius(100px);padding-inline:var(--spacer-10)}&.active{>a{color:$color-white;background:$color-text}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{color:$color-text;@include text-type-2;border:1px solid $color-border;@include border-radius(12px);padding: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){.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);padding:0 var(--spacer-8);background-color:$color-border;border-radius:$border-radius;&: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{margin-top:var(--spacer-8)}}&.active{[data-tab-index]{>a{color:$color-white;background-color:$color-primary;&:after{transform:rotate(-180deg)}}}[data-tab-content]{&.active{height:auto!important;overflow:visible!important}}}}}}}{% elseif theme.settings.product_detail_view_type=='product_detail_style_2' %}.product-detail-tab{padding-top:var(--spacer-8);.product-detail-tab-content{.product-detail-tab-row{&:not(:last-child){margin-bottom:var(--spacer-6)}[data-tab-index]{>a{position:relative;display:flex;align-items:center;justify-content:space-between;height:48px;color:$color-text;@include heading-type-3;border-bottom:1px solid $color-border;gap:var(--gutter);&:after{content:'';flex:0 0 14px;height:15px;background-image:url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00065 14.6509C6.35665 14.6509 5.83398 14.1299 5.83398 13.4854V1.8303C5.83398 1.18694 6.35665 0.664795 7.00065 0.664795C7.64465 0.664795 8.16732 1.18694 8.16732 1.8303V13.4854C8.16732 14.1299 7.64465 14.6509 7.00065 14.6509Z' fill='%231F1F26'/%3E%3Cpath d='M0 7.65794C0 7.01458 0.5215 6.49243 1.16667 6.49243H12.8333C13.4773 6.49243 14 7.01458 14 7.65794C14 8.3013 13.4773 8.82345 12.8333 8.82345H1.16667C0.5215 8.82345 0 8.3013 0 7.65794Z' fill='%231F1F26'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;transition:$transition}@include max($xs){height:36px;&:after{flex:0 0 10px;height:10px;background-size:10px}}}}&.active{[data-tab-index]{>a{&:after{background-image:url("data:image/svg+xml,%3Csvg width='14' height='4' viewBox='0 0 14 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.96873C0 1.32537 0.5215 0.803223 1.16667 0.803223H12.8333C13.4773 0.803223 14 1.32537 14 1.96873C14 2.61209 13.4773 3.13424 12.8333 3.13424H1.16667C0.5215 3.13424 0 2.61209 0 1.96873Z' fill='%231F1F26'/%3E%3C/svg%3E");transform:rotate(-180deg)}}}}}[data-tab-content]{height:auto;overflow:visible;display:none;>div{color:$color-sub-text;@include text-type-2;padding-top:var(--spacer-6)}.payment-options{.row{>*{flex:0 0 100%;max-width:100%}}}}}}{% endif %}.product-customization{.product-customization-group{.product-customization-group-title{@include line-rule(14);margin-bottom:var(--spacer-4)}.product-customization-field{.form-group{.control-label{color:$color-text;@include line-rule(12);font-weight:600;margin-bottom:0;@include max($sm){margin-bottom:var(--spacer-3)}}}}}.form-control{height:44px;border:1px solid $color-border;border-radius:$border-radius}textarea.form-control{height:120px}.form-group select.form-control:not([size]):not([multiple]),.form-group select:not([size]){height:44px;cursor:pointer;border:1px solid $color-border;border-radius:$border-radius;background-size:36px;background-position:right center;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")}.form-horizontal .form-question{top:5px;right:-4px;width:15px;height:15px;border-radius:100%}}.product-sticky{position:fixed;left:0;bottom:-100%;width:100%;background-color:$color-white;z-index:99;padding:var(--spacer-3) 0;@include box-shadow(0,-7px,32px,0,#0000001A,false);transition:all 1s ease-in-out;@include max($lg){@include box-shadow(0,3px,18px,0,#00000052,false)}.product-image{width:98px;#product-primary-image{@include border-radius(8px)}}.product-brand-and-title{.product-brand{margin-bottom:var(--spacer-2);a{@include text-type-3}}.product-title{h1{@include heading-type-4}}}.product-cart-buttons{a.add-to-cart-button,a.no-stock-button,a.quick-order-button,a.remind-me-button{@include min($md){width:258px}@include max($lg){height:48px}}@include max($lg){.product-qty{height:48px}}@include max($sm){>div{&.product-qty{flex:0 0 118px;max-width:118px}}}}}.product-sticked{.product-sticky{bottom:0}}@include max($lg){.idea-promotion-bar{{% if theme.settings.idea_popup_bar_control %}display:block!important;{% else %}display:none!important;{% endif %}}}:root{--gutter:#{$gutter};--spacer-0:0px;{% 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}}}.btn{position:relative;overflow:hidden;@include line-rule(16);font-weight:500;@include border-radius(100px);transition:$transition;&.btn-primary{color:{{theme.settings.color_text_primary_button}};{% if theme.settings.color_border_primary_status %}border:1px solid{{theme.settings.color_border_primary_button}};{% else %}border:none;{% endif %}{% if theme.settings.color_background_primary_status %}background:{{theme.settings.color_background_primary_button}};{% else %}background:#fff0;{% endif %}&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{color:{{theme.settings.color_text_hover_primary_button}};{% if theme.settings.color_border_primary_status %}border-color:{{theme.settings.color_border_hover_primary_button}};{% endif %}{% if theme.settings.color_background_primary_status %}background:{{theme.settings.color_background_hover_primary_button}};{% else %}background:#fff0;{% endif %}}}&.btn-secondary{color:{{theme.settings.color_text_secondary_button}};{% if theme.settings.color_border_secondary_status %}border:1px solid{{theme.settings.color_border_secondary_button}};{% else %}border:none;{% endif %}{% if theme.settings.color_background_secondary_status %}background:{{theme.settings.color_background_secondary_button}};{% else %}background:#fff0;{% endif %}&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{color:{{theme.settings.color_text_hover_secondary_button}};{% if theme.settings.color_border_secondary_status %}border-color:{{theme.settings.color_border_hover_secondary_button}};{% endif %}{% if theme.settings.color_background_secondary_status %}background:{{theme.settings.color_background_hover_secondary_button}};{% else %}background:#fff0;{% endif %}}}&[disabled=disabled]{opacity:1}}@mixin btneffectactive{.btn{>span{position:relative;z-index:1}&.btn-primary{&:not(.btn-loading){&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;{% if theme.settings.color_background_primary_status %}background:{{theme.settings.color_background_hover_primary_button}};{% else %}background:#fff0;{% endif %}transform:translate3d(-102%,0,0);transition:transform 0.3s cubic-bezier(.7,0,.2,1)}}&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{{% if theme.settings.color_background_primary_status %}background:{{theme.settings.color_background_primary_button}};{% endif %}&::before{transform:translate3d(0,0,0)}}}&.btn-secondary{&:not(.btn-loading){&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;{% if theme.settings.color_background_secondary_status %}background:{{theme.settings.color_background_hover_secondary_button}};{% else %}background:#fff0;{% endif %}transform:translate3d(-102%,0,0);transition:transform 0.3s cubic-bezier(.7,0,.2,1)}}&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{{% if theme.settings.color_background_secondary_status %}background:{{theme.settings.color_background_secondary_button}};{% endif %}&::before{transform:translate3d(0,0,0)}}}}}body:not([class*="checkout-page"]):not(.fancybox-active):not(.modal-open){@include btneffectactive}.section{&-title{font-size:inherit;font-weight:inherit;font-family:$font-family-sub;margin-bottom:0}&-paragraph{margin-top:0;margin-bottom:0}}#ideaexport_translation_bar_container{display:none}.header-language{>a{flex-direction:unset;>span{padding-left:var(--spacer-2);text-transform:uppercase;span{font-weight:600}@include max($lg){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}}.flag{width:18px;height:18px;background-image:url("{{ themeAsset('images/export-flags.png') }}");display:block}.blog-list-container{.blog-list-content{.blog-list-item{overflow:hidden;border-radius:$border-radius}}}.blog-detail-container{.blog-detail-content{.blog-detail-item-image{img{border-radius:$border-radius}}}}.contentbox-header{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-24);margin-bottom:0}}body[class*="checkout-page"],body[class*="current-page-cart"]{.contentbox-header{text-align:left;margin-bottom:var(--spacer-1);border-bottom:none;h4{font-size:var(--font-size-18)}}}{% if not theme.settings.detail_search_form %}.current-page-product-list-search{.contentbox-body,.contentbox-header{display:none!important}}{% endif %}.user-login-page-wrapper{position:relative;display:flex;justify-content:center;.user-login-page-container{position:relative;z-index:2;width:460px;@include max($sm){width:380px}@include max($xxs){width:330px}@include max($xxxs){width:280px}.user-login-page-logo{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--spacer-5);img{max-height:56px}}}.user-login-page-content{padding:var(--spacer-10);margin-bottom:var(--spacer-8);background-color:#fff;border:1px solid $color-border;border-radius:$border-radius}.user-login-page-title{text-align:center;margin-bottom:var(--spacer-7);span{line-height:28px;font-size:var(--font-size-24);font-weight:700}&.user-login-page-sub-title{padding-top:var(--spacer-7)}}.user-login-page-order-registration{display:flex;align-items:center;justify-content:center;height:52px;color:$color-text;font-size:var(--font-size-16);font-weight:600;text-align:center;margin-top:var(--spacer-9);background-color:rgb(220 53 69 / .3)}.user-login-page-row{position:relative;margin-bottom:var(--spacer-5);.password-toggle{position:absolute;right:var(--gutter);top:15px;@include center;width:20px;height:20px;cursor:pointer;@include svghover($color-sub-text)}&.user-login-page-button-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacer-5);@include max($sm){flex-direction:column}>div{flex:1 0 0%;max-width:calc(50% - (var(--spacer-5) / 2));&:only-child{max-width:100%}>.btn{color:$color-text!important;font-size:var(--font-size-15);font-weight:400;background:#fff!important;border:1px solid $color-border;span{padding-left:10px}&:hover{color:$color-text!important;background:#fff!important}}@include max($sm){flex:0 0 100%;width:100%;max-width:100%}}}input.form-control{height:52px;color:$color-text;font-size:var(--font-size-14);padding:var(--spacer-2) var(--spacer-4)}.btn{@include center;height:52px;font-size:var(--font-size-18);font-weight:600;padding:0;@include max($xxxs){height:48px}&.btn-green{color:$color-white;font-weight:400;margin-bottom:var(--spacer-8);border:1px solid $color-border;background-color:$color-whatsapp}}}.checkbox-custom,.user-login-forgot-pass{margin-bottom:var(--spacer-9)}.checkbox-custom{input[type=checkbox]{&+label{line-height:20px;color:$color-text;font-size:var(--font-size-14);padding-left:36px;&:before{width:20px;height:20px;border:1px solid $color-border}}&:checked{&+label{&:before{background-image:none;border-color:$color-border;background-color:$color-white}&:after{content:'';position:absolute;left:7px;top:2px;display:inline-block;width:6px;height:12px;border-bottom:2px solid $color-primary;border-right:2px solid $color-primary;transform:rotate(45deg)}}}}}.user-login-forgot-pass{a{display:block;color:$color-text;font-size:var(--font-size-14)}}}.signup-page-logo{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--spacer-5);img{max-height:56px}}.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)}&.signup-container-information{width:100%;.information-content{border:none}}.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);&.signup-campaign-status,&.signup-agreement,&.signup-personal-data-agreement{.col-12.col-lg-4.control-label{display:none}}.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);&::placeholder{opacity:.5}}select.form-control:not([size]):not([multiple]),select:not([size]){height:48px}.form-question{top:14px!important}.btn{height:48px}.btn-group-binary{display:flex;align-items:center;justify-content:space-between;&:before,&:after{display:none}>button{flex:0 0 48%;max-width:48%;&.mr-2{margin-right:0!important}}}}.form-horizontal{.toggle-password{top:0;right:calc(var(--gutter) * 1.5);@include center;width:20px;height:48px;color:$color-sub-text;background-color:#fff0}}}