/* ==========================================================================
   SaintTCG theme — Vellum (Claude Design, spec v1.1, frozen in Phase 5-2).

   Source of every value here: docs/brand/vellum/docs/Vellum-Implementation-Spec.md
   (section numbers in the comments refer to it). Ivory ground, ink text and a
   single lapis accent; square corners throughout.

   Token names keep the theme's existing --tcg-* vocabulary. "gold" in a token
   name is historical: in Vellum the accent is lapis (#1F3A8A).

   Breakpoints: phone < 768px, tablet 768–1023px, desktop >= 1024px.
   ========================================================================== */

/* ------------------------------------------------------------- 00 Fonts */
/* Self-hosted woff2 (§1.3). Licences and provenance: ../fonts/README.md. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Icon subset: only the glyphs in tcgmine_icon_names() (inc/assets.php). */
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 300 700;
  font-display: block;
  src: url("../fonts/material-symbols-rounded.woff2") format("woff2");
}

/* ------------------------------------------------------------ 01 Tokens */
:root {
  /* §1.1 colour. */
  --tcg-bg: #F7F4EE;
  --tcg-surface: #FFFFFF;
  --tcg-card: #FFFFFF;
  --tcg-footer: #EFEAE0;
  --tcg-track: #E4DED2;

  --tcg-border: #857F74;          /* UI boundaries: inputs, chips, steppers. 3:1+ */
  --tcg-hairline: #D6CFC2;        /* decorative rules only */
  --tcg-hairline-soft: #E4DED2;   /* card frames, table rows */

  --tcg-gold: #1F3A8A;            /* lapis accent */
  --tcg-gold-hover: #172C6B;
  --tcg-gold-active: #12235A;
  --tcg-gold-light: #DCE3F5;
  --tcg-gold-ink: #FFFFFF;
  --tcg-gold-border: #9AAAD6;
  --tcg-gold-surface: #EEF1FA;
  --tcg-gold-dim: #4E629C;
  --tcg-brand-gold: #B08A3E;      /* diamond ornament only — never text or UI */
  --tcg-focus: #1F3A8A;
  --tcg-focus-inverse: #FFFFFF;

  --tcg-text: #1A1A1F;
  --tcg-text-2: #3F3F47;
  --tcg-text-3: #5E5E66;
  --tcg-text-4: #8A8A90;          /* disabled icons only */
  --tcg-text-5: #B4AFA4;          /* decoration */
  --tcg-text-strong: #0B0B0E;

  --tcg-green: #1E6B45;
  --tcg-yellow: #8A5A00;
  --tcg-orange: #B5531A;
  --tcg-red: #B3261E;
  --tcg-orange-text: #8F3F10;
  --tcg-red-text: #9A1F18;
  --tcg-green-surface: #E8F2EC;
  --tcg-green-text: #14482F;
  --tcg-yellow-surface: #FBF3E2;
  --tcg-yellow-text: #6B4600;
  --tcg-red-surface: #FBEAE8;
  --tcg-overlay: rgba(26, 26, 31, .55);

  /* §1.3 type. */
  --tcg-font: "Manrope", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --tcg-serif: "Cormorant Garamond", "Times New Roman", serif;
  --tcg-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --tcg-cjk: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;

  /* §1.4 space, radius, elevation, motion, layout. */
  --tcg-1: 4px;  --tcg-2: 8px;  --tcg-3: 12px; --tcg-4: 16px; --tcg-5: 20px;
  --tcg-6: 24px; --tcg-8: 32px; --tcg-10: 40px; --tcg-12: 48px; --tcg-14: 56px;
  --tcg-16: 64px; --tcg-18: 72px; --tcg-24: 96px;
  --tcg-r-sm: 0; --tcg-r-md: 0; --tcg-r-lg: 0; --tcg-r-xl: 0; --tcg-r-pill: 999px;
  --tcg-e1: none;
  --tcg-e2: 0 8px 24px rgba(26, 26, 31, .12);
  --tcg-instant: 120ms; --tcg-fast: 180ms; --tcg-base: 280ms;
  --tcg-ease-out: cubic-bezier(.2, .7, .2, 1);
  --tcg-container: 1312px;
  --tcg-pad: 18px;
  --tcg-bottomnav: 60px;
}
@media (min-width: 768px) { :root { --tcg-pad: 32px; } }

/* ------------------------------------------------------------- 02 Base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: var(--tcg-6); }
body {
  margin: 0;
  background: var(--tcg-bg);
  color: var(--tcg-text);
  font-family: var(--tcg-font);
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
}
@media (min-width: 768px) { body { font-size: 16px; } }
img, svg, video { max-width: 100%; height: auto; }
img { display: block; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, figure, blockquote { margin: 0; }
ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
a { color: var(--tcg-gold); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--tcg-gold-hover); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
[hidden] { display: none !important; }
strong, b { font-weight: 700; }
hr { border: 0; border-top: 1px solid var(--tcg-hairline); margin: var(--tcg-8) 0; }

/* §3.17: keyboard focus only, never for mouse clicks. */
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: 2px; }

.tcg-sr-only, .screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.tcg-skip-link {
  position: absolute; left: var(--tcg-2); top: -100px; z-index: 1000;
  display: inline-flex; align-items: center; height: 44px; padding: 0 16px;
  background: var(--tcg-gold); color: #FFFFFF; font-weight: 600; font-size: 14px; text-decoration: none;
}
.tcg-skip-link:focus, .tcg-skip-link:focus-visible { top: var(--tcg-2); color: #FFFFFF; outline-color: var(--tcg-gold); }

/* Material Symbols: decorative glyphs, labels are always real text. */
.tcg-ms {
  font-family: "Material Symbols Rounded";
  font-weight: 300;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
  flex-shrink: 0;
  user-select: none;
}

.tcg-mono { font-family: var(--tcg-mono); font-variant-numeric: tabular-nums; }

/* ----------------------------------------------------------- 03 Layout */
.tcg-container {
  width: 100%;
  max-width: calc(var(--tcg-container) + var(--tcg-pad) * 2);
  margin-inline: auto;
  padding-inline: var(--tcg-pad);
}
.tcg-main { display: block; min-height: 50vh; }
.tcg-section { padding-block: var(--tcg-10); }
.tcg-section + .tcg-section--products .tcg-container { border-top: 1px solid var(--tcg-hairline); padding-top: var(--tcg-10); }
.tcg-section + .tcg-section--products { padding-top: 0; }
@media (min-width: 1024px) {
  .tcg-section { padding-block: var(--tcg-18); }
  .tcg-section + .tcg-section--products .tcg-container { padding-top: var(--tcg-18); }
}
.tcg-section__head {
  display: flex; justify-content: space-between; align-items: flex-end; gap: var(--tcg-4);
  margin-bottom: var(--tcg-5); flex-wrap: wrap;
}
.tcg-section__meta { font-size: 14px; font-weight: 500; color: var(--tcg-text-2); }
.tcg-section__foot { margin-top: var(--tcg-8); text-align: center; }
@media (min-width: 1024px) { .tcg-section__head { margin-bottom: var(--tcg-8); } }

/* Product grids (§2): phones always two columns, gap 12. */
.tcg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tcg-3); }
.tcg-grid > * { min-width: 0; }
@media (min-width: 768px) {
  .tcg-grid--3, .tcg-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tcg-5); }
  .tcg-grid--2 { gap: var(--tcg-5); }
}
@media (min-width: 1024px) {
  .tcg-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tcg-6); }
  .tcg-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tcg-6); }
  .tcg-grid--2 { gap: var(--tcg-6); }
}
/* The homepage "New" row scrolls sideways on phones (card 208px, gap 12). */
@media (max-width: 767.98px) {
  .tcg-grid--rail {
    display: flex; overflow-x: auto; gap: var(--tcg-3);
    margin-inline: calc(var(--tcg-pad) * -1); padding-inline: var(--tcg-pad);
    scroll-snap-type: x proximity; scrollbar-width: thin;
  }
  .tcg-grid--rail > * { flex: 0 0 208px; scroll-snap-align: start; }
}

/* Full-width bands. */
.tcg-band { padding-block: var(--tcg-12); }
.tcg-band--white { background: var(--tcg-surface); border-block: 1px solid var(--tcg-hairline-soft); }
.tcg-band__head { display: flex; flex-direction: column; gap: var(--tcg-2); margin-bottom: var(--tcg-6); }
@media (min-width: 1024px) {
  .tcg-band { padding-block: 88px; }
  .tcg-band__head { align-items: center; text-align: center; margin-bottom: var(--tcg-12); gap: var(--tcg-3); }
}

/* ------------------------------------------------------- 04 Typography */
/* §1.3. Serif display for headings and product names; Manrope for UI;
   Plex Mono for every number. */
.tcg-h1, .tcg-h2, .tcg-h3, .tcg-display {
  font-family: var(--tcg-serif); font-weight: 600; letter-spacing: 0; color: var(--tcg-text);
}
.tcg-h1 { font-size: 40px; line-height: 1.05; }
.tcg-h2 { font-size: 30px; line-height: 1.05; }
.tcg-h3 { font-size: 24px; line-height: 1.2; }
.tcg-h4 { font-family: var(--tcg-font); font-weight: 600; font-size: 15px; line-height: 1.4; }
@media (min-width: 1024px) {
  .tcg-h1 { font-size: 64px; }
  .tcg-h2 { font-size: 48px; }
  .tcg-h3 { font-size: 28px; }
  .tcg-h4 { font-size: 18px; }
}

.tcg-eyebrow {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--tcg-mono); font-weight: 500; font-size: 11px; letter-spacing: .18em;
  text-transform: uppercase; color: var(--tcg-gold);
}
@media (min-width: 768px) { .tcg-eyebrow { font-size: 12px; } }
.tcg-eyebrow--inverse { color: var(--tcg-gold-light); }
.tcg-label {
  font-family: var(--tcg-mono); font-weight: 600; font-size: 12px; letter-spacing: .12em;
  line-height: 1.4; text-transform: uppercase; color: var(--tcg-text-3);
}
.tcg-diamond {
  display: inline-block; flex-shrink: 0; width: 8px; height: 8px;
  background: var(--tcg-brand-gold); transform: rotate(45deg);
}
.tcg-diamond--lg { width: 10px; height: 10px; }

/* Prices (§3.8). WooCommerce wraps amounts in .woocommerce-Price-amount;
   a converted display price is .tcg-price-converted from the Core plugin. */
.tcg-price { font-family: var(--tcg-mono); font-weight: 500; font-variant-numeric: tabular-nums; color: var(--tcg-text); }
.tcg-price del { color: var(--tcg-text-3); font-weight: 400; margin-right: .4em; }
.tcg-price del .woocommerce-Price-amount { color: var(--tcg-text-3); }
.tcg-price ins { text-decoration: none; color: var(--tcg-red); }
.tcg-price ins .woocommerce-Price-amount { color: var(--tcg-red); }
.tcg-price-converted { white-space: nowrap; }

/* ----------------------------------------------------------- 05 Buttons */
/* §3.6. Square, Manrope 600 15. */
.tcg-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--tcg-2);
  min-height: 48px; padding: 0 24px;
  border: 1px solid transparent; border-radius: 0;
  font-family: var(--tcg-font); font-weight: 600; font-size: 15px; line-height: 1.2;
  text-align: center; text-decoration: none; white-space: normal;
  cursor: pointer;
  transition: background-color var(--tcg-instant) var(--tcg-ease-out), border-color var(--tcg-instant) var(--tcg-ease-out), color var(--tcg-instant) var(--tcg-ease-out);
}
.tcg-btn .tcg-ms { font-size: 20px; }
.tcg-btn--lg { min-height: 52px; padding-inline: 28px; }
.tcg-btn--sm { min-height: 44px; padding-inline: 20px; font-size: 14px; }
.tcg-btn--block { display: flex; width: 100%; }

/* Primary — also every WooCommerce button that is the main action. */
.tcg-btn--primary,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce button.button, .woocommerce a.button, .woocommerce .button,
.woocommerce #respond input#submit {
  background: var(--tcg-gold); color: #FFFFFF; border-color: var(--tcg-gold);
}
.tcg-btn--primary:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce .button:hover {
  background: var(--tcg-gold-hover); border-color: var(--tcg-gold-hover); color: #FFFFFF;
}
.tcg-btn--primary:active,
.woocommerce button.button:active, .woocommerce a.button:active { background: var(--tcg-gold-active); border-color: var(--tcg-gold-active); }
.tcg-btn--primary:disabled, .tcg-btn--primary[aria-disabled="true"],
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled {
  background: var(--tcg-track); border-color: var(--tcg-track); color: var(--tcg-text-3); cursor: not-allowed; opacity: 1;
}

/* Secondary. */
.tcg-btn--secondary {
  background: transparent; color: var(--tcg-text); border-color: var(--tcg-text);
}
.tcg-btn--secondary:hover { background: var(--tcg-surface); color: var(--tcg-text); }
.tcg-btn--secondary:active { background: var(--tcg-footer); }
.tcg-btn--secondary:disabled, .tcg-btn--secondary[aria-disabled="true"] {
  background: transparent; border-color: var(--tcg-hairline); color: var(--tcg-text-3);
}

/* Text. */
.tcg-btn--text {
  min-height: 44px; padding: 0; background: none; border: 0;
  color: var(--tcg-gold); font-weight: 600;
}
.tcg-btn--text:hover { color: var(--tcg-gold-hover); text-decoration: underline; text-underline-offset: 4px; }
.tcg-btn--text:active { color: var(--tcg-gold-active); }

/* Inverse, on the lapis panel. */
.tcg-btn--inverse { background: #FFFFFF; color: var(--tcg-gold); border-color: #FFFFFF; }
.tcg-btn--inverse:hover { background: var(--tcg-gold-light); border-color: var(--tcg-gold-light); color: var(--tcg-gold-hover); }
.tcg-btn--inverse:active { background: #C9D3EE; border-color: #C9D3EE; }
.tcg-btn--inverse:focus-visible { outline-color: var(--tcg-focus-inverse); }

/* Square icon buttons (header, sheets) and the bordered square (hero). */
.tcg-iconbtn {
  position: relative; display: inline-grid; place-items: center;
  width: 44px; height: 44px; padding: 0; border: 0; background: none;
  color: var(--tcg-text); text-decoration: none;
}
.tcg-iconbtn:hover, .tcg-iconbtn.is-current { color: var(--tcg-gold); }
.tcg-squarebtn {
  display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0;
  border: 1px solid var(--tcg-text); background: transparent; color: var(--tcg-text);
}
.tcg-squarebtn:hover { background: var(--tcg-surface); }
@media (min-width: 1024px) { .tcg-squarebtn { width: 48px; height: 48px; } }

/* ------------------------------------------------- 06 Badges and status */
/* §3.8 product badges. */
.tcg-badge {
  display: inline-flex; align-items: center;
  padding: 4px 7px; border: 1px solid transparent;
  font-family: var(--tcg-mono); font-weight: 600; font-size: 10px; line-height: 1.3;
  letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
}
@media (min-width: 768px) { .tcg-badge { padding: 5px 9px; font-size: 11px; } }
.tcg-badge--new { background: var(--tcg-gold); color: #FFFFFF; }
.tcg-badge--soldout { background: var(--tcg-text); color: #FFFFFF; }
.tcg-badge--pre { background: #FFFFFF; color: var(--tcg-gold); border-color: var(--tcg-gold); }
.tcg-badge--ended { background: var(--tcg-footer); color: var(--tcg-text-2); border-color: var(--tcg-border); }
.tcg-badge--sale { background: var(--tcg-red); color: #FFFFFF; }

/* §3.8 order status, keyed to WooCommerce's own status slugs. */
.tcg-status,
.woocommerce-orders-table__cell-order-status mark,
mark.order-status {
  display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px;
  border: 1px solid var(--tcg-border); background: #FFFFFF; color: var(--tcg-text-2);
  font-family: var(--tcg-font); font-size: 12px; font-weight: 600; line-height: 1.2; white-space: nowrap;
}
.tcg-status--processing { background: var(--tcg-gold-surface); color: var(--tcg-gold-hover); border-color: var(--tcg-gold); }
.tcg-status--completed { background: var(--tcg-green-surface); color: var(--tcg-green-text); border-color: var(--tcg-green); }
.tcg-status--on-hold { background: var(--tcg-yellow-surface); color: var(--tcg-yellow-text); border-color: var(--tcg-yellow); }
.tcg-status--cancelled { background: var(--tcg-footer); color: var(--tcg-text-2); border-color: var(--tcg-border); }
.tcg-status--refunded, .tcg-status--failed { background: var(--tcg-red-surface); color: var(--tcg-red-text); border-color: var(--tcg-red); }

/* Item counts (cart badge, filter count). */
.tcg-count {
  position: absolute; top: 4px; right: 2px;
  display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px;
  border-radius: var(--tcg-r-pill); background: var(--tcg-gold); color: #FFFFFF;
  font-family: var(--tcg-font); font-weight: 600; font-size: 11px; line-height: 1;
}
.tcg-count--inline { position: static; min-width: 20px; height: 20px; }

/* ------------------------------------------------------ 07 Site header */
/* §3.1 announcement bar. */
.tcg-announce {
  display: flex; align-items: center; justify-content: center;
  min-height: 32px; padding: 6px var(--tcg-4);
  background: var(--tcg-gold); color: #FFFFFF; text-align: center;
}
.tcg-announce__text { font-size: 12px; font-weight: 500; line-height: 1.4; }
@media (min-width: 768px) { .tcg-announce { min-height: 36px; } .tcg-announce__text { font-size: 13px; } }

/* §3.2 header row. */
.tcg-header { position: relative; z-index: 50; background: var(--tcg-bg); border-bottom: 1px solid var(--tcg-hairline-soft); }
.tcg-header__inner {
  display: flex; align-items: center; gap: var(--tcg-2);
  min-height: 64px; padding: 0 6px 0 12px;
  max-width: calc(var(--tcg-container) + var(--tcg-pad) * 2); margin-inline: auto;
}
.tcg-header__brand { display: flex; align-items: center; min-height: 44px; margin-right: auto; text-decoration: none; }
/* §3.3: 28px phone, 38px desktop. */
.tcg-header img.tcg-logo--header { height: 28px; width: auto; max-width: none; }
.tcg-header__nav { display: none; }
.tcg-header__actions { display: flex; align-items: center; gap: 0; }
.tcg-iconbtn--account, .tcg-iconbtn--cart { display: none; }

@media (min-width: 768px) {
  .tcg-header__inner { min-height: 84px; padding-inline: var(--tcg-pad); gap: var(--tcg-6); }
  .tcg-header img.tcg-logo--header { height: 38px; }
  .tcg-header__brand { margin-right: 0; }
  .tcg-header__nav { display: block; margin-right: auto; }
  .tcg-header__actions { gap: var(--tcg-1); }
  .tcg-iconbtn--account, .tcg-iconbtn--cart { display: inline-grid; }
}
@media (min-width: 1024px) { .tcg-header__inner { gap: var(--tcg-10); } }

.tcg-header__menu { display: flex; gap: var(--tcg-1); margin: 0; padding: 0; list-style: none; }
.tcg-header__menu a {
  display: block; padding: 12px 14px;
  color: var(--tcg-text); font-weight: 500; font-size: 15px; line-height: 1.2; text-decoration: none; white-space: nowrap;
}
.tcg-header__menu a:hover { color: var(--tcg-gold); }
.tcg-header__menu .current-menu-item > a, .tcg-header__menu a[aria-current="page"] {
  color: var(--tcg-gold); box-shadow: inset 0 -2px 0 var(--tcg-gold);
}
/* Tablet keeps all four links but tightens them. */
@media (min-width: 768px) and (max-width: 1023.98px) {
  .tcg-header__inner { gap: var(--tcg-3); }
  .tcg-header__menu { gap: 0; }
  .tcg-header__menu a { padding-inline: 8px; font-size: 14px; }
  .tcg-prefs--desktop { margin-right: var(--tcg-1); }
  .tcg-prefbtn { padding-inline: 8px 6px; }
  /* Tablet: the language button keeps its globe and chevron; the name stays
     in the accessibility tree so the control is still announced in full. */
  .tcg-prefbtn__name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}

/* Minimal checkout header (§4 proposal 1). */
.tcg-header--minimal .tcg-header__inner { justify-content: space-between; }
.tcg-header--minimal .tcg-header__brand { margin-right: 0; }
.tcg-header__secure {
  display: flex; align-items: center; gap: 6px; padding-right: 8px;
  font-size: 13px; font-weight: 500; color: var(--tcg-text-2);
}
.tcg-header__secure .tcg-ms { font-size: 18px; color: var(--tcg-green); }
.tcg-header__back {
  display: none; align-items: center; gap: 6px; min-height: 44px;
  color: var(--tcg-gold); font-weight: 600; font-size: 14px; text-decoration: none;
}
.tcg-header__back .tcg-ms { font-size: 20px; }
@media (min-width: 768px) {
  .tcg-header__secure { font-size: 14px; }
  .tcg-header__secure .tcg-ms { font-size: 20px; }
  .tcg-header__back { display: inline-flex; }
}

/* Language / currency menus (§3.2). <details> + panel. */
.tcg-prefs { display: flex; align-items: center; gap: var(--tcg-1); }
.tcg-prefs--desktop { display: none; }
@media (min-width: 768px) {
  .tcg-prefs--desktop { display: flex; margin-right: var(--tcg-3); }
  .tcg-prefs--compact { display: none; }
}
.tcg-menu { position: relative; }
.tcg-menu > summary { list-style: none; }
.tcg-menu > summary::-webkit-details-marker { display: none; }
.tcg-prefbtn {
  display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px 0 12px;
  border: 1px solid var(--tcg-border); background: transparent; color: var(--tcg-text);
  font-size: 13px; font-weight: 500; line-height: 1; cursor: pointer; user-select: none; white-space: nowrap;
  transition: border-color var(--tcg-instant) var(--tcg-ease-out);
}
.tcg-prefbtn:hover, .tcg-menu[open] > .tcg-prefbtn { border-color: var(--tcg-text); }
.tcg-prefbtn .tcg-ms { font-size: 18px; }
.tcg-prefbtn--mono { font-family: var(--tcg-mono); gap: 4px; }
.tcg-menu[open] .tcg-prefbtn__chev { transform: rotate(180deg); }
.tcg-prefbtn--compact { height: 44px; padding: 0 8px; gap: 4px; border: 0; font-size: 12px; }
.tcg-prefbtn--compact .tcg-ms { font-size: 20px; }

.tcg-menu__panel {
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
  width: 200px; padding: 6px 0;
  background: #FFFFFF; border: 1px solid var(--tcg-border); box-shadow: var(--tcg-e2);
}
.tcg-menu__panel--currency, .tcg-menu__panel--compact { width: 260px; }
.tcg-menu__panel--compact { max-width: calc(100vw - 24px); }
.tcg-menu__list { margin: 0; padding: 0; list-style: none; }
.tcg-menu__item {
  display: flex; align-items: center; justify-content: space-between; gap: var(--tcg-2);
  width: 100%; min-height: 44px; padding: 0 14px;
  border: 0; background: transparent; color: var(--tcg-text);
  font-family: var(--tcg-font); font-size: 14px; font-weight: 500; text-align: left; text-decoration: none;
}
a.tcg-menu__item:hover, button.tcg-menu__item:hover { background: var(--tcg-bg); color: var(--tcg-text); }
.tcg-menu__item.is-current { background: var(--tcg-gold-surface); color: var(--tcg-gold); font-weight: 600; }
.tcg-menu__item .tcg-ms { font-size: 18px; }
.tcg-menu__item:focus-visible { outline-offset: -2px; }
.tcg-menu__sub { font-family: var(--tcg-font); }
.tcg-menu__form { margin: 0; }
.tcg-menu__note {
  margin-top: 6px; padding: 8px 14px 6px; border-top: 1px solid var(--tcg-hairline-soft);
  font-size: 12px; line-height: 1.5; color: var(--tcg-text-3);
}
.tcg-menu__label { padding: 8px 14px 4px; font-family: var(--tcg-mono); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tcg-text-3); }
.tcg-menu__label ~ .tcg-menu__label { margin-top: 6px; border-top: 1px solid var(--tcg-hairline-soft); padding-top: 12px; }

/* Header search panel. */
.tcg-searchpanel { border-top: 1px solid var(--tcg-hairline-soft); background: var(--tcg-bg); }
.tcg-searchpanel__inner {
  max-width: calc(720px + var(--tcg-pad) * 2); margin-inline: auto; padding: var(--tcg-4) var(--tcg-pad);
}

/* ---------------------------------------------- 08 Phone bottom nav (§3.4) */
.tcg-bottomnav {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  display: grid; grid-template-columns: repeat(4, 1fr);
  height: calc(var(--tcg-bottomnav) + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: var(--tcg-bg); border-top: 1px solid var(--tcg-hairline);
}
.tcg-bottomnav__item {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  color: var(--tcg-text-2); font-size: 11px; font-weight: 500; line-height: 1.2; text-decoration: none;
}
.tcg-bottomnav__item:hover { color: var(--tcg-gold); }
.tcg-bottomnav__item:focus-visible { outline-offset: -2px; }
.tcg-bottomnav__icon { font-size: 24px; }
.tcg-bottomnav__item.is-current { color: var(--tcg-gold); font-weight: 700; }
.tcg-bottomnav__item.is-current .tcg-bottomnav__icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
.tcg-count--nav { top: 6px; right: auto; left: 54%; min-width: 16px; height: 16px; font-size: 10px; }
@media (max-width: 767.98px) {
  body { padding-bottom: calc(var(--tcg-bottomnav) + env(safe-area-inset-bottom, 0px)); }
  body.woocommerce-checkout { padding-bottom: 0; }
}
@media (min-width: 768px) { .tcg-bottomnav { display: none; } }

/* ---------------------------------------------------- 09 Footer (§3.5) */
.tcg-footer { background: var(--tcg-footer); border-top: 1px solid var(--tcg-hairline); color: var(--tcg-text); }
.tcg-footer__top { display: grid; grid-template-columns: 1fr 1fr; gap: var(--tcg-6) var(--tcg-4); padding-block: 40px var(--tcg-6); }
.tcg-footer__brand { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--tcg-2); }
.tcg-footer__logo-link { display: flex; text-decoration: none; }
.tcg-footer img.tcg-logo--footer { height: 40px; width: auto; max-width: none; }
.tcg-footer__tagline { font-family: var(--tcg-serif); font-style: italic; font-weight: 500; font-size: 19px; line-height: 1.3; color: var(--tcg-text-2); }
.tcg-footer__heading { margin-bottom: var(--tcg-1); font-family: var(--tcg-mono); font-weight: 600; font-size: 12px; letter-spacing: .12em; color: var(--tcg-text-3); }
.tcg-footer__links { margin: 0; padding: 0; list-style: none; }
.tcg-footer__links a {
  display: flex; align-items: center; min-height: 44px;
  color: var(--tcg-text); font-size: 14px; text-decoration: none;
}
.tcg-footer__links a:hover { color: var(--tcg-gold); text-decoration: underline; }
.tcg-footer__bottom {
  display: flex; flex-direction: column; gap: var(--tcg-2);
  padding-block: var(--tcg-2) var(--tcg-8); border-top: 1px solid var(--tcg-hairline);
}
.tcg-footer__legal-links ul { display: flex; flex-wrap: wrap; gap: 0 18px; margin: 0; padding: 0; list-style: none; }
.tcg-footer__legal-links a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: var(--tcg-text-2); font-size: 13px; text-decoration: none;
}
.tcg-footer__legal-links a:hover { color: var(--tcg-gold); text-decoration: underline; }
.tcg-footer__copy { font-size: 12px; color: var(--tcg-text-2); }
.tcg-footer__note { padding-bottom: var(--tcg-6); font-size: 12px; line-height: 1.6; color: var(--tcg-text-3); }
.tcg-footer--minimal .tcg-footer__bottom { border-top: 0; padding-top: var(--tcg-4); }

@media (min-width: 768px) {
  .tcg-footer__top { grid-template-columns: 5fr 2fr 2fr 2fr; gap: var(--tcg-12); padding-block: var(--tcg-16) var(--tcg-8); }
  .tcg-footer__brand { grid-column: auto; gap: var(--tcg-4); }
  .tcg-footer img.tcg-logo--footer { height: 44px; }
  .tcg-footer__tagline { font-size: 22px; }
  .tcg-footer__heading { margin-bottom: var(--tcg-2); }
  .tcg-footer__links a { min-height: 0; padding-block: 6px; }
  .tcg-footer__bottom { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-block: var(--tcg-5) var(--tcg-8); }
  .tcg-footer__legal-links ul { gap: 0 var(--tcg-6); }
  .tcg-footer__legal-links a { min-height: 32px; }
  .tcg-footer__copy { font-size: 13px; }
}

/* ------------------------------------------- 10 Remaining packs (§3.9) */
.tcg-remaining { display: flex; flex-direction: column; gap: 5px; }
.tcg-remaining__row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--tcg-3); font-size: 14px; font-weight: 500; }
.tcg-remaining__pct { font-size: 12px; font-weight: 400; color: var(--tcg-text-3); }
.tcg-remaining__track { display: block; height: 3px; background: var(--tcg-track); overflow: hidden; }
.tcg-remaining__fill { display: block; height: 100%; background: var(--tcg-gold); }
.tcg-remaining__value { font-size: 11px; font-weight: 500; color: var(--tcg-text-2); }
.tcg-remaining--product { gap: 10px; }
.tcg-remaining--product .tcg-remaining__track { height: 4px; }
@media (min-width: 768px) {
  .tcg-remaining { gap: 6px; }
  .tcg-remaining__value { font-size: 12px; }
  .tcg-remaining__row { font-size: 15px; }
  .tcg-remaining__pct { font-size: 13px; }
}

/* ---------------------------------------------- 11 Product card (§3.9) */
.tcg-card {
  display: flex; flex-direction: column; height: 100%; min-width: 0;
  background: var(--tcg-card); border: 1px solid var(--tcg-hairline-soft);
  color: var(--tcg-text); text-decoration: none;
  transition: border-color var(--tcg-fast) var(--tcg-ease-out);
}
.tcg-card:hover { border-color: var(--tcg-text); color: var(--tcg-text); }
.tcg-card__media {
  position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden;
  background: repeating-linear-gradient(135deg, #F2EDE3 0 10px, #EAE4D8 10px 20px);
}
.tcg-card__media img { width: 100%; height: 100%; object-fit: cover; }
.tcg-card--dim .tcg-card__media img { opacity: .45; }
.tcg-card__badges { position: absolute; top: 8px; left: 8px; display: flex; flex-wrap: wrap; gap: 4px; }
.tcg-card__body { display: flex; flex-direction: column; gap: 5px; flex: 1; padding: 10px 10px 4px; }
.tcg-card__kicker { font-family: var(--tcg-mono); font-weight: 500; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--tcg-text-3); }
.tcg-card__title { display: block; font-family: var(--tcg-serif); font-weight: 600; font-size: 19px; line-height: 1.12; }
.tcg-card__price { display: block; font-size: 14px; }
.tcg-card__note { font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--tcg-text-3); }
.tcg-card__cta {
  display: flex; align-items: center; gap: 4px; min-height: 44px; margin-top: auto;
  color: var(--tcg-gold); font-weight: 600; font-size: 13px;
}
.tcg-card:hover .tcg-card__cta { color: var(--tcg-gold-hover); }
@media (min-width: 768px) {
  .tcg-card__badges { top: 12px; left: 12px; gap: 6px; }
  .tcg-card__body { gap: 8px; padding: 16px 16px 12px; }
  .tcg-card__kicker { font-size: 11px; }
  .tcg-card__title { font-size: 24px; line-height: 1.15; }
  .tcg-card__price { font-size: 16px; }
  .tcg-card__note { font-size: 13px; }
  .tcg-card__cta { font-size: 14px; }
}
.tcg-card .tcg-price-converted { white-space: normal; }

/* ---------------------------------------------------- 12 Hero (§3.10) */
.tcg-hero { padding-block: 0 var(--tcg-8); }
.tcg-hero__container { padding-inline: 0; }
.tcg-hero__slide { display: flex; flex-direction: column-reverse; }
.tcg-hero__slide + .tcg-hero__slide { border-top: 1px solid var(--tcg-hairline); }
.tcg-hero.is-enhanced .tcg-hero__slide + .tcg-hero__slide { border-top: 0; }
.tcg-hero__media {
  position: relative; aspect-ratio: 4 / 5; overflow: hidden;
  background: repeating-linear-gradient(135deg, #F2EDE3 0 12px, #EAE4D8 12px 24px);
}
.tcg-hero__media picture, .tcg-hero__media img { width: 100%; height: 100%; }
.tcg-hero__media img { object-fit: cover; }
.tcg-hero__frame { position: absolute; inset: 14px; border: 1px solid var(--tcg-brand-gold); opacity: .6; pointer-events: none; }
.tcg-hero__copy { display: flex; flex-direction: column; gap: 14px; padding: 24px var(--tcg-pad) 0; }
.tcg-hero__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 42px; line-height: 1.02; text-wrap: balance; }
.tcg-hero__lede { display: none; font-size: 17px; line-height: 1.7; color: var(--tcg-text-2); max-width: 440px; }
.tcg-hero__price { font-size: 22px; }
.tcg-hero__remaining { max-width: 400px; }
.tcg-hero__remaining .tcg-remaining__track { height: 4px; }
.tcg-hero__remaining .tcg-remaining__value { font-size: 12px; }
.tcg-hero__actions { display: flex; flex-direction: column; gap: var(--tcg-2); padding-top: 4px; }
.tcg-hero__actions .tcg-btn--primary { width: 100%; }
.tcg-hero__how { align-self: flex-start; color: var(--tcg-text); }
.tcg-hero__controls {
  display: flex; align-items: center; gap: var(--tcg-2);
  margin: var(--tcg-4) var(--tcg-pad) 0; padding-top: var(--tcg-4); border-top: 1px solid var(--tcg-hairline-soft);
}
.tcg-hero__dots { display: flex; gap: 0; flex: 1; justify-content: center; }
.tcg-hero__dot { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; }
.tcg-hero__dot span { display: block; width: 12px; height: 3px; background: var(--tcg-border); transition: width var(--tcg-base) var(--tcg-ease-out), background-color var(--tcg-base) var(--tcg-ease-out); }
.tcg-hero__dot[aria-current="true"] span { width: 28px; background: var(--tcg-gold); }
.tcg-hero__count { display: none; font-size: 13px; font-weight: 500; color: var(--tcg-text-3); }
.tcg-hero.is-enhanced .tcg-hero__slide.is-current { animation: tcg-fade var(--tcg-base) var(--tcg-ease-out); }
@keyframes tcg-fade { from { opacity: 0; } to { opacity: 1; } }

@media (min-width: 768px) {
  .tcg-hero { padding-block: var(--tcg-10) var(--tcg-12); }
  .tcg-hero__container { padding-inline: var(--tcg-pad); }
  .tcg-hero__slide { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--tcg-10); align-items: center; }
  .tcg-hero__media { aspect-ratio: 5 / 4; border: 1px solid var(--tcg-hairline-soft); }
  .tcg-hero__frame { inset: 20px; }
  .tcg-hero__copy { padding: 0; gap: var(--tcg-5); }
  .tcg-hero__title { font-size: 56px; line-height: 1; }
  .tcg-hero__lede { display: block; }
  .tcg-hero__actions { flex-direction: row; align-items: center; gap: var(--tcg-3); padding-top: var(--tcg-2); }
  .tcg-hero__actions .tcg-btn--primary { width: auto; }
  .tcg-hero__how { padding-inline: var(--tcg-4); align-self: center; }
  .tcg-hero__controls { margin: var(--tcg-6) 0 0; gap: var(--tcg-4); }
  .tcg-hero__dots { flex: 0 0 auto; justify-content: flex-start; gap: 4px; }
  .tcg-hero__count { display: block; margin-left: auto; }
}
@media (min-width: 1024px) {
  .tcg-hero { padding-block: var(--tcg-14) var(--tcg-18); }
  .tcg-hero__slide { gap: var(--tcg-18); }
  .tcg-hero__title { font-size: 80px; }
  .tcg-hero__price { font-size: 28px; }
  /* Controls sit under the copy column, as in the design. */
  .tcg-hero__controls { max-width: calc((100% - var(--tcg-18)) * 5 / 12); }
}

/* Hero image (inc/hero-banner.php). Full bleed; each box takes the shape of
   the image it shows (--tcg-banner-ar-*, set from the attachment), so the
   page never shifts when it loads. Text sits on an ink gradient: from the
   bottom on phones, from the left on wider screens. */
.tcg-banner { position: relative; margin-bottom: var(--tcg-8); background: var(--tcg-text-strong); color: var(--tcg-bg); }
.tcg-banner__media { position: relative; aspect-ratio: var(--tcg-banner-ar-mobile, 1200 / 1416); overflow: hidden; }
.tcg-banner__media picture, .tcg-banner__media img { display: block; width: 100%; height: 100%; }
.tcg-banner__media img { object-fit: cover; }
.tcg-banner__scrim {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(11, 11, 14, .82) 0%, rgba(11, 11, 14, .55) 38%, rgba(11, 11, 14, 0) 68%);
}
.tcg-banner__body { position: absolute; inset: 0; display: flex; align-items: flex-end; padding-bottom: var(--tcg-8); }
.tcg-banner__body .tcg-container { width: 100%; }
.tcg-banner__copy { display: flex; flex-direction: column; gap: 14px; max-width: 560px; }
.tcg-banner__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 38px; line-height: 1.04; text-wrap: balance; color: var(--tcg-bg); }
/* Chinese headings follow §24: CJK sans at 600, 0.8× the Latin size. */
html:lang(zh) .tcg-banner__title { font-family: var(--tcg-cjk); font-weight: 600; line-height: 1.3; font-size: 30px; }
html:lang(zh) .tcg-banner__text { line-height: 1.8; }
.tcg-banner__text { font-size: 15px; line-height: 1.7; color: var(--tcg-bg); }
.tcg-banner__actions { padding-top: 4px; }
.tcg-banner__actions .tcg-btn { width: 100%; }
.tcg-banner :focus-visible { outline-color: var(--tcg-focus-inverse); }
@media (min-width: 768px) {
  .tcg-banner { margin-bottom: var(--tcg-12); }
  .tcg-banner__media { aspect-ratio: var(--tcg-banner-ar-tablet, 2048 / 1024); }
  .tcg-banner__scrim { background: linear-gradient(to right, rgba(11, 11, 14, .78) 0%, rgba(11, 11, 14, .5) 36%, rgba(11, 11, 14, 0) 64%); }
  .tcg-banner__body { align-items: center; padding-bottom: 0; }
  .tcg-banner__copy { max-width: 46%; gap: var(--tcg-5); }
  .tcg-banner__title { font-size: 52px; line-height: 1; }
  html:lang(zh) .tcg-banner__title { font-size: 42px; line-height: 1.3; }
  .tcg-banner__text { font-size: 17px; }
  .tcg-banner__actions .tcg-btn { width: auto; }
}
@media (min-width: 1024px) {
  .tcg-banner { margin-bottom: var(--tcg-16); }
  /* A very wide screen would make the band taller than the window; past that
     point the image is cropped top and bottom rather than grown. */
  .tcg-banner__media { aspect-ratio: var(--tcg-banner-ar-desktop, 2880 / 1150); max-height: min(78vh, 760px); width: 100%; }
  .tcg-banner__copy { max-width: 42%; }
  .tcg-banner__title { font-size: 72px; }
  html:lang(zh) .tcg-banner__title { font-size: 58px; }
}

/* --------------------------------------------- 13 Promo, steps, FAQ */
.tcg-section--promo { padding-top: 0; }
.tcg-promo {
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
  margin-inline: calc(var(--tcg-pad) * -1); padding: 40px var(--tcg-pad);
  background: var(--tcg-gold); color: #FFFFFF;
}
.tcg-promo__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 36px; line-height: 1.05; color: #FFFFFF; }
.tcg-promo__note { font-size: 15px; line-height: 1.7; color: var(--tcg-gold-light); }
.tcg-promo .tcg-btn { margin-top: 6px; width: 100%; }
.tcg-promo :focus-visible { outline-color: var(--tcg-focus-inverse); }
@media (min-width: 768px) {
  .tcg-promo { margin-inline: 0; padding: var(--tcg-16); gap: 18px; }
  .tcg-promo__title { font-size: 52px; max-width: 14ch; }
  .tcg-promo__note { font-size: 16px; }
  .tcg-promo .tcg-btn { width: auto; margin-top: var(--tcg-2); }
}

.tcg-steps { display: grid; grid-template-columns: 1fr 1fr; gap: var(--tcg-6) var(--tcg-4); margin: 0; padding: 0; list-style: none; }
.tcg-step { display: flex; flex-direction: column; gap: 6px; padding-top: 14px; border-top: 1px solid var(--tcg-text); }
.tcg-step__num { font-family: var(--tcg-serif); font-style: italic; font-weight: 500; font-size: 30px; line-height: 1; color: var(--tcg-gold); }
.tcg-step__title { font-family: var(--tcg-font); font-weight: 600; font-size: 15px; line-height: 1.4; }
.tcg-step__body { font-size: 13px; line-height: 1.6; color: var(--tcg-text-2); }
@media (min-width: 1024px) {
  .tcg-steps { grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--tcg-text); }
  .tcg-step { gap: var(--tcg-3); padding: 28px 28px 0; border-top: 0; border-left: 1px solid var(--tcg-hairline-soft); }
  .tcg-step:first-child { padding-left: 0; border-left: 0; }
  .tcg-step:last-child { padding-right: 0; }
  .tcg-step__num { font-size: 40px; }
  .tcg-step__title { font-size: 18px; }
  .tcg-step__body { font-size: 15px; line-height: 1.7; }
}

.tcg-faq__layout { display: grid; gap: var(--tcg-4); }
.tcg-faq__head { display: flex; flex-direction: column; gap: var(--tcg-3); }
@media (min-width: 1024px) {
  .tcg-faq__layout { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--tcg-18); }
  .tcg-faq__head .tcg-h2 { line-height: 1.05; }
}

.tcg-accordion { border-top: 1px solid var(--tcg-text); }
.tcg-accordion__item { border-bottom: 1px solid var(--tcg-hairline); }
.tcg-accordion__heading { font: inherit; }
.tcg-accordion__trigger {
  display: flex; width: 100%; min-height: 56px; padding: 8px 0;
  align-items: center; justify-content: space-between; gap: var(--tcg-4);
  border: 0; background: none; color: var(--tcg-text); text-align: left;
  font-family: var(--tcg-font); font-weight: 600; font-size: 15px; line-height: 1.4;
}
.tcg-accordion__trigger:hover { color: var(--tcg-gold); }
.tcg-accordion__icon { font-size: 22px; color: var(--tcg-gold); }
.tcg-accordion__panel { padding: 0 0 18px; font-size: 14px; line-height: 1.7; color: var(--tcg-text-2); }
.tcg-accordion__panel p + p { margin-top: var(--tcg-3); }
@media (min-width: 1024px) {
  .tcg-accordion__trigger { min-height: 64px; padding: 0; font-size: 17px; gap: var(--tcg-6); }
  .tcg-accordion__icon { font-size: 24px; }
  .tcg-accordion__panel { padding: 0 64px 24px 0; font-size: 15px; line-height: 1.75; }
}

/* ------------------------------------------------ 14 Forms (§3.7 classic) */
.tcg-search__label, .woocommerce form .form-row label, .woocommerce-page form .form-row label {
  display: block; margin-bottom: var(--tcg-2); font-weight: 600; font-size: 14px; line-height: 1.4; color: var(--tcg-text);
}
.woocommerce form .form-row { margin: 0 0 var(--tcg-5); padding: 0; }
.woocommerce form .form-row .required { color: var(--tcg-red-text); text-decoration: none; border: 0; }
.woocommerce form .form-row .optional { color: var(--tcg-text-3); font-weight: 400; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.tcg-field,
.woocommerce form input[type="text"], .woocommerce form input[type="email"],
.woocommerce form input[type="password"], .woocommerce form input[type="tel"],
.woocommerce form input[type="number"],
.select2-container--default .select2-selection--single {
  width: 100%; min-height: 48px; padding: 0 14px;
  border: 1px solid var(--tcg-border); border-radius: 0;
  background: #FFFFFF; color: var(--tcg-text);
  font-family: var(--tcg-font); font-size: 16px; font-weight: 400; line-height: 1.4;
  box-shadow: none;
  transition: border-color var(--tcg-instant) var(--tcg-ease-out), box-shadow var(--tcg-instant) var(--tcg-ease-out);
}
@media (min-width: 768px) {
  .woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .tcg-field,
  .woocommerce form input[type="text"], .woocommerce form input[type="email"], .woocommerce form input[type="password"] { font-size: 15px; }
}
.woocommerce form .form-row textarea { min-height: 120px; padding-block: 12px; }
.woocommerce form .form-row select { appearance: none; padding-right: 40px; background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231A1A1F' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center; }
.woocommerce form .form-row input.input-text:hover, .woocommerce form .form-row select:hover,
.woocommerce form input[type="email"]:hover, .woocommerce form input[type="password"]:hover, .woocommerce form input[type="text"]:hover { border-color: var(--tcg-text); }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus,
.woocommerce form input[type="email"]:focus, .woocommerce form input[type="password"]:focus, .woocommerce form input[type="text"]:focus,
.tcg-field:focus, .tcg-search__input:focus {
  outline: none; border-color: var(--tcg-gold); box-shadow: 0 0 0 1px var(--tcg-gold);
}
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row input[aria-invalid="true"] {
  border-color: var(--tcg-red); box-shadow: 0 0 0 1px var(--tcg-red);
}
.woocommerce form .form-row.woocommerce-invalid label { color: var(--tcg-red-text); }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--tcg-border); }
.woocommerce form .form-row .checkout-inline-error-message,
.woocommerce form .form-row .woocommerce-error { font-size: 13px; font-weight: 500; color: var(--tcg-red-text); margin-top: 6px; }
.woocommerce form .form-row input:disabled { background: var(--tcg-footer); border-color: var(--tcg-hairline); color: var(--tcg-text-3); }
.woocommerce form .form-row span em, .woocommerce form .form-row .description, .woocommerce-password-hint {
  display: block; margin-top: 6px; font-size: 13px; font-style: normal; color: var(--tcg-text-3); line-height: 1.5;
}

/* Checkboxes and radios (20×20, square / round). */
.woocommerce form input[type="checkbox"], .woocommerce-page input[type="checkbox"].input-checkbox,
.woocommerce form .form-row input[type="checkbox"] {
  appearance: none; flex-shrink: 0; width: 20px; height: 20px; margin: 0 10px 0 0; vertical-align: -4px;
  border: 1px solid var(--tcg-border); border-radius: 0; background: #FFFFFF; display: inline-grid; place-items: center;
}
.woocommerce form input[type="checkbox"]:checked {
  background: var(--tcg-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'%3E%3Cpath d='M1 5.5l4 4L13 1.5' fill='none' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
  border-color: var(--tcg-gold);
}
.woocommerce form .woocommerce-form__label-for-checkbox, .woocommerce-form-login__rememberme {
  display: inline-flex !important; align-items: center; min-height: 44px; font-weight: 400 !important; font-size: 15px;
}

/* Quantity stepper (§3.7). The visible label is for screen readers only. */
.tcg-cart-row { display: flex; }
.tcg-cart-row__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.tcg-qty {
  display: inline-flex; align-items: stretch; height: 48px;
  border: 1px solid var(--tcg-border); background: #FFFFFF;
}
.tcg-qty__btn {
  display: grid; place-items: center; width: 44px; padding: 0; border: 0; background: transparent; color: var(--tcg-text);
}
.tcg-qty__btn .tcg-ms { font-size: 20px; }
.tcg-qty__btn:hover { background: var(--tcg-footer); }
.tcg-qty__btn:disabled { color: var(--tcg-text-4); background: transparent; }
.tcg-qty__btn:focus-visible { outline-offset: -2px; }
.woocommerce .quantity .qty, .tcg-qty input.qty {
  width: 44px; min-height: 0; height: 100%; padding: 0; margin: 0;
  border: 0; border-inline: 1px solid var(--tcg-hairline-soft); border-radius: 0; background: transparent;
  font-family: var(--tcg-mono); font-weight: 500; font-size: 16px; text-align: center;
  -moz-appearance: textfield; appearance: textfield;
}
.tcg-qty input.qty::-webkit-outer-spin-button, .tcg-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.tcg-qty input.qty:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: -2px; }

/* Search form (§3.21, §3.16). */
.tcg-search { width: 100%; max-width: 720px; }
.tcg-search__row { display: flex; }
.tcg-search__input {
  flex: 1; min-width: 0; height: 52px; padding: 0 14px;
  border: 1px solid var(--tcg-border); border-right: 0; border-radius: 0; background: #FFFFFF;
  font-size: 16px; color: var(--tcg-text); -webkit-appearance: none; appearance: none;
}
.tcg-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.tcg-search__submit {
  display: grid; place-items: center; flex: 0 0 52px; height: 52px; padding: 0;
  border: 0; background: var(--tcg-gold); color: #FFFFFF;
}
.tcg-search__submit:hover { background: var(--tcg-gold-hover); }
.tcg-search--large .tcg-search__input { height: 52px; }
@media (min-width: 768px) {
  .tcg-search__input { padding: 0 16px; }
  .tcg-search--large .tcg-search__input { height: 56px; font-size: 17px; }
  .tcg-search--large .tcg-search__submit { flex-basis: 64px; height: 56px; }
  .tcg-search--large .tcg-search__submit .tcg-ms { font-size: 26px; }
}

/* ------------------------------------------- 15 Product page (§3.11) */
.tcg-breadcrumb {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  padding-top: var(--tcg-2); font-size: 12px; font-weight: 500; color: var(--tcg-text-3);
}
.tcg-breadcrumb .woocommerce-breadcrumb, .woocommerce .tcg-breadcrumb .woocommerce-breadcrumb { display: contents; margin: 0; padding: 0; font-size: inherit; color: var(--tcg-text); }
.tcg-breadcrumb a, .woocommerce .tcg-breadcrumb .woocommerce-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tcg-text-3); text-decoration: none; }
.tcg-breadcrumb a:hover { color: var(--tcg-gold); text-decoration: underline; }
.tcg-breadcrumb [aria-current="page"], .tcg-breadcrumb .woocommerce-breadcrumb > :last-child { color: var(--tcg-text); }
.tcg-breadcrumb__sep { color: var(--tcg-text-3); }
@media (min-width: 768px) { .tcg-breadcrumb { gap: var(--tcg-2); font-size: 13px; } }

.tcg-main--product { padding-bottom: 0; }
.tcg-product { padding-bottom: var(--tcg-10); }
.tcg-product__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; padding-top: var(--tcg-2); }
.tcg-product__gallery { min-width: 0; }
@media (min-width: 768px) {
  .tcg-product__layout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tcg-10); padding-top: var(--tcg-8); align-items: start; }
}
@media (min-width: 1024px) { .tcg-product__layout { gap: var(--tcg-18); } }

/* WooCommerce gallery: undo woocommerce-layout's 48% floats. */
.woocommerce div.product .tcg-product__gallery div.images,
.woocommerce-page div.product .tcg-product__gallery div.images { float: none; width: 100%; margin: 0; }
.woocommerce div.product .tcg-product__summary.summary,
.woocommerce-page div.product .tcg-product__summary.summary { float: none; width: 100%; margin: 0; }
.tcg-product__gallery .woocommerce-product-gallery { position: relative; margin: 0 calc(var(--tcg-pad) * -1); }
@media (min-width: 768px) { .tcg-product__gallery .woocommerce-product-gallery { margin: 0; } }
.tcg-product__gallery .woocommerce-product-gallery__wrapper { margin: 0; }
.tcg-product__gallery .woocommerce-product-gallery__image { background: #F2EDE3; }
.tcg-product__gallery .woocommerce-product-gallery__image img,
.tcg-product__gallery .woocommerce-product-gallery__image a img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
@media (min-width: 768px) { .tcg-product__gallery .woocommerce-product-gallery__wrapper { border: 1px solid var(--tcg-hairline-soft); } }
.woocommerce div.product .tcg-product__gallery .woocommerce-product-gallery__trigger {
  position: absolute; top: 12px; right: 12px; z-index: 9;
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 0;
  background: #FFFFFF; border: 1px solid var(--tcg-border); color: var(--tcg-text); text-decoration: none; overflow: hidden;
}
/* WooCommerce draws a magnifier with ::before/::after and prints an emoji in
   a span; both are replaced by the zoom_in glyph. The link keeps its own
   aria-label ("View full-screen image gallery"). */
.woocommerce div.product .tcg-product__gallery .woocommerce-product-gallery__trigger > span { font-size: 0; }
.woocommerce div.product .tcg-product__gallery .woocommerce-product-gallery__trigger::before {
  content: "zoom_in"; position: static; display: block; width: auto; height: auto; border: 0; border-radius: 0; background: none; transform: none;
  font-family: "Material Symbols Rounded"; font-size: 22px; font-weight: 300; line-height: 1; color: var(--tcg-text);
}
.woocommerce div.product .tcg-product__gallery .woocommerce-product-gallery__trigger::after { display: none; }
@media (min-width: 768px) { .woocommerce div.product .tcg-product__gallery .woocommerce-product-gallery__trigger { top: 16px; right: 16px; } }
.woocommerce div.product div.images .flex-control-thumbs {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tcg-3);
  margin: var(--tcg-3) 0 0; padding: 0 var(--tcg-pad);
}
@media (min-width: 768px) { .woocommerce div.product div.images .flex-control-thumbs { padding: 0; } }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images .flex-control-thumbs li img {
  aspect-ratio: 1 / 1; object-fit: cover; opacity: 1; border: 1px solid var(--tcg-hairline-soft); cursor: pointer;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border-color: var(--tcg-gold); box-shadow: inset 0 0 0 1px var(--tcg-gold); outline: 1px solid var(--tcg-gold); outline-offset: -2px;
}

.tcg-product__summary { display: flex; flex-direction: column; gap: var(--tcg-4); min-width: 0; }
@media (min-width: 768px) { .tcg-product__summary { gap: var(--tcg-6); } }
.tcg-product__kicker { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tcg-2); }
.tcg-product__tcg { font-family: var(--tcg-mono); font-weight: 500; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--tcg-text-3); }
.tcg-product__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 38px; line-height: 1.05; }
@media (min-width: 1024px) { .tcg-product__title { font-size: 56px; } .tcg-product__tcg { font-size: 12px; } }
.tcg-product__pricing { display: flex; flex-direction: column; gap: 4px; }
.tcg-product__price { font-size: 26px; line-height: 1.2; }
.tcg-product__price-note { font-size: 12px; line-height: 1.6; color: var(--tcg-text-3); }
@media (min-width: 768px) {
  .tcg-product__pricing { gap: 6px; padding-bottom: var(--tcg-6); border-bottom: 1px solid var(--tcg-hairline-soft); }
  .tcg-product__price { font-size: 34px; }
  .tcg-product__price-note { font-size: 13px; }
}
.tcg-product__summary .woocommerce-product-details__short-description { font-size: 15px; line-height: 1.7; color: var(--tcg-text-2); }
.tcg-product__summary .woocommerce-product-details__short-description p + p { margin-top: var(--tcg-3); }

/* Add to cart: quantity box + full-width button (§3.11). */
.woocommerce div.product .tcg-product__summary form.cart { display: flex; gap: var(--tcg-3); margin: 0; align-items: stretch; }
.woocommerce div.product .tcg-product__summary form.cart::before,
.woocommerce div.product .tcg-product__summary form.cart::after { display: none; }
.woocommerce div.product .tcg-product__summary form.cart .tcg-cart-row { flex: 0 0 auto; }
.woocommerce div.product .tcg-product__summary form.cart .quantity { float: none; margin: 0; }
.woocommerce div.product .tcg-product__summary form.cart .single_add_to_cart_button {
  flex: 1; float: none; min-height: 48px; padding-inline: 22px; font-size: 15px;
}
@media (min-width: 768px) {
  .tcg-product__summary .tcg-qty { height: 56px; }
  .tcg-product__summary .tcg-qty__btn { width: 52px; }
  .tcg-product__summary .tcg-qty input.qty { width: 48px; font-size: 17px; }
  .woocommerce div.product .tcg-product__summary form.cart .single_add_to_cart_button { min-height: 56px; font-size: 16px; }
}
/* Phones: the real form pinned above the bottom navigation. */
@media (max-width: 767.98px) {
  .tcg-product--buyable .tcg-product__summary form.cart {
    position: fixed; left: 0; right: 0; z-index: 35;
    bottom: calc(var(--tcg-bottomnav) + env(safe-area-inset-bottom, 0px));
    padding: 10px 12px; background: var(--tcg-bg); border-top: 1px solid var(--tcg-hairline);
  }
  body.single-product { padding-bottom: calc(var(--tcg-bottomnav) + 69px + env(safe-area-inset-bottom, 0px)); }
}

.woocommerce div.product .tcg-product__summary p.stock { margin: 0; font-size: 14px; font-weight: 500; color: var(--tcg-text-2); }
.woocommerce div.product .tcg-product__summary p.stock.out-of-stock { color: var(--tcg-red-text); }

/* State panel for packs that cannot be bought. */
.tcg-packstate { display: flex; flex-direction: column; gap: var(--tcg-3); }
.tcg-packstate__body { font-size: 14px; font-weight: 500; color: var(--tcg-text-2); }
.tcg-packstate .tcg-btn { min-height: 52px; }
.tcg-packstate--upcoming .tcg-btn:disabled { color: var(--tcg-text); border-color: var(--tcg-text); background: transparent; opacity: 1; }

.woocommerce div.product .product_meta { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--tcg-text-3); }
.woocommerce div.product .product_meta > span { display: block; }
.woocommerce div.product .product_meta a { color: var(--tcg-text-2); }
.tcgmine_category > span { color: var(--tcg-text-2); }

.tcg-assurances { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--tcg-hairline-soft); }
.tcg-assurance {
  display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 12px 0;
  border-bottom: 1px solid var(--tcg-hairline-soft); font-size: 14px; font-weight: 500; line-height: 1.4;
}
.tcg-assurance .tcg-ms { font-size: 22px; color: var(--tcg-gold); }

.tcg-product__info { display: grid; gap: var(--tcg-8); margin-top: var(--tcg-10); padding-top: var(--tcg-8); border-top: 1px solid var(--tcg-hairline); }
.tcg-product__info .tcg-h3 { margin-bottom: var(--tcg-4); }
@media (min-width: 1024px) {
  .tcg-product__info { grid-template-columns: 1fr 1fr; gap: var(--tcg-18); padding-top: var(--tcg-10); margin-top: var(--tcg-12); }
  .tcg-product__info .tcg-h3 { font-size: 30px; }
  .tcg-product__info > :only-child { grid-column: 1 / -1; max-width: 760px; }
}

.tcg-related { padding-block: var(--tcg-8) var(--tcg-10); background: var(--tcg-footer); }
.tcg-related .tcg-h2 { margin-bottom: var(--tcg-4); font-size: 26px; }
@media (min-width: 1024px) {
  .tcg-related { padding-block: var(--tcg-18) 88px; }
  .tcg-related .tcg-h2 { margin-bottom: var(--tcg-8); font-size: 40px; }
}

/* ---------------------------------------- 16 Shop archive (§3.12) */
.tcg-archive__header {
  display: flex; flex-direction: column; gap: var(--tcg-2);
  padding-block: var(--tcg-3) var(--tcg-5);
}
.tcg-archive__intro { max-width: 560px; font-size: 14px; line-height: 1.6; color: var(--tcg-text-2); }
@media (min-width: 1024px) {
  .tcg-archive__header { gap: var(--tcg-3); padding-block: var(--tcg-6) var(--tcg-10); border-bottom: 1px solid var(--tcg-hairline); }
  .tcg-archive__intro { font-size: 16px; line-height: 1.7; }
}
.tcg-archive__layout { display: block; padding-bottom: var(--tcg-10); }
.tcg-archive__main { display: flex; flex-direction: column; gap: var(--tcg-4); min-width: 0; }
.tcg-filters { display: none; }
@media (min-width: 1024px) {
  .tcg-archive__layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: var(--tcg-14); align-items: start; padding-block: var(--tcg-10) var(--tcg-24); }
  .tcg-archive__main { gap: var(--tcg-6); }
  .tcg-filters { display: block; }
}
.tcg-filters__title, .tcg-sheet__body > .tcg-label { padding-bottom: 10px; border-bottom: 1px solid var(--tcg-text); }

.tcg-catlist { margin: 0; padding: 0; list-style: none; }
.tcg-catlist__item {
  display: flex; align-items: center; justify-content: space-between; gap: var(--tcg-3);
  min-height: 44px; padding: 0 4px; border-bottom: 1px solid var(--tcg-hairline-soft);
  color: var(--tcg-text); font-size: 15px; text-decoration: none;
}
.tcg-catlist__item:hover { color: var(--tcg-gold); }
.tcg-catlist__item.is-current { color: var(--tcg-gold); font-weight: 700; }
.tcg-catlist__name { display: flex; align-items: center; gap: var(--tcg-2); }
.tcg-catlist__name .tcg-ms { font-size: 18px; }
.tcg-catlist__count { font-size: 13px; color: var(--tcg-text-3); font-weight: 400; }
.tcg-sheet .tcg-catlist__item { min-height: 48px; }

/* Phone / tablet bar: Filter + Sort, sticky. */
.tcg-filterbar {
  position: sticky; top: 0; z-index: 20;
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--tcg-2);
  margin-inline: calc(var(--tcg-pad) * -1); padding: 10px var(--tcg-pad);
  background: var(--tcg-bg); border-block: 1px solid var(--tcg-hairline);
}
.tcg-filterbar__open { min-height: 44px; padding-inline: var(--tcg-3); background: #FFFFFF; font-size: 14px; }
.tcg-filterbar__open[hidden] + .tcg-filterbar__sort { grid-column: 1 / -1; }
.tcg-toolbar__sort { display: none; }
@media (min-width: 1024px) {
  .tcg-filterbar { display: none; }
  .tcg-archive__main > .tcg-chips { display: none; }
  .tcg-toolbar__sort { display: block; margin-left: auto; }
}
.tcg-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tcg-3); }
.tcg-toolbar__count { font-size: 13px; font-weight: 500; color: var(--tcg-text-2); }
@media (min-width: 1024px) { .tcg-toolbar__count { font-size: 15px; color: var(--tcg-text); } }
.tcg-activechip {
  display: inline-flex; align-items: center; gap: 4px; min-height: 32px; padding: 0 6px 0 10px;
  border: 1px solid var(--tcg-gold); background: var(--tcg-gold-surface); color: var(--tcg-gold-hover);
  font-size: 13px; font-weight: 500; text-decoration: none;
}
.tcg-activechip .tcg-ms { font-size: 16px; }
.tcg-activechip:hover { background: var(--tcg-gold-light); color: var(--tcg-gold-hover); }

/* WooCommerce "Sort by" select. */
.woocommerce .woocommerce-ordering { float: none; margin: 0; }
.woocommerce .woocommerce-ordering select, .woocommerce-ordering select.orderby {
  width: 100%; min-height: 44px; padding: 0 36px 0 14px;
  border: 1px solid var(--tcg-border); border-radius: 0; appearance: none;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231A1A1F' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;
  font-family: var(--tcg-font); font-size: 14px; font-weight: 500; color: var(--tcg-text);
}
@media (min-width: 1024px) { .tcg-toolbar__sort .woocommerce-ordering select { width: 220px; } }

/* Category chips (phone, tablet, homepage). */
.tcg-chips { display: flex; gap: var(--tcg-2); overflow-x: auto; margin-right: calc(var(--tcg-pad) * -1); padding-right: var(--tcg-pad); scrollbar-width: thin; }
.tcg-section__head + .tcg-chips { margin-bottom: var(--tcg-6); }
.tcg-chip {
  flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--tcg-border); background: #FFFFFF; color: var(--tcg-text);
  font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.tcg-chip:hover { border-color: var(--tcg-text); color: var(--tcg-text); }
.tcg-chip.is-current { background: var(--tcg-text); border-color: var(--tcg-text); color: #FFFFFF; }
@media (min-width: 1024px) {
  .tcg-chip { min-height: 40px; padding: 0 18px; font-size: 14px; }
  .tcg-chip:not(.is-current) { font-weight: 500; }
  .tcg-section .tcg-chips { flex-wrap: wrap; overflow: visible; margin-right: 0; padding-right: 0; }
}

/* Pagination (§3.12): 44×44 squares, current page ink. */
.tcg-pagination { margin-top: var(--tcg-4); }
.tcg-pagination ul.page-numbers, .tcg-pagination .nav-links,
.woocommerce nav.woocommerce-pagination ul {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; border: 0;
}
.woocommerce nav.woocommerce-pagination ul li { border: 0; float: none; overflow: visible; }
.tcg-pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 8px;
  border: 1px solid var(--tcg-border); background: transparent; color: var(--tcg-text);
  font-family: var(--tcg-mono); font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none;
}
.tcg-pagination .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover { background: #FFFFFF; color: var(--tcg-text); }
.tcg-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--tcg-text); border-color: var(--tcg-text); color: #FFFFFF; }
.tcg-pagination .page-numbers.dots { border-color: transparent; }
.tcg-pagination .prev, .tcg-pagination .next { border-color: transparent; font-family: "Material Symbols Rounded"; font-size: 22px; }
.tcg-pagination .prev::before { content: "chevron_left"; }
.tcg-pagination .next::before { content: "chevron_right"; }

/* Bottom sheet (§3.12): phones and tablets only. */
.tcg-sheet { position: fixed; inset: 0; z-index: 200; display: flex; align-items: flex-end; }
.tcg-sheet__scrim { position: absolute; inset: 0; background: var(--tcg-overlay); }
.tcg-sheet__panel {
  position: relative; display: flex; flex-direction: column; width: 100%; max-height: 88%;
  background: var(--tcg-bg); box-shadow: var(--tcg-e2);
  animation: tcg-sheet-in var(--tcg-base) var(--tcg-ease-out);
}
@keyframes tcg-sheet-in { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.tcg-sheet__head { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 6px 0 18px; border-bottom: 1px solid var(--tcg-hairline); }
.tcg-sheet__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 24px; line-height: 1; }
.tcg-sheet__body { overflow-y: auto; padding: 16px 18px 24px; }
.tcg-sheet__foot { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--tcg-hairline); }
.tcg-sheet__foot .tcg-btn { min-height: 52px; }
html.tcg-has-sheet, html.tcg-has-sheet body { overflow: hidden; }
@media (min-width: 768px) {
  .tcg-sheet { align-items: stretch; justify-content: flex-end; }
  .tcg-sheet__panel { width: 400px; max-height: none; height: 100%; }
}

/* Empty results (§3.12 0件 / §3.21). */
.tcg-empty {
  display: flex; flex-direction: column; align-items: center; gap: var(--tcg-3);
  padding: 48px 20px; background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft); text-align: center;
}
.tcg-empty__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 28px; line-height: 1.1; }
.tcg-empty__body { max-width: 440px; font-size: 14px; line-height: 1.6; color: var(--tcg-text-2); }
.tcg-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--tcg-3); padding-top: var(--tcg-2); }
@media (min-width: 768px) {
  .tcg-empty { padding: 80px 48px; gap: var(--tcg-4); }
  .tcg-empty__title { font-size: 36px; }
  .tcg-empty__body { font-size: 15px; line-height: 1.7; }
}

/* ----------------------------------------------- 17 Search (§3.21) */
.tcg-searchpage { display: flex; flex-direction: column; gap: var(--tcg-4); padding-block: var(--tcg-5) var(--tcg-10); }
.tcg-searchpage__head { display: flex; flex-direction: column; gap: var(--tcg-2); }
.tcg-searchpage__title { font-size: 32px; line-height: 1.1; }
.tcg-searchpage__count { font-size: 13px; font-weight: 500; color: var(--tcg-text-2); }
@media (min-width: 1024px) {
  .tcg-searchpage { gap: var(--tcg-8); padding-block: var(--tcg-12) var(--tcg-24); }
  .tcg-searchpage__head { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: var(--tcg-6); padding-bottom: var(--tcg-6); border-bottom: 1px solid var(--tcg-hairline); }
  .tcg-searchpage__title { font-size: 56px; line-height: 1.05; }
  .tcg-searchpage__count { font-size: 15px; color: var(--tcg-text); white-space: nowrap; }
}
.tcg-results { display: flex; flex-direction: column; margin: var(--tcg-4) 0 0; padding: 0; list-style: none; border-top: 1px solid var(--tcg-hairline); }
.tcg-results__item { padding: var(--tcg-4) 0; border-bottom: 1px solid var(--tcg-hairline-soft); }
.tcg-results__link { font-family: var(--tcg-serif); font-weight: 600; font-size: 24px; line-height: 1.2; text-decoration: none; color: var(--tcg-text); }
.tcg-results__link:hover { color: var(--tcg-gold); text-decoration: underline; }
.tcg-results__excerpt { margin-top: 4px; font-size: 14px; color: var(--tcg-text-2); }
.tcg-page { padding-block: var(--tcg-6) var(--tcg-12); }
.tcg-page__title { margin-bottom: var(--tcg-6); }

/* ------------------------------------------ 18 Document pages (§3.22) */
.tcg-doc { display: grid; gap: var(--tcg-4); padding-block: var(--tcg-4) var(--tcg-10); }
@media (min-width: 1024px) {
  .tcg-doc { grid-template-columns: 240px minmax(0, 720px); gap: var(--tcg-24); justify-content: start; padding-block: var(--tcg-8) var(--tcg-24); }
  .tcg-doc--notoc { grid-template-columns: minmax(0, 720px); }
  .tcg-doc--notoc .tcg-doc__article { grid-column: 1; }
}
.tcg-doc__article { min-width: 0; }
.tcg-doc__header { display: flex; flex-direction: column; gap: var(--tcg-2); padding-bottom: 18px; margin-bottom: var(--tcg-5); border-bottom: 1px solid var(--tcg-hairline); }
.tcg-doc__updated { font-size: 12px; color: var(--tcg-text-3); }
@media (min-width: 1024px) {
  .tcg-doc__header { gap: var(--tcg-3); padding-bottom: 28px; margin-bottom: var(--tcg-6); }
  .tcg-doc__updated { font-size: 13px; }
}

.tcg-toc { order: -1; }
.tcg-toc__title { display: none; }
.tcg-toc__details { border: 1px solid var(--tcg-border); background: #FFFFFF; }
.tcg-toc__toggle {
  display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 14px;
  font-weight: 600; font-size: 14px; cursor: pointer; list-style: none;
}
.tcg-toc__toggle::-webkit-details-marker { display: none; }
.tcg-toc__toggle::after { content: "expand_more"; font-family: "Material Symbols Rounded"; font-weight: 300; font-size: 22px; }
.tcg-toc__details[open] > .tcg-toc__toggle::after { content: "expand_less"; }
.tcg-toc__list { margin: 0; padding: 4px 0; list-style: none; border-top: 1px solid var(--tcg-hairline-soft); }
.tcg-toc__list a {
  display: flex; align-items: center; min-height: 44px; padding: 0 14px;
  color: var(--tcg-gold); font-size: 14px; font-weight: 500; text-decoration: none;
}
.tcg-toc__list a:hover { text-decoration: underline; }
@media (min-width: 1024px) {
  .tcg-toc { position: sticky; top: var(--tcg-6); align-self: start; padding-top: var(--tcg-3); border-top: 1px solid var(--tcg-text); }
  .tcg-toc__title { display: block; padding-bottom: var(--tcg-2); }
  .tcg-toc__details { border: 0; background: none; }
  .tcg-toc__toggle { display: none; }
  .tcg-toc__list { padding: 0; border: 0; }
  .tcg-toc__list a { min-height: 40px; padding-left: 12px; color: var(--tcg-text-2); }
  .tcg-toc__list a[aria-current] { color: var(--tcg-gold); font-weight: 700; box-shadow: inset 2px 0 0 var(--tcg-gold); }
}

/* Editor content: legal pages, product descriptions. */
.tcg-entry { font-size: 15px; line-height: 1.75; color: var(--tcg-text-2); }
.tcg-entry > * + * { margin-top: var(--tcg-4); }
.tcg-entry > p:first-child { font-size: 16px; color: var(--tcg-text); }
.tcg-entry h2 { margin-top: var(--tcg-8); font-family: var(--tcg-serif); font-weight: 600; font-size: 28px; line-height: 1.15; color: var(--tcg-text); scroll-margin-top: var(--tcg-6); }
.tcg-entry h3 { margin-top: var(--tcg-6); font-family: var(--tcg-font); font-weight: 600; font-size: 18px; line-height: 1.4; color: var(--tcg-text); }
.tcg-entry h4 { margin-top: var(--tcg-5); font-weight: 600; font-size: 16px; color: var(--tcg-text); }
.tcg-entry ul, .tcg-entry ol { padding-left: 22px; }
.tcg-entry ul { list-style: disc; }
.tcg-entry ol { list-style: decimal; }
.tcg-entry li + li { margin-top: var(--tcg-2); }
.tcg-entry a { color: var(--tcg-gold); text-decoration: underline; }
.tcg-entry strong { color: var(--tcg-text); font-weight: 600; }
.tcg-entry blockquote { padding: 16px 18px; border: 1px solid var(--tcg-gold); background: var(--tcg-gold-surface); color: var(--tcg-gold-hover); font-weight: 500; }
.tcg-entry .wp-block-table, .tcg-entry figure.wp-block-table { overflow-x: auto; }
.tcg-entry table { width: 100%; min-width: 420px; border-collapse: collapse; background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft); font-size: 15px; }
.tcg-entry th { padding: 12px 16px; border-bottom: 1px solid var(--tcg-text); text-align: left; font-family: var(--tcg-mono); font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--tcg-text-3); }
.tcg-entry td { padding: 14px 16px; border-bottom: 1px solid var(--tcg-hairline-soft); color: var(--tcg-text); }
.tcg-entry .wp-block-table th, .tcg-entry .wp-block-table td { border-width: 0 0 1px; border-style: solid; }
.tcg-entry .wp-block-table th { border-color: var(--tcg-text); }
.tcg-entry .wp-block-table td { border-color: var(--tcg-hairline-soft); }
.tcg-entry .wp-block-table thead { border-bottom: 0; }
@media (min-width: 1024px) {
  .tcg-entry { font-size: 16px; }
  .tcg-entry > p:first-child { font-size: 17px; }
  .tcg-entry h2 { margin-top: var(--tcg-10); font-size: 36px; }
  .tcg-entry h3 { font-size: 20px; }
  .tcg-entry table { min-width: 0; }
}
.tcg-product__about .tcg-entry { max-width: 76ch; }
/* "Full terms" links under an FAQ */
.tcg-policy-links { margin-top: var(--tcg-4); font-size: 14px; line-height: 1.7; color: var(--tcg-text-3); }
.tcg-policy-links a { color: var(--tcg-gold); text-decoration: underline; }
/* Key–value tables on the legal pages: labels read as labels, not as column headings */
.tcg-entry .tcg-facts th { width: 34%; font-family: var(--tcg-font); font-size: 14px; letter-spacing: 0; text-transform: none; vertical-align: top; border-bottom: 1px solid var(--tcg-hairline-soft); color: var(--tcg-text-3); }
.tcg-entry .tcg-facts table { min-width: 0; }

/* Content blocks some policy pages carry. */
.tcg-todo { border: 1px solid var(--tcg-orange); background: var(--tcg-yellow-surface); padding: var(--tcg-4); color: var(--tcg-text-2); font-size: 14px; }
.tcg-todo strong { color: var(--tcg-orange-text); }
.tcg-operator { display: grid; grid-template-columns: 1fr; margin-bottom: var(--tcg-6); padding: var(--tcg-4) var(--tcg-6); background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft); font-size: 14px; }
.tcg-operator dt { padding-top: var(--tcg-4); font-family: var(--tcg-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--tcg-text-3); }
.tcg-operator dd { margin: 0; padding-bottom: var(--tcg-4); border-bottom: 1px solid var(--tcg-hairline-soft); color: var(--tcg-text); }
.tcg-operator dd:last-child { border-bottom: 0; }
@media (min-width: 768px) {
  .tcg-operator { grid-template-columns: 15rem 1fr; }
  .tcg-operator dt { padding-bottom: var(--tcg-4); border-bottom: 1px solid var(--tcg-hairline-soft); }
  .tcg-operator dt:last-of-type { border-bottom: 0; }
  .tcg-operator dd { padding-top: var(--tcg-4); }
}
.tcg-faq-page { margin-bottom: var(--tcg-10); }

/* ---------------------------------------------------- 19 404 (§3.16) */
.tcg-404 { display: grid; gap: var(--tcg-10); padding-block: var(--tcg-12) var(--tcg-10); }
.tcg-404__copy { display: flex; flex-direction: column; gap: var(--tcg-4); min-width: 0; }
.tcg-404__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 48px; line-height: 1; }
.tcg-404__body { font-size: 15px; line-height: 1.7; color: var(--tcg-text-2); max-width: 440px; }
.tcg-404__copy .tcg-search { max-width: 460px; }
.tcg-404__actions { display: flex; flex-direction: column-reverse; gap: var(--tcg-3); }
.tcg-404__actions .tcg-btn { min-height: 52px; }
.tcg-404__recs { display: flex; flex-direction: column; gap: var(--tcg-4); }
@media (min-width: 768px) {
  .tcg-404__actions { flex-direction: row; padding-top: var(--tcg-2); }
}
@media (min-width: 1024px) {
  .tcg-404 { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 80px; align-items: center; padding-block: 88px var(--tcg-24); }
  .tcg-404--single { grid-template-columns: minmax(0, 640px); }
  .tcg-404__copy { gap: var(--tcg-5); }
  .tcg-404__title { font-size: 72px; }
  .tcg-404__body { font-size: 17px; }
}

/* ---------------------------------------- 20 Cart / checkout / account */
.tcg-commerce { padding-block: var(--tcg-6) var(--tcg-10); }
.tcg-commerce__title { margin-bottom: var(--tcg-5); }
@media (min-width: 1024px) {
  .tcg-commerce { padding-block: var(--tcg-12) var(--tcg-24); }
  .tcg-commerce__title { margin-bottom: var(--tcg-8); }
  .woocommerce-checkout .tcg-commerce__title { font-size: 56px; }
}

/* WooCommerce classic notices (§3.8). */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin: 0 0 var(--tcg-5); padding: 12px 14px 12px 44px; position: relative;
  border: 1px solid; border-radius: 0; list-style: none;
  font-size: 14px; font-weight: 500; line-height: 1.5;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
  position: absolute; left: 14px; top: 12px;
  font-family: "Material Symbols Rounded"; font-size: 20px; font-weight: 300; line-height: 1;
}
.woocommerce-message { background: var(--tcg-green-surface); border-color: var(--tcg-green); color: var(--tcg-green-text); }
.woocommerce-message::before { content: "check_circle"; color: var(--tcg-green); }
.woocommerce-info { background: var(--tcg-gold-surface); border-color: var(--tcg-gold); color: var(--tcg-gold-hover); }
.woocommerce-info::before { content: "info"; color: var(--tcg-gold); }
.woocommerce-error { background: var(--tcg-red-surface); border-color: var(--tcg-red); color: var(--tcg-red-text); flex-direction: column; align-items: flex-start; }
.woocommerce-error::before { content: "error"; color: var(--tcg-red-text); }
.woocommerce-error li { margin: 0; }
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: inherit; font-weight: 700; }
.woocommerce-message .button, .woocommerce-info .button { order: 2; margin-left: auto; min-height: 36px; padding: 0 14px; font-size: 13px; }

/* ----------------------------------- 21 Cart and Checkout blocks (§3.13–14) */
/* Presentation only. The blocks keep their structure, order, validation and
   scripts; class names verified against WooCommerce 11.1.2. */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { color: var(--tcg-text); font-family: var(--tcg-font); }
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide { margin-inline: 0; }

.wc-block-components-sidebar-layout .wc-block-components-main { padding-right: 0; }
@media (min-width: 1024px) {
  .wc-block-components-sidebar-layout.is-large .wc-block-components-main { padding-right: var(--tcg-14); width: 66.666%; }
  .wc-block-components-sidebar-layout.is-large .wc-block-components-sidebar { width: 33.333%; }
  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-large .wc-block-components-main { padding-right: var(--tcg-18); width: 58.333%; }
  .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-large .wc-block-components-sidebar { width: 41.666%; }
}

/* Cart line items. */
.wc-block-cart-items { border-collapse: collapse; }
.wc-block-cart .wc-block-cart-items__header th, .wc-block-cart-items__header {
  padding-bottom: 12px; border-bottom: 1px solid var(--tcg-text) !important;
  font-family: var(--tcg-mono); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tcg-text-3);
}
.wc-block-cart .wc-block-cart-items td, .wc-block-cart-items .wc-block-cart-items__row td { border-top: 0 !important; border-bottom: 1px solid var(--tcg-hairline) !important; }
.wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img { aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid var(--tcg-hairline-soft); border-radius: 0; }
.wc-block-components-product-name {
  font-family: var(--tcg-serif); font-weight: 600; font-size: 20px; line-height: 1.1; color: var(--tcg-text); text-decoration: none;
}
.wc-block-components-product-name:hover { color: var(--tcg-gold); text-decoration: underline; }
.wc-block-cart table.wc-block-cart-items .wc-block-components-product-name { font-size: 20px; line-height: 1.1; }
@media (min-width: 1024px) { .wc-block-cart table.wc-block-cart-items .wc-block-components-product-name { font-size: 26px; } }
.wc-block-components-product-price, .wc-block-components-product-price__value,
.wc-block-components-totals-item__value, .wc-block-formatted-money-amount,
.wc-block-components-order-summary-item__total-price {
  font-family: var(--tcg-mono); font-weight: 500; font-variant-numeric: tabular-nums; color: var(--tcg-text);
}
.wc-block-components-product-metadata { font-size: 13px; color: var(--tcg-text-2); }
.wc-block-components-sale-badge { border-radius: 0; border-color: var(--tcg-red); color: var(--tcg-red); font-family: var(--tcg-mono); }

/* Quantity selector (cart 44px). */
.wc-block-components-quantity-selector {
  border: 1px solid var(--tcg-border) !important; border-radius: 0 !important; background: #FFFFFF; height: 44px; width: auto;
}
.wc-block-components-quantity-selector::after { display: none !important; }
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  width: 44px; min-width: 44px; border-inline: 1px solid var(--tcg-hairline-soft) !important; border-radius: 0;
  font-family: var(--tcg-mono); font-weight: 500; font-size: 15px; color: var(--tcg-text);
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  min-width: 44px; color: var(--tcg-text); opacity: 1; font-size: 18px;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { color: var(--tcg-text-4); }
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: -2px; box-shadow: none; }
.wc-block-cart-item__remove-link {
  min-height: 44px; color: var(--tcg-gold) !important; font-size: 13px !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 4px;
}

/* Totals panel. */
.wc-block-components-sidebar .wc-block-components-totals-wrapper,
.wc-block-cart__sidebar, .wc-block-checkout__sidebar { border-color: var(--tcg-hairline-soft); }
.wp-block-woocommerce-cart-order-summary-block, .wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block {
  background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft); padding: 18px;
}
@media (min-width: 1024px) { .wc-block-cart__sidebar .wp-block-woocommerce-cart-totals-block { padding: 28px; } }
.wc-block-cart .wc-block-cart__totals-title, .wp-block-woocommerce-cart-order-summary-heading-block, .wc-block-components-checkout-order-summary__title-text {
  padding-bottom: 12px; border-bottom: 1px solid var(--tcg-text);
  font-family: var(--tcg-mono) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .12em; text-transform: uppercase; color: var(--tcg-text-3);
}
.wc-block-components-totals-item { font-size: 15px; }
.wc-block-components-totals-item__label { color: var(--tcg-text); }
.wc-block-components-totals-item__description { color: var(--tcg-text-2); font-size: 13px; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: 600; font-size: 16px; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 22px; }
@media (min-width: 1024px) { .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 26px; } }
.wc-block-components-totals-wrapper { border-top-color: var(--tcg-hairline-soft) !important; }
.wc-block-components-panel__button, .wc-block-components-totals-coupon .wc-block-components-panel__button {
  min-height: 52px; font-weight: 600; font-size: 14px; color: var(--tcg-text);
}
.wc-block-components-panel__button:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: 2px; }

/* Buttons inside blocks: the Primary spec. */
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
  min-height: 52px; border-radius: 0 !important; border: 0;
  background: var(--tcg-gold) !important; color: #FFFFFF !important;
  font-family: var(--tcg-font); font-weight: 600; font-size: 16px; text-decoration: none;
  transition: background-color var(--tcg-instant) var(--tcg-ease-out);
}
.wc-block-components-button:not(.is-link):hover,
.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover { background: var(--tcg-gold-hover) !important; }
.wc-block-components-button:not(.is-link):active { background: var(--tcg-gold-active) !important; }
.wc-block-components-button:not(.is-link):disabled, .wc-block-components-button:not(.is-link)[aria-disabled="true"] {
  background: var(--tcg-track) !important; color: var(--tcg-text-3) !important; opacity: 1;
}
.wc-block-components-button:not(.is-link):focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: 2px; box-shadow: none; }
.wc-block-components-button.is-link, .wc-block-components-checkout-return-to-cart-button {
  color: var(--tcg-gold); font-weight: 600; text-decoration: none;
}
.wc-block-components-checkout-return-to-cart-button:hover { color: var(--tcg-gold-hover); text-decoration: underline; }
@media (min-width: 768px) {
  .wc-block-cart__submit-button { min-height: 56px; }
  .wc-block-components-checkout-place-order-button { min-height: 60px; font-size: 17px; }
}

/* Checkout steps. */
.wc-block-components-checkout-step__title, .wc-block-components-title.wc-block-components-title {
  font-family: var(--tcg-serif); font-weight: 600; font-size: 24px; line-height: 1.2; color: var(--tcg-text);
}
@media (min-width: 1024px) { .wc-block-components-checkout-step__title, .wc-block-components-title.wc-block-components-title { font-size: 28px; } }
.wc-block-components-checkout-step__description { color: var(--tcg-text-2); font-size: 14px; }
.wc-block-components-checkout-step__heading-content a { color: var(--tcg-gold); font-weight: 600; }

/* Floating-label inputs (56px). */
.wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="password"], .wc-block-components-text-input input[type="url"],
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
  min-height: 56px; border: 1px solid var(--tcg-border) !important; border-radius: 0 !important;
  background: #FFFFFF !important; color: var(--tcg-text) !important; font-family: var(--tcg-font); font-size: 16px !important; box-shadow: none !important;
}
.wc-blocks-components-select .wc-blocks-components-select__container { border-radius: 0; background: #FFFFFF; height: 56px; }
.wc-block-components-text-input label, .wc-block-components-combobox .wc-block-components-combobox-control label,
.wc-blocks-components-select .wc-blocks-components-select__label { color: var(--tcg-text-3) !important; font-family: var(--tcg-font); }
.wc-block-components-text-input input:hover, .wc-blocks-components-select .wc-blocks-components-select__select:hover { border-color: var(--tcg-text) !important; }
.wc-block-components-text-input input:focus, .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus, .wc-block-components-textarea:focus {
  border-color: var(--tcg-gold) !important; box-shadow: 0 0 0 1px var(--tcg-gold) !important; outline: none;
}
.wc-block-components-text-input.is-active label, .wc-block-components-text-input input:focus + label { color: var(--tcg-gold) !important; }
.wc-block-components-text-input.has-error input, .wc-block-components-combobox.has-error input,
.wc-blocks-components-select.has-error .wc-blocks-components-select__select {
  border-color: var(--tcg-red) !important; box-shadow: 0 0 0 1px var(--tcg-red) !important;
}
.wc-block-components-text-input.has-error label { color: var(--tcg-red-text) !important; }
.wc-block-components-validation-error { color: var(--tcg-red-text); font-size: 13px; font-weight: 500; }
.wc-block-components-validation-error > p { display: flex; gap: 6px; align-items: center; }
.wc-block-components-validation-error > p::before { content: "error"; font-family: "Material Symbols Rounded"; font-size: 18px; font-weight: 300; }

/* Checkboxes (20×20 square). */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  width: 20px; height: 20px; min-width: 20px; border: 1px solid var(--tcg-border); border-radius: 0; background: #FFFFFF;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--tcg-gold); border-color: var(--tcg-gold); }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #FFFFFF; }
.wc-block-components-checkbox.has-error .wc-block-components-checkbox__input[type="checkbox"] { border: 2px solid var(--tcg-red); }
.wc-block-components-checkbox__input[type="checkbox"]:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: 2px; box-shadow: none; }
.wc-block-components-checkbox label { min-height: 44px; align-items: center; }

/* Selection cards: shipping and payment options. */
.wc-block-components-radio-control__option,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option {
  border-radius: 0 !important;
}
.wc-block-components-radio-control--highlight-checked::after,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option::after { border-radius: 0 !important; }
.wc-block-components-radio-control--highlight-checked { border: 1px solid var(--tcg-border); border-radius: 0; background: #FFFFFF; }
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: inset 0 0 0 2px var(--tcg-gold) !important; border-radius: 0 !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
  width: 20px; height: 20px; min-width: 20px; border: 1px solid var(--tcg-border); background: #FFFFFF;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked { border: 6px solid var(--tcg-gold); background: #FFFFFF; }
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { display: none; }
.wc-block-components-radio-control .wc-block-components-radio-control__input:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: 2px; box-shadow: none; }
.wc-block-components-radio-control__label { font-weight: 600; font-size: 15px; color: var(--tcg-text); }
.wc-block-components-radio-control__secondary-label { font-family: var(--tcg-mono); font-weight: 500; }
.wc-block-components-radio-control__description, .wc-block-components-radio-control__secondary-description { color: var(--tcg-text-2); font-size: 13px; }
.wc-block-components-radio-control-accordion-content { padding: 14px !important; margin: 0 16px 16px 50px; background: var(--tcg-bg); font-size: 13px; line-height: 1.6; color: var(--tcg-text-2); }
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option {
  min-height: 64px; margin-bottom: var(--tcg-3); padding: 12px 16px 12px 50px;
  border: 1px solid var(--tcg-border); background: #FFFFFF;
}
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__option--checked {
  border-color: var(--tcg-gold); box-shadow: 0 0 0 1px var(--tcg-gold);
}

/* Order summary. */
.wc-block-components-order-summary .wc-block-components-order-summary-item { border-color: var(--tcg-hairline-soft); }
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  min-width: 22px; height: 22px; border: 0; border-radius: var(--tcg-r-pill); background: var(--tcg-text); color: #FFFFFF;
  font-family: var(--tcg-mono); font-weight: 600; font-size: 12px; box-shadow: none;
}
.wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 19px; }
.wp-block-woocommerce-checkout-order-summary-block {
  background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft) !important; border-radius: 0 !important;
}
@media (min-width: 1024px) { .wc-block-checkout__sidebar.is-sticky { top: var(--tcg-6); } }

/* Notices inside blocks (§3.8). */
.wc-block-components-notice-banner {
  border-radius: 0 !important; border: 1px solid !important; padding: 16px 18px !important;
  font-size: 14px; font-weight: 500; line-height: 1.6;
}
.wc-block-components-notice-banner > svg { border-radius: 0; }
.wc-block-components-notice-banner.is-error { background: var(--tcg-red-surface) !important; border-color: var(--tcg-red) !important; color: var(--tcg-red-text) !important; }
.wc-block-components-notice-banner.is-error > svg { background: var(--tcg-red-text); }
.wc-block-components-notice-banner.is-success { background: var(--tcg-green-surface) !important; border-color: var(--tcg-green) !important; color: var(--tcg-green-text) !important; }
.wc-block-components-notice-banner.is-success > svg { background: var(--tcg-green); }
.wc-block-components-notice-banner.is-warning { background: var(--tcg-yellow-surface) !important; border-color: var(--tcg-yellow) !important; color: var(--tcg-yellow-text) !important; }
.wc-block-components-notice-banner.is-warning > svg { background: var(--tcg-yellow); }
.wc-block-components-notice-banner.is-info { background: var(--tcg-gold-surface) !important; border-color: var(--tcg-gold) !important; color: var(--tcg-gold-hover) !important; }
.wc-block-components-notice-banner.is-info > svg { background: var(--tcg-gold); }
.wc-block-components-notice-banner a { color: inherit; font-weight: 700; }

/* Empty cart. */
.wp-block-woocommerce-empty-cart-block { padding-block: var(--tcg-10); text-align: center; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
  font-family: var(--tcg-serif); font-weight: 600; font-size: 36px; line-height: 1.1;
}
@media (min-width: 1024px) { .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font-size: 48px; } }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before { background: var(--tcg-gold) !important; }
.wp-block-woocommerce-empty-cart-block .wp-block-separator { border-color: var(--tcg-hairline); }
.wp-block-woocommerce-empty-cart-block .wp-block-heading { font-family: var(--tcg-serif); font-weight: 600; }

/* Phones: the cart's checkout button stays reachable above the bottom nav. */
@media (max-width: 767.98px) {
  .wc-block-cart .wc-block-cart__submit-container--sticky {
    bottom: calc(var(--tcg-bottomnav) + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--tcg-bg); border-top: 1px solid var(--tcg-hairline); padding: 10px 12px; box-shadow: none !important;
  }
  .wc-block-cart .wc-block-cart__submit-container--sticky::before { display: none !important; }
}

/* ------------------------------------------------- 22 My account (§3.15) */
.woocommerce-account .tcg-commerce__body > .woocommerce { display: block; }
.woocommerce-account .tcg-commerce__body > .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: auto; margin: 0 calc(var(--tcg-pad) * -1) var(--tcg-6) 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex; gap: var(--tcg-2); margin: 0; padding: 0 var(--tcg-pad) 0 0; overflow-x: auto; list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li { flex: none; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--tcg-border); background: #FFFFFF; color: var(--tcg-text);
  font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: var(--tcg-text); border-color: var(--tcg-text); color: #FFFFFF; }
.woocommerce-account .woocommerce-MyAccount-navigation a::before {
  font-family: "Material Symbols Rounded"; font-size: 20px; font-weight: 300; line-height: 1; display: none;
}
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "space_dashboard"; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "receipt_long"; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "download"; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "home_pin"; }
.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "credit_card"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "badge"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "logout"; }
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; min-width: 0; color: var(--tcg-text-2); }
@media (min-width: 1024px) {
  .woocommerce-account.logged-in .tcg-commerce__body > .woocommerce { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--tcg-14); align-items: start; }
  .woocommerce-account .woocommerce-MyAccount-navigation { margin: 0; grid-column: 1; }
  .woocommerce-account .woocommerce-MyAccount-content { grid-column: 2; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { flex-direction: column; gap: 0; padding: 0; overflow: visible; border-top: 1px solid var(--tcg-text); }
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    min-height: 48px; padding: 0 12px; border: 0; border-bottom: 1px solid var(--tcg-hairline); background: transparent;
    font-size: 15px; font-weight: 500;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a::before { display: block; }
  .woocommerce-account .woocommerce-MyAccount-navigation a:hover { color: var(--tcg-gold); }
  .woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: #FFFFFF; border-color: var(--tcg-hairline); color: var(--tcg-gold); font-weight: 700; }
}
.woocommerce-MyAccount-content > p, .woocommerce-MyAccount-content > div > p { font-size: 15px; line-height: 1.7; max-width: 720px; }
.woocommerce-MyAccount-content > p + p { margin-top: var(--tcg-3); }
.woocommerce-MyAccount-content > p:first-child strong { font-family: var(--tcg-serif); font-weight: 600; font-size: 1.6em; color: var(--tcg-text); }
.woocommerce-MyAccount-content h2:not(.tcg-label), .woocommerce-MyAccount-content h3,
.woocommerce-column__title, .woocommerce-order-details__title, .woocommerce-customer-details h2 {
  margin: var(--tcg-8) 0 var(--tcg-3); font-family: var(--tcg-serif); font-weight: 600; font-size: 26px; line-height: 1.15; color: var(--tcg-text);
}
@media (min-width: 1024px) {
  .woocommerce-MyAccount-content > p { font-size: 16px; }
  .woocommerce-MyAccount-content h2, .woocommerce-order-details__title, .woocommerce-customer-details h2 { font-size: 28px; }
}

/* Dashboard additions (§3.18). */
.tcg-latest {
  display: flex; flex-direction: column; gap: var(--tcg-3); margin-top: var(--tcg-6); padding: 16px;
  background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft);
}
.tcg-latest__body { display: flex; flex-direction: column; gap: var(--tcg-2); }
.tcg-latest__line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.tcg-latest__number { font-size: 17px; font-weight: 500; }
.tcg-latest__meta { font-size: 14px; color: var(--tcg-text-2); }
.tcg-latest__meta .tcg-mono { color: var(--tcg-text); }
@media (min-width: 768px) {
  .tcg-latest { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--tcg-6); padding: 24px 28px; }
  .tcg-latest__number { font-size: 20px; }
  .tcg-latest__meta { font-size: 15px; }
}
.tcg-tiles { display: flex; flex-direction: column; margin: var(--tcg-6) 0 0; padding: 0; list-style: none; border-top: 1px solid var(--tcg-text); }
.tcg-tile {
  display: grid; grid-template-columns: 28px minmax(0, 1fr) 20px; align-items: center; gap: 2px 12px;
  min-height: 64px; padding-block: 10px; border-bottom: 1px solid var(--tcg-hairline);
  color: var(--tcg-text); text-decoration: none;
}
.tcg-tile:hover { color: var(--tcg-gold); }
.tcg-tile__icon { grid-row: 1 / span 2; font-size: 24px; color: var(--tcg-gold); }
.tcg-tile__title { font-weight: 600; font-size: 16px; }
.tcg-tile__desc { grid-column: 2; font-size: 13px; color: var(--tcg-text-3); }
.tcg-tile__cta { display: none; }
.tcg-tile__chev { grid-column: 3; grid-row: 1 / span 2; font-size: 20px; }
@media (min-width: 768px) {
  .tcg-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tcg-4); border-top: 0; }
  .tcg-tile {
    display: flex; flex-direction: column; align-items: flex-start; gap: 10px; height: 100%;
    padding: 24px; background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft);
    transition: border-color var(--tcg-fast) var(--tcg-ease-out);
  }
  .tcg-tile:hover { border-color: var(--tcg-text); color: var(--tcg-text); }
  .tcg-tile__icon { font-size: 28px; }
  .tcg-tile__title { font-family: var(--tcg-serif); font-weight: 600; font-size: 24px; line-height: 1.15; }
  .tcg-tile__desc { font-size: 14px; line-height: 1.6; color: var(--tcg-text-2); }
  .tcg-tile__cta { display: block; margin-top: auto; padding-top: 6px; font-weight: 600; font-size: 14px; color: var(--tcg-gold); }
  .tcg-tile__chev { display: none; }
}

/* Tables: orders, order details, downloads (§3.15, §3.19). */
.woocommerce table.shop_table {
  width: 100%; margin: 0 0 var(--tcg-6); border: 1px solid var(--tcg-hairline-soft); border-radius: 0;
  border-collapse: collapse; background: #FFFFFF; color: var(--tcg-text);
}
.woocommerce table.shop_table th {
  padding: 14px 24px; border-bottom: 1px solid var(--tcg-text);
  font-family: var(--tcg-mono); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--tcg-text-3); text-align: left;
}
.woocommerce table.shop_table td { padding: 16px 24px; border-top: 0; border-bottom: 1px solid var(--tcg-hairline-soft); font-size: 15px; vertical-align: middle; }
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
  border-top: 0; border-bottom: 1px solid var(--tcg-hairline-soft); font-family: var(--tcg-font); font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--tcg-text); font-weight: 400;
}
.woocommerce table.shop_table tfoot tr:last-child th, .woocommerce table.shop_table tfoot tr:last-child td { font-weight: 700; }
.woocommerce table.shop_table tfoot tr:last-child td .woocommerce-Price-amount { font-size: 22px; }
.woocommerce table.shop_table .woocommerce-Price-amount, .woocommerce table.shop_table .tcg-price-converted { font-family: var(--tcg-mono); font-weight: 500; }
.woocommerce table.shop_table .product-name a { font-family: var(--tcg-serif); font-weight: 600; font-size: 22px; color: var(--tcg-text); text-decoration: none; }
.woocommerce table.shop_table .product-name a:hover { color: var(--tcg-gold); text-decoration: underline; }
.woocommerce table.shop_table .product-quantity { font-family: var(--tcg-mono); font-size: 13px; color: var(--tcg-text-3); font-weight: 400; }
.woocommerce-orders-table__cell-order-number a { font-family: var(--tcg-mono); font-weight: 500; }
.woocommerce-orders-table .woocommerce-button, .woocommerce-orders-table .button {
  min-height: 40px; padding: 0 18px; background: transparent !important; border: 1px solid var(--tcg-text) !important; color: var(--tcg-text) !important; font-size: 14px;
}
.woocommerce-orders-table .woocommerce-button:hover, .woocommerce-orders-table .button:hover { background: var(--tcg-surface) !important; }
/* Order status: WooCommerce prints the status name as text in its cell and
   the status slug as a class on the row; the colour is keyed to that slug. */
.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-status { font-size: 13px; font-weight: 600; color: var(--tcg-text-2); }

/* Phones: WooCommerce's responsive table becomes stacked cards. */
@media (max-width: 767.98px) {
  .woocommerce table.shop_table_responsive { border: 0; background: transparent; }
  .woocommerce table.shop_table_responsive thead { display: none; }
  .woocommerce table.shop_table_responsive tbody tr { display: block; margin-bottom: var(--tcg-3); padding: 12px 16px; background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft); }
  .woocommerce table.shop_table_responsive tbody td { display: flex; justify-content: space-between; gap: var(--tcg-3); padding: 6px 0; border: 0; text-align: right; font-size: 14px; }
  .woocommerce table.shop_table_responsive tbody td::before { content: attr(data-title); float: none; font-weight: 600; color: var(--tcg-text-3); text-align: left; }
  .woocommerce table.shop_table_responsive tbody td.woocommerce-orders-table__cell-order-actions::before { display: none; }
  .woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 12px 14px; }
}

.woocommerce-pagination--without-numbers, .woocommerce-MyAccount-content .woocommerce-pagination { display: flex; justify-content: space-between; gap: var(--tcg-3); }
.woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button {
  min-height: 44px; background: transparent; color: var(--tcg-text); border: 1px solid var(--tcg-text);
}

/* View order (§3.19). */
.woocommerce-MyAccount-content mark { background: none; color: var(--tcg-text); font-weight: 600; }
.woocommerce-OrderUpdates { margin: 0 0 var(--tcg-6); padding: 0; list-style: none; }
.woocommerce-OrderUpdate { display: grid; gap: var(--tcg-1); padding: 16px 20px; background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft); }
.woocommerce-OrderUpdate-meta { font-family: var(--tcg-mono); font-size: 13px; color: var(--tcg-text-3); }
.woocommerce .order-again .button { background: transparent; color: var(--tcg-text); border-color: var(--tcg-text); }
.woocommerce .order-again .button:hover { background: #FFFFFF; color: var(--tcg-text); }

/* Addresses (§3.20). */
.woocommerce-Addresses.col2-set, .woocommerce-customer-details .col2-set { display: grid; gap: var(--tcg-4); }
.woocommerce-Addresses.col2-set::before, .woocommerce-Addresses.col2-set::after,
.woocommerce .col2-set::before, .woocommerce .col2-set::after { display: none; }
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2,
.woocommerce-Addresses .woocommerce-Address { float: none; width: auto; max-width: none; }
.woocommerce-Address, .woocommerce-customer-details .woocommerce-column {
  padding: 18px; background: #FFFFFF; border: 1px solid var(--tcg-hairline-soft);
}
.woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; gap: var(--tcg-3); margin-bottom: var(--tcg-3); }
.woocommerce-Address-title h2, .woocommerce-Address-title h3, .woocommerce-customer-details .woocommerce-column__title {
  margin: 0; font-family: var(--tcg-serif); font-weight: 600; font-size: 22px;
}
.woocommerce-Address-title .edit {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  border: 1px solid var(--tcg-text); color: var(--tcg-text); font-weight: 600; font-size: 14px; text-decoration: none;
}
.woocommerce-Address-title .edit:hover { background: var(--tcg-bg); }
.woocommerce address, .woocommerce-customer-details address {
  padding: 0; border: 0; font-style: normal; font-size: 14px; line-height: 1.7; color: var(--tcg-text-2);
}
@media (min-width: 768px) {
  .woocommerce-Addresses.col2-set, .woocommerce-customer-details .col2-set { grid-template-columns: 1fr 1fr; gap: var(--tcg-6); }
  .woocommerce-Address, .woocommerce-customer-details .woocommerce-column { padding: 28px; }
  .woocommerce-Address-title h2, .woocommerce-Address-title h3 { font-size: 26px; }
  .woocommerce-Address-title .edit { min-height: 40px; }
  .woocommerce address { font-size: 15px; }
}
.woocommerce-address-fields__field-wrapper, .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
  display: grid; grid-template-columns: 1fr; gap: 0 var(--tcg-4); max-width: 720px;
}
@media (min-width: 768px) {
  .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr 1fr; }
  .woocommerce-address-fields__field-wrapper .form-row-wide { grid-column: 1 / -1; }
  .woocommerce form .form-row-first, .woocommerce form .form-row-last { float: none; width: auto; }
}
.woocommerce-address-fields > p button, .woocommerce-EditAccountForm button[type="submit"] { min-height: 52px; padding-inline: 32px; }

/* Account details (§3.15). */
.woocommerce-EditAccountForm { max-width: 720px; }
.woocommerce-EditAccountForm .form-row-first, .woocommerce-EditAccountForm .form-row-last { display: block; }
@media (min-width: 768px) {
  .woocommerce-EditAccountForm { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--tcg-4); }
  .woocommerce-EditAccountForm > *:not(.form-row-first):not(.form-row-last) { grid-column: 1 / -1; }
}
.woocommerce-EditAccountForm fieldset { margin: var(--tcg-2) 0 var(--tcg-6); padding: 16px; border: 1px solid var(--tcg-hairline); }
@media (min-width: 768px) { .woocommerce-EditAccountForm fieldset { padding: 24px; } }
.woocommerce-EditAccountForm legend { padding: 0 8px; font-family: var(--tcg-serif); font-weight: 600; font-size: 22px; color: var(--tcg-text); }
.woocommerce-EditAccountForm .clear { display: none; }

/* Login, register, lost password (§3.15). */
.woocommerce-account:not(.logged-in) .tcg-commerce__body > .woocommerce { max-width: 100%; }
.woocommerce .u-columns.col2-set { display: grid; gap: var(--tcg-5); }
@media (min-width: 1024px) { .woocommerce .u-columns.col2-set { grid-template-columns: 1fr 1fr; gap: var(--tcg-8); align-items: start; } }
.woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register,
.woocommerce form.woocommerce-ResetPassword, .woocommerce form.lost_reset_password {
  margin: 0; padding: 22px 18px; border: 1px solid var(--tcg-hairline-soft); border-radius: 0; background: #FFFFFF;
}
@media (min-width: 768px) {
  .woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register,
  .woocommerce form.woocommerce-ResetPassword, .woocommerce form.lost_reset_password { padding: 40px; }
}
.woocommerce-account:not(.logged-in) .tcg-commerce__body > .woocommerce > form.woocommerce-form-login { max-width: 640px; }
.woocommerce form.woocommerce-ResetPassword, .woocommerce form.lost_reset_password { max-width: 560px; }
.woocommerce-account:not(.logged-in) .tcg-commerce__body h2:not(.tcg-label) { font-family: var(--tcg-serif); font-weight: 600; font-size: 28px; line-height: 1.15; margin-bottom: var(--tcg-5); color: var(--tcg-text); }
@media (min-width: 768px) { .woocommerce-account:not(.logged-in) .tcg-commerce__body h2:not(.tcg-label) { font-size: 32px; } }
.woocommerce-form-login .form-row:last-of-type { display: flex; flex-direction: column; gap: var(--tcg-3); margin-bottom: var(--tcg-3); }
.woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-ResetPassword .button {
  width: 100%; min-height: 52px; float: none; margin: 0;
}
.woocommerce-form-register__submit { background: transparent !important; color: var(--tcg-text) !important; border-color: var(--tcg-text) !important; }
.woocommerce-form-register__submit:hover { background: var(--tcg-bg) !important; }
.woocommerce-LostPassword a, .lost_password a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 14px; }
.woocommerce-privacy-policy-text { font-size: 13px; line-height: 1.7; color: var(--tcg-text-2); margin-bottom: var(--tcg-5); }

/* WooCommerce's own show/hide password control: styled, never replaced. */
.woocommerce .password-input { position: relative; display: block; width: 100%; }
.woocommerce .password-input input { padding-right: 52px !important; }
.woocommerce .show-password-input {
  position: absolute; top: 50%; right: 2px; transform: translateY(-50%);
  width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--tcg-text-2);
}
.woocommerce .show-password-input::before {
  content: "visibility"; background: none !important; font-family: "Material Symbols Rounded"; font-size: 22px; font-weight: 300;
  width: auto !important; height: auto !important; display: grid; place-items: center;
}
.woocommerce .show-password-input.display-password::before { content: "visibility_off"; }
.woocommerce .show-password-input:hover { color: var(--tcg-gold); }
.woocommerce .show-password-input:focus-visible { outline: 2px solid var(--tcg-focus); outline-offset: -2px; }
.woocommerce-password-strength {
  margin-top: 6px; padding: 6px 10px; border: 1px solid; font-size: 13px; font-weight: 500; text-align: left;
}
.woocommerce-password-strength.short, .woocommerce-password-strength.bad { background: var(--tcg-red-surface); border-color: var(--tcg-red); color: var(--tcg-red-text); }
.woocommerce-password-strength.good { background: var(--tcg-yellow-surface); border-color: var(--tcg-yellow); color: var(--tcg-yellow-text); }
.woocommerce-password-strength.strong { background: var(--tcg-green-surface); border-color: var(--tcg-green); color: var(--tcg-green-text); }

/* ---------------------------------------- 23 Core plugin presentation */
/* Charged-currency statements (Core I18nHooks). Notice styling (§3.8). */
.tcg-charged-notice {
  margin: 0 0 var(--tcg-5); padding: 12px 14px;
  border: 1px solid var(--tcg-yellow); background: var(--tcg-yellow-surface); color: var(--tcg-yellow-text);
  font-size: 13px; font-weight: 500; line-height: 1.5;
}
.tcg-settlement {
  margin: 0 0 var(--tcg-5); padding: 14px 16px;
  border: 1px solid var(--tcg-yellow); background: var(--tcg-yellow-surface); color: var(--tcg-yellow-text);
  font-size: 14px; line-height: 1.5;
}
.tcg-settlement__row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--tcg-4); padding: 3px 0; }
.tcg-settlement__label { color: var(--tcg-yellow-text); }
.tcg-settlement__value { font-family: var(--tcg-mono); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--tcg-text); }
.tcg-settlement__row.is-charged { margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(138, 90, 0, .3); }
.tcg-settlement__row.is-charged .tcg-settlement__label, .tcg-settlement__row.is-charged .tcg-settlement__value { font-weight: 700; color: var(--tcg-text); }
@media (max-width: 480px) {
  .tcg-settlement__row { flex-direction: column; gap: 1px; }
  .tcg-settlement__value { text-align: left; }
}

/* Payment method marks (Core GlobePayIcon / globepay-blocks.js).
   Every mark is the brand's own file, drawn as supplied: sizes are capped by
   height with width auto, nothing is recoloured or cropped. */
.tcg-paylabel--stacked { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; min-width: 0; }
.tcg-paylabel__name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tcg-paylabel__text { min-width: 0; }
.tcg-paylabel__name img.tcg-paymark__logo {
  height: auto !important; max-height: 26px !important; width: auto; object-fit: contain; flex-shrink: 0;
}
/* WeChat Pay's file is its official white-text lockup, made for dark grounds
   (brands/README.md). On Vellum's white checkout it sits on an ink plate so
   it is used as published rather than vanishing white-on-white. */
.tcg-paylabel__name img.tcg-paymark--wechat-pay {
  padding: 3px 6px; background: var(--tcg-text); box-sizing: content-box;
}
.tcg-paymark { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tcg-paymark img.tcg-paymark__brand {
  height: auto !important; max-height: 22px !important; width: auto; object-fit: contain;
  padding: 2px 4px; border: 1px solid var(--tcg-hairline-soft); background: #FFFFFF; box-sizing: content-box;
}
/* JCB may not render below 37px wide; at this height its own ratio clears it. */
.tcg-paymark img.tcg-paymark--jcb { height: 29px !important; max-height: none !important; width: auto; }
.tcg-paymark__name {
  padding: 2px 6px; border: 1px solid var(--tcg-border); background: #FFFFFF;
  color: var(--tcg-text-2); font-family: var(--tcg-mono); font-size: 10px; font-weight: 600; letter-spacing: .04em; line-height: 1.5; white-space: nowrap;
}

/* Free shipping offer (Core free-shipping-blocks.js): an information notice.
   The text and the threshold are Core's; no progress bar is drawn because
   Core publishes no ratio and the theme does not calculate one. */
.tcg-freeship {
  display: flex; align-items: flex-start; gap: 10px; margin: var(--tcg-4) 0 0; padding: 12px 14px;
  border: 1px solid var(--tcg-gold); background: var(--tcg-gold-surface); color: var(--tcg-gold-hover);
  font-size: 14px; font-weight: 500; line-height: 1.5;
}
.tcg-freeship__icon { font-size: 20px; color: var(--tcg-gold); }
.tcg-freeship__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tcg-freeship__headline { font-weight: 600; }
.tcg-freeship__progress { font-size: 13px; color: var(--tcg-gold-hover); }
.tcg-freeship--earned { border-color: var(--tcg-green); background: var(--tcg-green-surface); color: var(--tcg-green-text); }
.tcg-freeship--earned .tcg-freeship__icon { color: var(--tcg-green); }

/* ---------------------------------------------------- 24 Chinese (§6) */
/* Chinese headings drop the serif (it carries no CJK glyphs) for the system
   sans at 600, 0.8× the Latin size, line-height 1.3. Product names stay in
   the serif: they are Latin proper names. */
:lang(zh) body, html:lang(zh) { font-family: var(--tcg-font); }
html:lang(zh) .tcg-h1, html:lang(zh) .tcg-h2, html:lang(zh) .tcg-h3,
html:lang(zh) .tcg-promo__title, html:lang(zh) .tcg-404__title, html:lang(zh) .tcg-empty__title,
html:lang(zh) .tcg-sheet__title, html:lang(zh) .tcg-footer__tagline, html:lang(zh) .tcg-tile__title,
html:lang(zh) .tcg-entry h2, html:lang(zh) .woocommerce-account:not(.logged-in) .tcg-commerce__body h2, html:lang(zh) .wc-block-components-checkout-step__title,
html:lang(zh) .tcg-searchpage__title {
  font-family: var(--tcg-cjk); font-weight: 600; font-style: normal; line-height: 1.3;
}
html:lang(zh) .tcg-h1 { font-size: 32px; }
html:lang(zh) .tcg-h2 { font-size: 24px; }
html:lang(zh) .tcg-h3 { font-size: 20px; }
@media (min-width: 1024px) {
  html:lang(zh) .tcg-h1 { font-size: 51px; }
  html:lang(zh) .tcg-h2 { font-size: 38px; }
  html:lang(zh) .tcg-h3 { font-size: 22px; }
}
html:lang(zh) .tcg-entry, html:lang(zh) .tcg-accordion__panel, html:lang(zh) .tcg-step__body { line-height: 1.8; }
html:lang(zh) .tcg-eyebrow, html:lang(zh) .tcg-label, html:lang(zh) .tcg-badge, html:lang(zh) .tcg-footer__heading { letter-spacing: .06em; }
html:lang(zh) .tcg-header__menu a { letter-spacing: 0; }

/* ----------------------------------------------- 25 Reduced motion (§1.4) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* --------------------------------------------------------- 26 Print */
@media print {
  .tcg-announce, .tcg-header, .tcg-bottomnav, .tcg-footer, .tcg-skip-link, .tcg-toc { display: none !important; }
  body { background: #FFFFFF; padding: 0; }
}

/* Labels that are headings for structure (h2.tcg-label) must not pick up
   WooCommerce's account heading sizes. */
.woocommerce .tcg-latest h2.tcg-label, .tcg-404 h2.tcg-label, .tcg-filters h2.tcg-label, .tcg-toc h2.tcg-label {
  margin: 0; font-family: var(--tcg-mono); font-size: 12px; font-weight: 600; letter-spacing: .12em; line-height: 1.4; color: var(--tcg-text-3);
}