.site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 900;
    height: var(--header-height);
    border-bottom: 1px solid rgba(246, 189, 61, 0.2);
    background: rgba(8, 7, 6, 0.86);
    backdrop-filter: blur(18px);
}
.site-header__inner { height: 100%; display: flex; align-items: center; gap: 30px; }
.site-brand { flex: 0 0 auto; width: 66px; height: 66px; display: grid; place-items: center; }
.site-brand img { width: 58px; height: 66px; object-fit: contain; }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 28px; }
.desktop-nav a { color: var(--color-muted); font-size: 0.91rem; font-weight: 600; transition: color var(--transition); }
.desktop-nav a:hover { color: var(--color-gold-bright); }
.header-whatsapp { min-height: 46px; padding-inline: 18px; }
.menu-toggle { display: none; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--color-surface); color: var(--color-gold); cursor: pointer; }
.menu-toggle .icon { width: 27px; height: 27px; }
.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    padding: 20px 22px 30px;
    background: #080706;
    color: var(--color-text);
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 240ms ease, opacity 180ms ease, visibility 240ms;
}
.mobile-menu.is-open { visibility: visible; opacity: 1; transform: translateX(0); }
.mobile-menu__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--color-line); }
.mobile-menu__top img { width: 72px; height: 78px; object-fit: contain; }
.mobile-menu__top button { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid var(--color-line); border-radius: 50%; background: var(--color-surface); color: var(--color-gold); cursor: pointer; }
.mobile-menu__top .icon { width: 25px; height: 25px; }
.mobile-menu__nav { display: grid; margin-top: 20px; }
.mobile-menu__nav a { padding: 18px 4px; border-bottom: 1px solid var(--color-line-soft); font-family: var(--font-display); font-size: clamp(1.35rem, 6vw, 2rem); font-weight: 700; }
.mobile-menu__whatsapp { margin-top: auto; width: 100%; }