/* ========== BASE HEADER ========== */
.ch-header { position:relative; z-index:1000; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.ch-top { border-bottom:1px solid #e2e8f0; padding:15px 0; }
.ch-top-content { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; }
.ch-logo img { height:40px; width:auto; }

/* ========== BURGER ========== */
.ch-mobile-btn { display:none; flex-direction:column; width:26px; height:20px; background:none; border:none; cursor:pointer; gap:4px; padding:0; }
.ch-mobile-btn span { width:100%; height:2px; background:#333; border-radius:2px; transition:all 0.3s ease; display:block; }
.ch-mobile-btn.open span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.ch-mobile-btn.open span:nth-child(2) { opacity:0; }
.ch-mobile-btn.open span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

/* ========== DESKTOP SERVICES ========== */
.ch-services { display:flex; align-items:center; gap:25px; }
.ch-service { display:flex; align-items:center; gap:8px; color:#333; text-decoration:none; font-size:13px; font-weight:600; transition:color 0.2s; }
.ch-service:hover { color:#e67e22; text-decoration:none; }
.ch-service i { font-size:16px; width:18px; text-align:center; }

/* ========== LANG / CURRENCY SELECTORS ========== */
.ch-selectors { display:flex; align-items:center; gap:12px; }
.ch-selector { position:relative; }
.ch-selector-btn { display:flex; align-items:center; gap:5px; background:none; border:1px solid #e2e8f0; border-radius:6px; font-size:13px; font-weight:700; color:#333; cursor:pointer; padding:6px 10px; transition:all 0.2s; }
.ch-selector-btn:hover { border-color:#4f46e5; color:#4f46e5; }
.ch-selector.active .ch-selector-btn { border-color:#4f46e5; color:#4f46e5; }
.ch-selector-arrow { transition:transform 0.3s; }
.ch-selector.active .ch-selector-arrow { transform:rotate(180deg); }
.ch-dropdown { position:absolute; top:calc(100% + 6px); right:0; background:#fff; border:1px solid #e2e8f0; border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,0.12); min-width:140px; padding:5px 0; opacity:0; visibility:hidden; transform:translateY(-8px); transition:all 0.25s; z-index:200; }
.ch-selector.active .ch-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.ch-dropdown a { display:flex; align-items:center; gap:8px; padding:8px 14px; color:#555; text-decoration:none; font-size:13px; transition:all 0.2s; }
.ch-dropdown a:hover { background:#f8f9fa; color:#4f46e5; text-decoration:none; }
.ch-dropdown a.active { color:#4f46e5; font-weight:700; background:#f0f0ff; }

/* ========== DESKTOP NAV ========== */
.ch-nav { background:#F5AD1B; color:#fff; }
.ch-nav-content { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; }
.ch-menu { display:flex; align-items:center; flex:1; }
.ch-menu-list { display:flex; align-items:stretch; list-style:none; margin:0; padding:0; }
.ch-menu-item { position:relative; display:flex; align-items:stretch; }
.ch-menu-link { display:flex; align-items:center; gap:6px; padding:15px 13px; color:rgba(255,255,255,0.9); text-decoration:none; font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:0.5px; white-space:nowrap; transition:all 0.2s; }
.ch-menu-link:hover { background:rgba(255,255,255,0.1); color:#fff; text-decoration:none; }
.ch-menu-link i { font-size:13px; }
.ch-menu-arrow { width:11px; height:11px; opacity:0.7; flex-shrink:0; }

/* ========== STICKY NAV (ПЛАВАЮЩЕЕ МЕНЮ ДЕСКТОП) ========== */
.ch-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* ========== MOBILE STICKY (УМНАЯ ШАПКА) ========== */
@media (max-width: 1100px) {
    .ch-top {
        transition: transform 0.3s ease-in-out;
    }
    .ch-top.sticky-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1100;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .ch-top.sticky-hidden {
        transform: translateY(-100%);
    }
}

/* ========== SUBMENU ========== */
.ch-submenu { position:absolute; top:100%; left:0; background:#fff; border:1px solid #e2e8f0; border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,0.15); min-width:240px; padding:12px 0; opacity:0; visibility:hidden; margin-top:8px; transform:translateY(8px); transition:all 0.25s; z-index:99; }
.ch-submenu::before { content:''; position:absolute; top:-12px; left:0; width:100%; height:12px; }
.ch-menu-item:hover .ch-submenu { opacity:1; visibility:visible; transform:translateY(0); }
.ch-submenu-section { padding:4px 18px 10px; }
.ch-submenu-section + .ch-submenu-section { border-top:1px solid #f1f5f9; padding-top:10px; }
.ch-submenu-title { font-size:10px; font-weight:800; color:#475569; text-transform:uppercase; letter-spacing:0.8px; margin-bottom:6px; }
.ch-submenu-link { display:flex; align-items:center; gap:8px; padding:6px 0; color:#334155; text-decoration:none; font-size:13px; font-weight:500; transition:all 0.2s; }
.ch-submenu-link:hover { color:#F5AD1B; padding-left:6px; text-decoration:none; }
.ch-submenu-link i { font-size:12px; width:15px; text-align:center; color:#94a3b8; }
.ch-submenu-link:hover i { color:#F5AD1B; }

/* ========== OVERLAY ========== */
.ch-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:all 0.3s; z-index:1500; }
.ch-overlay.active { opacity:1; visibility:visible; }

/* ========== MOBILE MENU PANEL ========== */
.ch-mobile-menu { position:fixed; top:0; right:-320px; width:300px; height:100vh; background:#fff; box-shadow:-4px 0 20px rgba(0,0,0,0.15); transition:right 0.3s ease; z-index:2000; overflow-y:auto; display:flex; flex-direction:column; }
.ch-mobile-menu.active { right:0; }

/* Header внутри мобильного меню */
.ch-mm-header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #f1f5f9; background:#1e293b; flex-shrink:0; }
.ch-mm-header-logo img { height:28px; }
.ch-mm-close { background:none; border:none; color:#fff; font-size:22px; cursor:pointer; padding:4px; line-height:1; }

/* Lang/Currency в мобильном меню */
.ch-mm-selectors { display:flex; align-items:center; gap:8px; padding:12px 20px; border-bottom:1px solid #f1f5f9; background:#f8f9fa; flex-shrink:0; }
.ch-mm-selector-label { font-size:11px; color:#94a3b8; font-weight:700; text-transform:uppercase; margin-right:2px; }
.ch-mm-sel { display:flex; gap:0; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden; }
.ch-mm-sel a { padding:5px 10px; font-size:12px; font-weight:700; color:#555; text-decoration:none; transition:all 0.2s; background:#fff; border-right:1px solid #e2e8f0; }
.ch-mm-sel a:last-child { border-right:none; }
.ch-mm-sel a.active { background:#4f46e5; color:#fff; }
.ch-mm-sel a:hover:not(.active) { background:#f0f0ff; color:#4f46e5; text-decoration:none; }

/* Client services в мобильном */
.ch-mm-services { padding:14px 20px; border-bottom:1px solid #f1f5f9; flex-shrink:0; }
.ch-mm-services-title { font-size:10px; font-weight:800; color:#475569; text-transform:uppercase; letter-spacing:0.8px; margin-bottom:10px; }
.ch-mm-services-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ch-mm-service-link { display:flex; align-items:center; gap:6px; padding:8px 10px; color:#334155; text-decoration:none; font-size:12px; font-weight:600; background:#f8f9fa; border-radius:6px; transition:all 0.2s; }
.ch-mm-service-link:hover { background:#e8f0fe; color:#4f46e5; text-decoration:none; }
.ch-mm-service-link i { font-size:13px; color:#64748b; width:14px; text-align:center; }

/* Nav items */
.ch-mm-nav { flex:1; overflow-y:auto; }
.ch-mm-item { border-bottom:1px solid #f1f5f9; }
.ch-mm-link { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; color:#1e293b; text-decoration:none; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; transition:all 0.2s; }
.ch-mm-link:hover { background:#f8f9fa; color:#4f46e5; text-decoration:none; }
.ch-mm-link .ch-mm-link-left { display:flex; align-items:center; gap:10px; }
.ch-mm-link i.nav-icon { font-size:14px; color:#64748b; width:16px; text-align:center; }
.ch-mm-chevron { transition:transform 0.3s; font-size:11px; color:#94a3b8; }
.ch-mm-item.open .ch-mm-chevron { transform:rotate(180deg); }

/* Submenu в мобильном */
.ch-mm-sub { background:#f8fafc; max-height:0; overflow:hidden; transition:max-height 0.35s ease; }
.ch-mm-item.open .ch-mm-sub { max-height:600px; }
.ch-mm-sub-section { padding:10px 20px; }
.ch-mm-sub-section + .ch-mm-sub-section { border-top:1px solid #e8edf2; }
.ch-mm-sub-title { font-size:10px; font-weight:800; color:#475569; text-transform:uppercase; letter-spacing:0.8px; margin-bottom:8px; }
.ch-mm-sub-link { display:flex; align-items:center; gap:8px; padding:7px 0; color:#334155; text-decoration:none; font-size:13px; font-weight:500; transition:all 0.2s; }
.ch-mm-sub-link:hover { color:#4f46e5; padding-left:4px; text-decoration:none; }
.ch-mm-sub-link i { font-size:12px; width:15px; text-align:center; color:#94a3b8; }

/* ========== RESPONSIVE ========== */
@media (max-width:1100px) {
    .ch-mobile-btn { display:flex !important; }
    .ch-services { display:none !important; }
    .ch-menu { display:none !important; }
    .ch-nav { display:none; }
}
@media (max-width:576px) {
    .ch-top-content { padding:0 15px; }
    .ch-logo img { height:32px; }
    .ch-selector-btn { padding:5px 8px; font-size:12px; }
}