/* ── COW TEE PAGE ────────────────────────── */

    /* Hero */
    .ct-hero {
      position: relative; overflow: hidden;
      padding-block: clamp(7rem, 13vw, 9.5rem) clamp(3rem, 6vw, 5rem);
    }
    .ct-hero__bg {
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse at 20% 50%, rgba(139,58,47,0.22) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 40%, rgba(196,125,43,0.14) 0%, transparent 50%),
        linear-gradient(170deg, #241F1A 0%, #1C1A17 60%, #0D0C0A 100%);
    }
    .ct-hero__bg::after {
      content: ''; position: absolute; inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");
      opacity: 0.4; pointer-events: none;
    }
    .ct-hero__inner {
      position: relative; z-index: 2;
      display: grid; grid-template-columns: 1.05fr 0.95fr;
      gap: clamp(var(--space-8), 5vw, var(--space-16));
      align-items: center;
    }
    .ct-hero__title {
      font-family: var(--font-display);
      font-size: clamp(3.5rem, 11vw, 7rem);
      font-weight: 900; line-height: 0.86;
      text-transform: uppercase; letter-spacing: 0.01em;
      color: var(--bone); margin-bottom: var(--space-5);
    }
    .ct-hero__title span { color: var(--ochre); }
    .ct-hero__lede {
      font-size: var(--text-base); line-height: 1.7;
      color: rgba(242,237,228,0.55);
      max-width: 46ch; margin-bottom: var(--space-8);
    }
    .ct-hero__cta {
      display: flex; flex-wrap: wrap; gap: var(--space-4);
      margin-bottom: var(--space-8);
    }
    .ct-hero__meta {
      list-style: none; display: grid; gap: var(--space-2);
      border-top: 1px solid rgba(242,237,228,0.1);
      padding-top: var(--space-5);
    }
    .ct-hero__meta li { font-size: 0.85rem; color: rgba(242,237,228,0.45); }
    .ct-hero__meta strong {
      display: inline-block; min-width: 4.5rem;
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.72rem; letter-spacing: 0.16em;
      text-transform: uppercase; color: var(--ochre);
    }
    .ct-hero__shot img {
      border-radius: var(--radius-md);
      border: 1px solid rgba(242,237,228,0.08);
      background: var(--charcoal-2);
    }

    /* Product */
    .ct-product {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: clamp(var(--space-8), 5vw, var(--space-16));
      align-items: start;
    }
    .ct-shot {
      display: block; width: 100%; padding: 0; position: relative;
      border: 1px solid rgba(242,237,228,0.09);
      border-radius: var(--radius-md); overflow: hidden;
      background: var(--charcoal-2); cursor: zoom-in;
      transition: border-color var(--transition);
    }
    .ct-shot:hover { border-color: rgba(196,125,43,0.4); }
    .ct-shot__zoom {
      position: absolute; right: var(--space-4); bottom: var(--space-4);
      display: inline-flex; align-items: center; gap: 6px;
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase;
      color: var(--bone); background: rgba(28,26,23,0.82);
      border: 1px solid rgba(242,237,228,0.18);
      padding: 6px 10px; border-radius: 2px;
      backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    }
    .ct-thumbs {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: var(--space-3); margin-top: var(--space-3);
    }
    .ct-thumb {
      display: block; padding: 0; overflow: hidden;
      border: 1px solid rgba(242,237,228,0.09);
      border-radius: var(--radius-sm);
      background: var(--charcoal-2);
      transition: border-color var(--transition);
    }
    .ct-thumb:hover { border-color: rgba(196,125,43,0.4); }
    .ct-thumb span {
      display: block; padding: 6px;
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.68rem; letter-spacing: 0.14em;
      text-transform: uppercase; color: rgba(242,237,228,0.4);
    }
    .ct-thumb.is-active { border-color: var(--ochre); }
    .ct-thumb.is-active span { color: var(--ochre); }
    .ct-specs {
      list-style: none; display: grid; gap: var(--space-2);
      border-block: 1px solid rgba(242,237,228,0.08);
      padding-block: var(--space-5); margin-bottom: var(--space-6);
    }
    .ct-specs li {
      display: grid; grid-template-columns: 5.5rem 1fr; gap: var(--space-3);
      font-size: 0.85rem; color: rgba(242,237,228,0.6);
    }
    .ct-specs li > span {
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.72rem; letter-spacing: 0.14em;
      text-transform: uppercase; color: rgba(242,237,228,0.35);
      padding-top: 0.15rem;
    }

    /* Story bands */
    .ct-band { background: var(--charcoal-2); }
    .ct-fullbleed { margin-bottom: clamp(var(--space-10), 6vw, var(--space-16)); }
    .ct-fullbleed img {
      width: 100%; aspect-ratio: 2000 / 854; object-fit: cover;
      border-radius: var(--radius-md);
      border: 1px solid rgba(242,237,228,0.08);
    }
    .ct-caption {
      font-size: 0.8rem; color: rgba(242,237,228,0.35);
      text-align: center; padding-top: var(--space-3);
    }
    .ct-prose p { color: rgba(242,237,228,0.55); line-height: 1.75; margin-bottom: var(--space-4); }
    .ct-prose a { color: var(--ochre); text-decoration: underline; text-underline-offset: 3px; }
    .ct-prose a:hover { color: var(--bone); }
    .ct-prose--center { text-align: center; max-width: 64ch; margin-inline: auto; }
    .ct-lead {
      font-size: var(--text-lg) !important; font-weight: 500;
      color: rgba(242,237,228,0.82) !important; line-height: 1.5 !important;
      margin-bottom: var(--space-5) !important;
    }
    .ct-quote {
      border-left: 3px solid var(--ochre);
      padding: var(--space-1) 0 var(--space-1) var(--space-5);
      margin-block: var(--space-6);
      font-family: var(--font-display); font-style: italic;
      font-size: var(--text-lg); line-height: 1.35; color: var(--bone);
    }
    .ct-statgrid {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: var(--space-4); margin-top: clamp(var(--space-8), 5vw, var(--space-12));
    }
    .ct-stat {
      border: 1px solid rgba(242,237,228,0.08);
      border-radius: var(--radius-md);
      background: rgba(242,237,228,0.02);
      padding: var(--space-5);
    }
    .ct-stat strong {
      display: block; font-family: var(--font-display);
      font-size: clamp(1.75rem, 4vw, 2.4rem); font-weight: 800;
      line-height: 1; color: var(--ochre); margin-bottom: var(--space-2);
    }
    .ct-stat span { font-size: 0.8rem; line-height: 1.5; color: rgba(242,237,228,0.45); }

    /* Split (artist / printer) */
    .ct-split {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: clamp(var(--space-8), 5vw, var(--space-16));
      align-items: center;
    }
    .ct-split--flip .ct-split__art { order: 2; }
    .ct-split__art img {
      border-radius: var(--radius-md);
      border: 1px solid rgba(242,237,228,0.08);
    }
    .ct-credit {
      font-size: 0.8rem !important; color: rgba(242,237,228,0.35) !important;
      border-top: 1px solid rgba(242,237,228,0.08);
      padding-top: var(--space-4); margin-top: var(--space-5);
    }
    .ct-detailshot { margin-top: clamp(var(--space-10), 6vw, var(--space-16)); }
    .ct-detailshot img {
      border-radius: var(--radius-md);
      border: 1px solid rgba(242,237,228,0.08);
    }

    /* Race facts */
    .ct-factgrid {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: var(--space-4); margin-top: clamp(var(--space-8), 5vw, var(--space-12));
    }
    .ct-fact {
      display: grid; gap: var(--space-1);
      border: 1px solid rgba(242,237,228,0.08);
      border-radius: var(--radius-md);
      background: rgba(242,237,228,0.02);
      padding: var(--space-4) var(--space-5);
    }
    .ct-fact > span {
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.7rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: rgba(242,237,228,0.35);
    }
    .ct-fact strong {
      font-family: var(--font-display); font-weight: 700;
      font-size: 1.2rem; color: var(--bone);
    }
    .ct-centerlink { text-align: center; margin-top: clamp(var(--space-8), 5vw, var(--space-12)); }

    /* Buy band */
    .ct-buy { position: relative; overflow: hidden; }
    .ct-buy__bg {
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse at 75% 45%, rgba(196,125,43,0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 15% 60%, rgba(139,58,47,0.22) 0%, transparent 55%),
        linear-gradient(180deg, #17150F 0%, #0D0C0A 100%);
    }
    .ct-buy__inner {
      position: relative; z-index: 2;
      display: grid; grid-template-columns: 0.85fr 1.15fr;
      gap: clamp(var(--space-8), 5vw, var(--space-16));
      align-items: center;
    }
    .ct-buy__tee {
      border-radius: var(--radius-md);
      border: 1px solid rgba(242,237,228,0.08);
    }

    /* Credits / sizing / shipping */
    .ct-infogrid {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      gap: clamp(var(--space-6), 4vw, var(--space-10));
    }
    .ct-infogrid h3 {
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.82rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--ochre);
      margin-bottom: var(--space-4);
    }
    .ct-infogrid ul { list-style: none; display: grid; gap: var(--space-2); }
    .ct-infogrid li { font-size: 0.84rem; line-height: 1.55; color: rgba(242,237,228,0.5); }
    .ct-infogrid a { color: rgba(242,237,228,0.8); text-decoration: underline; text-underline-offset: 3px; }
    .ct-infogrid a:hover { color: var(--ochre); }

    /* Zoom viewer */
    .ct-zoom {
      position: fixed; inset: 0; z-index: 200;
      display: flex; align-items: center; justify-content: center;
      background: rgba(8,7,6,0.985);
      backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
      opacity: 0; transition: opacity 220ms ease;
    }
    .ct-zoom[hidden] { display: none; }
    .ct-zoom.is-open { opacity: 1; }
    .ct-zoom__stage {
      position: absolute; inset: 0; overflow: hidden;
      display: flex; align-items: center; justify-content: center;
      cursor: zoom-in; touch-action: none;
    }
    .ct-zoom__stage.is-zoomed { cursor: grab; }
    .ct-zoom__stage.is-dragging { cursor: grabbing; }
    .ct-zoom__img {
      max-width: min(92vw, 900px); max-height: 82vh; width: auto;
      transform-origin: center center;
      transition: transform 180ms ease-out;
      user-select: none; -webkit-user-drag: none;
    }
    .ct-zoom__stage.is-dragging .ct-zoom__img { transition: none; }
    .ct-zoom__bar {
      position: absolute; left: 50%; bottom: clamp(1rem, 3vh, 2rem);
      transform: translateX(-50%); z-index: 2;
      display: flex; align-items: center; justify-content: center;
      flex-wrap: wrap; gap: var(--space-4);
      padding: var(--space-2);
      background: rgba(28,26,23,0.92);
      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(242,237,228,0.12);
      border-radius: var(--radius-sm);
    }
    .ct-zoom__views { display: flex; gap: 0.25rem; }
    .ct-zoom__view {
      padding: 0.5rem 0.8rem; border-radius: 2px;
      border: 1px solid transparent; background: transparent;
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase;
      color: rgba(242,237,228,0.45); transition: all var(--transition);
    }
    .ct-zoom__view:hover { color: var(--bone); background: rgba(242,237,228,0.07); }
    .ct-zoom__view.is-active { background: var(--ochre); color: var(--charcoal); }
    .ct-zoom__ctrls {
      display: flex; align-items: center; gap: 0.3rem;
      padding-left: var(--space-4);
      border-left: 1px solid rgba(242,237,228,0.12);
    }
    .ct-zoom__btn {
      display: grid; place-items: center; width: 34px; height: 34px;
      background: rgba(242,237,228,0.05);
      border: 1px solid rgba(242,237,228,0.12);
      border-radius: 2px; color: var(--bone);
      transition: all var(--transition);
    }
    .ct-zoom__btn:hover { background: rgba(242,237,228,0.12); border-color: rgba(242,237,228,0.3); }
    .ct-zoom__btn[disabled] { opacity: 0.35; cursor: default; }
    .ct-zoom__level {
      min-width: 3.1rem; text-align: center;
      font-family: var(--font-display); font-weight: 700;
      font-size: 0.72rem; letter-spacing: 0.08em;
      color: rgba(242,237,228,0.5); font-variant-numeric: tabular-nums;
    }
    .ct-zoom__tip {
      position: absolute; left: 0; right: 0; top: clamp(4.5rem, 9vh, 6rem);
      text-align: center; pointer-events: none;
      font-family: var(--font-display);
      font-size: var(--text-xs); letter-spacing: 0.14em; text-transform: uppercase;
      color: rgba(242,237,228,0.45);
      opacity: 1; transition: opacity 400ms ease;
    }
    .ct-zoom__tip.is-gone { opacity: 0; }
    .ct-zoom__close {
      position: absolute; top: clamp(1rem, 3vh, 1.75rem); right: clamp(1rem, 3vw, 1.75rem);
      z-index: 3; display: grid; place-items: center; width: 42px; height: 42px;
      background: rgba(28,26,23,0.9);
      border: 1px solid rgba(242,237,228,0.12);
      border-radius: 2px; color: var(--bone);
      transition: all var(--transition);
    }
    .ct-zoom__close:hover { background: var(--ochre); border-color: var(--ochre); color: var(--charcoal); }
    body.ct-zoom-open { overflow: hidden; }

    /* Footer */
    .merch-footer {
      background: #0f0e0c;
      border-top: 1px solid rgba(196,125,43,0.12);
      padding-block: var(--space-8);
      text-align: center;
    }
    .merch-footer__inner {
      display: flex; flex-wrap: wrap;
      align-items: center; justify-content: space-between; gap: var(--space-4);
    }
    .merch-footer__logo {
      font-family: var(--font-display); font-weight: 700;
      font-size: var(--text-base); letter-spacing: 0.1em;
      text-transform: uppercase; color: rgba(242,237,228,0.4);
    }
    .merch-footer__logo span { color: var(--ochre); }
    .merch-footer__links {
      display: flex; align-items: center; gap: var(--space-5); list-style: none;
    }
    .merch-footer__links a {
      font-family: var(--font-display); font-weight: 600;
      font-size: var(--text-xs); letter-spacing: 0.14em;
      text-transform: uppercase; color: rgba(242,237,228,0.35);
      transition: color var(--transition); text-decoration: none;
    }
    .merch-footer__links a:hover { color: var(--ochre); }
    .merch-footer__copy {
      font-family: var(--font-body); font-size: var(--text-xs);
      color: rgba(242,237,228,0.2);
    }

    @media (max-width: 900px) {
      .ct-hero__inner,
      .ct-product,
      .ct-split,
      .ct-buy__inner { grid-template-columns: 1fr; }
      .ct-hero__shot { order: -1; max-width: 460px; margin-inline: auto; }
      .ct-split--flip .ct-split__art { order: 0; }
      .ct-split__art { max-width: 520px; margin-inline: auto; }
      .ct-buy__tee { max-width: 420px; margin-inline: auto; }
    }
    @media (max-width: 560px) {
      .ct-zoom__img { max-width: 96vw; max-height: 70vh; }
      .ct-zoom__bar { gap: var(--space-3); bottom: 0.75rem; }
      .ct-zoom__view { padding: 0.45rem 0.6rem; font-size: 0.62rem; letter-spacing: 0.1em; }
      .ct-specs li { grid-template-columns: 1fr; gap: 0; }
      .merch-footer__inner { flex-direction: column; align-items: center; text-align: center; }
    }
    @media (prefers-reduced-motion: reduce) {
      .ct-zoom, .ct-zoom__img, .ct-zoom__tip { transition: none; }
    }
  
    /* ── SOCK PAGE OVERRIDES ─────────────────── */
    .ct-hero__title { font-size: clamp(2.4rem, 6vw, 4.25rem); }
    .ct-sizer__opts--two { grid-template-columns: repeat(2, 1fr); }
    .ct-sizechart {
      font-size: 0.78rem; line-height: 1.6;
      color: rgba(242,237,228,0.4);
      margin-top: var(--space-4);
    }
    .ct-price__note strong { color: var(--ochre); }
    .ct-detailshot img { width: 100%; }
    .nav__links a { white-space: nowrap; }
    .merch-footer__links a { white-space: nowrap; }
    .ct-buy__tee { width: 100%; height: auto; }
    @media (max-width: 480px) {
      .nav__register { padding: 0.55rem 0.8rem; font-size: 0.7rem; letter-spacing: 0.08em; }
      .nav__logo { font-size: 0.95rem; gap: var(--space-2); }
      .nav__logo img { width: 36px; height: 36px; }
    }