.announcement{background:var(--color-deep);color:var(--color-white);text-align:center;padding:var(--space-xs) var(--page-gutter);font-size:.75rem;letter-spacing:.08em}.announcement span{color:var(--color-gold)}.site-header{height:var(--header-height);background:var(--color-white);position:sticky;top:0;z-index:30;box-shadow:var(--shadow-sm)}.header-inner{height:100%;display:flex;align-items:center;gap:var(--space-lg)}.site-brand{flex:0 0 auto;border-radius:var(--radius-sm)}.site-brand img{width:70px;height:70px;aspect-ratio:1;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:clamp(14px,1.6vw,25px);margin-left:auto}.primary-nav a{text-decoration:none;text-transform:uppercase;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.55rem 0;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a.active{color:var(--color-wine);border-color:var(--color-gold)}.menu-toggle{display:none;border:0;background:none;font:700 .75rem var(--font-sans);text-transform:uppercase;gap:.4rem}.header-whatsapp{flex:0 0 auto}.component-error{padding:1rem;text-align:center;margin:0;background:var(--color-blush);color:var(--color-primary-dark)}
#site-header{min-height:calc(var(--header-height) + 32px);position:sticky;top:0;z-index:30}.announcement{height:32px;display:flex;align-items:center;justify-content:center;padding-block:0}.site-header{position:relative;top:auto;z-index:auto}
.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.primary-nav a{color:var(--color-text)}.primary-nav a:hover{color:var(--color-secondary);border-color:var(--color-gold)}.primary-nav a.active{color:var(--color-primary);border-color:var(--color-gold)}
.menu-toggle{color:var(--color-primary)}
.site-brand:focus-visible{outline:3px solid var(--color-gold);outline-offset:3px}
/* Full category navigation lives in the shared header. */
@media(min-width:1051px){.site-header{height:auto;min-height:var(--header-height)}.header-inner{min-height:var(--header-height);padding-block:12px}.primary-nav{flex:1;flex-wrap:wrap;justify-content:center;column-gap:18px;row-gap:2px}.primary-nav a{white-space:nowrap}}
@media(max-width:1050px){#primary-nav{max-height:calc(100dvh - var(--header-height) - 32px);overflow-y:auto;overscroll-behavior:contain}}

/* Announcement social links share the existing header across all pages. */
.announcement{position:relative;display:grid;grid-template-columns:1fr auto 1fr;column-gap:16px}
.announcement-message{grid-column:2;white-space:nowrap}
.header-social-links{display:flex;align-items:center;justify-self:start;gap:8px;color:var(--color-white)}
.header-social-links a{display:flex;align-items:center;justify-content:center;width:24px;height:28px;flex:0 0 auto;text-decoration:none;border-radius:var(--radius-sm)}
.header-social-links svg{display:block;width:18px;height:18px}
.header-social-links a:hover,.header-social-links a:focus-visible{color:var(--color-gold)}
.header-social-links a:focus-visible{outline:2px solid var(--color-gold);outline-offset:1px}
@media(max-width:700px){.announcement{height:64px;grid-template-columns:1fr;grid-template-rows:28px auto;gap:0;padding-block:4px}.announcement-message{grid-column:1;white-space:normal;font-size:.625rem;line-height:1.4;letter-spacing:.04em}.header-social-links{grid-column:1;gap:6px}.header-social-links svg{width:14px;height:14px}#site-header{min-height:calc(var(--header-height) + 64px)}#primary-nav{max-height:calc(100dvh - var(--header-height) - 64px)}}