.epmp-mobile-account { display: none; }

body[class] .epmp-mobile-toggle:focus-visible,
body[class] .epmp-nav a:focus-visible,
body[class] .epmp-header-actions a:focus-visible,
body[class] .epmp-header-actions button:focus-visible {
    outline: 3px solid var(--hx-gold);
    outline-offset: 3px;
}

@media (max-width: 992px) {
    body[class] .epmp-mobile-account {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        border-top: 1px solid var(--hx-line);
        margin-top: 8px;
        padding: 14px 0 4px;
    }

    body[class] .epmp-mobile-account a,
    body[class] .epmp-mobile-account button {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        width: 100%;
        border: 1px solid var(--hx-line-2);
        border-radius: 12px;
        padding: 9px 12px;
        color: #fff;
        background: rgba(255, 255, 255, .06);
        font: inherit;
        font-size: .9rem;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    body[class] .epmp-mobile-account a:hover,
    body[class] .epmp-mobile-account button:hover {
        color: var(--hx-gold-soft);
        background: rgba(255, 181, 71, .1);
    }

    body[class] .epmp-mobile-account form { margin: 0; }
}

@media (max-width: 420px) {
    body[class] .epmp-header-inner { gap: 10px; }
    body[class] .epmp-header-actions { gap: 7px; }
    body[class] .epmp-logo span { display: none; }
    body[class] .epmp-header-actions .language-switcher { padding: 3px; }
    body[class] .epmp-header-actions .language-switcher a { min-width: 34px; height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    body[class] .epmp-mobile-toggle { transition: none; }
}