/* ---- munt (Munt — Coin, medal & token dealer 307) --------------------------
   THE STRUCTURAL MOVE: ONE GRID MODULE, PRINTED TWICE. There is no long
   catalogue anywhere on this page. Four tiles sit under a heading, a full-bleed
   statement band cuts straight across the whole page width, and then the SAME
   four-across module is printed again under a second heading — which is how a
   coin room is actually laid out and nothing like a single wall of stock. Both
   grids are handed the whole list by the renderer, so the first drops every
   card past the fourth and the second drops the first four, addressed through
   the section anchors the renderer already emits (#products, #products-2).
   Above them, four photographic doorways run edge to edge at a one-pixel
   gutter carrying nothing but a centred word with a brass hairline under it —
   no prose has appeared on the page at all yet. The ground is dry cabinet-paper
   taupe wall to wall under near-black ink; every caption, category line and sub
   drops to a mid stone grey; and the single aged brass is spent on the rand
   figure, the buy slab and those four hairlines and nowhere else. nth-child
   appears only on .sc-buy-card, where every sibling is a tile. Nothing in this
   block touches the header or the order, position or alignment of anything
   inside it. ---------------------------------------------------------------- */
body.t-munt {
  background: #e7e3da;
  color: #191713;
  --mt-brass: #8a6b2f;
  --mt-brass-hi: #a3823a;
  --bg-flat: #e7e3da;
  --header-bg: #e7e3da;
  --surface: #e7e3da;
  --surface-2: #ded9ce;
  --line: #cbc5b7;
  --line-strong: #b1a993;
  --heading: #191713;
  --text: #191713;
  --muted: #7c766a;
  --radius: 0;
  --shadow: none;
}

/* a flat taupe bar the same colour as the wall, so the slider begins under the
   header rather than behind it. Type, colour and tracking only. */
body.t-munt .sf-head, body.t-munt .sf-header,
body.t-munt .sf-foot, body.t-munt .sf-footer, body.t-munt .sf-cats {
  background: #e7e3da; border-color: #cbc5b7;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.t-munt .sf-name, body.t-munt .sf-navlink { text-transform: uppercase; letter-spacing: 0.2em; font-size: 11px; font-weight: 600; }

/* BRASS 1 of 3 — every control is a flat aged-brass slab with no edge on it */
body.t-munt .btn.brand { background: var(--mt-brass); border: 0; box-shadow: none; color: #f5f1e7; text-transform: uppercase; letter-spacing: 0.2em; font-size: 10.5px; font-weight: 700; padding: 13px 28px; }
body.t-munt .btn.brand:hover { background: #6e5424; color: #ffffff; }

/* the whole window, three frames cross-fading, copy pinned to the LEFT margin:
   one line, one tracked sub and a small solid slab. Nothing else above the fold. */
body.t-munt .sc-hero { min-height: 100vh; padding: 112px 20px; }
body.t-munt .sc-hero h1 { font-size: clamp(30px, 4.6vw, 56px); font-weight: 500; line-height: 1.08; letter-spacing: -0.025em; margin: 0 0 18px; }
body.t-munt .sc-hero p { text-transform: uppercase; letter-spacing: 0.26em; font-size: clamp(9.5px, 1.1vw, 11px); font-weight: 600; margin: 0 0 34px; }

/* THE DOORWAYS — the strip gives up its container entirely and runs four
   photographs edge to edge at a hairline gutter, starting the instant the
   slider ends. No heading, no prose, one word per picture. */
body.t-munt .sc-strip { max-width: 100vw; width: 100vw; margin: 0 calc(50% - 50vw); padding: 0; }
body.t-munt .sc-strip-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; }
body.t-munt .sc-strip-card { position: relative; }
body.t-munt .sc-strip-img { aspect-ratio: 4 / 5; border: 0; }
/* BRASS 2 of 3 — the hairline rule under the doorway word, drawn as an
   underline so it sits under the WORD and not across the whole tile */
body.t-munt .sc-strip-label { position: absolute; inset: 0; margin: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(rgba(21, 18, 13, 0.24), rgba(21, 18, 13, 0.54));
  color: #f6f2e8; text-transform: uppercase; letter-spacing: 0.34em; font-size: clamp(11px, 1.3vw, 14px); font-weight: 600;
  text-decoration: underline; text-decoration-color: var(--mt-brass-hi); text-decoration-thickness: 1px; text-underline-offset: 14px; }

/* every heading on the page is a small tracked doorway label, never a display
   line — the pictures do the talking and the words only file them */
body.t-munt .sc-h2 { text-transform: uppercase; letter-spacing: 0.24em; font-size: clamp(11px, 1.3vw, 13px); font-weight: 700; margin: 0 0 34px; }
body.t-munt .sc-buygrid .sc-h2 { text-align: left; }

/* THE MODULE — four across, contained, gapped on the bare taupe with no card,
   no border and no shadow anywhere near a tile */
body.t-munt .sc-buygrid { max-width: 1320px; padding: 92px 20px 100px; }
body.t-munt .sc-buy-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 56px 30px; }
body.t-munt .sc-buy-media img { aspect-ratio: 1; }

/* PRINTED TWICE — the coins fill the first grid and the cabinets and kit fill
   the second, four tiles in each, so neither row ever comes up ragged */
body.t-munt #products .sc-buy-card:nth-child(n + 5),
body.t-munt #products-2 .sc-buy-card:nth-child(-n + 4),
body.t-munt #products-2 .sc-buy-card:nth-child(n + 9) { display: none; }

/* caption stacked centred beneath the picture: category tiny in stone grey,
   title one step up, then BRASS 3 of 3 on the rand figure */
body.t-munt .sc-buy-cat { margin-top: 18px; color: var(--muted); font-size: 10px; letter-spacing: 0.24em; }
body.t-munt .sc-buy-t { margin-top: 9px; font-size: 16px; font-weight: 500; letter-spacing: -0.005em; }
body.t-munt .sc-buy-p { margin-top: 9px; color: var(--mt-brass); font-size: 16px; font-weight: 700; }

/* THE CUT — one full-page-width band of the open drawer between the two
   printings, carrying a single line and nothing under it */
body.t-munt .sc-banner { margin: 0 calc(50% - 50vw); min-height: 54vh; display: flex; align-items: center; justify-content: center; padding: 84px 24px; }
body.t-munt .sc-banner h2 { margin: 0; font-size: clamp(19px, 2.6vw, 34px); font-weight: 500; line-height: 1.28; letter-spacing: -0.02em; }

/* the smallest thing on the page on purpose — the shop's own note is held in a
   narrow column beside one photograph and set below body size */
body.t-munt .sc-about-split { max-width: 960px; grid-template-columns: 0.82fr 1fr; gap: 44px; padding: 4px 20px 88px; }
body.t-munt .sc-about-copy p { font-size: 13.5px; line-height: 1.95; }

/* the foot band — a deeper stone, never a dark surface: the doorways and the
   drawer are the only two dark things above the footer */
body.t-munt .sc-contact-band { background: #d5cfc1; border-top: 1px solid var(--line); padding: 76px 0 86px; }

@media (max-width: 900px) {
  body.t-munt .sc-hero { min-height: 86vh; }
  body.t-munt .sc-strip-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.t-munt .sc-buy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 20px; }
  body.t-munt .sc-about-split { grid-template-columns: 1fr; }
}

/* NIGHT — the cabinet paper goes to the walnut of the cabinet itself and the
   aged brass is lifted to the colour a lamp pulls off a gold coin, so the rand
   figure and the buy slab still carry. The doorways and the drawer band are
   unchanged, because they were already the dark surfaces in daylight. */
html[data-theme="dark"] body.t-munt {
  background: #1a1815;
  color: #ddd7cb;
  --mt-brass: #c9a457;
  --mt-brass-hi: #dcb96e;
  --bg-flat: #1a1815;
  --header-bg: #1a1815;
  --surface: #1a1815;
  --surface-2: #221f1b;
  --line: #2f2b26;
  --line-strong: #443f37;
  --heading: #f2ede2;
  --text: #ddd7cb;
  --muted: #8a8376;
}
html[data-theme="dark"] body.t-munt .sf-head, html[data-theme="dark"] body.t-munt .sf-header,
html[data-theme="dark"] body.t-munt .sf-foot, html[data-theme="dark"] body.t-munt .sf-footer,
html[data-theme="dark"] body.t-munt .sf-cats { background: #1a1815; border-color: #2f2b26; }
html[data-theme="dark"] body.t-munt .btn.brand { background: var(--mt-brass); color: #17140f; }
html[data-theme="dark"] body.t-munt .btn.brand:hover { background: var(--mt-brass-hi); color: #17140f; }
html[data-theme="dark"] body.t-munt .sc-contact-band { background: #221f1b; }