/* ---------- Nock — Archery & bowhunting supply 202 (store) ------------------
   THE STRUCTURAL MOVE: THE SIX-ACROSS WELD. The one headingless strip gives up
   the container, its gutters and its tile borders and fuses into a single
   edge-to-edge row of SIX photographs — the only gapless block anywhere on the
   page — with the category word laid across the foot of each plate instead of
   printed underneath it. Everything below contracts hard by contrast: the
   catalogue comes back inside the measure and takes the widest gutters on the
   page, four across in two rows that fill, and the prose block is the page's
   only split. The fletching ochre is spent three ways and no more — the flat
   slabs, the rand figures, and the hairline ruled full width under every
   section heading. The weld is reached with :not(:has(.sc-h2)) and never a
   positional selector, so it cannot silently miss. */
body.t-nock {
  background: #f7f5f1;
  color: #26241f;
  --nk-ochre: #b8461f;
  --radius: 0;
  --shadow: none;
  --header-bg: #f7f5f1;
  --surface: #ffffff;
  --surface-2: #eceae4;
  --line: #ddd9d0;
  --line-strong: #c6c1b5;
  --heading: #131210;
  --text: #26241f;
  --muted: #6f6a60;
}

/* paper the whole way through — no panel, no blur, no glass */
body.t-nock .sf-header, body.t-nock .sf-head,
body.t-nock .sf-footer, body.t-nock .sf-foot, body.t-nock .sf-cats {
  background: #f7f5f1; border-color: #ddd9d0;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-nock .sf-name { font-weight: 800; font-size: 14px; letter-spacing: 0.3em; text-transform: uppercase; }

/* THE BAR LIES ON THE STAGE — the whole header, never an item inside it, and
   scoped by :has so the cart, search and product pages keep a solid paper bar */
body.t-nock:has(.sc-hero) .sf-header { position: absolute; left: 0; right: 0; z-index: 50; background: transparent; border-bottom: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
body.t-nock:has(.sc-hero) .sf-name, body.t-nock:has(.sc-hero) .sf-navlink,
body.t-nock:has(.sc-hero) .sf-cart, body.t-nock:has(.sc-hero) .sf-searchbtn,
body.t-nock:has(.sc-hero) .theme-toggle { color: #f6f2ea; }
body.t-nock:has(.sc-hero) .sf-cats { display: none; }

/* the fletching colour as a flat slab — never an outline, only ever a control */
body.t-nock .btn.brand { background: var(--nk-ochre); border: 0; box-shadow: none; color: #fdf6f2; font-size: 11.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; padding: 16px 32px; }

/* the stage owns the first screen: three plates, copy centred in the window */
body.t-nock .sc-hero { min-height: 100vh; padding: 124px 20px 96px; }
body.t-nock .sc-hero h1 { font-size: clamp(34px, 5.6vw, 62px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; max-width: 20ch; margin: 0 auto 18px; }
body.t-nock .sc-hero p { font-size: 12px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; margin-bottom: 34px; }

/* THE HAIRLINE — every section heading ruled full width in the fletching colour */
body.t-nock .sc-h2 { text-align: left; font-size: clamp(19px, 2.4vw, 26px); font-weight: 700; letter-spacing: -0.01em; padding-bottom: 14px; border-bottom: 2px solid var(--nk-ochre); margin-bottom: 32px; }

/* THE WELD — the one headingless strip: full window, six across, no gutter and
   no border, the category word laid across the foot of the photograph */
body.t-nock .sc-strip:not(:has(.sc-h2)) { max-width: 100vw; width: 100vw; margin: 0 calc(50% - 50vw); padding: 0; }
body.t-nock .sc-strip:not(:has(.sc-h2)) .sc-strip-row { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
body.t-nock .sc-strip-card { position: relative; }
body.t-nock .sc-strip-img { border: 0; border-radius: 0; aspect-ratio: 4 / 5; }
body.t-nock .sc-strip-label { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 46px 14px 16px; background: linear-gradient(rgba(15, 13, 11, 0), rgba(15, 13, 11, 0.8)); color: #f6f2ea; font-size: 10.5px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }

/* one rhythm under the weld, and the most air on the page */
body.t-nock .sc-buygrid, body.t-nock .sc-about-split, body.t-nock .sc-contact-split { padding: 84px 20px 92px; }

/* the contrast the weld exists for: back inside the measure, widest gutters */
body.t-nock .sc-buy-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 32px; }
body.t-nock .sc-buy-card { text-align: left; align-items: stretch; }
body.t-nock .sc-buy-cat { color: var(--muted); letter-spacing: 0.18em; }
body.t-nock .sc-buy-p { color: var(--nk-ochre); font-weight: 700; font-size: 15.5px; font-variant-numeric: tabular-nums; }
body.t-nock .sc-buy-btn { width: 100%; text-align: center; }

/* the page's only split — the fitting-bay plate leads, as it does in the markup */
body.t-nock .sc-about-copy p { color: var(--text); font-size: 16px; line-height: 1.9; }

/* the only dark ground on the page, and the only thing besides the stage that
   reaches the window edge */
body.t-nock .sc-banner { min-height: 56vh; display: flex; align-items: center; justify-content: center; margin: 0 calc(50% - 50vw); }

@media (max-width: 900px) {
  body.t-nock .sc-hero { min-height: 86vh; }
  body.t-nock .sc-strip:not(:has(.sc-h2)) .sc-strip-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.t-nock .sc-buy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* NIGHT — paper drops to a shed at last light and the ink inverts, but the
   ochre cannot come with it: #b8461f goes to dried blood on a near-black
   ground, so it lifts two steps to a hot coal and the slab takes dark type. The
   banner is the one band that does not move — it was already the dark ground. */
html[data-theme="dark"] body.t-nock {
  background: #131211;
  color: #b5b0a6;
  --nk-ochre: #e0733f;
  --header-bg: #131211;
  --surface: #1a1917;
  --surface-2: #22201d;
  --line: #2d2b27;
  --line-strong: #3d3a35;
  --heading: #f4f1ea;
  --text: #b5b0a6;
  --muted: #7d786e;
}
html[data-theme="dark"] body.t-nock .sf-header, html[data-theme="dark"] body.t-nock .sf-head,
html[data-theme="dark"] body.t-nock .sf-footer, html[data-theme="dark"] body.t-nock .sf-foot,
html[data-theme="dark"] body.t-nock .sf-cats { background: #131211; border-color: #2d2b27; }
html[data-theme="dark"] body.t-nock .btn.brand { color: #1c0d05; }
html[data-theme="dark"] body.t-nock .sc-field input,
html[data-theme="dark"] body.t-nock .sc-field textarea { background: #1a1917; border-color: #2d2b27; color: #ece8e0; }