/* ==========================================================================
   0. ZERO-CLS SPACER (CUMULATIVE LAYOUT SHIFT PROTECTION)
   ========================================================================== */
.wjo-v35-spacer {
    display: block !important;
    width: 100% !important;
    height: 184px !important;
    min-height: 184px !important;
    background: transparent !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media(max-width: 1024px) {
    .wjo-v35-spacer {
        height: 64px !important;
        min-height: 64px !important;
    }
}

/* ==========================================================================
   1. THE ULTIMATE ANTI-BLEED, INHERITANCE SHIELD & CORES
   ========================================================================== */
:root {
    --wjo-v35-black: #0a0a0c;
    --wjo-v35-dark: #121214;
    --wjo-v35-white: #ffffff;
    --wjo-v35-gray-bg: #f4f4f6;
    --wjo-v35-gray-border: #e2e2e8;
    --wjo-v35-gray-text: #6e6e73;
    --wjo-v35-purple: #7E22CE;
    --wjo-v35-purple-hover: #6b21a8;
    --wjo-v35-gold: #f59e0b;
    --wjo-v35-green: #10B981;
    --wjo-v35-glass-bg: rgba(255, 255, 255, 0.88);
    --wjo-v35-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --wjo-v35-shadow-sm: 0 4px 12px rgba(0,0,0,0.03);
    --wjo-v35-shadow-lg: 0 24px 48px -12px rgba(0,0,0,0.08);
}

html.logged-in .wjo-logged-out-only,
body.logged-in .wjo-logged-out-only { display: none !important; }
html:not(.logged-in) .wjo-logged-in-only,
body:not(.logged-in) .wjo-logged-in-only { display: none !important; }

.wjo-v35-master {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 99995 !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif !important;
    width: 100% !important;
    max-width: 100vw !important;
    direction: ltr !important;
    text-align: left !important;
    background: var(--wjo-v35-white) !important;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 1px 0 0 var(--wjo-v35-gray-border) !important;
    transform: translateY(0) !important;
    transition: transform 0.4s var(--wjo-v35-ease), background 0.3s var(--wjo-v35-ease), box-shadow 0.3s var(--wjo-v35-ease) !important;
}

.wjo-v35-master *, .wjo-v35-master *::before, .wjo-v35-master *::after { 
    box-sizing: border-box !important; margin: 0; padding: 0; 
}

/* Custom Smooth Scrollbar */
.wjo-v35-master ::-webkit-scrollbar { width: 5px; height: 5px; }
.wjo-v35-master ::-webkit-scrollbar-track { background: transparent; }
.wjo-v35-master ::-webkit-scrollbar-thumb { background: #d1d1d6; border-radius: 10px; }
.wjo-v35-master ::-webkit-scrollbar-thumb:hover { background: #a1a1a6; }

.wjo-v35-master a { text-decoration: none !important; color: inherit; transition: all 0.2s var(--wjo-v35-ease); cursor: pointer; display: inline-block; }
.wjo-v35-master ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.wjo-v35-master button { cursor: pointer; outline: none !important; border: none !important; background: transparent; display: inline-flex; align-items: center; justify-content: center; font-family: inherit !important; padding: 0; margin: 0; box-shadow: none !important; }
.wjo-v35-master input { outline: none !important; font-family: inherit; box-shadow: none !important; border: none; }

.wjo-v35-master button:focus, 
.wjo-v35-master input:focus, 
.wjo-v35-master a:focus,
.wjo-v35-drawer-close:focus,
.wjo-v35-search-clear:focus,
.wjo-v35-mob-action:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

.wjo-v35-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.35s var(--wjo-v35-ease), visibility 0.35s var(--wjo-v35-ease) !important;
    z-index: 19999 !important;
}
.wjo-v35-overlay.active { opacity: 1 !important; visibility: visible !important; }

/* ==========================================================================
   2. DESKTOP ELITE TOPBAR & INFINITE MARQUEE
   ========================================================================== */
.wjo-v35-topbar { 
    height: 44px; 
    background: var(--wjo-v35-black) !important; 
    display: flex; 
    align-items: center; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); 
    position: relative; 
    z-index: 100000; 
    width: 100% !important; 
    opacity: 1;
    visibility: visible;
    transition: height 0.3s var(--wjo-v35-ease), opacity 0.3s var(--wjo-v35-ease), visibility 0.3s !important;
}
.wjo-v35-topbar-inner { width: 100% !important; max-width: 1440px !important; margin: 0 auto !important; padding: 0 40px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; }

.wjo-v35-social { display: flex !important; align-items: center !important; gap: 18px !important; flex-shrink: 0 !important; }
.wjo-v35-social a svg { width: 14px !important; height: 14px !important; fill: var(--wjo-v35-white) !important; display: block !important; transition: all 0.25s var(--wjo-v35-ease); }
.wjo-v35-social a:hover svg { fill: var(--wjo-v35-gold) !important; transform: scale(1.15) !important; }

.wjo-v35-marquee { flex: 1 1 auto !important; overflow: hidden !important; white-space: nowrap !important; display: flex !important; align-items: center !important; mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent); }
.wjo-v35-marquee-track { display: inline-flex !important; align-items: center !important; gap: 40px !important; width: max-content !important; animation: wjoV35Marquee 38s linear infinite !important; }
@keyframes wjoV35Marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.wjo-v35-marquee-item { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: rgba(255, 255, 255, 0.9); font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; margin-right: 20px !important; }

.wjo-v35-badge { background: var(--wjo-v35-white) !important; padding: 2px 7px !important; border-radius: 4px !important; font-weight: 900 !important; font-size: 10px !important; display: inline-flex !important; align-items: center !important; height: 16px !important; color: var(--wjo-v35-black) !important; }
.wjo-v35-badge.fedex { color: #4d148c !important; }
.wjo-v35-badge.fedex::after { content: 'Ex'; color: #ff6600 !important; }
.wjo-v35-badge.aramex { color: #e21b22 !important; text-transform: lowercase !important; }

.wjo-v35-top-links { display: flex !important; align-items: center !important; gap: 20px !important; flex-shrink: 0 !important; }
.wjo-v35-top-links a { color: rgba(255, 255, 255, 0.85) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; display: inline-flex !important; align-items: center !important; }
.wjo-v35-top-links a:hover { color: var(--wjo-v35-gold) !important; }

.wjo-v35-currency-desktop { display: inline-flex !important; align-items: center !important; border-right: 1px solid rgba(255,255,255,0.15) !important; padding-right: 14px !important; margin-right: 2px !important; position: relative !important; z-index: 100010 !important; height: auto !important; }
.wjo-v35-currency-wrapper select, .wjo-v35-currency-wrapper .wcml_currency_switcher, .wjo-v35-currency-wrapper .woocs_switcher_menu { appearance: none !important; -webkit-appearance: none !important; background: transparent url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right center !important; background-size: 9px !important; border: none !important; padding: 0 16px 0 0 !important; font-size: 11px !important; font-weight: 700 !important; color: var(--wjo-v35-white) !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; cursor: pointer !important; height: auto !important; box-shadow: none !important; }
.wjo-v35-currency-wrapper select option, .wjo-v35-currency-wrapper .wcml_currency_switcher option, .wjo-v35-currency-wrapper .woocs_switcher_menu option { background-color: #ffffff !important; color: #000000 !important; font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; }

/* Subdued & Re-engineered Vault Link (Desktop - Blends smoothly with Header) */
.wjo-v35-vault-btn {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    transition: all 0.25s var(--wjo-v35-ease) !important;
}
.wjo-v35-vault-btn:hover {
    color: var(--wjo-v35-gold) !important;
    border-color: var(--wjo-v35-gold) !important;
    background: rgba(245, 158, 11, 0.08) !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}

/* Desktop Download PWA Header Trigger */
.wjo-v35-pwa-btn {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border: none !important;
    padding: 0 4px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    transition: all 0.25s var(--wjo-v35-ease) !important;
    display: none;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    cursor: pointer !important;
    line-height: 1 !important;
}
.wjo-v35-pwa-btn:hover {
    color: var(--wjo-v35-gold) !important;
    transform: translateY(-1px) !important;
}
.wjo-v35-pwa-btn svg {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.3 !important;
}

/* iOS Safari Guidance Modal */
#wjoIosPwaModal {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    z-index: 200020 !important;
    padding: 20px !important;
}
.wjo-ios-pwa-card {
    background: var(--wjo-v35-white) !important;
    color: var(--wjo-v35-black) !important;
    border-radius: 20px !important;
    padding: 28px 24px !important;
    max-width: 340px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: var(--wjo-v35-shadow-lg) !important;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.wjo-ios-pwa-title { font-size: 16px !important; font-weight: 800 !important; margin-bottom: 8px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: var(--wjo-v35-black) !important; }
.wjo-ios-pwa-desc { font-size: 13px !important; color: var(--wjo-v35-gray-text) !important; line-height: 1.5 !important; margin-bottom: 20px !important; }
.wjo-ios-pwa-close { background: var(--wjo-v35-black) !important; color: var(--wjo-v35-white) !important; border: none !important; padding: 12px 24px !important; border-radius: 12px !important; font-weight: 800 !important; font-size: 12px !important; cursor: pointer !important; width: 100% !important; text-transform: uppercase !important; }

/* ==========================================================================
   3. DESKTOP CORE MAIN HEADER & LIVE SEARCH RESULTS
   ========================================================================== */
.wjo-v35-main { height: 86px; background: var(--wjo-v35-white); display: flex; align-items: center; position: relative; z-index: 50; width: 100% !important; transition: height 0.3s var(--wjo-v35-ease) !important; }
.wjo-v35-main-inner { width: 100% !important; max-width: 1440px !important; margin: 0 auto !important; padding: 0 40px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; }

.wjo-v35-logo { flex-shrink: 0 !important; width: 200px !important; display: flex !important; align-items: center !important; }
.wjo-v35-logo img { height: 50px !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; display: block !important; transition: height 0.3s var(--wjo-v35-ease) !important; }

.wjo-v35-search-wrap { position: relative !important; flex: 0 1 640px !important; width: 100% !important; max-width: 640px !important; min-width: 280px !important; display: block !important; margin: 0 auto !important; }
.wjo-v35-search-pill { display: flex !important; align-items: center !important; background: var(--wjo-v35-gray-bg) !important; border-radius: 100px !important; height: 48px !important; padding: 0 6px 0 18px !important; border: 1px solid transparent !important; transition: all 0.25s var(--wjo-v35-ease) !important; width: 100% !important; overflow: hidden !important; }
.wjo-v35-search-pill:focus-within { background: var(--wjo-v35-white) !important; border-color: var(--wjo-v35-purple) !important; box-shadow: 0 0 0 4px rgba(126, 34, 206, 0.12) !important; }

.wjo-v35-search-pill form { 
    display: flex !important; 
    flex-direction: row !important; 
    flex-wrap: nowrap !important; 
    width: 100% !important; 
    height: 100% !important; 
    align-items: center !important; 
    position: relative !important; 
}
.wjo-v35-search-pill svg.search-icon { width: 18px !important; height: 18px !important; fill: var(--wjo-v35-gray-text) !important; flex-shrink: 0 !important; transition: fill 0.2s; }
.wjo-v35-search-pill:focus-within svg.search-icon { fill: var(--wjo-v35-purple) !important; }

.wjo-v35-search-pill input[type="text"] { 
    flex: 1 1 auto !important; 
    width: 100% !important; 
    min-width: 0 !important; 
    height: 100% !important; 
    background: transparent !important; 
    border: none !important; 
    color: var(--wjo-v35-black) !important; 
    font-size: 14px !important; 
    font-weight: 500 !important; 
    padding: 0 38px 0 12px !important; 
    box-shadow: none !important; 
}

/* Clear Button */
.wjo-v35-search-clear { 
    position: absolute !important; 
    right: 112px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    width: 24px !important; 
    height: 24px !important; 
    border-radius: 50% !important; 
    background: transparent !important; 
    color: #86868b !important; 
    font-size: 13px !important; 
    font-weight: 600 !important; 
    display: none; 
    align-items: center !important; 
    justify-content: center !important; 
    z-index: 10 !important; 
    cursor: pointer !important; 
    transition: color 0.2s var(--wjo-v35-ease) !important; 
    border: none !important; 
    outline: none !important; 
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}
.wjo-v35-search-clear:hover { 
    color: var(--wjo-v35-black) !important; 
    background: transparent !important;
    box-shadow: none !important;
}

.wjo-v35-master .wjo-v35-search-btn { 
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    height: 36px !important; 
    width: 100px !important; 
    min-width: 100px !important; 
    max-width: 100px !important; 
    flex: 0 0 100px !important; 
    padding: 0 !important; 
    border-radius: 100px !important; 
    background: var(--wjo-v35-black) !important; 
    color: var(--wjo-v35-white) !important; 
    font-size: 11px !important; 
    font-weight: 800 !important; 
    letter-spacing: 0.8px !important; 
    border: none !important; 
    transition: all 0.25s var(--wjo-v35-ease) !important; 
}
.wjo-v35-search-btn:hover { background: var(--wjo-v35-purple) !important; box-shadow: 0 4px 14px rgba(126, 34, 206, 0.3) !important; }

.wjo-v35-search-wrap .wjo-v35-ajax-results { position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important; right: 0 !important; background: rgba(255, 255, 255, 0.98) !important; backdrop-filter: blur(20px) !important; border-radius: 20px !important; box-shadow: var(--wjo-v35-shadow-lg) !important; border: 1px solid var(--wjo-v35-gray-border) !important; max-height: 460px !important; overflow-y: auto !important; display: none; z-index: 1010 !important; padding: 8px 0 !important; }
.wjo-v35-ajax-item { display: flex !important; align-items: center !important; gap: 14px !important; padding: 12px 18px !important; border-bottom: 1px solid rgba(0,0,0,0.04) !important; text-decoration: none !important; transition: background 0.2s var(--wjo-v35-ease); }
.wjo-v35-ajax-item:hover { background: var(--wjo-v35-gray-bg) !important; }
.wjo-v35-ajax-item:last-child { border-bottom: none !important; }
.wjo-v35-ajax-img { width: 50px !important; height: 50px !important; border-radius: 10px !important; object-fit: cover !important; background: #fafafa; border: 1px solid rgba(0,0,0,0.05); }
.wjo-v35-ajax-info { display: flex !important; flex-direction: column !important; gap: 3px !important; }
.wjo-v35-ajax-title { font-size: 13.5px !important; font-weight: 600 !important; color: var(--wjo-v35-black) !important; text-align: left !important; }
.wjo-v35-ajax-price { font-size: 13px !important; font-weight: 800 !important; color: var(--wjo-v35-purple) !important; text-align: left !important; }

/* ==========================================================================
   4. LUXURY DESKTOP DROPDOWN MINI-CART & SMART CURRENCY METER
   ========================================================================== */
.wjo-v35-cart-container { position: relative !important; display: inline-block !important; flex-shrink: 0 !important; padding-bottom: 15px !important; margin-bottom: -15px !important; }
.wjo-v35-cart-box { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; border-radius: 14px !important; background: var(--wjo-v35-gray-bg) !important; cursor: pointer; text-decoration: none !important; transition: all 0.25s var(--wjo-v35-ease); }
.wjo-v35-cart-box svg { width: 20px !important; height: 20px !important; fill: none !important; stroke: var(--wjo-v35-black) !important; stroke-width: 2 !important; display: block !important; }
.wjo-v35-cart-box:hover { background: var(--wjo-v35-gray-border) !important; transform: scale(1.03); }
.wjo-v35-cart-badge { position: absolute !important; top: -4px !important; right: -4px !important; background: var(--wjo-v35-purple) !important; color: var(--wjo-v35-white) !important; font-size: 10px !important; font-weight: 800 !important; height: 20px !important; min-width: 20px !important; border-radius: 10px !important; display: none; align-items: center !important; justify-content: center !important; border: 2px solid var(--wjo-v35-white) !important; padding: 0 5px !important; box-shadow: 0 3px 8px rgba(126, 34, 206, 0.3) !important; z-index: 10 !important; }

.wjo-v35-cart-dropdown {
    position: absolute !important; top: calc(100% - 2px) !important; right: 0 !important; width: 380px !important; background: var(--wjo-v35-white) !important; border: 1px solid var(--wjo-v35-gray-border) !important; border-radius: 24px !important; box-shadow: var(--wjo-v35-shadow-lg) !important; padding: 24px !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; transition: opacity 0.25s var(--wjo-v35-ease), transform 0.25s var(--wjo-v35-ease), visibility 0.25s !important; z-index: 10002 !important;
}
.wjo-v35-cart-container:hover .wjo-v35-cart-dropdown { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }

.wjo-v35-shipping-meter-wrap { margin-bottom: 18px !important; background: var(--wjo-v35-gray-bg) !important; padding: 14px !important; border-radius: 16px !important; border: 1px solid rgba(0,0,0,0.03); }
.wjo-v35-shipping-text { font-size: 12px !important; font-weight: 700 !important; color: var(--wjo-v35-dark) !important; margin-bottom: 8px !important; display: block !important; letter-spacing: -0.2px; text-align: left !important; }
.wjo-v35-shipping-text span { color: var(--wjo-v35-purple) !important; font-weight: 800; }
.wjo-v35-meter-bg { width: 100% !important; height: 7px !important; background: #e5e5ea !important; border-radius: 10px !important; overflow: hidden !important; position: relative; }
.wjo-v35-meter-fill { width: 0%; height: 100% !important; background: linear-gradient(90deg, var(--wjo-v35-purple), #a855f7) !important; border-radius: 10px !important; transition: width 0.6s var(--wjo-v35-ease) !important; }

.wjo-v35-cart-items-list { max-height: 240px !important; overflow-y: auto !important; margin-bottom: 16px !important; padding-right: 4px; }
.wjo-v35-cart-dropdown-empty { text-align: center !important; padding: 32px 10px !important; font-size: 13px !important; color: var(--wjo-v35-gray-text) !important; font-weight: 500; }

.wjo-v35-cart-totals-summary { display: flex !important; justify-content: space-between !important; align-items: center !important; padding-top: 14px !important; border-top: 1px solid var(--wjo-v35-gray-border) !important; margin-bottom: 14px !important; }
.wjo-v35-totals-lbl { font-size: 12px !important; font-weight: 700 !important; color: var(--wjo-v35-gray-text) !important; text-transform: uppercase; letter-spacing: 0.5px; }
.wjo-v35-totals-val { font-size: 16px !important; font-weight: 800 !important; color: var(--wjo-v35-black) !important; }
.wjo-v35-cart-action-btns { display: flex !important; flex-direction: column !important; gap: 8px !important; }

.wjo-v35-cart-btn-primary { 
    display: flex !important; align-items: center !important; justify-content: center !important; background: var(--wjo-v35-black) !important; color: var(--wjo-v35-white) !important; width: 100% !important; height: 46px !important; border-radius: 14px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.8px; text-transform: uppercase; transition: all 0.2s; 
}
.wjo-v35-cart-btn-primary:hover { background: var(--wjo-v35-purple) !important; box-shadow: 0 4px 14px rgba(126, 34, 206, 0.25) !important; }

.wjo-v35-cart-btn-secondary { 
    display: flex !important; align-items: center !important; justify-content: center !important; background: var(--wjo-v35-gray-bg) !important; color: var(--wjo-v35-black) !important; width: 100% !important; height: 44px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase; border: 1px solid var(--wjo-v35-gray-border) !important; transition: background 0.2s; 
}
.wjo-v35-cart-btn-secondary:hover { background: var(--wjo-v35-gray-border) !important; }

/* ==========================================================================
   5. DESKTOP ELITE NAVIGATION MATRIX
   ========================================================================== */
.wjo-v35-nav-bar { height: 50px; background: var(--wjo-v35-white); border-bottom: 1px solid var(--wjo-v35-gray-border); position: relative; width: 100% !important; transition: background 0.3s var(--wjo-v35-ease) !important; }
.wjo-v35-nav-inner { max-width: 1440px; height: 100%; margin: 0 auto; padding: 0 40px; }
.wjo-v35-nav-list { height: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; }
.wjo-v35-nav-list > li { height: 100%; display: flex; align-items: center; position: static !important; padding-bottom: 10px !important; margin-bottom: -10px !important; } 
.wjo-v35-nav-list > li > a { height: 100%; display: flex; align-items: center; gap: 6px; padding: 0 16px; font-size: 12.5px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; color: var(--wjo-v35-black); transition: color 0.2s; }
.wjo-v35-nav-list > li > a svg { width: 11px !important; height: 11px !important; fill: currentColor !important; transition: transform 0.25s var(--wjo-v35-ease); display: block !important; }
.wjo-v35-nav-list > li:hover > a { color: var(--wjo-v35-purple); }
.wjo-v35-nav-list > li:hover > a svg { transform: rotate(180deg); }

.wjo-v35-mega { 
    position: absolute; top: calc(100% - 2px); left: 50%; width: calc(100vw - 60px); max-width: 1360px; background: var(--wjo-v35-white); border: 1px solid var(--wjo-v35-gray-border); border-radius: 24px; padding: 36px 40px; box-shadow: var(--wjo-v35-shadow-lg); opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-50%) translateY(12px); transition: opacity 0.25s var(--wjo-v35-ease), transform 0.25s var(--wjo-v35-ease), visibility 0.25s; z-index: 1005; 
}
.wjo-v35-nav-list li:hover .wjo-v35-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; }

.wjo-v35-mega-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; }
.wjo-v35-mega-col h4 { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid var(--wjo-v35-black); text-transform: uppercase; color: var(--wjo-v35-black); }
.wjo-v35-mega-col .wjo-link-grid { display: flex; flex-direction: column; max-height: 360px; overflow-y: auto; padding-right: 6px; }

.wjo-v35-mega-col .wjo-link-grid a,
.wjo-v35-mega-col .wjo-link-grid .wjo-smart-search-item,
.wjo-v35-accordion-content-l2 .wjo-smart-search-item {
    display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; text-align: left !important; font-size: 13px !important; font-weight: 500 !important; color: var(--wjo-v35-gray-text) !important; text-transform: capitalize !important; padding: 5px 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; letter-spacing: 0 !important; transition: color 0.2s, transform 0.2s !important; cursor: pointer !important; font-family: inherit !important;
}
.wjo-v35-mega-col .wjo-link-grid a:hover,
.wjo-v35-mega-col .wjo-link-grid .wjo-smart-search-item:hover,
.wjo-v35-accordion-content-l2 .wjo-smart-search-item:hover {
    color: var(--wjo-v35-purple) !important; transform: translateX(4px) !important; font-weight: 600 !important;
}

/* Scroll behavior */
.wjo-v35-master.wjo-scrolled { 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important; 
    background: var(--wjo-v35-glass-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}
.wjo-v35-master.wjo-scrolled .wjo-v35-topbar { height: 0 !important; opacity: 0 !important; visibility: hidden !important; overflow: hidden !important; }
.wjo-v35-master.wjo-scrolled .wjo-v35-main { height: 68px !important; background: transparent !important; }
.wjo-v35-master.wjo-scrolled .wjo-v35-logo img { height: 40px !important; }
.wjo-v35-master.wjo-scroll-hidden { transform: translateY(-100%) !important; }

/* ==========================================================================
   6. MOBILE ARCHITECTURE (NAVIGATION DRAWER & RESTRUCTURED MENU)
   ========================================================================== */
.wjo-v35-mobile-system { display: none; }

@media (min-width: 1025px) {
    #wjoMenuDrawer.wjo-menu-drawer { display: none !important; }
}

@media(max-width: 1024px) {
    .wjo-desktop { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; height: 0 !important; width: 0 !important; }
    .wjo-v35-mobile-system { display: block !important; width: 100% !important; background: var(--wjo-v35-white) !important; }
    
    .wjo-v35-mob-header { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; height: 64px !important; background: var(--wjo-v35-white) !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important; width: 100% !important; padding: 0 16px !important; }
    .wjo-v35-mob-left-box { display: flex !important; justify-content: flex-start !important; align-items: center !important; }
    .wjo-v35-mob-logo-box { display: flex !important; align-items: center !important; justify-content: center !important; }
    .wjo-v35-mob-logo-box img { display: block !important; height: 34px !important; width: auto !important; max-width: 140px !important; object-fit: contain !important; }
    .wjo-v35-mob-right-box { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 4px !important; }
    
    .wjo-v35-mob-action { width: 44px !important; height: 44px !important; min-width: 44px !important; border-radius: 12px !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; background: transparent !important; }
    .wjo-v35-mob-action svg { width: 22px !important; height: 22px !important; fill: none !important; stroke: var(--wjo-v35-black) !important; stroke-width: 2 !important; display: block !important; }

    #wjoMenuDrawer.wjo-menu-drawer { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; transform: none !important; -webkit-transform: none !important; filter: none !important; transition: none !important; overflow: visible !important; z-index: 2147483000 !important; box-shadow: none !important; display: none !important; }
    #wjoMenuDrawer.wjo-menu-drawer.active { display: block !important; visibility: visible !important; pointer-events: auto !important; }
    #wjoMenuDrawer .wjo-drawer-chrome { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2147483002 !important; background: #ffffff !important; color: #0a0a0c !important; }
    #wjoMenuDrawer .wjo-v35-mob-menu { position: static !important; display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; background: transparent !important; }
    
    .wjo-v33-mob-drawer-top { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 20px !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1px !important; color: var(--wjo-v35-black) !important; }
    .wjo-v32-drawer-close svg { width: 18px; height: 18px; stroke: var(--wjo-v35-black); stroke-width: 2.2; }

    .wjo-v35-mob-currency { padding: 16px 20px !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; background: var(--wjo-v35-white) !important; width: 100% !important; }
    .wjo-v35-mob-currency-label { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; font-weight: 800 !important; color: var(--wjo-v35-gray-text) !important; letter-spacing: 0.5px; text-transform: uppercase; }
    .wjo-v35-mob-currency .wjo-v35-currency-wrapper { display: inline-flex !important; position: relative !important; z-index: 99995 !important; max-width: 150px; overflow: hidden; }
    .wjo-v35-mob-currency .wjo-v35-currency-wrapper select { appearance: select !important; -webkit-appearance: select !important; color: #000000 !important; font-size: 12px !important; font-weight: 700 !important; background: transparent !important; border: none !important; width: 100% !important; cursor: pointer !important; padding-right: 20px !important; }

    .wjo-v35-mob-auth { display: flex !important; gap: 12px !important; padding: 18px 20px !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important; background: var(--wjo-v35-white) !important; align-items: center !important; }
    .wjo-v35-mob-auth a { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; border-radius: 12px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.5px; text-transform: uppercase; }
    .wjo-v32-auth-login, .wjo-v32-auth-account { background: var(--wjo-v35-gray-bg) !important; color: var(--wjo-v35-black) !important; border: 1px solid var(--wjo-v35-gray-border) !important; }
    .wjo-v32-auth-register, .wjo-v32-mob-auth .wjo-v32-auth-support { background: var(--wjo-v35-black) !important; color: var(--wjo-v35-white) !important; border: none !important; }

    .wjo-v35-mob-menu { display: block !important; background: var(--wjo-v35-white) !important; padding: 0 !important; width: 100% !important; }
    .wjo-v35-accordion-item-l1 { border-bottom: 1px solid var(--wjo-v35-gray-border) !important; background: var(--wjo-v35-white) !important; }
    .wjo-v35-accordion-trigger-l1 { width: 100% !important; margin: 0 !important; padding: 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 13.5px !important; font-weight: 800 !important; font-family: inherit !important; line-height: 1.2 !important; text-transform: uppercase; text-align: left !important; color: var(--wjo-v35-black) !important; letter-spacing: 0.5px; list-style: none !important; cursor: pointer !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; appearance: none !important; -webkit-appearance: none !important; }
    .wjo-v35-accordion-trigger-l1::-webkit-details-marker { display: none !important; }
    .wjo-v35-accordion-trigger-l1 svg { width: 13px !important; height: 13px !important; fill: var(--wjo-v35-gray-text) !important; transition: transform 0.3s var(--wjo-v35-ease) !important; }
    
    .wjo-v35-accordion-wrapper-l1 { display: none !important; max-height: none !important; height: auto !important; overflow: visible !important; transition: none !important; background: var(--wjo-v35-gray-bg) !important; }
    .wjo-v35-accordion-item-l1.active > .wjo-v35-accordion-wrapper-l1 { display: block !important; }
    .wjo-v35-accordion-item-l1.active > .wjo-v35-accordion-trigger-l1 svg { transform: rotate(180deg) !important; }

    .wjo-v35-accordion-item-l2 { border-bottom: 1px solid rgba(0,0,0,0.04) !important; }
    .wjo-v35-accordion-trigger-l2 { width: 100% !important; margin: 0 !important; padding: 16px 24px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 13px !important; font-weight: 700 !important; font-family: inherit !important; line-height: 1.2 !important; text-align: left !important; color: var(--wjo-v35-black) !important; list-style: none !important; cursor: pointer !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; appearance: none !important; -webkit-appearance: none !important; }
    .wjo-v35-accordion-trigger-l2::-webkit-details-marker { display: none !important; }
    .wjo-v35-accordion-trigger-l2 svg { width: 12px !important; height: 12px !important; fill: var(--wjo-v35-gray-text) !important; transition: transform 0.3s var(--wjo-v35-ease) !important; }
    
    .wjo-v35-accordion-wrapper-l2 { display: none !important; max-height: none !important; height: auto !important; overflow: visible !important; transition: none !important; background: var(--wjo-v35-white) !important; }
    .wjo-v35-accordion-item-l2.active > .wjo-v35-accordion-wrapper-l2 { display: block !important; }
    .wjo-v35-accordion-item-l2.active > .wjo-v35-accordion-trigger-l2 svg { transform: rotate(180deg) !important; }

    .wjo-v35-accordion-content-l2 a, .wjo-v35-accordion-content-l2 .wjo-smart-search-item { 
        display: block !important; width: 100% !important; box-sizing: border-box !important; text-align: left !important; padding: 14px 32px !important; font-size: 13.5px !important; font-weight: 500 !important; color: var(--wjo-v35-black) !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important;
    }

    .wjo-v35-mob-single { display: block !important; padding: 18px 20px !important; font-size: 13.5px !important; font-weight: 800 !important; color: var(--wjo-v35-black) !important; text-transform: uppercase !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important; letter-spacing: 0.5px; }
    .wjo-v35-mob-footer-links { background: var(--wjo-v35-gray-bg) !important; padding: 20px !important; border-top: 1px solid var(--wjo-v35-gray-border) !important; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}

/* ==========================================================================
   7. IMMERSIVE MOBILE FULLSCREEN SEARCH OVERLAY
   ========================================================================== */
.wjo-v35-mobile-search-fullscreen {
    position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100dvh !important; background: var(--wjo-v35-white) !important; z-index: 200005 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-15px) !important; transition: opacity 0.35s var(--wjo-v35-ease), transform 0.35s var(--wjo-v35-ease), visibility 0.35s !important; padding: 20px !important; display: flex !important; flex-direction: column !important;
}
.wjo-v35-mobile-search-fullscreen.active { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
.wjo-v35-mob-fs-search-top { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 20px !important; }
.wjo-v35-mob-fs-search-pill { flex: 1 !important; display: flex !important; align-items: center !important; background: var(--wjo-v35-gray-bg) !important; border-radius: 100px !important; height: 50px !important; padding: 0 16px !important; position: relative !important; }
.wjo-v35-mob-fs-search-pill form { display: flex !important; align-items: center !important; width: 100% !important; height: 100% !important; }
.wjo-v35-mob-fs-search-pill svg { width: 18px !important; height: 18px !important; fill: none; stroke: var(--wjo-v35-gray-text); stroke-width: 2.2; margin-right: 10px; }
.wjo-v35-mob-fs-search-pill input { flex: 1 !important; height: 100% !important; background: transparent !important; border: none !important; font-size: 15px !important; font-weight: 600 !important; color: var(--wjo-v35-black) !important; }
.wjo-v35-mob-fs-close-trigger { font-size: 12px !important; font-weight: 800 !important; color: var(--wjo-v35-black) !important; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; }

.wjo-v35-mob-fs-body { flex: 1 !important; overflow-y: auto !important; }

/* ==========================================================================
   8. LUXURY MOBILE BOTTOM SHEET MINI-CART
   ========================================================================== */
.wjo-v35-mobile-cart-sheet {
    position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; max-height: 85dvh !important; background: var(--wjo-v35-white) !important; border-radius: 28px 28px 0 0 !important; box-shadow: 0 -15px 45px rgba(0,0,0,0.12) !important; z-index: 200010 !important; transform: translateY(100%) !important; transition: transform 0.4s var(--wjo-v35-ease) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important;
}
.wjo-v35-mobile-cart-sheet.active { transform: translateY(0) !important; }
.wjo-v35-sheet-handle { width: 36px !important; height: 5px !important; background: #e5e5ea !important; border-radius: 10px !important; margin: 12px auto 6px auto !important; flex-shrink: 0 !important; }
.wjo-v35-sheet-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 24px 18px 24px !important; border-bottom: 1px solid var(--wjo-v35-gray-border) !important; flex-shrink: 0 !important; }
.wjo-v35-sheet-header h3 { font-size: 15px !important; font-weight: 800 !important; color: var(--wjo-v35-black) !important; text-transform: uppercase; letter-spacing: 0.5px; }
.wjo-v35-sheet-close { width: 30px !important; height: 30px !important; border-radius: 50% !important; background: var(--wjo-v35-gray-bg) !important; color: var(--wjo-v35-black) !important; font-weight: 800; font-size: 12px; }

.wjo-v35-sheet-body { flex: 1 !important; overflow-y: auto !important; padding: 20px 24px !important; }
.wjo-v35-sheet-footer { padding: 18px 24px calc(18px + env(safe-area-inset-bottom, 0px)) 24px !important; border-top: 1px solid var(--wjo-v35-gray-border) !important; background: var(--wjo-v35-white) !important; flex-shrink: 0 !important; }

.wjo-v35-mini-cart-item { display: flex !important; align-items: center !important; gap: 14px !important; padding: 12px 0 !important; border-bottom: 1px solid rgba(0,0,0,0.05) !important; text-align: left !important; }
.wjo-v35-mini-cart-item:last-child { border-bottom: none !important; }
.wjo-v35-mitem-img { width: 60px !important; height: 60px !important; border-radius: 10px !important; object-fit: cover !important; background: #fafafa; border: 1px solid var(--wjo-v35-gray-border); flex-shrink: 0 !important; }
.wjo-v35-mitem-details { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 3px !important; }
.wjo-v35-mitem-title { font-size: 13px !important; font-weight: 700 !important; color: var(--wjo-v35-black) !important; line-height: 1.35; text-align: left !important; }
.wjo-v35-mitem-meta { font-size: 11px !important; font-weight: 600 !important; color: var(--wjo-v35-gray-text) !important; text-transform: uppercase; text-align: left !important; }
.wjo-v35-mitem-price { font-size: 13px !important; font-weight: 800 !important; color: var(--wjo-v35-purple) !important; text-align: left !important; }


header.elementor-location-header,
.whb-header {
    display: none !important;
}
html.wjo-nav-lock body {
    overflow: visible !important;
    overflow-x: visible !important;
    height: auto !important;
    overscroll-behavior: none !important;
}

/* Mobile drawer: pinned chrome, scrolling list. */
@media (max-width: 1024px) {
    .wjo-v35-master { transform: none !important; }
    .wjo-v35-master.wjo-scroll-hidden { transform: translate3d(0, -100%, 0) !important; }
    .wjo-v35-master.wjo-panel-open,
    .wjo-v35-master.wjo-panel-open.wjo-scroll-hidden { transform: none !important; }
    #wjoOverlay.wjo-v35-overlay {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 2147482990 !important;
    }
    #wjoMenuDrawer.wjo-menu-drawer {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
        overflow: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
        filter: none !important;
        background: #ffffff !important;
        z-index: 2147483000 !important;
    }
    #wjoMenuDrawer.wjo-menu-drawer.active {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    #wjoMenuDrawer .wjo-drawer-chrome,
    #wjoMenuDrawer.active .wjo-drawer-chrome {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        flex: none !important;
        z-index: 2147483002 !important;
        background: #ffffff !important;
        color: #0a0a0c !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #wjoMenuDrawer.active .wjo-v33-mob-drawer-top,
    #wjoMenuDrawer.active .wjo-v35-mob-currency,
    #wjoMenuDrawer.active .wjo-v35-mob-auth {
        color: #0a0a0c !important;
        background: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-menu {
        position: static !important;
        display: block !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        flex: none !important;
        background: transparent !important;
    }
    #wjoMenuDrawer .wjo-mob-screen[hidden] {
        display: none !important;
    }
    #wjoMenuDrawer .wjo-mob-screen:not([hidden]) {
        display: block !important;
        position: fixed !important;
        top: var(--wjo-chrome-h, 240px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overflow-anchor: none !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: auto !important;
        touch-action: pan-y !important;
        background: #ffffff !important;
        z-index: 2147483001 !important;
    }
    #wjoMenuDrawer .wjo-v35-accordion-wrapper-l1,
    #wjoMenuDrawer .wjo-v35-accordion-wrapper-l2 {
        display: none !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    #wjoMenuDrawer .wjo-v35-accordion-item-l1.active > .wjo-v35-accordion-wrapper-l1,
    #wjoMenuDrawer .wjo-v35-accordion-item-l2.active > .wjo-v35-accordion-wrapper-l2 {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    #wjoMenuDrawer .wjo-v35-accordion-item-l1.active > .wjo-v35-accordion-trigger-l1 svg,
    #wjoMenuDrawer .wjo-v35-accordion-item-l2.active > .wjo-v35-accordion-trigger-l2 svg {
        transform: rotate(180deg) !important;
    }
    #wjoMenuDrawer.wjo-menu-drawer {
        width: 100% !important;
        max-width: 100% !important;
    }
    #wjoMenuDrawer .wjo-v33-mob-drawer-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 68px !important;
        padding: 14px 18px !important;
        background: #ffffff !important;
    }
    #wjoMenuTitle {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        text-align: left !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 1.1px !important;
        line-height: 1 !important;
        color: #0a0a0c !important;
    }
    #wjoMenuDrawer .wjo-v32-drawer-close,
    #wjoMenuDrawer .wjo-mob-back {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        flex: 0 0 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f4f4f6 !important;
        border: 0 !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        color: #0a0a0c !important;
        line-height: 1 !important;
    }
    #wjoMenuDrawer .wjo-mob-back[hidden] { display: none !important; }
    #wjoMenuDrawer .wjo-v32-drawer-close svg,
    #wjoMenuDrawer .wjo-mob-back svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
        fill: none !important;
        stroke: #0a0a0c !important;
        stroke-width: 1.75 !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-currency {
        padding: 18px 20px !important;
        min-height: 60px !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-currency-label {
        font-size: 12px !important;
        letter-spacing: 0.6px !important;
        gap: 10px !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-currency-label svg {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        fill: none !important;
        stroke: #6e6e73 !important;
        stroke-width: 1.75 !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-auth {
        padding: 16px 20px 18px !important;
        gap: 12px !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-auth a {
        height: 48px !important;
        border-radius: 14px !important;
        font-size: 12px !important;
        letter-spacing: 0.4px !important;
    }
    #wjoMenuDrawer .wjo-v32-auth-support {
        background: #0a0a0c !important;
        color: #ffffff !important;
        border: 0 !important;
    }
    #wjoMenuDrawer .wjo-mob-screen[hidden] { display: none !important; }
    #wjoMenuDrawer .wjo-mob-row {
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        min-height: 64px !important;
        background: #ffffff !important;
        border: 0 !important;
        border-bottom: 1px solid #e2e2e8 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #0a0a0c !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        text-align: left !important;
        text-decoration: none !important;
        cursor: pointer !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }
    #wjoMenuDrawer .wjo-mob-row svg {
        width: 28px !important;
        height: 28px !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        flex: 0 0 28px !important;
        border-radius: 9px !important;
        background: #f4f4f6 !important;
        fill: none !important;
        stroke: #0a0a0c !important;
        stroke-width: 1.75 !important;
    }
    #wjoMenuDrawer .wjo-mob-leaf {
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }
    #wjoMenuDrawer .wjo-mob-leaf.is-strong { font-weight: 800 !important; }
    #wjoMenuDrawer .wjo-mob-leaf.is-purple { color: #7E22CE !important; font-weight: 800 !important; }
    #wjoMenuDrawer .wjo-v35-mob-footer-links {
        margin-top: 12px !important;
        padding: 22px 20px 28px !important;
        gap: 14px 16px !important;
    }
    #wjoMenuDrawer .wjo-v35-mob-footer-links a {
        min-height: 36px !important;
        display: flex !important;
        align-items: center !important;
    }
}

@media (max-width: 1024px) {
    #wjoMobileSearchOverlay.wjo-v35-mobile-search-fullscreen {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
        overflow: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
        filter: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: #ffffff !important;
        z-index: 2147483010 !important;
    }
    #wjoMobileSearchOverlay.wjo-v35-mobile-search-fullscreen.active {
        display: block !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-top {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 2147483012 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        min-height: 76px !important;
        padding: 14px 16px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e2e2e8 !important;
        box-sizing: border-box !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-pill {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 16px !important;
        background: #f4f4f6 !important;
        position: relative !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-pill form {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-pill svg {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        margin: 0 !important;
        fill: none !important;
        stroke: #6e6e73 !important;
        stroke-width: 1.75 !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-pill input[type="search"]::-webkit-search-decoration,
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-pill input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none !important;
        appearance: none !important;
        display: none !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-search-pill input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0a0a0c !important;
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-search-clear {
        position: static !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        flex: 0 0 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #0a0a0c !important;
        font-size: 14px !important;
        line-height: 1 !important;
        box-shadow: none !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-close-trigger {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 2px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0a0a0c !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        line-height: 1 !important;
        min-height: 44px !important;
        cursor: pointer !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-mob-fs-body {
        position: fixed !important;
        top: var(--wjo-search-h, 76px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: var(--wjo-search-kb, 0px) !important;
        flex: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overflow-anchor: none !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: auto !important;
        touch-action: pan-y !important;
        background: #ffffff !important;
        z-index: 2147483011 !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-ajax-results {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        display: block !important;
        width: 100% !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: #ffffff !important;
        z-index: auto !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-ajax-results[hidden] {
        display: none !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-ajax-item {
        gap: 14px !important;
        min-height: 84px !important;
        padding: 14px 18px !important;
        background: #ffffff !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-ajax-img {
        width: 64px !important;
        height: 64px !important;
        border-radius: 12px !important;
        flex: 0 0 64px !important;
        object-fit: cover !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-ajax-title {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
    }
    #wjoMobileSearchOverlay .wjo-v35-ajax-price {
        font-size: 14px !important;
    }
    #wjoMobileSearchOverlay .wjo-mob-search-note,
    #wjoMobileSearchOverlay .wjo-mob-search-all {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 22px 18px !important;
        background: #ffffff !important;
        border: 0 !important;
        border-bottom: 1px solid #e2e2e8 !important;
        color: #6e6e73 !important;
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    #wjoMobileSearchOverlay .wjo-mob-search-all {
        color: #0a0a0c !important;
        font-weight: 800 !important;
        letter-spacing: 0.3px !important;
    }
}

@media (max-width: 1024px) {
    #wjoMobileCartSheet.wjo-v35-mobile-cart-sheet {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
        overflow: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
        filter: none !important;
        transition: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        z-index: 2147483020 !important;
        pointer-events: none !important;
    }
    #wjoMobileCartSheet.wjo-v35-mobile-cart-sheet.active {
        display: block !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
    }
    #wjoMobileCartSheet .wjo-cart-head,
    #wjoMobileCartSheet .wjo-v35-sheet-body,
    #wjoMobileCartSheet .wjo-v35-sheet-footer {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
        background: #ffffff !important;
    }
    #wjoMobileCartSheet .wjo-v35-sheet-footer {
        position: fixed !important;
        bottom: 0 !important;
        z-index: 2147483023 !important;
        padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
        border-top: 1px solid #e2e2e8 !important;
    }
    #wjoMobileCartSheet .wjo-v35-sheet-body {
        position: fixed !important;
        bottom: var(--wjo-cart-foot, 168px) !important;
        height: var(--wjo-cart-body, 220px) !important;
        max-height: var(--wjo-cart-body, 220px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overflow-anchor: none !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: auto !important;
        touch-action: pan-y !important;
        z-index: 2147483022 !important;
        padding: 8px 20px 16px !important;
        flex: none !important;
    }
    #wjoMobileCartSheet .wjo-cart-head {
        position: fixed !important;
        bottom: calc(var(--wjo-cart-foot, 168px) + var(--wjo-cart-body, 220px)) !important;
        z-index: 2147483023 !important;
        border-radius: 24px 24px 0 0 !important;
        box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.08) !important;
        padding-top: 8px !important;
    }
    #wjoMobileCartSheet .wjo-v35-sheet-handle {
        width: 40px !important;
        height: 5px !important;
        margin: 8px auto 4px !important;
        background: #e2e2e8 !important;
    }
    #wjoMobileCartSheet .wjo-v35-sheet-header {
        min-height: 56px !important;
        padding: 8px 18px 14px !important;
        border-bottom: 1px solid #e2e2e8 !important;
    }
    #wjoMobileCartSheet .wjo-v35-sheet-header h3 {
        margin: 0 !important;
        font-size: 15px !important;
        letter-spacing: 0.8px !important;
        white-space: nowrap !important;
    }
    #wjoMobileCartSheet .wjo-v35-sheet-close {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: #f4f4f6 !important;
        color: #0a0a0c !important;
        box-shadow: none !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }
    #wjoMobileCartSheet .wjo-v35-mini-cart-item {
        gap: 14px !important;
        padding: 14px 0 !important;
        align-items: center !important;
    }
    #wjoMobileCartSheet .wjo-v35-mitem-img {
        width: 64px !important;
        height: 64px !important;
        border-radius: 12px !important;
    }
    #wjoMobileCartSheet .wjo-v35-mitem-title {
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }
    #wjoMobileCartSheet .wjo-v35-cart-action-btns {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    #wjoMobileCartSheet .wjo-v35-shipping-text {
        display: block !important;
        text-align: center !important;
        line-height: 1.45 !important;
        white-space: normal !important;
    }
    #wjoMobileCartSheet .fb-visual-price,
    #wjoMobileSearchOverlay .fb-visual-price {
        display: inline !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #wjoMobileCartSheet .wjo-v35-shipping-text .fb-visual-price,
    #wjoMobileCartSheet .wjo-v35-shipping-text .woocommerce-Price-currencySymbol {
        display: inline !important;
        opacity: 1 !important;
        color: #7E22CE !important;
        font-weight: 800 !important;
    }
    #wjoMobileCartSheet .wjo-v35-cart-action-btns a {
        min-height: 48px !important;
        border-radius: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}