.lang-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.lang-dropdown-trigger {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    background: white;
    border: 1.5px solid var(--gray-200);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--font-sans);
    color: var(--gray-700);
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.lang-dropdown-trigger:hover {
    border-color: var(--bronze-400);
    color: var(--bronze-700);
}

.lang-dropdown.is-open .lang-dropdown-trigger {
    border-color: var(--bronze-500);
    color: var(--bronze-700);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.lang-dropdown.is-open .lang-dropdown-trigger svg {
    transform: rotate(180deg);
}

.lang-dropdown-trigger svg {
    transition: transform 0.2s ease;
    color: var(--gray-400);
    flex-shrink: 0;
}

.lang-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 90;
    min-width: 150px;
    padding: 6px;
    max-height: 320px;
    overflow-y: auto;
}

.lang-dropdown.is-open .lang-dropdown-menu {
    display: block;
    animation: langFadeIn 0.15s ease-out;
}

@keyframes langFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.lang-option {
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--font-sans);
    color: var(--gray-600);
    border-radius: 6px;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.15s ease;
}

.lang-option:hover {
    background: var(--gray-50);
    color: var(--gray-900);
}

.lang-option.is-active {
    background: rgba(234, 179, 8, 0.12);
    color: var(--bronze-700);
}

/* ══════════════════════════════════════════════════════
   MEGA MENU REDESIGN — Notion/Linear/Vercel style
   ══════════════════════════════════════════════════════ */
#header .mega-menu{padding:16px !important;border-radius:12px !important;box-shadow:0 8px 32px rgba(0,0,0,0.10),0 0 0 1px rgba(0,0,0,0.06) !important;background:#ffffff !important;}
#header .mega-menu-grid{gap:2px !important;}
#header .mega-menu-item{padding:8px 10px !important;gap:10px !important;border-radius:8px !important;align-items:center !important;}
#header .mega-menu-item:hover{background:var(--gray-50) !important;}
#header .mega-menu-icon{width:32px !important;height:32px !important;min-width:32px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}
#header .mega-menu-icon svg{width:15px !important;height:15px !important;stroke:currentColor !important;}
#header .mega-menu-icon.voice{background:rgba(234,179,8,0.10) !important;color:#A16207 !important;}
#header .mega-menu-icon.whatsapp{background:rgba(21,128,61,0.10) !important;color:#15803d !important;}
#header .mega-menu-icon.instagram{background:rgba(157,23,77,0.10) !important;color:#9d174d !important;}
#header .mega-menu-icon.messenger{background:rgba(29,78,216,0.10) !important;color:#1d4ed8 !important;}
#header .mega-menu-icon.crm-agent{background:rgba(29,78,216,0.10) !important;color:#1d4ed8 !important;}
#header .mega-menu-icon.quality-agent{background:rgba(4,120,87,0.10) !important;color:#047857 !important;}
#header .mega-menu-icon.receptionist-agent{background:rgba(109,40,217,0.10) !important;color:#6d28d9 !important;}
#header .mega-menu-icon.platform{background:rgba(29,78,216,0.10) !important;color:#1d4ed8 !important;}
#header .mega-menu-icon.voip{background:rgba(234,179,8,0.10) !important;color:#A16207 !important;}
#header .mega-menu-icon.integrations{background:rgba(109,40,217,0.10) !important;color:#6d28d9 !important;}
#header .mega-menu-icon.api{background:rgba(180,83,9,0.10) !important;color:#b45309 !important;}
#header .mega-menu-icon.solutions{background:rgba(109,40,217,0.10) !important;color:#6d28d9 !important;}
#header .mega-menu-icon.analytics{background:rgba(29,78,216,0.10) !important;color:#1d4ed8 !important;}
#header .mega-menu-icon.health{background:rgba(4,120,87,0.10) !important;color:#047857 !important;}
#header .mega-menu-icon.auto{background:rgba(234,179,8,0.10) !important;color:#A16207 !important;}
#header .mega-menu-icon.realestate{background:rgba(29,78,216,0.10) !important;color:#1d4ed8 !important;}
#header .mega-menu-icon.ecommerce{background:rgba(194,65,12,0.10) !important;color:#c2410c !important;}
#header .mega-menu-icon.finance{background:rgba(6,148,162,0.10) !important;color:#0e7490 !important;}
#header .mega-menu-icon.hr{background:rgba(109,40,217,0.10) !important;color:#6d28d9 !important;}
#header .mega-menu-icon.blog{background:rgba(29,78,216,0.10) !important;color:#1d4ed8 !important;}
#header .mega-menu-icon.docs{background:rgba(4,120,87,0.10) !important;color:#047857 !important;}
#header .mega-menu-icon.cases{background:rgba(109,40,217,0.10) !important;color:#6d28d9 !important;}
#header .mega-menu-item:hover .mega-menu-icon{filter:brightness(0.95) !important;}
#header .mega-menu-item[href="automotive.html"] .mega-menu-content p{display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
#header .mega-menu-content h4{font-size:13px !important;font-weight:600 !important;color:var(--gray-800) !important;margin-bottom:1px !important;line-height:1.3 !important;}
#header .mega-menu-content p{font-size:11.5px !important;color:var(--gray-400) !important;line-height:1.3 !important;}
#header .mega-menu-section-title{font-size:10px !important;font-weight:700 !important;letter-spacing:0.08em !important;color:var(--gray-400) !important;margin-bottom:6px !important;margin-top:12px !important;padding-left:10px !important;}
#header .agents-menu{gap:12px !important;padding:16px !important;}
#header .agents-headline{font-size:15px !important;margin-bottom:4px !important;}
#header .agents-subtext{font-size:12px !important;margin-bottom:12px !important;}
#header .agent-card{padding:10px 8px !important;border-radius:10px !important;border-color:rgba(17,24,39,0.07) !important;}
#header .agent-icon{width:36px !important;height:36px !important;border-radius:10px !important;margin-bottom:8px !important;}
#header .agent-icon svg{width:18px !important;height:18px !important;}
#header .agent-icon.voice{background:linear-gradient(135deg,#A16207,#FBBF24) !important;}
#header .agent-icon.whatsapp{background:linear-gradient(135deg,#1a9e52,#25D366) !important;}
#header .agent-icon.instagram{background:linear-gradient(135deg,#b02c6e,#E1306C) !important;}
#header .agent-icon.crm{background:linear-gradient(135deg,#1e64c8,#3B82F6) !important;}
#header .agent-icon.quality{background:linear-gradient(135deg,#058a5e,#10B981) !important;}
#header .agent-icon.receptionist{background:linear-gradient(135deg,#5b3db8,#8B5CF6) !important;}
#header .agent-title{font-size:12px !important;font-weight:700 !important;}
#header .agent-desc{font-size:11px !important;line-height:1.3 !important;}
#header .agents-stats{padding:10px 16px 12px !important;gap:8px !important;}
#header .agents-stat strong{font-size:14px !important;}
#header .agents-stat span{font-size:11px !important;}
#header .mega-menu.platform{padding:16px !important;}
#header .platform-left{padding:6px !important;height:auto !important;min-height:320px !important;}
#header .platform-kicker{font-size:10px !important;margin-bottom:6px !important;}
#header .platform-title{font-size:15px !important;margin-bottom:4px !important;}
#header .platform-desc{font-size:12px !important;margin-bottom:8px !important;line-height:1.5 !important;}
#header .platform-point{padding:7px 10px !important;gap:8px !important;}
#header .platform-point-icon{width:16px !important;height:16px !important;}
#header .platform-point strong{font-size:12px !important;}
#header .platform-point span{font-size:11px !important;}
#header .platform-right{height:auto !important;min-height:320px !important;}
#header .mega-menu [style*="font-size:18px"],#header .mega-menu [style*="font-size: 18px"]{font-size:14px !important;font-weight:700 !important;}
#header .mega-menu [style*="font-size:13px"],#header .mega-menu [style*="font-size: 13px"]{font-size:12px !important;}
#header .mega-menu-footer{padding:10px 12px !important;margin-top:6px !important;}
#header .mega-menu-footer-text{font-size:12px !important;}
#header .mega-menu-footer-link{font-size:12px !important;}
#header .mega-menu-divider{margin:10px 0 !important;}
