/**
 * Everfox v2.css - Unified CSS for Avanam theme
 * Created: 2026-01-30
 * Purpose: Consolidate all theme styles into single file
 *
 * Structure:
 * 1. CSS Variables (Palette) - from inline CSS
 * 2. Base/Reset - from global.min.css
 * 3. Layout - grid, container, wrapper
 * 4. Header - logo, sticky, desktop header
 * 5. Navigation - desktop menu, mega menu, dropdowns
 * 6. Mobile Drawer - drawer styles
 * 7. Content - typography, blocks, posts
 * 8. WooCommerce - product cards, cart, checkout
 * 9. Footer - footer widgets, bottom bar
 * 10. Utilities - helper classes, responsive utilities
 */

/* ========================================
   1. CSS VARIABLES (PALETTE) - Inline CSS
   ======================================== */

/* Will be filled with exported inline CSS */


/* ========================================
   2. BASE/RESET
   ======================================== */

/* Глобальне сглаживання шрифтів */
body, h1, h2, h3, h4, h5, h6,
button, .button, .wp-block-button__link,
input, select, optgroup, textarea,
input[type="button"], input[type="reset"], input[type="submit"],
a, p, span, div, li, ul, ol, td, th, label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ========================================
   3. LAYOUT
   ======================================== */

/* Grid, container, wrapper */


/* ========================================
   4. HEADER
   ======================================== */

/* Logo, sticky, desktop header */


/* ========================================
   5. NAVIGATION
   ======================================== */

/* Desktop menu, mega menu, dropdowns */


/* ========================================
   6. MOBILE DRAWER
   ======================================== */

/* Drawer styles - will be extracted from header.min.css and ThemeFixes.php */


/* ========================================
   7. CONTENT
   ======================================== */

/* Typography, blocks, posts */


/* ========================================
   8. WOOCOMMERCE
   ======================================== */

/* Product cards, cart, checkout */


/* ========================================
   9. FOOTER
   ======================================== */

/* Footer widgets, bottom bar */


/* ========================================
   10. UTILITIES
   ======================================== */

/* Helper classes, responsive utilities */
/**
 * Inline CSS exported from WordPress theme
 * Exported: 2026-01-29 23:37:24
 * Size: 39 КБ
 * Source: apply_filters('base_dynamic_css', '')
 */


/* Base Base CSS */
:root{--global-palette1:#ff7226;--global-palette2:#111111;--global-palette3:#111111;--global-palette4:#080808;--global-palette5:#515151;--global-palette6:#515151;--global-palette7:#f2f2f2;--global-palette8:#f7f7f7;--global-palette9:#ffffff;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--EF-color-temp);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--EF-Color-Surface);--global-palette-btn-bg:var(--EF-Color-Btn-Primary-Bg);--global-palette-btn-bg-hover:var(--EF-Color-Btn-Primary-Hover);--global-palette-btn:var(--EF-Color-Btn-Primary-Text);--global-palette-btn-hover:var(--EF-Color-Btn-Primary-Text);--global-body-font-family:'Bai Jamjuree', 'Rubik', sans-serif;--global-heading-font-family:'Bai Jamjuree', 'Rubik', sans-serif;--global-primary-nav-font-family:'Bai Jamjuree', 'Rubik', sans-serif;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1430px;--global-content-narrow-width:842px;--global-content-edge-padding:0.9375rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1430px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--EF-Color-Surface);}body, input, select, optgroup, textarea{font-style:normal;font-weight:normal;font-size:14px;line-height:16px;letter-spacing:0px;font-family:var(--global-body-font-family);color:var(--global-palette2);}@media all and (max-width: 1024px){body{background:var(--EF-Color-Surface);}}@media all and (max-width: 767px){body{background:var(--EF-Color-Surface);}}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:normal;font-size:21px;line-height:1.4;letter-spacing:0em;color:var(--EF-Color-Text);}h2{font-style:normal;font-weight:normal;font-size:20px;line-height:1.4;color:var(--EF-Color-Text);}h3{font-style:normal;font-weight:normal;font-size:19px;line-height:1.3;color:var(--EF-Color-Text);}h4{font-style:normal;font-weight:normal;font-size:18px;line-height:1.2;color:var(--EF-Color-Text);}h5{font-style:normal;font-weight:normal;font-size:18px;line-height:1.2;color:var(--EF-Color-Text);}h6{font-style:normal;font-weight:normal;font-size:18px;line-height:1.2;color:var(--EF-Color-Text);}.entry-hero h1{font-style:normal;font-weight:normal;font-size:21px;line-height:1.65;color:var(--EF-Color-Text);}.entry-hero .base-breadcrumbs, .entry-hero .search-form{font-style:normal;font-weight:normal;font-size:16px;line-height:1.65;color:var(--EF-Color-Text);}@media all and (max-width: 1024px){h1{font-size:26px;}h2{font-size:24px;}h3{font-size:22px;}h4{font-size:20px;}h5{font-size:18px;}}@media all and (max-width: 767px){h1{font-size:24px;}h2{font-size:22px;}h3{font-size:19px;}h4{font-size:18px;}.wp-site-blocks .entry-hero h1{font-size:26px;}}.entry-hero .base-breadcrumbs{max-width:1430px;}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1660px){.wp-site-blocks .content-container  .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-padding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}@media all and (max-width: 1024px){}@media all and (max-width: 767px){}.loop-entry @media all and (max-width: 1024px){.loop-entry }@media all and (max-width: 767px){.loop-entry }.has-sidebar:not(.has-left-sidebar) .content-container{grid-template-columns:1fr 22%;}.has-sidebar.has-left-sidebar .content-container{grid-template-columns:22% 1fr;}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button{font-style:normal;font-weight:400;font-size:14px;line-height:27px;letter-spacing:0.5px;text-transform:uppercase;border-radius:5px;padding:9px 24px 9px 24px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);}.wp-block-button.is-style-outline .wp-block-button__link{padding:9px 24px 9px 24px;}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(9px - 2px);padding-right:calc(24px - 2px);padding-bottom:calc(9px - 2px);padding-left:calc(24px - 2px);}@media all and (max-width: 1024px){button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button{padding:10px 18px 10px 18px;line-height:26px;}.wp-block-button.is-style-outline .wp-block-button__link{padding:10px 18px 10px 18px;}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(10px - 2px);padding-right:calc(18px - 2px);padding-bottom:calc(10px - 2px);padding-left:calc(18px - 2px);}}@media all and (max-width: 767px){button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button{font-size:13px;line-height:25px;}}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:70px;}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:55px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:50px;}}.loop-entry.type-post h2.entry-title{font-style:normal;font-weight:600;font-size:20px;line-height:1.3;color:var(--global-palette4);}@media all and (max-width: 767px){.loop-entry.type-post h2.entry-title{font-size:18px;}}.loop-entry.type-post .entry-taxonomies{font-style:normal;font-weight:normal;}.loop-entry.type-post .entry-meta{font-style:normal;font-weight:normal;}
/* Product Summary Layout */.wrap-summary{display:flex;flex-direction:column;gap:15px}@media(min-width:768px){.wrap-summary{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:20px}}
.wrap-summary .summary.entry-summary{order:-1}@media(min-width:768px){.wrap-summary .summary.entry-summary{order:1;width:60%}}.summary.entry-summary{display:flex;flex-direction:column;margin:0;width:100%}
/* Product Grid - Mobile first: 2 cols → 768px: 3 cols → 1024px: 4 cols */
.woocommerce ul.products.grid-cols{margin:0;padding:15px 0 0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);column-gap:1em;row-gap:1.5em;clear:both}.woocommerce ul.products.grid-cols>li{margin:0;padding:0;list-style:none}@media(min-width:768px){.woocommerce ul.products.grid-cols{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.woocommerce ul.products.grid-cols{grid-template-columns:repeat(4,1fr)}}

/* ========================================
   BASE ELEMENTS (ex _elements.scss, _reset.scss, _links.scss)
   ======================================== */
*, *::before, *::after { box-sizing: inherit; }
a { color: var(--global-palette-highlight); transition: all .1s linear; background-color: transparent; }
ul { list-style: disc; }
main { display: block; min-width: 0; }
body { margin: 0; }

/* ========================================
   LAYOUT CONTAINERS (ex global.scss, everfox-custom.css)
   ======================================== */
.content-area { margin: 0; }
#wrapper { overflow: hidden; overflow: clip; }
body.footer-on-bottom #wrapper { min-height: 100vh; display: flex; flex-direction: column; }
body.footer-on-bottom #inner-wrap { flex: 1 0 auto; padding-bottom: 30px; }
#inner-wrap { background: linear-gradient(180deg, #fff 0%, var(--everfox-bg-color) var(--everfox-bg-gradient-start), var(--everfox-bg-color) 100%); }
body.single-product { padding-bottom: 60px; }
.skip-link { display: none !important; }
.site-container,
.site-header-row-layout-contained,
.site-footer-row-layout-contained,
.entry-hero-layout-contained,
.comments-area,
.alignfull > .wp-block-cover__inner-container,
.alignwide > .wp-block-cover__inner-container {
    max-width: var(--global-content-width);
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

/* ========================================
   UTILITIES (ex global.scss)
   ======================================== */
.bt-clear::before, .bt-clear::after { content: ' '; display: table; }

/* ========================================
   CONTENT / ENTRY (ex content.scss)
   ======================================== */
.entry-hero { position: relative; }
.hero-container { position: relative; }
.entry-content-wrap { padding: 15px 0 0 0; }
.entry-hero-container-inner { background: var(--global-palette7); }
.hero-section-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.entry {
    box-shadow: none;
    border-radius: .25rem;
}

/* ========================================
   WOOCOMMERCE NOTICES (ex base-snackbar-notice.css)
   ======================================== */
.woocommerce .woocommerce-notices-wrapper,
.woocommerce-notices-wrapper {
    position: fixed;
    z-index: 100009;
    left: 50%;
    transform: translateX(-50%);
    top: 5rem;
    width: 20%;
    --kwsb-background: #1f1f1f;
    --kwsb-color: #fff;
}

/* ========================================
   WOOCOMMERCE PRODUCTS (ex everfox-custom.css, woo SCSS)
   ======================================== */
.woocommerce ul.products { position: relative; }
.woocommerce ul.products:not(.products-list-view) li.product:not(.product-item, .product-cat) {
    background: var(--EF-Color-Surface);
    border: none;
    border-radius: var(--everfox-radius);
    padding: 10px 0;
    box-shadow: var(--everfox-card-shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* Hover эффект карточек товара */
.woocommerce ul.products:not(.products-list-view) li.product:not(.product-item, .product-cat):hover {
    transform: translateY(-6px);
    box-shadow: var(--everfox-card-shadow-hover);
}
/* Отключение hover на мобильных */
@media (max-width: 1024px) {
    .woocommerce ul.products:not(.products-list-view) li.product:not(.product-item, .product-cat):hover {
        transform: none;
        box-shadow: var(--everfox-card-shadow);
    }
}
.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
}
.woocommerce ul.products li.product { overflow: hidden; }
.products.align-buttons-bottom li.product {
    display: flex;
    flex-direction: column;
}

/* ========================================
   PRODUCT PAGE (ex everfox-custom.css)
   ======================================== */
/* ========================================
   PRODUCT GALLERY - SINGLE SOURCE OF TRUTH
   ======================================== */

/* Main gallery wrapper */
.woocommerce-product-gallery__wrapper {
    /* Layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;

    /* Size & Position */
    flex: 1;
    width: 100%;
    flex-shrink: 0;
    margin: 0;
    order: 2;

    /* Visual */
    background: var(--EF-Color-Surface);
    padding: 20px 15px;
    box-shadow: var(--everfox-card-shadow);
    border-radius: var(--everfox-radius);

    /* Transition */
    transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
}

@media (min-width: 768px) {
    .woocommerce-product-gallery__wrapper {
        flex: 0 0 40%;
        width: 40%;
        position: sticky;
        top: 0;
        align-self: flex-start;
        order: 0;
    }
}

/* Main gallery Swiper container */
.swiper-container.swiperOneMain {
    flex: 1;
    width: 100%;
    max-width: 100%;
    height: auto;
    order: 1;
}

/* Desktop: center gallery horizontally */
@media (min-width: 768px) {
    .swiper-container.swiperOneMain {
        margin: 0 auto;
    }
}

/* Mobile: position fix */
@media (max-width: 768px) {
    .swiper-container.swiperOneMain {
        position: relative;
    }

    .swiperOneMain .swiper-slide.product-video video,
    .swiperOneMain .product-video video {
        max-height: 480px !important;
        margin: 0 auto;
        display: block;
    }
}

/* Fade анимация для галереи (загрузка страницы - 1s) */
.swiperOneMain .swiper-slide img {
    transition: opacity 1s ease;
}

/* DEBUG: Fade отключен для отладки */
.swiperOneMain:not(.swiper-initialized) .swiper-slide img {
    opacity: 1; /* было 0 */
}
.swiperOneMain.swiper-initialized .swiper-slide img {
    opacity: 1;
}

/* Fade класс для смены вариаций (быстрее - 0.3s) */
.swiperOneMain .swiper-slide img.variation-fading {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

/* Thumbnails rail */
.thumbs-rail {
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
    width: 100%;
    flex: 0 0 auto;
    max-height: 120px;
    height: auto;
    order: 2;
}

/* Hide thumbnails on mobile */
@media (max-width: 767px) {
    .thumbs-rail {
        display: none;
    }
}

/* Swiper slides */
.swiperOneMain .swiper-slide {
    overflow: hidden;
}

/* Hide inactive slides AFTER Swiper init (prevent video peeking) */
/* До инициализации - первый слайд виден сразу */
.swiperOneMain.swiper-initialized .swiper-slide:not(.swiper-slide-active) {
    visibility: hidden;
}

/* Gallery images */
.woocommerce-product-gallery__image {
    display: block;
    margin: 0;
}

.woocommerce-product-gallery__image img {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: none;
}

/* Hide additional images (if not Swiper) */
.woocommerce-product-gallery__image:nth-child(n+2) {
    display: none;
}

/* Placeholder for empty images */
.woocommerce-product-gallery__image--placeholder {
    border: 1px solid #f2f2f2;
}

/* Zoomable images */
.woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #fff;
    opacity: 0;
}

.zoomable__img {
    will-change: transform;
}

/* Zoom trigger button (magnifier icon) */
.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
}

.woocommerce-product-gallery__trigger::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid var(--EF-Color-Border-Strong);
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    box-sizing: content-box;
}

.woocommerce-product-gallery__trigger::after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: var(--EF-Color-Text);
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    transform: rotate(-45deg);
    box-sizing: content-box;
}

/* Product video - styles in everfox-custom.css responsive media queries */

/* Flex Control Thumbnails (for FlexSlider compatibility) */
.flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    max-width: 94%;
    margin-top: -32px;
    background: transparent;
    width: 100%;
    flex-wrap: wrap;
    display: inline-flex;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.flex-control-thumbs li {
    width: 60px;
    height: 65px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    background: var(--global-palette9);
    display: inline-flex;
    list-style: none;
}

.flex-control-thumbs li:first-child,
.flex-control-thumbs li:nth-child(9) {
    width: 65px;
    padding-left: 5px;
}

.flex-control-thumbs li img {
    cursor: pointer;
    opacity: 0.5;
    margin: 0;
    border-top: 5px solid var(--global-palette9);
    border-bottom: 0;
    border-right: 5px solid var(--global-palette9);
    border-left: 0;
}

.flex-control-thumbs li img.flex-active,
.flex-control-thumbs li img:hover {
    opacity: 1;
}

/* Responsive thumbnails */
@media screen and (max-width: 1024px) {
    .flex-control-thumbs li:nth-child(7) {
        width: 65px;
        padding-left: 5px;
    }
    .flex-control-thumbs li:nth-child(9) {
        width: 60px;
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .flex-control-thumbs li:nth-child(6) {
        width: 65px;
        padding-left: 5px;
    }
    .flex-control-thumbs li:nth-child(7) {
        width: 60px;
        padding-left: 0;
    }
}

/* Product Options */
.everfox-product-options-wrapper {
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: var(--everfox-card-shadow);
    border-radius: var(--everfox-radius);
}

/* Product Extras */
.everfox-product-extras {
    order: 10;
    width: 100%;
    background: var(--EF-Color-Surface);
    padding: 20px 15px;
    margin-top: 20px;
    box-shadow: var(--everfox-card-shadow);
    border-radius: var(--everfox-radius);
}

/* ========================================
   PLYR VIDEO CONTROLS OVERFLOW FIX
   Date: 2026-02-04
   Issue: Plyr menu (Settings, Quality, Speed) is clipped
   Solution: Conditional overflow via :has() selector
   ======================================== */

/* REMOVED: overflow:visible caused video visibility issues */

/* Ensure Plyr controls stay on top */
.swiperOneMain .plyr__controls {
    position: relative;
    z-index: 10;
}

/* Plyr menu container - ensure visibility */
.swiperOneMain .plyr__menu__container {
    z-index: 20;
}

/* END PLYR OVERFLOW FIX */

/* ========================================
   PRODUCT VIDEO STYLES
   Migrated from everfox-custom.css
   Date: 2026-02-04
   ======================================== */

/* Desktop (≥1024px): video player */
@media (min-width: 1024px) {
    .product-video video {
        object-fit: contain;
        display: block;
        margin: 0 auto;
        height: 720px;
    }
}

/* END PRODUCT VIDEO STYLES */

/* ========================================
   LOADING OVERLAY (ex templatemela-core frontend.css)
   ======================================== */
body:before {
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
    position: fixed;
    top: 0; left: 0; bottom: 0; right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    cursor: progress;
}
body:after {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 0;
    height: 3px;
    background: #000;
    z-index: 9999998;
    opacity: 1;
}
body.handling:before { opacity: 1; visibility: visible; }
body.handling:after { -webkit-animation: progress-loading 1s ease-in-out forwards; animation: progress-loading 1s ease-in-out forwards; }
body.completed:after { -webkit-animation: progress-completed 0.3s ease-in-out forwards; animation: progress-completed 0.3s ease-in-out forwards; }

/* ========================================
   BODY PADDING (ex inline CSS)
   ======================================== */
body { padding: 0; }

/* Base Header CSS */
@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.base-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.transparent-header.base-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding a.brand img{max-width:200px;}.site-branding a.brand img.svg-logo-image{width:200px;}@media all and (max-width: 1024px){.site-branding a.brand img{max-width:45px;}.site-branding a.brand img.svg-logo-image{width:45px;}}@media all and (max-width: 767px){.site-branding a.brand img{max-width:40px;}.site-branding a.brand img.svg-logo-image{width:40px;}}.site-branding{padding:0px 0px 0px 0px;}@media all and (max-width: 1024px){.site-branding{padding:0px 0px 0px 0px;}}#masthead, #masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .base-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:var(--EF-Color-Surface);}.site-bottom-header-wrap .site-header-row-container-inner{background:var(--EF-Color-Surface);border-bottom:0px none transparent;}.site-bottom-header-inner-wrap{min-height:70px;}@media all and (max-width: 1024px){.site-bottom-header-inner-wrap{min-height:55px;}}@media all and (max-width: 480px){.site-bottom-header-inner-wrap{min-height:50px;}}#masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above):not(.site-main-header-wrap), #masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above) > .site-header-row-container-inner{border-bottom:1px solid var(--global-gray-400);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 50px);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(50px / 2);padding-right:calc(50px / 2);padding-top:0px;padding-bottom:0px;color:var(--global-palette2);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(50px / 2);}.main-navigation .primary-menu-container > ul li.menu-item > a{font-style:normal;font-weight:normal;font-size:16px;line-height:1.5;letter-spacing:-0.02em;font-family:var(--global-primary-nav-font-family);text-transform:none;}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--EF-color-temp);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li.current-menu-ancestor>a:after{transform:scale(1, 1) translate(50%, 0);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a, .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-ancestor > a, .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-ancestor > a{color:var(--EF-color-temp);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--EF-Color-Surface);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item > a{width:200px;padding-top:0.4em;padding-bottom:0.4em;color:var(--global-palette2);font-style:normal;font-weight:normal;font-size:15px;line-height:1.5;letter-spacing:0px;text-transform:none;color:var(--global-palette4);}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--EF-color-temp);}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette2);}.mobile-toggle-open-container .menu-toggle-open{color:var(--EF-Color-Text);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:33px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--EF-color-temp);}.mobile-navigation ul li{font-style:normal;font-weight:normal;font-size:15px;line-height:1.5;}.mobile-navigation ul li a{padding-top:0.4em;padding-bottom:0.4em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--EF-Color-Text);}.mobile-navigation ul li > a:hover, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap:hover{color:var(--EF-color-temp);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--EF-color-temp);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:0px solid rgba(255,255,255,0.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:0px solid rgba(255,255,255,0.1);}#mobile-drawer .drawer-inner, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner{color:var(--global-palette4);background:var(--EF-Color-Surface);}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.15em 0.6em 0.15em;font-size:24px;}#mobile-drawer .drawer-header .drawer-toggle, #mobile-drawer .drawer-header .drawer-toggle:focus{color:var(--EF-Color-Text);}.site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button{color:var(--EF-Color-Text);padding:0px 0px 0px 0px;}.header-cart-wrap .header-cart-button .header-cart-total{background:var(--EF-color-temp);color:var(--EF-Color-Surface);}.site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button:hover{color:var(--EF-color-temp);}.header-cart-wrap .header-cart-button .base-svg-iconset{font-size:27px;}.header-mobile-cart-wrap .header-cart-inner-wrap .header-cart-button{color:var(--EF-Color-Text);padding:0em 0em 0em 0em;}.header-mobile-cart-wrap .header-cart-button .header-cart-total{background:var(--EF-color-temp);color:var(--EF-Color-Surface);}.header-mobile-cart-wrap .header-cart-inner-wrap .header-cart-button:hover{color:var(--EF-color-temp);}.header-mobile-cart-wrap .header-cart-button .base-svg-iconset{font-size:28px;}.search-toggle-open-container .search-toggle-open{color:var(--EF-Color-Text);padding:0em 0em 0em 0em;margin:0px 0px 0px 0px;}.search-toggle-open-container .search-toggle-open.search-toggle-style-bordered{border:1px solid currentColor;}.search-toggle-open-container .search-toggle-open .search-toggle-icon{font-size:24px;}@media all and (max-width: 1024px){.search-toggle-open-container .search-toggle-open .search-toggle-icon{font-size:25px;}}.search-toggle-open-container .search-toggle-open:hover, .search-toggle-open-container .search-toggle-open:focus{color:var(--EF-color-temp);}#search-drawer .drawer-inner .drawer-content form input.search-field, #search-drawer .drawer-inner .drawer-content form .base-search-icon-wrap, #search-drawer .drawer-header{color:var(--EF-Color-Text);}#search-drawer .drawer-inner{background:var(--EF-Color-Text);}.mobile-html{font-style:normal;font-weight:normal;font-size:16px;line-height:1.5;text-transform:capitalize;color:var(--global-palette4);margin:0px 0px 0px 0px;}.mobile-html a{color:var(--global-palette4);}.mobile-html a:hover{color:var(--EF-color-temp);}
/* Base Footer CSS */
#colophon{background:var(--global-palette8);}.site-bottom-footer-wrap .site-footer-row-container-inner{background:#fff;font-style:normal;font-weight:normal;border-top:0px none transparent;}.site-bottom-footer-inner-wrap{min-height:10px;padding-top:5px;padding-bottom:5px;grid-column-gap:5px;grid-row-gap:5px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:10px;}.site-bottom-footer-inner-wrap .widget-area .widget-title{font-style:normal;font-weight:normal;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-5px / 2);}@media all and (max-width: 719px){.site-bottom-footer-inner-wrap{min-height:100px;padding-top:5px;padding-bottom:10px;grid-column-gap:5px;grid-row-gap:5px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-5px / 2);}}.footer-social-wrap{margin:0px 0px 0px 0px;}.footer-social-wrap .footer-social-inner-wrap{font-size:16px;gap:0px;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button{color:var(--EF-Color-Text);background:var(--EF-Color-Surface);border:0px solid transparent;border-color:var(--global-gray-400);border-radius:50px;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button:hover{color:var(--EF-Color-Surface);background:var(--EF-color-temp);}#colophon .footer-html{font-style:normal;font-weight:normal;font-size:14px;line-height:1;color:var(--global-palette4);margin:0px 0px 0px 0px;}#colophon .site-footer-row-container .site-footer-row .footer-html a{color:var(--global-palette4);}#colophon .site-footer-row-container .site-footer-row .footer-html a:hover{color:var(--EF-color-temp);}
/* TemplateMela Core Header CSS */
.header-navigation-dropdown-direction-left ul ul.submenu, .header-navigation-dropdown-direction-left ul ul.sub-menu{right:0px;left:auto;}.rtl .header-navigation-dropdown-direction-right ul ul.submenu, .rtl .header-navigation-dropdown-direction-right ul ul.sub-menu{left:0px;right:auto;}.header-account-style-icon_title_label .header-account-content{padding-left:5px;}.header-account-style-icon_title_label .header-account-title{display:block;}.header-account-style-icon_title_label .header-account-label{display:block;}.header-account-button .nav-drop-title-wrap > .base-svg-iconset, .header-account-button > .base-svg-iconset{font-size:24px;}.site-header-item .header-account-button .nav-drop-title-wrap, .site-header-item .header-account-wrap > .header-account-button{display:flex;align-items:center;}.header-account-style-icon_label .header-account-label{padding-left:5px;}.header-account-style-label_icon .header-account-label{padding-right:5px;}.site-header-item .header-account-wrap .header-account-button{text-decoration:none;box-shadow:none;color:var(--EF-Color-Text);background:transparent;padding:0.6em 0em 0.6em 0em;text-align:inherit;}.site-header-item .header-account-wrap .header-account-button:hover{color:var(--EF-color-temp);}.header-account-wrap .header-account-button .header-account-title{color:inherit;}.header-account-wrap .header-account-button .header-account-label{color:inherit;}.header-mobile-account-wrap .header-account-button .nav-drop-title-wrap > .base-svg-iconset, .header-mobile-account-wrap .header-account-button > .base-svg-iconset{font-size:24px;}.header-mobile-account-wrap .header-account-button .nav-drop-title-wrap, .header-mobile-account-wrap > .header-account-button{display:flex;align-items:center;}.header-mobile-account-wrap.header-account-style-icon_label .header-account-label{padding-left:5px;}.header-mobile-account-wrap.header-account-style-label_icon .header-account-label{padding-right:5px;}.header-mobile-account-wrap .header-account-button{text-decoration:none;box-shadow:none;color:var(--EF-Color-Text);background:transparent;padding:0.6em 0em 0.6em 0em;}.header-mobile-account-wrap .header-account-button:hover{color:var(--EF-color-temp);}.header-mobile-account-wrap .header-account-button .header-account-title{color:inherit;}.header-mobile-account-wrap .header-account-button .header-account-label{color:inherit;}.header-mobile-account-wrap{margin:0px 0px 0px 0px;}#login-drawer .drawer-inner .drawer-content{display:flex;justify-content:center;align-items:center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;padding:0px;}#loginform p label, #login-drawer .login p label{display:block;}#login-drawer #loginform, #login-drawer .login{width:100%;}#login-drawer #loginform input, #login-drawer .login input{width:100%;}#login-drawer .login button{width:100%;}#login-drawer #loginform input[type="checkbox"], #login-drawer .login input[type="checkbox"]{width:auto;}#login-drawer .drawer-inner .drawer-header{position:relative;z-index:100;}#login-drawer .drawer-content_inner.widget_login_form_inner{padding:2em;width:100%;max-width:350px;border-radius:.25rem;background:var(--EF-Color-Surface);color:var(--global-palette4);}#login-drawer .lost_password a{color:var(--global-palette6);font-size:80%;}#login-drawer .lost_password, #login-drawer .register-field{text-align:center;}#login-drawer .widget_login_form_inner p{margin-top:1.2em;margin-bottom:0em;width:100%;float:none;}#login-drawer .widget_login_form_inner p:first-child{margin-top:0em;}#login-drawer .widget_login_form_inner label{margin-bottom:0.5em;}#login-drawer hr.register-divider{margin:1.2em 0;border-width:1px;}#login-drawer .register-field{font-size:90%;}@media all and (min-width: 1025px){#login-drawer hr.register-divider.hide-desktop{display:none;}#login-drawer p.register-field.hide-desktop{display:none;}}@media all and (max-width: 1024px){#login-drawer hr.register-divider.hide-mobile{display:none;}#login-drawer p.register-field.hide-mobile{display:none;}}@media all and (max-width: 767px){#login-drawer hr.register-divider.hide-mobile{display:none;}#login-drawer p.register-field.hide-mobile{display:none;}}.header-html2{font-style:normal;margin:0px 0px 0px 0px;font-family:'Bai Jamjuree Full',sans-serif !important;letter-spacing:0.5px;}.mobile-html2{margin:0px 15px 0px 0px;}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--EF-Color-Text);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.tertiary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--EF-Color-Text);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.quaternary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}#main-header .header-divider{border-right:1px solid var(--global-palette6);height:80%;}#main-header .header-divider2{border-right:1px solid var(--global-palette6);height:50%;}#main-header .header-divider3{border-right:1px solid var(--global-palette6);height:50%;}#mobile-header .header-mobile-divider, #mobile-drawer .header-mobile-divider{border-right:1px solid var(--global-palette6);height:50%;}#mobile-drawer .header-mobile-divider{border-top:1px solid var(--global-palette6);width:50%;}#mobile-header .header-mobile-divider2{border-right:1px solid var(--global-palette6);height:50%;}#mobile-drawer .header-mobile-divider2{border-top:1px solid var(--global-palette6);width:50%;}.header-item-search-bar form ::-webkit-input-placeholder{color:currentColor;opacity:0.5;}.header-item-search-bar form ::placeholder{color:currentColor;opacity:0.5;}.header-search-bar form{max-width:100%;width:240px;}.header-mobile-search-bar form{max-width:calc(100vw - var(--global-sm-spacing) - var(--global-sm-spacing));width:240px;}.header-widget-lstyle-normal .header-widget-area-inner a:not(.button){text-decoration:underline;}.element-contact-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:-0.6em;margin-left:calc(-0.6em / 2);margin-right:calc(-0.6em / 2);}.element-contact-inner-wrap .header-contact-item{display:inline-flex;flex-wrap:wrap;align-items:center;color:var(--EF-Color-Text);font-weight:500;font-size:14px;line-height:21px;margin-top:0.6em;margin-left:calc(0.6em / 2);margin-right:calc(0.6em / 2);}.element-contact-inner-wrap a.header-contact-item:hover{color:var(--EF-Color-Text);}.element-contact-inner-wrap .header-contact-item .base-svg-iconset{font-size:1em;}.header-contact-item img{display:inline-block;}.header-contact-item .contact-content{margin-left:0.935em;}.rtl .header-contact-item .contact-content{margin-right:0.935em;margin-left:0px;}.header-contact-item .contact-content span{display:block;}.header-mobile-contact-wrap .element-contact-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:-0.6em;margin-left:calc(-0.6em / 2);margin-right:calc(-0.6em / 2);}.header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item{display:inline-flex;flex-wrap:wrap;align-items:center;margin-top:0.6em;margin-left:calc(0.6em / 2);margin-right:calc(0.6em / 2);}.header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item .base-svg-iconset{font-size:1em;}#main-header .header-button2{border:2px none transparent;box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}#main-header .header-button2:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2{border:2px none transparent;box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}.mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}#widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2, #widget-drawer.popup-drawer-layout-sidepanel .drawer-inner{max-width:400px;}#widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2{margin:0 auto;}.widget-toggle-open{display:flex;align-items:center;background:transparent;box-shadow:none;}.widget-toggle-open:hover, .widget-toggle-open:focus{border-color:currentColor;background:transparent;box-shadow:none;}.widget-toggle-open .widget-toggle-icon{display:flex;}.widget-toggle-open .widget-toggle-label{padding-right:5px;}.rtl .widget-toggle-open .widget-toggle-label{padding-left:5px;padding-right:0px;}.widget-toggle-open .widget-toggle-label:empty, .rtl .widget-toggle-open .widget-toggle-label:empty{padding-right:0px;padding-left:0px;}.widget-toggle-open-container .widget-toggle-open{color:var(--EF-Color-Text);padding:0.4em 0em 0.4em 0.6em;font-weight:600;font-size:15px;letter-spacing:0.5px;text-transform:capitalize;}.widget-toggle-open-container .widget-toggle-open.widget-toggle-style-bordered{border:1px solid currentColor;}.widget-toggle-open-container .widget-toggle-open .widget-toggle-icon{font-size:20px;}#widget-drawer .drawer-inner{background:var(--EF-Color-Surface);}#widget-drawer .header-widget-2style-normal a:not(.button){text-decoration:underline;}#widget-drawer .header-widget-2style-plain a:not(.button){text-decoration:none;}#widget-drawer .header-widget2 .widget-title{color:var(--EF-Color-Surface);}#widget-drawer .header-widget2{color:var(--global-palette8);}#widget-drawer .header-widget2 a:not(.button), #widget-drawer .header-widget2 .drawer-sub-toggle{color:var(--global-palette8);}#widget-drawer .header-widget2 a:not(.button):hover, #widget-drawer .header-widget2 .drawer-sub-toggle:hover{color:var(--EF-Color-Surface);}#mobile-secondary-site-navigation ul li{font-style:normal;font-weight:normal;}#mobile-secondary-site-navigation ul li a{padding-top:0.5em;padding-bottom:0.5em;}
/* TemplateMela Core Header CSS */
#filter-drawer.popup-drawer-layout-fullwidth .drawer-content .product-filter-widgets, #filter-drawer.popup-drawer-layout-sidepanel .drawer-inner{max-width:300px;}#filter-drawer.popup-drawer-layout-fullwidth .drawer-content .product-filter-widgets{margin:0 auto;}.filter-toggle-open-container{margin-right:0.5em;}.filter-toggle-open >*:first-child:not(:last-child){margin-right:4px;}.filter-toggle-open{display:flex;align-items:center;box-shadow:none;}.filter-toggle-open.filter-toggle-style-default{border:0px;}.filter-toggle-open:hover, .filter-toggle-open:focus{box-shadow:none;}.filter-toggle-open .filter-toggle-icon{display:flex;}.filter-toggle-open >*:first-child:not(:last-child):empty{margin-right:0px;}.filter-toggle-open-container .filter-toggle-open{padding:6px 15px 6px 15px;font-size:14px;}.filter-toggle-open-container .filter-toggle-open.filter-toggle-style-bordered{border:1px solid currentColor;}.filter-toggle-open-container .filter-toggle-open .filter-toggle-icon{font-size:20px;}#filter-drawer .drawer-inner{background:var(--EF-Color-Surface);}#filter-drawer .drawer-header .drawer-toggle, #filter-drawer .drawer-header .drawer-toggle:focus{color:var(--global-palette5);}#filter-drawer .drawer-header .drawer-toggle:hover, #filter-drawer .drawer-header .drawer-toggle:focus:hover{color:var(--EF-Color-Text);}#filter-drawer .header-filter-2style-normal a:not(.button){text-decoration:underline;}#filter-drawer .header-filter-2style-plain a:not(.button){text-decoration:none;}#filter-drawer .drawer-inner .product-filter-widgets .widget-title{font-weight:600;font-size:18px;color:var(--EF-Color-Text);}#filter-drawer .drawer-inner .product-filter-widgets{color:var(--global-palette4);}#filter-drawer .drawer-inner .product-filter-widgets a, #filter-drawer .drawer-inner .product-filter-widgets .drawer-sub-toggle{color:var(--global-palette4);}#filter-drawer .drawer-inner .product-filter-widgets a:hover, #filter-drawer .drawer-inner .product-filter-widgets .drawer-sub-toggle:hover{color:var(--EF-color-temp);}.base-shop-active-filters{display:flex;flex-wrap:wrap;}.base-clear-filters-container a{text-decoration:none;background:var(--global-palette7);color:var(--global-palette5);padding:.6em;font-size:80%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}.base-clear-filters-container ul{margin:0px;padding:0px;border:0px;list-style:none outside;overflow:hidden;zoom:1;}.base-clear-filters-container ul li{float:left;padding:0 0 1px 1px;list-style:none;}.base-clear-filters-container a:hover{background:var(--EF-Color-Surface);color:var(--EF-Color-Text);}
/* TemplateMela Core More CSS */
.vertical-navigation .vertical-navigation-header{padding-left:calc(2.7em / 2);padding-right:calc(2.7em / 2);padding-top:0.4em;padding-bottom:0.4em;color:var(--EF-Color-Surface);background:var(--EF-color-temp);}.vertical-navigation .vertical-navigation-header .base-svg-iconset{padding:calc(0em / 2);font-size:em;}.vertical-navigation .vertical-menu-container > ul > li.menu-item > a{padding-left:calc(2.7em / 2);padding-right:calc(2.7em / 2);padding-top:9.4px;padding-bottom:9.4px;color:var(--EF-Color-Text);background:var(--EF-Color-Surface);font-style:normal;font-weight:normal;font-size:15px;line-height:1.6;letter-spacing:0.01em;}.vertical-navigation .vertical-menu-container > ul > li.menu-item > a:hover{color:var(--EF-color-temp);}.vertical-navigation .vertical-menu-container > ul.menu{border:0px solid var(--EF-color-temp);}.vertical-navigation .vertical-menu-container > ul.menu > li.menu-item{border-bottom:0px solid var(--global-palette7);}.site-header-item .header-wishlist-wrap .header-wishlist-inner-wrap .header-wishlist-button{color:var(--EF-Color-Text);padding:0em 0em 0em 0em;}.header-wishlist-wrap .header-wishlist-button .header-wishlist-total{background:var(--EF-color-temp);color:var(--EF-Color-Surface);}.site-header-item .header-wishlist-wrap .header-wishlist-inner-wrap .header-wishlist-button:hover{color:var(--EF-color-temp);}.header-wishlist-wrap .header-wishlist-button .base-svg-iconset{font-size:25px;}.header-item-search-advanced form ::-webkit-input-placeholder{color:currentColor;opacity:0.5;}.header-item-search-advanced form ::placeholder{color:currentColor;opacity:0.5;}.header-search-advanced form.search-form{max-width:100%;width:650px;}.header-search-advanced form.search-form{background:var(--EF-Color-Surface);border:1px solid var(--global-gray-400);border-radius:5px 5px 5px 5px;}.header-search-advanced form.search-form .search-submit{background:var(--EF-color-temp);color:var(--EF-Color-Surface);font-style:normal;font-weight:normal;font-size:15px;padding:10px 21px 9px 15px;border-radius:0px 5px 5px 0px;}.header-search-advanced form.search-form .search-submit:hover,.header-search-advanced form.search-form .search-submit:focus{background:var(--EF-color-temp);color:var(--EF-Color-Surface);}.header-search-advanced form.search-form input.search-field{font-style:normal;font-weight:normal;font-size:14px;padding:9px 20px 7px 15px;}.header-search-advanced form.search-form .search-category-field .search-select{color:var(--global-palette4);font-style:normal;font-weight:normal;font-size:14px;line-height:24px;text-transform:none;}
/* TemplateMela Core CSS */
:root{--skeleton-gradient-color:#f2f2f2;}
/* Base Woo CSS */
.woocommerce-demo-store .woocommerce-store-notice a, .woocommerce-demo-store .woocommerce-store-notice{font-style:normal;font-weight:normal;font-size:16px;line-height:1;font-family:'Exo 2', sans-serif;}.woocommerce div.product div.images{width:720px;}.product-hero-section .entry-hero-container-inner{background:var(--global-palette7);}.entry-hero.product-hero-section .entry-header{min-height:45px;}@media all and (max-width: 1024px){.entry-hero.product-hero-section .entry-header{min-height:45px;}}@media all and (max-width: 767px){.entry-hero.product-hero-section .entry-header{min-height:45px;}}.product-title .base-breadcrumbs{font-style:normal;font-weight:normal;font-size:15px;line-height:1.5;letter-spacing:-0.02em;}.product-title .single-category{font-style:normal;font-weight:normal;font-size:18px;line-height:1.5;color:var(--EF-Color-Text);}.wp-site-blocks .product-hero-section .extra-title{font-style:normal;font-weight:normal;font-size:18px;line-height:0px;letter-spacing:-0.02em;}.woocommerce div.product .product_title{font-style:normal;font-weight:500;font-size:18px;line-height:1.3;color:var(--EF-Color-Text);}@media all and (max-width: 1024px){.woocommerce div.product .product_title{font-size:24px;}}@media all and (max-width: 767px){.woocommerce div.product .product_title{font-size:20px;}}.woocommerce div.product .product-single-category{font-style:normal;font-weight:normal;font-size:16px;}body.single-product{background:var(--EF-Color-Surface);}@media all and (max-width: 1024px){body.single-product{background:var(--EF-Color-Surface);}}@media all and (max-width: 767px){body.single-product{background:var(--EF-Color-Surface);}}@media all and (max-width: 767px){.woocommerce ul.products:not(.products-list-view):not(.splide__list), .wp-site-blocks .wc-block-grid:not(.has-2-columns):not(.has-1-columns) .wc-block-grid__products{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:0.5rem;grid-row-gap:0.5rem;}}.product-archive-hero-section .entry-hero-container-inner{background:var(--global-palette7);}.entry-hero.product-archive-hero-section .entry-header{min-height:55px;}@media all and (max-width: 1024px){.entry-hero.product-archive-hero-section .entry-header{min-height:55px;}}@media all and (max-width: 767px){.entry-hero.product-archive-hero-section .entry-header{min-height:55px;}}.wp-site-blocks .product-archive-title h1{font-style:normal;font-weight:normal;font-size:18px;line-height:1.6;letter-spacing:-0.02em;}@media all and (max-width: 1024px){.wp-site-blocks .product-archive-title h1{font-size:16px;}}.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title, .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{font-style:normal;font-weight:normal;font-size:16px;line-height:20px;letter-spacing:-0.02em;color:var(--EF-Color-Text);}@media all and (max-width: 1024px){.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title, .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{font-size:13px;line-height:18px;letter-spacing:-0.02em;}}@media all and (max-width: 767px){.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title, .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{font-size:13px;line-height:18px;letter-spacing:-0.02em;}}.woocommerce ul.products li.product .product-details .price, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{font-style:normal;font-weight:500;font-size:19px;line-height:1.5;letter-spacing:0em;color:var(--EF-color-temp);}@media all and (max-width: 767px){.woocommerce ul.products li.product .product-details .price, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{font-size:16px;}}.woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button), .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button), .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link{color:var(--EF-Color-Text);background:var(--global-palette7);border:2px none transparent;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);font-style:normal;font-weight:normal;}.woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button):hover, .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button):hover, .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{color:var(--EF-Color-Surface);background:var(--EF-color-temp);box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
/* ========================================
   SWIPER NAVIGATION BUTTONS
   ======================================== */

/* Кнопки навигации для .swiperOneMain (галерея товара) */
.swiperOneMain .swiper-button-next,
.swiperOneMain .swiper-button-prev {
    display: flex;
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    margin: 0;
    width: 40px;
    height: 40px;
    color: #212121;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
}

.swiperOneMain .swiper-button-next {
    right: 0;
}

.swiperOneMain .swiper-button-prev {
    left: 0;
}

/* ===========================================
   SVG Icons Standard (єдине джерело правди)
   =========================================== */

:root {
    --icon-size-sm: 16px;
    --icon-size-md: 20px;
    --icon-size-lg: 24px;
    --icon-stroke-width: 2;
}

/* Cart drawer close button - колір як в меню */
#cart-drawer .drawer-toggle svg,
#cart-drawer .drawer-toggle svg path {
    stroke: var(--EF-Color-Text, #3d3d3d);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Delete button (trash icon) - корзина popup та сторінка cart */
.deleteButton svg.bin {
    width: 20px;
    height: 20px;
    fill: none;
}
.deleteButton svg.bin,
.deleteButton svg.bin path,
.deleteButton svg.bin polyline,
.deleteButton svg.bin line {
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Qty buttons (+/-) - корзина popup */
.everfox-qty-btn svg.everfox-qty-icon {
    width: 20px;
    height: 20px;
    fill: none;
}
.everfox-qty-btn svg.everfox-qty-icon,
.everfox-qty-btn svg.everfox-qty-icon path {
    stroke: rgb(61, 61, 61);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.everfox-qty-btn.everfox-qty-disabled svg.everfox-qty-icon,
.everfox-qty-btn.everfox-qty-disabled svg.everfox-qty-icon path {
    stroke: rgb(180, 180, 180);
}

/* Swiper навігація - скасувати вбудовані іконки */
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

/* SVG іконки внутри кнопок swiper */
.swiper-button-next svg,
.swiper-button-prev svg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    stroke: currentColor;
    stroke-width: var(--icon-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    pointer-events: none;
}

/* YITH WAPO toggle chevron */
.yith-wapo-addon.wapo-toggle .wapo-addon-title {
    position: relative;
    padding-right: 30px;
}
.yith-wapo-addon.wapo-toggle .wapo-addon-title::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}
.yith-wapo-addon.wapo-toggle.toggle-open .wapo-addon-title::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Dropdown arrow (телефони) */
.everfox-phone-dropdown .dropdown-arrow {
    display: inline-flex;
    align-items: center;
    height: 100%;
}
.everfox-phone-dropdown .dropdown-arrow svg {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}
.everfox-phone-dropdown.active .dropdown-arrow svg {
    transform: rotate(180deg);
}

/* Header dropdown arrow - стандартизований розмір 18px */
.site-header-section .nav--toggle-sub .dropdown-nav-toggle {
    right: -3px;
}
.site-header-section .base-svg-icon.base-arrow-down-svg {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}

/* TemplateMela CSS */
.primary-sidebar.widget-area .widget-title, .widget_block h2,.widget_block .widgettitle,.widget_block .widgettitle,.primary-sidebar h2{font-weight:600;font-size:18px;line-height:1.3;color:var(--EF-Color-Text);}
/* Phone Dropdown Styles */
.everfox-phone-icon,.everfox-phone-icon-desktop{display:inline-block;background-color:currentColor;mask:url('/wp-content/uploads/phone-icon.svg') center center / contain no-repeat;-webkit-mask:url('/wp-content/uploads/phone-icon.svg') center center / contain no-repeat;transition:background-color 0.2s;flex-shrink:0;vertical-align:middle;}.everfox-phone-icon-desktop{width:18px;height:18px;margin-right:2px;}.everfox-drawer-phones .everfox-phone-icon{width:16px;height:16px;margin-right:12px;}.everfox-phone-icon-menu{width:20px;height:20px;background-color:currentColor;mask:url('/wp-content/uploads/phone-icon.svg') center center / contain no-repeat;-webkit-mask:url('/wp-content/uploads/phone-icon.svg') center center / contain no-repeat;}.everfox-phone-dropdown{position:relative;display:inline-flex;align-items:center;font-family:'Bai Jamjuree Full',sans-serif !important;letter-spacing:0.5px;}.everfox-phone-dropdown .dropdown-btn{cursor:pointer;display:inline-flex;align-items:center;}.everfox-phone-dropdown .dropdown-btn .nav-drop-title-wrap{text-decoration:none;padding:0;display:inline-flex;align-items:center;gap:5px;font-weight:500;color:rgb(22 22 22);}.everfox-phone-dropdown .dropdown-btn .nav-drop-title-wrap:hover{color:var(--EF-color-temp);}.everfox-phone-dropdown .dropdown-btn .nav-drop-title-wrap:hover img{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(360deg) brightness(118%) contrast(119%);}.everfox-phone-dropdown .dropdown-btn .nav-drop-title-wrap img{transition:filter 0.2s;display:inline-block;aspect-ratio:1 / 1;}.everfox-phone-dropdown .dropdown-content{display:none;position:absolute;background-color:var(--EF-Color-OnDark);min-width:160px;box-shadow:var(--everfox-card-shadow);z-index:10001;top:calc(100% + 5px);left:0;text-align:center;border-radius:var(--everfox-radius);overflow:visible;padding:8px;line-height:2.5;}.everfox-phone-dropdown.active .dropdown-content{display:block;}.everfox-phone-dropdown .dropdown-content::before{content:'';position:absolute;top:-10px;left:0;width:100%;height:10px;}.everfox-phone-dropdown .dropdown-content a{text-decoration:none;display:block;font-weight:500;}.everfox-phone-dropdown .dropdown-content a:hover{background-color:#f1f1f1;color:var(--EF-color-temp);}.everfox-phone-dropdown .dropdown-content a.phone-link{display:block;}.everfox-phone-dropdown .dropdown-content .messenger-row{display:flex;gap:10px;justify-content:center;}.everfox-phone-dropdown .dropdown-content .icon-content{position:relative;display:flex;flex-shrink:0;}.everfox-phone-dropdown .dropdown-content .icon-content .tooltip{position:absolute;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;top:-40px;background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;line-height:14px;white-space:nowrap;pointer-events:none;transition:opacity 0.3s,visibility 0.3s,top 0.3s;z-index:1;}.everfox-phone-dropdown .dropdown-content .icon-content .tooltip::before{content:"";position:absolute;width:8px;height:8px;background-color:inherit;transform:rotate(45deg)translateX(-50%);left:50%;bottom:-4px;}.everfox-phone-dropdown .dropdown-content .icon-content:hover .tooltip,.everfox-phone-dropdown .dropdown-content .icon-content.touch-active .tooltip{opacity:1;visibility:visible;top:-30px;}.everfox-phone-dropdown .dropdown-content a.messenger-link{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:box-shadow 0.3s,background-color 0.3s;border:none;}.everfox-phone-dropdown .dropdown-content a.messenger-link:hover{box-shadow:3px 2px 45px 0px rgb(0 0 0 / 12%);color:white;background-color:transparent;}.everfox-phone-dropdown .dropdown-content a.messenger-link svg{position:relative;z-index:1;width:20px;height:20px;fill:currentColor;pointer-events:none;}.everfox-phone-dropdown .dropdown-content a.messenger-link .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;border-radius:50%;transition:height 0.3s ease;pointer-events:none;}.everfox-phone-dropdown .dropdown-content a.messenger-link:hover .filled{height:100%;}.everfox-phone-dropdown .dropdown-content a.messenger-link[data-social="viber"] .filled{background-color:#8f5db7;}.everfox-phone-dropdown .dropdown-content a.messenger-link[data-social="whatsapp"] .filled{background:linear-gradient(to top,#0b7c5c 0%,#25d366 100%);}.everfox-phone-dropdown .dropdown-content a.messenger-link[data-social="telegram"] .filled{background:linear-gradient(135deg,#0088cc 0%,#33b4f1 100%);}.everfox-phone-dropdown .dropdown-content .icon-content a.messenger-link[data-social="viber"] ~ .tooltip{background-color:#8f5db7;}.everfox-phone-dropdown .dropdown-content .icon-content a.messenger-link[data-social="whatsapp"] ~ .tooltip{background:linear-gradient(to top,#0b7c5c 0%,#25d366 100%);}.everfox-phone-dropdown .dropdown-content .icon-content a.messenger-link[data-social="telegram"] ~ .tooltip{background-color:#0088cc;}.everfox-phone-dropdown .dropdown-content .icon-content a.messenger-link[data-social="viber"] ~ .tooltip::before{background-color:#8f5db7;}.everfox-phone-dropdown .dropdown-content .icon-content a.messenger-link[data-social="whatsapp"] ~ .tooltip::before{background-color:#0c7e5d;}.everfox-phone-dropdown .dropdown-content .icon-content a.messenger-link[data-social="telegram"] ~ .tooltip::before{background-color:#0088cc;}.site-footer .everfox-phone-dropdown .dropdown-content{top:auto;bottom:calc(100% + 5px);margin-top:0;}.site-footer .everfox-phone-dropdown .dropdown-content::before{top:auto;bottom:-10px;}.site-footer .everfox-phone-dropdown.active .dropdown-arrow{transform:rotate(0deg);}.site-footer .everfox-phone-dropdown .dropdown-arrow{transform:rotate(180deg);}#masthead .everfox-phone-dropdown-mobile .dropdown-content,.site-header .everfox-phone-dropdown-mobile .dropdown-content{font-size:16px;}@media (max-width:540px){.site-header .site-header-item{margin-right:15px;}}@media (max-width:479px){.everfox-phone-dropdown .phone-number{display:none;}}