/* Navigation commune : laisse la place à l'entrée Grossistes. */
header .header-content { gap: 24px; }
header .logo { flex-shrink: 0; }
header nav ul { gap: 20px; }
header .header-cta { margin-left: 0; flex-shrink: 0; }
header nav a { display: inline-block; }
header a:focus-visible, footer a:focus-visible, .grossistes-banner a:focus-visible {
    outline: 2px solid var(--primary-gold);
    outline-offset: 6px;
}
footer .footer-col a[href^="mailto:"] { overflow-wrap: anywhere; }
footer .footer-contact-label { display: block; color: #b3b3b3; }
footer .footer-col a[href^="mailto:"] { color: #b3b3b3; }
footer .footer-col a[href^="mailto:"]:hover { color: var(--primary-gold); }
.grossistes-banner { background: #221b08; padding: 64px 0; border-block: 1px solid #45370e; }
.grossistes-banner .container { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.grossistes-banner h2 { color: #fff; margin: 0; font-size: 2rem; }
.grossistes-banner .btn-gold { flex-shrink: 0; max-width: 100%; text-align: center; }
.grossistes-banner + footer { margin-top: 0; }
@media (max-width: 1199px) {
    header .header-cta { display: none; }
    header nav ul { gap: 18px; }
}
@media (max-width: 900px) {
    header { height: auto; padding: 15px 0; }
    header .header-content { flex-direction: column; gap: 15px; }
    header nav { width: 100%; }
    header nav ul, header nav ul.nav-desktop {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 18px;
        font-size: 0.8rem;
    }
    header nav a { padding: 5px 0; }
    .grossistes-banner .container { flex-direction: column; text-align: center; }
}