/* Header spacing shared by the requested pages; values mirror gallery.html. */
@media (min-width: 769px) {
    .site-header .nav-inner {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 24px 0 80px !important;
        height: 66px !important;
        justify-content: space-between !important;
    }

    .site-header .nav-links {
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        gap: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-header .nav-links li > a {
        padding: 8px 11px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
    }

    .site-header .nav-right {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }

    .site-header .nav-right .btn,
    .site-header .info-actions .btn {
        min-height: 34px !important;
        padding: 8px 18px !important;
    }

    .site-header .info-bar-inner {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 24px !important;
        gap: 16px !important;
    }

    .site-header .info-actions {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-left: auto !important;
        min-width: clamp(320px, 26vw, 500px) !important;
        justify-content: flex-start !important;
    }
}

@media (min-width: 769px) and (max-width: 1550px) {
    .site-header .info-bar-inner {
        flex-wrap: nowrap !important;
    }

    .site-header .info-left {
        gap: 12px !important;
        min-width: 0 !important;
    }

    .site-header .info-left a {
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .site-header .info-actions {
        min-width: auto !important;
        flex-shrink: 0 !important;
        justify-content: flex-end !important;
    }
}