/* CRITICAL FIX: Ensure body allows sticky positioning */
html, body {
    overflow-x: hidden;
    width: 100%;
}

/* Fix for any overflow hidden on parent containers */
body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
        :root{--hdr-primary:#2563EB;--hdr-primary-hover:#1D4ED8;--hdr-primary-soft:#EFF6FF;--hdr-dark:#0F172A;--hdr-dark-secondary:#1E293B;--hdr-success:#10B981;--hdr-cta:#F97316;--hdr-bg:#FFFFFF;--hdr-bg-light:#F8FAFC;--hdr-border:#E2E8F0;--hdr-text:#0F172A;--hdr-text-secondary:#475569;--hdr-text-muted:#64748B;--hdr-text-placeholder:#94A3B8;--hdr-shadow-sm:0 1px 3px rgba(15,23,42,0.04),0 2px 8px rgba(15,23,42,0.03);--hdr-shadow-md:0 4px 16px rgba(15,23,42,0.05);--hdr-shadow-lg:0 8px 32px rgba(15,23,42,0.08);--hdr-shadow-xl:0 20px 60px rgba(15,23,42,0.1);--hdr-radius-sm:8px;--hdr-radius-md:12px;--hdr-radius-lg:16px;--hdr-radius-xl:20px;--hdr-radius-full:9999px;--hdr-transition:0.25s cubic-bezier(0.4,0,0.2,1);--hdr-gradient:linear-gradient(135deg,#2563EB 0%,#7C3AED 50%,#EC4899 100%);}
        *{box-sizing:border-box;}body{font-family:'Inter',sans-serif;margin:0;padding:0;overflow-x:hidden;}

        /* ========== TOP BAR (Desktop Only) ========== */
        .hdr-topbar{background:var(--hdr-dark);color:#CBD5E1;height:40px;line-height:40px;font-size:12px;border-bottom:1px solid rgba(255,255,255,0.05);position:relative;z-index:10000;}
        .hdr-topbar .container{display:flex;align-items:center;justify-content:space-between;height:100%;}
        .hdr-topbar a{color:#CBD5E1;text-decoration:none;}.hdr-topbar a:hover{color:#FFF;}
        .hdr-topbar-left,.hdr-topbar-right{display:flex;align-items:center;gap:14px;}
        .hdr-topbar-divider{width:1px;height:14px;background:rgba(255,255,255,0.12);}
        .hdr-support-btn-desktop{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;background:linear-gradient(135deg,#F97316,#EA580C);color:#FFF!important;border:none;border-radius:var(--hdr-radius-full);font-size:11px;font-weight:700;letter-spacing:0.3px;transition:all var(--hdr-transition);white-space:nowrap;box-shadow:0 2px 8px rgba(249,115,22,0.3);line-height:1.4;}
        .hdr-support-btn-desktop:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(249,115,22,0.4);}
        .hdr-social-links-desktop{display:flex;align-items:center;gap:8px;}.hdr-social-links-desktop a{color:#94A3B8;font-size:13px;}.hdr-social-links-desktop a:hover{color:#FFF;}
        .hdr-lang-wrap-desktop{position:relative;z-index:10001;}.hdr-lang-wrap-desktop>a{color:#CBD5E1!important;font-size:12px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;}
        .hdr-lang-menu-desktop{position:absolute;top:100%;right:0;background:#1E293B;border:1px solid rgba(255,255,255,0.1);border-radius:var(--hdr-radius-md);min-width:140px;padding:4px 0;z-index:10002;box-shadow:var(--hdr-shadow-xl);display:none;}.hdr-lang-menu-desktop.show{display:block;}
        .hdr-lang-menu-desktop a{color:#CBD5E1;padding:8px 16px;font-size:12px;display:block;text-decoration:none;}.hdr-lang-menu-desktop a:hover{background:rgba(255,255,255,0.08);color:#FFF;}

        /* ========== MAIN HEADER ========== */
        .hdr-main{background:var(--hdr-bg);padding:16px 0;position:relative;z-index:5000;border-bottom:2px solid;border-image:var(--hdr-gradient) 1;}
        @keyframes gradientShift{0%{border-image:linear-gradient(135deg,#2563EB,#7C3AED,#EC4899) 1;}33%{border-image:linear-gradient(135deg,#7C3AED,#EC4899,#2563EB) 1;}66%{border-image:linear-gradient(135deg,#EC4899,#2563EB,#7C3AED) 1;}100%{border-image:linear-gradient(135deg,#2563EB,#7C3AED,#EC4899) 1;}}
        .hdr-main .container{display:flex;align-items:center;gap:20px;}
        .hdr-logo{flex-shrink:0;}.hdr-logo img{max-height:42px;width:auto;}
        .hdr-search-col-desktop{flex:1;max-width:580px;position:relative;}
        .hdr-search-wrapper-desktop{display:flex;align-items:center;height:48px;background:var(--hdr-bg);border:2px solid var(--hdr-border);border-radius:var(--hdr-radius-xl);overflow:visible;transition:all var(--hdr-transition);box-shadow:var(--hdr-shadow-sm);}
        .hdr-search-wrapper-desktop:focus-within{border-color:transparent;box-shadow:var(--hdr-shadow-lg),0 0 0 4px rgba(37,99,235,0.08);transform:translateY(-1px);}
        .hdr-search-input-desktop{flex:1;border:none!important;outline:none!important;padding:14px;font-size:15px;font-family:'Inter',sans-serif;color:var(--hdr-text);background:transparent!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;min-width:0;}
        .hdr-search-input-desktop::placeholder{color:var(--hdr-text-placeholder);}
        .hdr-search-input-desktop:focus{outline:none!important;border:none!important;box-shadow:none!important;}
        .hdr-search-btn-desktop{margin:5px;padding:11px 22px;background:var(--hdr-primary);color:#FFF;border:none;border-radius:var(--hdr-radius-md);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--hdr-transition);flex-shrink:0;}.hdr-search-btn-desktop:hover{background:var(--hdr-primary-hover);}
        .hdr-search-dropdown-desktop{position:absolute;top:calc(100%+8px);left:0;right:0;background:#FFF;border:1px solid var(--hdr-border);border-radius:var(--hdr-radius-lg);box-shadow:var(--hdr-shadow-xl);max-height:400px;overflow-y:auto;z-index:10001;display:none;}.hdr-search-dropdown-desktop.show{display:block;}
        .hdr-trust-badges{display:flex;flex-direction:column;gap:3px;flex-shrink:0;}.hdr-trust-item{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--hdr-text-secondary);font-weight:600;}.hdr-trust-item i{color:var(--hdr-success);font-size:11px;}

        /* ========== DESKTOP NAVIGATION - FIXED STICKY ========== */
        .hdr-nav-desktop {
            background: var(--hdr-dark);
            min-height: 54px;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1 !important;
            transition: box-shadow 0.3s ease;
        }
        .hdr-nav-desktop::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--hdr-gradient);
            z-index: 1;
        }
        .hdr-nav-desktop.scrolled {
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        }
        .hdr-nav-desktop .navbar{margin:0;border:none;min-height:54px;background:transparent;border-radius:0;padding-top:3px;}
        
        /* --- Desktop Navigation Base --- */
        .hdr-nav-desktop .navbar-nav {
            display: flex;
            align-items: center;
            gap: 0;
        }
        
        .hdr-nav-desktop .navbar-nav > li {
            position: relative;
        }
        
        .hdr-nav-desktop .navbar-nav > li > a {
            color: #FFFFFF !important;
            font-weight: 700;
            font-size: 12.5px;
            padding: 17px 13px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            transition: background 0.15s ease;
            white-space: nowrap;
            display: block;
            text-decoration: none;
        }
        
        /* Single item hover - only the hovered item gets blue */
        .hdr-nav-desktop .navbar-nav > li > a:hover,
        .hdr-nav-desktop .navbar-nav > li.active > a {
            background: #2563EB !important;
            color: #FFF !important;
        }
        
        /* REMOVE hover from siblings when one is hovered */
        .hdr-nav-desktop .navbar-nav > li:hover > a {
            background: #2563EB !important;
        }
        
        /* --- Dropdown Menu Container --- */
        .hdr-nav-desktop .dropdown-menu {
            display: block !important;
            visibility: hidden;
            opacity: 0;
            transform: translateY(8px);
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
            
            background: #FFFFFF;
            border: 1px solid #E2E8F0;
            border-radius: 12px;
            box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12), 0 4px 16px rgba(15, 23, 42, 0.06);
            padding: 6px;
            min-width: 250px;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 5001;
            margin-top: 2px;
            list-style: none !important;
        }
        
        /* Show on hover */
        .hdr-nav-desktop .dropdown:hover > .dropdown-menu,
        .hdr-nav-desktop .dropdown.open > .dropdown-menu {
            visibility: visible;
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        
        /* --- Dropdown Items --- */
        .hdr-nav-desktop .dropdown-menu > li {
            list-style: none !important;
            margin: 0;
            padding: 0;
        }
        
        .hdr-nav-desktop .dropdown-menu > li > a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 14px;
            font-size: 13px;
            color: #475569;
            font-weight: 500;
            text-decoration: none;
            border-radius: 8px;
            margin: 1px 0;
            transition: all 0.15s ease;
            list-style: none !important;
        }
        
        .hdr-nav-desktop .dropdown-menu > li > a:hover {
            background: #EFF6FF;
            color: #2563EB;
            font-weight: 600;
        }
        
        .hdr-nav-desktop .dropdown-menu > li > a i {
            width: 18px;
            text-align: center;
            color: #2563EB;
            font-size: 13px;
            flex-shrink: 0;
        }
        
        /* --- Dropdown Header --- */
        .hdr-nav-desktop .dropdown-header {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            color: #94A3B8;
            letter-spacing: 0.8px;
            padding: 8px 14px 6px;
            margin: 0;
            border-bottom: 1px solid #F1F5F9;
            list-style: none !important;
        }
        
        /* --- Divider --- */
        .hdr-nav-desktop .dropdown-menu .divider {
            height: 1px;
            background: #F1F5F9;
            margin: 4px 8px;
            padding: 0;
            list-style: none !important;
        }
        
        /* --- Mega Menu --- */
        .hdr-nav-desktop .mega-menu {
            min-width: 540px;
            padding: 14px;
            left: 0;
            right: auto;
        }
        
        .hdr-nav-desktop .mega-row {
            display: flex;
            gap: 0;
        }
        
        .hdr-nav-desktop .mega-col {
            flex: 1;
            padding: 0 10px;
        }
        
        .hdr-nav-desktop .mega-title {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            color: #94A3B8;
            letter-spacing: 0.8px;
            padding: 6px 10px 10px;
            margin-bottom: 4px;
            border-bottom: 1px solid #F1F5F9;
        }
        
        .hdr-nav-desktop .mega-col ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .hdr-nav-desktop .mega-col ul li {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .hdr-nav-desktop .mega-col ul li a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            font-size: 13px;
            color: #475569;
            text-decoration: none;
            border-radius: 6px;
            margin: 1px 0;
            transition: all 0.15s ease;
            list-style: none !important;
        }
        
        .hdr-nav-desktop .mega-col ul li a:hover {
            background: #EFF6FF;
            color: #2563EB;
        }
        
        .hdr-nav-desktop .mega-col ul li a i {
            width: 16px;
            text-align: center;
            color: #2563EB;
            font-size: 12px;
        }
        
        .hdr-nav-desktop .navbar-nav>li>a{color:#FFF!important;font-weight:700;font-size:12.5px;padding:17px 13px;margin-right:5px;text-transform:uppercase;letter-spacing:0.3px;transition:all var(--hdr-transition);white-space:nowrap;font-family:'Inter',sans-serif;display:block;text-decoration:none;}
        .hdr-nav-desktop .navbar-nav>li>a:hover,.hdr-nav-desktop .navbar-nav>li.active>a,.hdr-nav-desktop .navbar-nav>li.open>a{background:var(--hdr-primary)!important;color:#FFF!important;}
        
        .hdr-nav-desktop .mega-menu .mega-title {
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            color: #94A3B8;
            letter-spacing: 0.8px;
            padding: 8px 8px 10px;
            margin-bottom: 4px;
            border-bottom: 1px solid #F1F5F9;
        }
        
        .hdr-nav-desktop .mega-menu .mega-col ul li a {
            padding: 8px 10px;
            font-size: 13px;
            color: #475569;
            border-radius: 6px;
            margin: 1px 0;
        }
        
        .hdr-nav-desktop .mega-menu .mega-col ul li a:hover {
            background: #EFF6FF;
            color: #2563EB;
        }
        
        /* Fix login/signup link border AND hide icons */
        .hdr-topbar-right li a,
        .hdr-topbar-right a {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            text-decoration: none !important;
        }
        
        .hdr-topbar-right li a:focus,
        .hdr-topbar-right li a:active,
        .hdr-topbar-right a:focus,
        .hdr-topbar-right a:active {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            background: transparent !important;
        }
        
        /* Hide Sign In / Sign Up icons */
        .hdr-topbar-right li a .fa-sign-in,
        .hdr-topbar-right li a .fa-sign-out,
        .hdr-topbar-right li a .fa-user-plus,
        .hdr-topbar-right li a .fa-user,
        .hdr-topbar-right li a .fa-key,
        .hdr-topbar-right li a .fa-lock,
        .hdr-topbar-right a .fa-sign-in,
        .hdr-topbar-right a .fa-sign-out,
        .hdr-topbar-right a .fa-user-plus,
        .hdr-topbar-right a .fa-user,
        .hdr-topbar-right a .fa-key,
        .hdr-topbar-right a .fa-lock {
            display: none !important;
        }
        
        /* Also hide Font Awesome icons that appear before login/register links */
        .hdr-topbar-right a[href*="login"] .fa,
        .hdr-topbar-right a[href*="register"] .fa,
        .hdr-topbar-right a[href*="sign"] .fa,
        .hdr-topbar-right a[href*="account"] .fa,
        .hdr-topbar-right a[href*="profile"] .fa,
        .hdr-topbar-right a[href*="premium"] .fa {
            display: none !important;
        }

        /* ========== TRENDING BAR ========== */
        .hdr-trending {
            background: var(--hdr-bg-light);
            border-bottom: 1px solid var(--hdr-border);
            height: 40px;
            overflow: hidden;
        }
        .hdr-trending .container {
            display: flex;
            align-items: center;
            height: 100%;
            padding: 0;
        }
        .hdr-trending-label {
            background: var(--hdr-gradient);
            color: #FFF;
            font-weight: 700;
            padding: 0 18px;
            height: 40px;
            line-height: 40px;
            font-size: 11px;
            flex-shrink: 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            position: relative;
            z-index: 50;
        }
        /* Right-side arrow/cross patch using gradient colors */
        .hdr-trending-label:after {
            content: '';
            position: absolute;
            right: -20px;
            top: 0;
            border-top: 40px solid #7C3AED;
            border-right: 20px solid #ffffff;
            width: 0;
            height: 0;
        }
        /* Second layer for multi-color effect */
        .hdr-trending-label:before {
            content: '';
            position: absolute;
            right: -20px;
            top: 0;
            border-bottom: 40px solid #EC4899;
            border-right: 20px solid transparent;
            width: 0;
            height: 0;
            opacity: 0.5;
        }
        .hdr-trending-marquee-wrap {
            flex: 1;
            overflow: hidden;
            height: 40px;
            padding-left: 30px;
        }
        .hdr-trending-marquee {
            display: flex;
            align-items: center;
            height: 100%;
            white-space: nowrap;
            animation: hdrMarquee 40s linear infinite;
        }
        .hdr-trending-marquee:hover {
            animation-play-state: paused;
        }
        .hdr-trending-marquee a {
            margin-right: 30px;
            color: var(--hdr-text-secondary);
            font-weight: 600;
            font-size: 12px;
            text-decoration: none;
        }
        .hdr-trending-marquee a:hover {
            color: var(--hdr-primary);
        }
        @keyframes hdrMarquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        
        /* Responsive: Remove arrow effect on mobile since trending is hidden */
        @media (max-width: 991px) {
            .hdr-trending-label:after,
            .hdr-trending-label:before {
                display: none;
            }
        }

        /* ========== BREADCRUMBS ========== */
        .hdr-breadcrumb-bar{background:var(--hdr-bg);border-bottom:2px solid;border-image:var(--hdr-gradient) 1;padding:10px 0;}
        .hdr-breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;}

        /* ========== MOBILE HEADER - FIXED STICKY ========== */
        .hdr-mobile-header {
            display: none;
            background: var(--hdr-bg);
            padding: 0;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 9999 !important;
            box-shadow: 0 1px 3px rgba(15,23,42,0.06);
            border-bottom: 2px solid;
            border-image: var(--hdr-gradient) 1;
            height: 60px;
            transition: box-shadow 0.3s ease;
        }
        .hdr-mobile-header.scrolled {
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        }
        .hdr-mobile-header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px;}
        .hdr-mobile-logo img{max-height:34px;width:auto;}
        .hdr-mobile-actions{display:flex;align-items:center;gap:12px;}
        .hdr-mobile-icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--hdr-bg-light);border:1px solid var(--hdr-border);border-radius:var(--hdr-radius-md);font-size:16px;color:var(--hdr-primary);cursor:pointer;transition:all var(--hdr-transition);}
        .hdr-mobile-icon-btn:hover{background:var(--hdr-primary-soft);}
        .hdr-mobile-hamburger{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--hdr-primary);border:none;border-radius:var(--hdr-radius-sm);cursor:pointer;padding:0;}
        .hdr-mobile-hamburger span{display:block;width:18px;height:2px;background:#FFF;border-radius:2px;transition:all var(--hdr-transition);}

        /* ========== MOBILE DRAWER ========== */
        .hdr-mobile-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99998;opacity:0;visibility:hidden;transition:all 0.3s ease;}
        .hdr-mobile-drawer-overlay.show{opacity:1;visibility:visible;}
        .hdr-mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0F172A;z-index:99999;transform:translateX(-100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;display:flex;flex-direction:column;}
        .hdr-mobile-drawer.show{transform:translateX(0);}
        .hdr-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.08);flex-shrink:0;}
        .hdr-drawer-close{width:40px;height:40px;background:rgba(255,255,255,0.1);border:none;border-radius:50%;color:#FFF;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--hdr-transition);}
        .hdr-drawer-close:hover{background:rgba(255,255,255,0.2);}
        .hdr-drawer-search{margin:16px 20px;flex-shrink:0;}
        .hdr-drawer-search-box{display:flex;align-items:center;height:44px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:var(--hdr-radius-lg);overflow:hidden;}
        .hdr-drawer-search-box input{flex:1;border:none;outline:none;background:transparent;color:#FFF;padding:0 14px;font-size:14px;font-family:'Inter',sans-serif;}
        .hdr-drawer-search-box input::placeholder{color:rgba(255,255,255,0.4);}
        .hdr-drawer-search-box button{width:44px;height:100%;background:var(--hdr-primary);border:none;color:#FFF;font-size:16px;cursor:pointer;}
        
        /* ============================================ */
        /* MOBILE DRAWER - REMOVE LIST DOTS             */
        /* ============================================ */
        .hdr-drawer-nav {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .hdr-drawer-nav-item {
            list-style: none !important;
        }
        
        .hdr-drawer-nav-parent {
            list-style: none !important;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 16px 20px;
            background: none;
            border: none;
            color: #FFF;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            text-align: left;
            font-family: 'Inter', sans-serif;
            text-decoration: none;
        }
        
        .hdr-drawer-submenu {
            background: #1a2332;
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.35s ease;
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .hdr-drawer-nav-item.open .hdr-drawer-submenu {
            max-height: 800px;
        }
        
        .hdr-drawer-submenu a {
            display: block;
            padding: 14px 20px 14px 48px;
            color: #CBD5E1;
            font-size: 14px;
            text-decoration: none;
            border-bottom: 1px solid rgba(255,255,255,0.03);
            transition: all 0.15s ease;
            list-style: none !important;
        }
        
        .hdr-drawer-submenu a:hover {
            background: #2563EB;
            color: #FFFFFF;
        }
        
        /* Remove ALL list-style from drawer */
        .hdr-drawer-nav,
        .hdr-drawer-nav *,
        .hdr-drawer-submenu,
        .hdr-drawer-submenu * {
            list-style: none !important;
        }
        
        .hdr-drawer-nav-item{border-bottom:1px solid rgba(255,255,255,0.04);}
        .hdr-drawer-nav-parent{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:none;border:none;color:#FFF;font-size:16px;font-weight:600;cursor:pointer;text-align:left;font-family:'Inter',sans-serif;text-decoration:none;}
        .hdr-drawer-nav-parent i{width:20px;text-align:center;margin-right:10px;}
        .hdr-drawer-nav-parent .drawer-arrow{font-size:14px;transition:transform 0.3s;opacity:0.6;}
        .hdr-drawer-nav-item.open .hdr-drawer-nav-parent{background:var(--hdr-primary);}
        .hdr-drawer-nav-item.open .drawer-arrow{transform:rotate(180deg);opacity:1;}
        
        .hdr-drawer-nav-item.open .hdr-drawer-submenu{max-height:600px;}
        
        .hdr-drawer-submenu a i {
            width: 18px;
            text-align: center;
            font-size: 13px;
            opacity: 0.7;
        }
        .hdr-drawer-footer{padding:20px;border-top:1px solid rgba(255,255,255,0.08);flex-shrink:0;}
        .hdr-drawer-support-card{background:rgba(249,115,22,0.1);border:1px solid rgba(249,115,22,0.2);border-radius:var(--hdr-radius-lg);padding:16px;text-align:center;margin-bottom:16px;}
        .hdr-drawer-support-card p{color:#CBD5E1;font-size:13px;margin:0 0 10px;}
        .hdr-drawer-support-btn{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#F97316,#EA580C);color:#FFF!important;border:none;border-radius:var(--hdr-radius-md);font-size:14px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;}
        .hdr-drawer-social{display:flex;justify-content:center;gap:20px;margin-bottom:16px;}
        .hdr-drawer-social a{color:#94A3B8;font-size:20px;text-decoration:none;}
        .hdr-drawer-lang{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
        .hdr-drawer-lang a{color:#CBD5E1;font-size:12px;padding:6px 12px;background:rgba(255,255,255,0.06);border-radius:var(--hdr-radius-full);text-decoration:none;}
        .hdr-drawer-copyright{text-align:center;color:rgba(255,255,255,0.3);font-size:11px;margin-top:12px;}

        /* ========== MOBILE SEARCH OVERLAY ========== */
        .hdr-search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#FFF;z-index:100000;opacity:0;visibility:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;}
        .hdr-search-overlay.show{opacity:1;visibility:visible;}
        .hdr-search-overlay-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--hdr-border);}
        .hdr-search-overlay-input{flex:1;height:48px;border:2px solid var(--hdr-primary);border-radius:var(--hdr-radius-xl);padding:0 18px;font-size:16px;font-family:'Inter',sans-serif;outline:none;}
        .hdr-search-overlay-close{width:40px;height:40px;background:var(--hdr-bg-light);border:1px solid var(--hdr-border);border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--hdr-text);}
        .hdr-search-overlay-results{flex:1;overflow-y:auto;padding:8px 16px;}
        .hdr-search-overlay-results a{display:flex;align-items:center;gap:12px;padding:14px 12px;color:var(--hdr-text);text-decoration:none;border-bottom:1px solid var(--hdr-border-light);font-size:14px;font-weight:500;}
        .hdr-search-overlay-results a:hover{background:var(--hdr-primary-soft);color:var(--hdr-primary);border-radius:var(--hdr-radius-sm);}

        /* ========== RESPONSIVE ========== */
        @media(min-width:992px){
            .hdr-mobile-header,.hdr-mobile-drawer,.hdr-mobile-drawer-overlay,.hdr-search-overlay{display:none!important;}
            .hdr-nav-desktop {
                position: -webkit-sticky !important;
                position: sticky !important;
                top: 0 !important;
            }
        }
        @media(max-width:991px){
            .hdr-topbar,.hdr-trust-badges,.hdr-trending,.hdr-nav-desktop{display:none!important;}
            .hdr-main{display:none!important;}
            .hdr-mobile-header{
                display:block !important;
                position: -webkit-sticky !important;
                position: sticky !important;
                top: 0 !important;
            }
            .hdr-breadcrumb-bar{padding:8px 0;}.hdr-breadcrumb-list{font-size:11px;}
        }