/* ===== БАЗА ===== */
.site-header{position:sticky;top:0;z-index:100;background:transparent}
.container{max-width:1100px;margin:0 auto;padding:10px 16px}
.menu{list-style:none;margin:0;padding:0}
.menu li{position:relative}
.menu a{display:block;text-decoration:none}

/* Капсула меню (десктоп) */
.desktop-nav{display:block}          /* за замовчуванням видно */
.menu--desktop{
    display:flex;gap:6px;background:#f7f9ff;color:#0b1730;
    padding:12px;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.15)
}
.menu--desktop > li > a{padding:10px 14px;border-radius:10px;color:#0b1730}
.menu--desktop > li > a:hover{background:#eef3ff}
.menu--desktop .current-menu-item > a{background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.08)}
.menu--desktop .menu-item-has-children > a::after{content:"▾";margin-left:6px;font-size:12px}
.menu--desktop .sub-menu{
    position:absolute;top:100%;left:0;min-width:220px;background:#fff;color:#111;
    padding:8px 0;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none
}
.menu--desktop li:hover > .sub-menu{display:block}
.menu--desktop .sub-menu a{padding:10px 14px;color:#111}

/* Бургер (за замовчуванням прихований) */
.hamburger{
    display:none; /* <-- головне: сховано на десктопі */
    align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;
    color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);
    backdrop-filter:blur(6px);box-shadow:0 10px 25px rgba(0,0,0,.15)
}

/* Мобільний оверлей і панель */
.mobile-panel{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:start end}
.mobile-panel[hidden]{display:none}
.mobile-panel__inner{
    width:min(92vw,360px);height:100%;background:#0c1a3a;color:#fff;padding:14px 16px 24px;
    overflow:auto;box-shadow:-8px 0 30px rgba(0,0,0,.35);border-left:1px solid rgba(255,255,255,.12);position:relative
}
.mobile-close{position:absolute;right:10px;top:8px;background:none;border:0;color:#fff;font-size:30px}
.menu--mobile > li > a{padding:12px 10px;border-radius:10px;color:#fff}
.menu--mobile > li > a:hover{background:rgba(255,255,255,.08)}
.menu--mobile .sub-menu{display:none;padding-left:10px;margin:6px 0 10px;border-left:2px solid rgba(255,255,255,.12)}
.menu--mobile .sub-menu a{padding:10px 8px;font-size:.95rem}
.menu--mobile .sub-menu.is-open{display:block}
.submenu-toggle{
    position:absolute;right:6px;top:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px
}

/* ===== МОБІЛЬНИЙ БРЕЙКПОЙНТ ===== */
@media (max-width:1023.98px){
    .desktop-nav{display:none}   /* ховаємо десктопне меню */
    .hamburger{display:inline-flex} /* показуємо бургер */
}