@media(max-width:760px){
 .site-header{position:relative;z-index:999;display:grid;grid-template-columns:auto 1fr auto;height:auto;min-height:104px;gap:12px}
 .brand{grid-column:1;grid-row:1}
 .header-actions{grid-column:2;grid-row:1;justify-self:end;min-width:0}
 .menu-toggle{display:block;grid-column:3;grid-row:1;position:relative;z-index:1002;border:1px solid #c9d8ce;background:#fff;color:#123c31;padding:10px 12px;min-width:76px;font-weight:700}
 .menu-toggle[aria-expanded=true]{position:fixed;top:18px;right:18px;box-shadow:0 8px 22px #0003}
 .site-header #main-nav{display:flex!important;position:fixed;z-index:1001;top:0;right:0;bottom:0;left:auto;width:min(88vw,380px);margin:0;padding:82px 24px 30px;flex-direction:column;align-items:stretch;gap:0;background:#fbfcf7;box-shadow:-18px 0 50px #0004;overflow-y:auto;visibility:hidden;transform:translateX(105%);transition:transform .28s ease,visibility .28s}
 .site-header #main-nav.open{visibility:visible;transform:translateX(0)}
 .site-header #main-nav a{display:block;padding:15px 10px;border-bottom:1px solid #dce6df;color:#153d3a;font-size:15px}
 .site-header #main-nav .menu-featured{margin-bottom:8px;background:#00683e;color:#fff;text-align:left;padding:15px}
}
@media(max-width:420px){
 .site-header{grid-template-columns:auto 1fr;gap:8px;padding-block:8px}
 .header-actions{grid-column:2;grid-row:1;align-self:start;display:grid;justify-items:end}
 .menu-toggle{grid-column:2;grid-row:1;align-self:end;justify-self:end;margin-bottom:3px}
 .cart-link{display:none}
 .language select{max-width:112px}
}
@media(prefers-reduced-motion:reduce){.site-header #main-nav{transition:none}}