.site-header {
     display: flex;
    flex-direction: column;
    /* position: fixed;  ← УБРАТЬ */
    position: static;    /* или просто удалить строку position и top */
    /* top: 0;          ← УБРАТЬ (для static не нужен) */
    /* z-index: 50;     ← можно оставить, но он не нужен для static */
    background: rgba(251, 246, 239, .85);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(62, 15, 28, .08);
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 76px;
}
.logo { display: inline-flex; align-items: center; gap: 10px; }
.logo-mark {
    display: grid;
    place-items: center;
    width: 38px; height: 38px;
    border-radius: 12px;
    background: var(--wine-700);
    color: var(--gold-soft);
    font-family: var(--font-display);
    font-size: 1.3rem;
    font-weight: 700;
}
.logo-text {
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--wine-900);
    letter-spacing: .01em;
}
.logo-text em { font-style: italic; color: var(--wine-600); }

.nav {
    display: flex;
    gap: 30px;
    font-size: .95rem;
    font-weight: 500;
}
.nav a { color: var(--ink-soft); transition: color .2s; }
.nav a:hover { color: var(--wine-700); }

.header-actions { display: flex; align-items: center; gap: 12px; }

.burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: 0;
    padding: 8px;
}
.burger span {
    width: 24px; height: 2px;
    background: var(--wine-800);
    border-radius: 2px;
    transition: .3s;
}

.header-img {
    width: 160px;

}



@media (max-width: 760px) {
    .header-inner { gap: 5px; height: 60px; }
    .header-img { width: 90px; height: auto; }

    .nav { gap: 10px; font-size: .72rem; }
    .nav a {  opacity: .85; white-space: nowrap; }

    .header-actions { gap: 5px; }
    .header-actions .btn {
        padding: 7px 12px;
        font-size: .60rem;
    }

}

@media (max-width: 495px) {
    .header-inner { gap: 5px; height: 50px; }
    .header-img { width: 80px; height: auto; }

    .nav { gap: 8px; font-size: .60rem; }
    .nav a {  opacity: .70; white-space: nowrap; }

    .header-actions { gap: 5px; }
    .header-actions .btn {
        padding: 5px 10px;
        font-size: .55rem;
    }

}

@media (max-width: 380px) {
    .header-inner { gap: 5px; height: 50px; }
    .header-img { width: 80px; height: auto; }

    .nav { gap: 8px; font-size: .55rem; }
    .nav a {  opacity: .70; white-space: nowrap; }

    .header-actions { gap: 5px; }
    .header-actions .btn {
        padding: 4px 8px;
        font-size: .43rem;
    }

}

@media (max-width: 335px) {
    .header-inner { gap: 5px; height: 50px; }
    .header-img { width: 80px; height: auto; }

    .nav { gap: 5px; font-size: .50rem; }
    .nav a {  opacity: .70; white-space: nowrap; }

    .header-actions { gap: 5px; }
    .header-actions .btn {
        padding: 4px 8px;
        font-size: .43rem;
    }

}