:root { --sva-header-height:88px; --sva-admin-offset:0px; }
/* Appack supplies its own navigation outside the website viewport. */
body.is-app-view { --sva-header-height:0px; }
body.is-app-view .sva-page-back { display:none; }
body.admin-bar { --sva-admin-offset:32px; }
.sva-header { position:sticky; top:var(--sva-admin-offset); z-index:1000; background:#15231a; color:#fff; border-bottom:1px solid #6eb64566; box-shadow:0 3px 20px #15231a15; }
.sva-header *, .sva-header *::before, .sva-header *::after { box-sizing:border-box; }
.sva-header__bar { max-width:1700px; margin:auto; display:flex; align-items:center; gap:clamp(18px,2vw,34px); height:87px; padding:0 clamp(20px,3vw,52px); }
.sva-header a { text-decoration:none; }
.sva-header__brand { display:flex; align-items:center; gap:12px; flex-shrink:0; color:white; }
.sva-header__brand img { width:56px; height:56px; }
.sva-header__brand > span { font-size:16px; font-weight:800; letter-spacing:.025em; line-height:1.15; }
.sva-header__brand small { display:block; font-size:8px; font-weight:500; letter-spacing:.12em; color:#9bb995; margin-top:6px; }
.sva-header__nav { flex:1; }
.sva-header__nav-inner { display:flex; align-items:center; justify-content:center; gap:clamp(14px,1.6vw,26px); }
.sva-menu > summary,.sva-header__direct { list-style:none; cursor:pointer; display:flex; align-items:center; gap:7px; padding:32px 0; color:#fff; font:600 12px/1.8 Poppins,Arial,sans-serif; white-space:nowrap; }
.sva-menu > summary::-webkit-details-marker { display:none; }
.sva-menu__plus { color:#6eb645; font-size:18px; font-weight:400; transition:transform .2s; }
.sva-menu[open] > summary { color:#9ed777; }
.sva-menu[open] .sva-menu__plus { transform:rotate(45deg); }
.sva-header__direct > span { display:none; }
.sva-header__actions { display:flex; gap:8px; margin-left:auto; }
.sva-header__cta { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px 14px; border:1px solid #7c9c7055; border-radius:5px; color:#fff; font:600 11px/1.5 Poppins,Arial,sans-serif; white-space:nowrap; }
.sva-header__cta--join { background:#6eb645; border-color:#6eb645; color:#15231a; }
.sva-header__cta i { width:6px; height:6px; border-radius:50%; background:#6eb645; }
.sva-header__cta span { font-size:17px; transition:transform .2s; }
.sva-header__cta:hover span { transform:translate(2px,-2px); }
.sva-header__cta--join:hover { background:#86c762; }
.sva-header__cta--match:hover { background:#263d2c; }
.sva-header__cta--shop { width:46px; flex:0 0 46px; padding:10px; color:#98d578; background:#6eb64512; }
.sva-header__cta--shop svg { transition:transform .2s ease; }
.sva-header__cta--shop:is(:hover,:focus-visible) { background:#6eb645; color:#15231a; }
.sva-header__cta--shop:is(:hover,:focus-visible) svg { transform:translateY(-2px) rotate(-6deg); }
.sva-header :is(a,summary,button):focus-visible { outline:2px solid #6eb645; outline-offset:4px; }
.sva-mega { position:absolute; top:100%; left:0; right:0; background:#f8faf6; color:#15231a; box-shadow:0 24px 44px #0c211b30; display:grid; grid-template-columns:240px minmax(0,1fr); padding:30px max(32px,calc((100vw - 1500px)/2)); gap:28px; border-bottom:4px solid #6eb645; max-height:calc(100dvh - var(--sva-header-height) - var(--sva-admin-offset)); overflow:auto; }
.sva-mega__intro { position:relative; overflow:hidden; background:#20392a; color:#fff; padding:26px; border-radius:8px; display:flex; flex-direction:column; min-height:240px; }
.sva-mega__eyebrow { color:#a3d185; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.sva-mega__intro p { font-size:30px; line-height:1.1; font-weight:700; letter-spacing:-.04em; white-space:pre-line; margin:20px 0 26px; position:relative; z-index:1; }
.sva-mega__intro a { color:#c5e7b1; font-size:11px; margin-top:auto; position:relative; z-index:1; }
.sva-mega__1929 { position:absolute; bottom:12px; right:-8px; font-size:76px; line-height:1; font-weight:800; color:#ffffff09; transform:rotate(-12deg); }
.sva-mega__groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:16px; align-content:start; padding-top:8px; }
.sva-mega__group h2 { font:700 12px/1.4 Poppins,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; margin:0 0 16px; padding:0 0 14px; border-bottom:2px solid #6eb645; }
.sva-mega__group ul { list-style:none; padding:0; margin:0; }
.sva-mega__group a { display:flex; justify-content:space-between; gap:6px; padding:9px 0; font:500 12px/1.5 Poppins,Arial,sans-serif; color:#314232; }
.sva-mega__group a span { color:#55863c; transition:transform .2s; }
.sva-mega__group a:hover { color:#367220; }
.sva-mega__group a:hover span { transform:translate(2px,-2px); }
.sva-mega__bottom { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #dbe4d7; padding-top:18px; gap:18px; }
.sva-mega__bottom > span { font-size:18px; font-weight:700; color:#426736; }
.sva-mega__bottom a { font-size:12px; color:#314232; }
.sva-header__toggle,.sva-header__mobile-extra { display:none; }
body #sva-team .sva-team-tabs { top:calc(var(--sva-header-height) + var(--sva-admin-offset)); }
@media(max-width:1300px) and (min-width:1101px) { .sva-header__brand > span { display:none; } .sva-header__bar { gap:20px; padding-inline:24px; } }
@media(max-width:1100px) {
 :root { --sva-header-height:80px; }
 .sva-header__bar { height:79px; gap:16px; padding-inline:20px; }
 .sva-header__brand img { width:48px; height:48px; }
 .sva-header__toggle { display:flex; align-items:center; gap:9px; background:transparent; color:#fff; border:1px solid #ffffff35; border-radius:5px; min-height:44px; padding:10px 12px; cursor:pointer; font:600 11px Poppins,Arial,sans-serif; }
 .sva-header__burger { width:18px; height:14px; position:relative; flex-shrink:0; }
 .sva-header__burger::before,.sva-header__burger::after { content:""; position:absolute; left:0; width:18px; height:2px; background:#6eb645; top:3px; transition:transform .2s; }
 .sva-header__burger::after { top:10px; }
 .sva-header__toggle[aria-expanded="true"] .sva-header__burger::before { top:6px; transform:rotate(45deg); }
 .sva-header__toggle[aria-expanded="true"] .sva-header__burger::after { top:6px; transform:rotate(-45deg); }
 .sva-header__nav { display:none; position:absolute; top:100%; left:0; right:0; height:calc(100dvh - var(--sva-header-height) - var(--sva-admin-offset)); overflow:auto; overscroll-behavior:contain; background:#f8faf6; color:#15231a; }
 .sva-header.is-menu-open .sva-header__nav { display:block; }
 .sva-header__nav-inner { display:block; max-width:800px; margin:auto; padding:18px 24px 40px; }
 .sva-menu,.sva-header__direct { border-bottom:1px solid #dce4d8; }
 .sva-menu > summary,.sva-header__direct { padding:18px 0; color:#15231a; font-size:20px; justify-content:space-between; }
 .sva-menu[open] > summary { color:#477c2f; }
 .sva-menu__plus { font-size:26px; }
 .sva-header__direct > span { display:block; color:#56873b; }
 .sva-mega { position:static; display:block; max-height:none; padding:0 0 20px; border:0; box-shadow:none; overflow:visible; }
 .sva-mega__intro { min-height:0; padding:14px 18px; margin:0 0 20px; }
 .sva-mega__intro p,.sva-mega__eyebrow,.sva-mega__1929 { display:none; }
 .sva-mega__intro a { font-size:13px; }
 .sva-mega__groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 22px; }
 .sva-mega__group a { font-size:13px; padding:12px 0; }
 .sva-mega__group h2 { margin-bottom:6px; }
 .sva-mega__bottom { display:none; }
 .sva-header__mobile-extra { display:flex; gap:20px; flex-wrap:wrap; margin-top:28px; font-size:13px; }
 .sva-header__mobile-extra a { color:#314232; }
 .sva-header__mobile-extra span { flex:1 0 100%; color:#54883c; font-size:28px; font-weight:700; }
 body.has-open-menu { overflow:hidden; }
}
@media(max-width:600px) {
 :root { --sva-header-height:72px; }
 .sva-header__bar { height:71px; padding-inline:12px; gap:9px; }
 .sva-header__brand img { width:40px; height:40px; }
 .sva-header__brand > span { display:none; }
 .sva-header__actions { gap:6px; }
 .sva-header__cta { font-size:10px; padding:10px 8px; min-height:42px; gap:5px; }
 .sva-header__cta span,.sva-header__cta i { display:none; }
 .sva-header__cta--shop { width:42px; flex-basis:42px; }
 .sva-header__toggle { padding:10px 8px; font-size:10px; gap:6px; }
 .sva-header__nav-inner { padding-inline:20px; }
}
@media(max-width:782px) { body.admin-bar { --sva-admin-offset:46px; } }
@media(max-width:420px) {
 .sva-header__toggle { width:42px; justify-content:center; }
 .sva-header__toggle [data-menu-label] { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
}
@media(max-width:600px) { body.admin-bar { --sva-admin-offset:0px; } }
@media(max-width:360px) { .sva-header__bar { padding-inline:8px; gap:6px; } .sva-header__actions { gap:4px; } .sva-header__cta { padding-inline:6px; font-size:9px; } .sva-header__cta--shop { width:38px; flex-basis:38px; } }
@media(prefers-reduced-motion:reduce) { .sva-header *, .sva-header *::after { transition:none!important; } }