/* Shared on editorial, commerce and legal pages. */
:root { --clay: #ad3e1a; --accent: #ad3e1a; }
:focus-visible { outline: 3px solid #174f8a; outline-offset: 4px; }
.skip-link { position: absolute; top: -100px; left: 12px; z-index: 100; padding: 12px 18px; background: #fff; color: #111; }
.skip-link:focus { top: 12px; }
.site-utility-links { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 20px clamp(24px, 4vw, 64px); border-top: 1px solid #ddd; color: #444; font: 14px/1.6 var(--sans, sans-serif); }
.site-utility-links a, .site-utility-links button { text-decoration: underline; text-underline-offset: 3px; }
.site-utility-links button { border: 0; background: none; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.measurement-choice { position: fixed; z-index: 100; right: 18px; bottom: 18px; box-sizing: border-box; width: min(440px, calc(100% - 36px)); max-height: 75dvh; overflow: auto; padding: 22px; border: 1px solid #777; background: #fff; color: #111; box-shadow: 0 10px 40px #0002; font: 15px/1.5 var(--sans, sans-serif); }
.measurement-choice p, .measurement-choice > p:not(.eyebrow), .measurement-choice > a { color: #444; font-size: 14px; }
.measurement-choice > div { display: flex; flex-wrap: wrap; gap: 12px; }
.measurement-choice .consent-button { flex: 1; min-height: 44px; padding: 10px 16px; border: 1px solid #111; background: #fff; color: #111; font: 700 14px/1.4 var(--sans, sans-serif); cursor: pointer; }
.measurement-choice .consent-button:hover { background: #eee; transform: none; }
.measurement-choice > a { display: inline-block; margin-top: 12px; text-decoration: underline; }
.motion-toggle { position: absolute; top: 0; right: 0; z-index: 4; height: 31px; padding: 0 12px; background: #171b17; color: #fff; border: 1px solid #aaa; font-size: 12px; }
.primary-text-link { color: #444; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
.honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
input, textarea, select { border-color: #767676; }
input:focus, textarea:focus, select:focus { border-color: #174f8a; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .motion-toggle { display: none; }
}

.mobile-menu-toggle{display:none}
@media(max-width:760px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:12px;padding-bottom:12px}
 .site-header .brand{grid-column:1;grid-row:1;min-width:0}
 .site-header .mobile-menu-toggle{display:block;grid-column:2;grid-row:1;min-height:44px;padding:9px 13px;border:1px solid #ccd3c5;border-radius:7px;background:#fff;color:#294b36;font:600 13px var(--sans,sans-serif)}
 .site-header>.header-actions,.site-header>.button{grid-column:1/-1;justify-self:end}
 .site-header .main-nav{display:none;grid-column:1/-1;grid-row:3;width:100%;margin:0;padding:10px 0;border-top:1px solid #ddd}
 .site-header.mobile-menu-open .main-nav{display:flex;flex-direction:column;gap:0}
 .site-header .main-nav a{display:block;padding:14px 8px;font-size:13px}
}
.shop-opening-notice{max-width:1352px;margin:0 auto 24px;padding:24px clamp(24px,4vw,64px);background:#edf2e6;color:#294b36;border-block:1px solid #d5dfca;font-size:15px;line-height:1.7}
.shop-opening-notice strong{display:block;font-size:19px;margin-bottom:5px}