.wholesale-hero, .wholesale-sizes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 6vw, 84px);
  padding: var(--s-6) 0;
}
.wholesale-hero { align-items: center; }
.wholesale-wall-options { padding: var(--s-6) 0; border-top: 2px solid var(--ink); }
.wholesale-wall-options h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
.wholesale-wall-options > p { max-width: 64ch; color: var(--text-secondary); }
.wall-size-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: var(--s-4); }
.wall-size-group { overflow: hidden; border: 2px solid var(--ink); border-radius: var(--r-plate); background: var(--bg-elevated); }
.wall-size-group h3 { margin: 0; padding: var(--s-4); background: var(--bg-recessed); }
.wall-size-group ul { margin: 0; padding: 0; list-style: none; }
.wall-size-group li { border-top: 1px solid var(--border-subtle); }
.wall-size-group a { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s-2); padding: 12px var(--s-4); }
.wall-size-group a strong { color: var(--moss); text-decoration: underline; text-underline-offset: 3px; }
.wall-size-group a span { font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.wall-size-group a:hover, .wall-size-group a:focus-visible { background: var(--paper); }
.wall-size-group a:focus-visible { outline: 2px solid var(--moss); outline-offset: -3px; }
.other-wall-size { margin: var(--s-4) 0 0; }
.wholesale-hero p, .wholesale-sizes p { max-width: 46ch; color: var(--text-secondary); }
.wholesale-hero p { font-size: var(--fs-lead); }
.wholesale-hero img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 3px solid var(--ink);
  border-radius: var(--r-panel);
  box-shadow: var(--shadow-panel);
}
.wholesale-sizes { align-items: start; border-top: 2px solid var(--ink); }
.wholesale-sizes h2, .wholesale-order h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
.wholesale-swatch {
  max-width: 28rem;
  margin-top: var(--s-5);
  padding: var(--s-4);
  border-left: 5px solid var(--moss);
  background: var(--bg-recessed);
}
.wholesale-swatch strong { font: 700 1.3rem var(--font-spec); }
.wholesale-swatch p { margin: var(--s-2) 0 0; }
.wholesale-sizes table { width: 100%; border-collapse: collapse; background: var(--bg-elevated); }
.wholesale-sizes caption { text-align: left; padding-bottom: var(--s-3); font-weight: 700; }
.wholesale-sizes th, .wholesale-sizes td { text-align: left; padding: 8px 14px; }
.wholesale-sizes th { background: var(--ink); color: var(--text-inverse); }
.wholesale-sizes td { border-bottom: 1px solid var(--border-subtle); font-variant-numeric: tabular-nums; }
.wholesale-order a[href^="mailto:"]:not(.btn) { text-decoration: underline; }
.wholesale-actions { display: grid; gap: var(--s-3); }
.wholesale-actions .btn { justify-content: center; }
#sizes, #ordering { scroll-margin-top: calc(var(--header-h) + var(--s-4)); }
@media (max-width: 740px) {
  .wholesale-hero, .wholesale-sizes { grid-template-columns: 1fr; padding: var(--s-5) 0; }
}