/* Intrinsic image dimensions reserve space; existing component sizing wins. */
img{height:auto}
.skip-link{position:fixed;z-index:9999;top:12px;left:12px;transform:translateY(-180%);padding:14px 20px;background:var(--cream);color:var(--ink);border:2px solid var(--olive-dark);font-weight:700}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--olive-dark);outline-offset:4px}
main:focus{outline:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The desktop wholesale grid previously overrode the shared mobile columns. */
@media(max-width:800px){
 body:has(main > section.wholesale:first-child) main > section.wholesale .wholesale-grid{grid-template-columns:minmax(0,1fr)}
 body:has(main > section.wholesale:first-child) main > section.wholesale h1{font-size:clamp(48px,12vw,80px)}
}

/* The shared header order link is the primary action on every page. */
.site-header .cart{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;min-width:220px;padding:14px 24px;margin-bottom:4px;background:var(--red);color:#fff;border:2px solid var(--red);border-radius:4px;box-shadow:4px 4px 0 var(--olive-dark);font:700 16px/1.25 "DM Sans",sans-serif;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap}
.site-header .cart svg{width:30px;height:30px;flex-shrink:0;color:#fff}
.site-header .cart:focus-visible{outline:3px solid var(--olive-dark);outline-offset:5px;opacity:1}
@media(hover:hover) and (pointer:fine){.site-header .cart:hover{background:var(--olive-dark);border-color:var(--olive-dark);opacity:1}}
@media(max-width:600px){.site-header .shop-tools{width:100%}.site-header .cart{width:100%;min-width:0;min-height:56px;padding:14px 18px;font-size:15px}.site-header .cart svg{width:28px;height:28px}}