/* ── Бічне меню (drawer) ─────────────────────────────────────────────────────
 * Десктоп: звичайна обгортка головного меню, нижня частина прихована.
 * <1024px: панель справа з меню, контактами, соцмережами й мовами.
 */
.drawer__foot { display: none; }

.drawer__title {
    margin-bottom: var(--space-3);
    font-size: var(--fs-xs);
    font-weight: var(--fw-medium);
    letter-spacing: var(--ls-caps);
    text-transform: uppercase;
    color: var(--color-muted);
}

@media (max-width: 1023px) {
    .drawer {
        position: fixed;
        top: var(--header-offset);
        right: 0;
        bottom: 0;
        z-index: var(--z-panel);
        display: flex;
        flex-direction: column;
        width: min(100%, 440px);
        overflow-y: auto;
        overscroll-behavior: contain;
        background: var(--color-bg);
        box-shadow: -24px 0 48px -24px rgba(33, 33, 33, .25);
        transform: translateX(100%);
        visibility: hidden;
        transition: transform var(--transition), visibility 0s linear .25s;
    }
    .drawer--open { transform: none; visibility: visible; transition-delay: 0s; }

    .drawer__nav { padding: var(--space-3) var(--container-padding) var(--space-6); }

    .drawer__foot {
        display: grid;
        gap: var(--space-5);
        margin-top: auto;
        padding: var(--space-5) var(--container-padding) calc(var(--space-5) + env(safe-area-inset-bottom, 0px));
        background: var(--color-bg-alt);
        border-top: 1px solid var(--color-border);
    }

    .drawer__title { margin-bottom: var(--space-2); }

    .drawer__section--inline { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
    .drawer__section--inline .drawer__title { margin-bottom: 0; }
    .drawer__nav { padding-bottom: var(--space-4); }

    .drawer__langs:empty { display: none; }
}

@media (max-width: 599px) {
    .drawer { width: 100%; box-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
    .drawer { transition: none; }
}