/** Shopify CDN: Minification failed

Line 142:13 Expected identifier but found whitespace
Line 142:14 Unexpected "var("

**/
/* ============================================================
   SET INFORMATION — Hub (sv-setgrid/sv-card) + Detail (sv-* inline)
   All overrides use !important to beat inline {% style %} blocks
   ============================================================ */

/* ── HUB PAGE — set-card-grid section ── */

/* Set hub page header */
.vault-set-hub-header {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 0 !important;
}

.vault-set-hub-header__inner {
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 52px clamp(24px, 4vw, 80px) 40px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 60px !important;
  align-items: end !important;
  min-width: 0 !important;
}

.vault-set-hub-header-left {
  border-left: 2px solid var(--gold) !important;
  padding-left: 20px !important;
}

.vault-set-hub-title {
  font-family: var(--font-display) !important;
  font-size: 3.6rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  color: var(--text) !important;
  line-height: 1.05 !important;
  margin-bottom: 16px !important;
}

.vault-set-hub-desc {
  font-size: 0.88rem !important;
  color: var(--muted) !important;
  line-height: 1.75 !important;
  max-width: 560px !important;
}

.vault-set-hub-desc p {
  color: var(--muted) !important;
  margin-bottom: 0.8em !important;
}

.vault-set-hub-meta {
  display: flex !important;
  gap: 40px !important;
  align-items: flex-end !important;
  flex-shrink: 0 !important;
}

.vault-hub-stat {
  text-align: right !important;
}

.vault-hub-stat-num {
  font-family: var(--font-display) !important;
  font-size: 3.2rem !important;
  font-weight: 300 !important;
  color: var(--gold) !important;
  line-height: 1 !important;
}

.vault-hub-stat-label {
  font-family: var(--font-mono) !important;
  font-size: 0.52rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-top: 6px !important;
  line-height: 1.6 !important;
}

@media (max-width: 900px) {
  .vault-set-hub-header__inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 36px 20px 24px !important;
    overflow: hidden !important;
  }
  .vault-set-hub-header-left {
    width: 100% !important;
    min-width: 0 !important;
  }
  .vault-set-hub-meta { justify-content: flex-start !important; flex-direction: row !important; gap: 24px !important; }
  .vault-hub-stat { text-align: left !important; }
  .vault-set-hub-title { font-size: 2rem !important; }
  .vault-set-hub-desc { max-width: 100% !important; overflow: hidden !important; }
  .vault-set-hub-desc p { max-width: 100% !important; word-break: break-word !important; }
}

@media (max-width: 480px) {
  .vault-set-hub-title { font-size: 1.6rem !important; }
  .vault-hub-stat-num { font-size: 2.4rem !important; }
}

/* ── Set Info Hub Disclaimer (Dawn rich-text section) ── */
.sv-setgrid ~ .shopify-section .rich-text,
.shopify-section:last-of-type .rich-text {
  background: var(--surface) !important;
}

/* Target the disclaimer section specifically */
.shopify-section .rich-text.color-scheme-background-1,
.shopify-section .rich-text.gradient {
  background: var(--surface) !important;
  border-top: 1px solid var(--border) !important;
}

.shopify-section .rich-text .rich-text__heading {
  font-family: var(--font-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
  margin-bottom: 12px !important;
}

.shopify-section .rich-text .rich-text__text p {
  font-size: 0.82rem !important;
  color: var(--muted) !important;
  line-height: 1.75 !important;
  max-width: 640px !important;
}


  background: var(--black) !important;
}

.sv-setgrid__inner {
  max-width: 1400px !important;
}

.sv-setgrid__kicker {
  font-family: var(--font-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  opacity: 1 !important;
}

.sv-setgrid__title {
  font-family: var(--font-display) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  color: var(--text) !important;
  text-transform: none !important;
}

.sv-setgrid__divider {
  background: var(--border) !important;
  opacity: 1 !important;
}

.sv-setgrid__shoplink a {
  font-family: var(--font-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: none !important;
  border: 1px solid var(--border2) !important;
  color: var(--text2) !important;
  padding: 9px 18px !important;
  font-weight: 400 !important;
  transition: border-color 0.2s, color 0.2s !important;
}
.sv-setgrid__shoplink a:hover {
  background: none !important;
  border-color: var(--gold-dim) !important;
  color: var(--gold) !important;
}

/* Card */
.sv-card {
  background: var(--surface) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid var(--border) !important;
  transform: none !important;
  transition: background 0.25s !important;
}
.sv-card:hover {
  background: var(--raised) !important;
  transform: none !important;
  box-shadow: none !important;
}

.sv-card__media {
  background: var(--dark) !important;
  aspect-ratio: 4/3 !important;
}

.sv-card__media img {
  object-fit: contain !important;
  padding: 20px !important;
}

.sv-card__placeholder {
  background: var(--dark) !important;
  color: var(--border2) !important;
  font-family: var(--font-display) !important;
  font-style: italic !important;
  opacity: 1 !important;
}

.sv-card__body {
  border-top: 1px solid var(--border) !important;
  padding: 16px 18px 18px !important;
}

.sv-card__title {
  font-family: var(--font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  color: var(--text) !important;
  text-transform: none !important;
}

.sv-card__desc {
  font-size: 0.82rem !important;
  color: var(--muted) !important;
  opacity: 1 !important;
  line-height: 1.65 !important;
}

.sv-card__actions {
  border-top: 1px solid var(--border) !important;
  padding-top: 12px !important;
  margin-top: 12px !important;
}

.sv-card__link {
  font-family: var(--font-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  background: var(--gold-bg) !important;
  color: var(--gold) !important;
  border: 1px solid var(--gold-dim) !important;
  padding: 8px 14px !important;
  font-weight: 400 !important;
  transition: background 0.2s, color 0.2s !important;
}
.sv-card__link:hover {
  background: var(--gold) !important;
  color: var(--black) !important;
}

.sv-card__link--subtle {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--muted) !important;
  opacity: 1 !important;
  font-family: var(--font-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 8px 0 !important;
  font-weight: 400 !important;
}
.sv-card__link--subtle:hover {
  color: var(--text) !important;
  opacity: 1 !important;
}

/* Grid gap → 1px with border background */
.sv-setgrid__grid {
  gap: 1px !important;
  background: var(--border) !important;
  border: 1px solid var(--border) !important;
}

/* ── SET DETAIL PAGES — sv-* inline styles override ── */

/* Page background */
.shopify-section {
  background: var(--black) !important;
}

/* Set intro */
.sv-setintro {
  padding-top: 48px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid var(--border) !important;
}
.sv-setintro::before { display: none !important; }

.sv-setintro__title {
  font-family: var(--font-display) !important;
  font-size: 3rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--text) !important;
}

.sv-setintro__tagline {
  font-family: var(--font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--text2) !important;
  opacity: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Meta grid */
.sv-setmeta {
  gap: 1px !important;
  background: var(--border) !important;
  border: 1px solid var(--border) !important;
  margin: 28px 0 !important;
  max-width: 100% !important;
}

.sv-setmeta__item {
  background: var(--surface) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  box-shadow: none !important;
}
.sv-setmeta__item::before { display: none !important; }
.sv-setmeta__item:hover {
  transform: none !important;
  box-shadow: none !important;
  background: var(--raised) !important;
  border-color: transparent !important;
}

.sv-setmeta__label {
  font-family: var(--font-mono) !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
  margin: 0 0 6px !important;
}

.sv-setmeta__value {
  font-family: var(--font-display) !important;
  font-size: 1.6rem !important;
  font-weight: 300 !important;
  color: var(--gold) !important;
  letter-spacing: 0.02em !important;
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1 !important;
}

/* Overview */
.sv-setoverview {
  color: var(--text2) !important;
  text-align: left !important;
  max-width: 100% !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
}

/* Notable cards panel */
.sv-panel { max-width: 1300px !important; padding: 0 !important; }

.sv-panel__head { text-align: left !important; margin-bottom: 20px !important; }

.sv-panel__title {
  font-family: var(--font-display) !important;
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--text) !important;
}

.sv-panel__sub { color: var(--muted) !important; font-size: 0.88rem !important; }

.sv-notables {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-top: 1px solid var(--border) !important;
  padding-top: 24px !important;
}

.sv-notables__grid {
  gap: 1px !important;
  background: var(--border) !important;
  border: 1px solid var(--border) !important;
  margin-top: 0 !important;
}

.sv-notable {
  border: none !important;
  border-radius: 0 !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
.sv-notable:hover {
  transform: none !important;
  box-shadow: none !important;
  background: var(--raised) !important;
  border-color: transparent !important;
}

.sv-notable__imgwrap {
  background: var(--dark) !important;
  padding: 14px !important;
}
.sv-notable__imgwrap img { border-radius: 0 !important; }

.sv-notable__cap {
  font-family: var(--font-mono) !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  padding: 10px 12px 12px !important;
  font-weight: 400 !important;
}

/* Set list accordion */
.sv-accordion {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  max-width: 1300px !important;
  box-shadow: none !important;
}

.sv-accordion__summary {
  font-family: var(--font-mono) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--border) !important;
  background: var(--surface) !important;
}
.sv-accordion__summary:hover { color: var(--gold) !important; }
.sv-accordion__chev { color: var(--gold) !important; opacity: 1 !important; }
.sv-accordion__content { padding: 0 !important; }

.sv-setgrid {
  gap: 0 !important;
  background: var(--border) !important;
}

.sv-setrow {
  background: var(--surface) !important;
  border: none !important;
  border-bottom: 1px solid var(--border) !important;
  border-right: 1px solid var(--border) !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
}
.sv-setrow:hover { background: var(--raised) !important; }

.sv-num {
  font-family: var(--font-mono) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.08em !important;
  color: var(--muted) !important;
  opacity: 1 !important;
}
.sv-name { font-size: 0.9rem !important; color: var(--text) !important; }
.sv-rarity {
  font-family: var(--font-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.1em !important;
  color: var(--gold) !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Featured product on set detail page */
.shopify-section:has(.featured-product) .product__title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  color: var(--text) !important;
}
.shopify-section:has(.featured-product) .price__regular .price-item {
  font-family: var(--font-display) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  color: var(--text) !important;
  font-variant-numeric: lining-nums !important;
}
.shopify-section:has(.featured-product) .product__media-item {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
}
.shopify-section:has(.featured-product) .btn,
.shopify-section:has(.featured-product) .button {
  border-radius: 0 !important;
  font-family: var(--font-mono) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

@media (max-width: 768px) {
  .sv-setgrid__grid { gap: 1px !important; }
}

/* Don't double-pad things already inside padded containers */
.sv-setgrid__inner h2,
.sv-setgrid__inner p,
.sv-panel h2,
.sv-panel p,
.sv-setintro h1,
.sv-setintro p {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Card title font */
.sv-card__title {
  font-family: var(--font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  color: var(--text) !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

/* Section heading — keep display font but remove all-caps */
.sv-setgrid__title {
  text-transform: none !important;
  font-family: var(--font-display) !important;
}

/* ── MATCH SHOP PAGE PADDING ── */
.sv-setgrid__inner {
  padding-left: 48px !important;
  padding-right: 48px !important;
  max-width: 1400px !important;
}

/* ── SECTION TITLE — bigger, display font ── */
.sv-setgrid__title {
  font-family: var(--font-display) !important;
  font-size: 2.8rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--text) !important;
  margin-top: 6px !important;
}

/* ── PAGE TITLE — match shop page style ── */
.shopify-section .main-page-title,
.shopify-section h1:not(.sv-setintro__title) {
  font-family: var(--font-display) !important;
  font-size: 3.2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--text) !important;
  text-transform: none !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}

/* Kicker text sizing */
.sv-setgrid__kicker {
  font-size: 0.6rem !important;
  letter-spacing: 0.22em !important;
}

@media (max-width: 768px) {
  .sv-setgrid__inner {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .sv-setgrid__title { font-size: 1.8rem !important; }
}

/* ── KILL GREY SECTION BACKGROUND ── */
.sv-setgrid,
.sv-setgrid.color-background-1,
.sv-setgrid.color-background-2,
.sv-setgrid.color-inverse,
[class*="color-scheme"] .sv-setgrid,
.shopify-section:has(.sv-setgrid) {
  background: var(--black) !important;
  --color-background: 10, 9, 8 !important;
}

/* Remove background from the grid container itself */
.sv-setgrid__grid {
  background: var(--border) !important;
  border: 1px solid var(--border) !important;
  gap: 1px !important;
}

/* Cards sit on surface not raised */
.sv-card {
  background: var(--surface) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
  transform: none !important;
}

/* ── PAGE HEADER — match shop page ── */
.shopify-section:has(.sv-setgrid) h1,
.shopify-section .rte h1 {
  font-family: var(--font-display) !important;
  font-size: 3.6rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--text) !important;
  text-transform: none !important;
  margin-bottom: 16px !important;
}

/* Rich text section intro */
.shopify-section .rte p {
  font-size: 0.9rem !important;
  color: var(--muted) !important;
  line-height: 1.8 !important;
  max-width: 720px !important;
}

/* ── SECTION TITLE — display font, no caps ── */
.sv-setgrid__title {
  font-family: var(--font-display) !important;
  font-size: 3rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--text) !important;
  line-height: 1.05 !important;
  margin-top: 8px !important;
}

/* ── HEADER DIVIDER — gold instead of grey ── */
.sv-setgrid__divider {
  background: var(--border) !important;
  margin: 16px 0 24px !important;
}

/* ── SECTION HEADER LAYOUT ── */
.sv-setgrid__header {
  padding-top: 48px !important;
  border-bottom: none !important;
}

/* ── EMPTY GRID CELLS — match black background ── */
.sv-setgrid__grid::after,
.sv-setgrid__grid > :empty {
  background: var(--black) !important;
}

/* Force grid background to black so empty cells don't show grey */
.sv-setgrid__grid {
  background: var(--black) !important;
  border: 1px solid var(--border) !important;
  gap: 1px !important;
}

/* Only show border between actual cards */
.sv-card {
  background: var(--surface) !important;
  border-right: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-top: none !important;
  border-left: none !important;
  transform: none !important;
}

/* ── SET INFO PAGE TITLE — match shop page heading style ── */
.shopify-section .rich-text__heading,
.shopify-section .rich-text h1,
.shopify-section .rich-text h2,
[id*="set-info"] h1,
[id*="set_info"] h1 {
  font-family: var(--font-display) !important;
  font-size: 3.6rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--text) !important;
  text-transform: none !important;
  line-height: 1.05 !important;
}

/* Rich text body text */
.shopify-section .rich-text__text,
.shopify-section .rich-text p {
  font-size: 0.9rem !important;
  color: var(--muted) !important;
  line-height: 1.8 !important;
}

/* Section title — remove all-caps from sv-setgrid__title */
.sv-setgrid__title,
h2.sv-setgrid__title {
  text-transform: none !important;
  font-family: var(--font-display) !important;
  font-size: 3rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--text) !important;
}

/* ── ALIGN SET INFO PAGE TO MATCH SHOP PAGE ── */

/* Override Dawn's page-width padding on set info sections */
.shopify-section .page-width {
  padding-left: 48px !important;
  padding-right: 48px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

/* Rich text heading — flush left, display font */
.shopify-section .rich-text__heading,
.shopify-section .rich-text h1,
.shopify-section .rich-text h2 {
  font-family: var(--font-display) !important;
  font-size: 3.6rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--text) !important;
  text-transform: none !important;
  line-height: 1.05 !important;
  text-align: left !important;
  padding: 0 !important;
  margin-left: 0 !important;
}

/* Rich text body — same left edge as title */
.shopify-section .rich-text__text,
.shopify-section .rich-text p,
.shopify-section .rich-text__text p {
  font-size: 0.88rem !important;
  color: var(--muted) !important;
  line-height: 1.8 !important;
  text-align: left !important;
  padding: 0 !important;
  margin-left: 0 !important;
  max-width: 720px !important;
}

/* Rich text wrapper — no extra padding */
.shopify-section .rich-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

/* Section title — display font, no caps, flush left */
.sv-setgrid__title,
h2.sv-setgrid__title {
  font-family: var(--font-display) !important;
  font-size: 3.2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--text) !important;
  text-align: left !important;
}

/* ── BODY COPY — override hardcoded inline dark colours ── */
.main-page-content,
.main-page-content *,
.shopify-section .rte,
.shopify-section .rte *,
section.main-page *,
.page-width .rte * {
  color: var(--text2) !important;
}

/* Headings in body copy */
.main-page-content h1,
.main-page-content h2,
.main-page-content h3,
.shopify-section .rte h1,
.shopify-section .rte h2,
.shopify-section .rte h3 {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  color: var(--text) !important;
  text-transform: none !important;
  letter-spacing: 0.03em !important;
}

/* Small eyebrow labels (font-size: 10px text-transform: uppercase) */
.main-page-content p[style*="10px"],
.shopify-section .rte p[style*="10px"],
.main-page-content p[style*="uppercase"],
.shopify-section .rte p[style*="uppercase"] {
  color: var(--muted) !important;
}

/* Divider lines in body */
.main-page-content div[style*="border-top"],
.shopify-section .rte div[style*="border-top"] {
  border-top-color: var(--border) !important;
}

/* ── FEATURED PRODUCT on set pages — fix layout ── */
.featured-product .product__media-gallery {
  background: var(--surface) !important;
}

.featured-product .product__media-item {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
}

.featured-product .product__media-item img {
  object-fit: contain !important;
  padding: 20px !important;
}

/* Fix quantity selector display */
.featured-product .quantity {
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  height: 44px !important;
  width: auto !important;
}

.featured-product .quantity__button {
  width: 44px !important;
  height: 44px !important;
  background: none !important;
  border: none !important;
  color: var(--text) !important;
  font-size: 1.2rem !important;
  cursor: pointer !important;
}

.featured-product .quantity__input {
  width: 48px !important;
  height: 44px !important;
  background: none !important;
  border: none !important;
  color: var(--text) !important;
  text-align: center !important;
  font-family: var(--font-mono) !important;
  font-size: 0.9rem !important;
}

/* Hide "Regular price" label */
.featured-product .price dt,
.featured-product .price dl dt {
  display: none !important;
}

.featured-product .price-item--regular {
  font-family: var(--font-display) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  color: var(--text) !important;
  font-variant-numeric: lining-nums !important;
}

/* Product title */
.featured-product .product__title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  font-size: 2rem !important;
  color: var(--text) !important;
}

/* Add to cart button */
.featured-product .btn,
.featured-product .button--primary {
  background: var(--gold) !important;
  color: var(--black) !important;
  border-radius: 0 !important;
  font-family: var(--font-mono) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  border: none !important;
}

/* ── PULL RATES SECTION — grey boxes ── */
.shopify-section [style*="background: #"],
.shopify-section [style*="background:#"],
.shopify-section [style*="background-color: #"],
.shopify-section [style*="background-color:#"] {
  background: var(--surface) !important;
  background-color: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

/* ── VAULT BUY STRIP — custom liquid replacement for featured-product ── */
.vault-set-buy-strip {
  border: 1px solid var(--border);
  background: var(--surface);
  padding: 24px 28px;
  margin: 0 48px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.vault-set-buy-label {
  font-family: var(--font-mono);
  font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 6px;
}
.vault-set-buy-title {
  font-family: var(--font-display);
  font-size: 1.4rem; font-weight: 400; color: var(--text); margin-bottom: 4px;
}
.vault-set-buy-avail {
  font-family: var(--font-mono);
  font-size: 0.58rem; letter-spacing: 0.1em; text-transform: uppercase; color: #7ab870;
}
.vault-set-buy-sold {
  font-family: var(--font-mono);
  font-size: 0.58rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);
}
.vault-set-buy-right {
  display: flex; align-items: center; gap: 16px; flex-shrink: 0; flex-wrap: wrap;
  justify-content: flex-end;
}
.vault-set-buy-price {
  font-family: var(--font-display);
  font-size: 2.2rem; font-weight: 300; color: var(--text); line-height: 1;
  font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1;
}
.vault-set-buy-price sup {
  font-family: var(--font-mono); font-size: 0.6rem; color: var(--muted); vertical-align: super;
}
.vault-set-buy-price span {
  font-family: var(--font-mono); font-size: 0.65rem; color: var(--muted); margin-left: 4px;
}
.vault-set-buy-view {
  font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--text2); text-decoration: none;
  border: 1px solid var(--border2); padding: 10px 16px;
  transition: all 0.2s; white-space: nowrap;
}
.vault-set-buy-view:hover { border-color: var(--gold-dim); color: var(--gold); }

.vault-atc-btn--sm {
  padding: 12px 24px !important;
  font-size: 0.64rem !important;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .vault-set-buy-strip { flex-direction: column; align-items: flex-start; margin: 0 24px 40px; }
  .vault-set-buy-right { justify-content: flex-start; }
}

/* ── NOTABLE CARDS — add padding, fix heading ── */
.sv-panel {
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 0 48px !important;
}

.sv-panel__head {
  text-align: left !important;
  margin-bottom: 20px !important;
  padding: 40px 0 0 !important;
}

.sv-panel__title {
  font-family: var(--font-display) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--text) !important;
}

.sv-panel__sub {
  color: var(--muted) !important;
  font-size: 0.88rem !important;
  margin-top: 6px !important;
}

/* ── FULL SET LIST — padding and style ── */
.sv-accordion {
  max-width: 1300px !important;
  margin: 0 auto !important;
  margin-bottom: 48px !important;
}

/* Wrap accordion in padding */
.shopify-section:has(.sv-accordion) .sv-accordion,
.sv-accordion {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

/* ── PULL RATES — fix dark on dark, add contrast ── */

/* Target all text in pull rates custom liquid */
.shopify-section [style*="color: #aaa"],
.shopify-section [style*="color:#aaa"] {
  color: var(--muted) !important;
}

.shopify-section [style*="color: #fff"],
.shopify-section [style*="color:#fff"] {
  color: var(--text) !important;
}

/* Pull rates heading */
.shopify-section [style*="text-transform: uppercase"][style*="letter-spacing"] {
  color: var(--muted) !important;
}

/* Main pull rate section headings */
.shopify-section h2[style*="font-family"],
.shopify-section h3[style*="font-family"] {
  color: var(--text) !important;
  font-family: var(--font-display) !important;
}

/* Override dark grey panel boxes in pull rates */
.shopify-section div[style*="border-radius"][style*="background"] {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* Slot boxes */
.shopify-section div[style*="border-radius: 12px"],
.shopify-section div[style*="border-radius:12px"] {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
}

/* Pull rates text — force readable */
.shopify-section div[style*="font-size: 0.75rem"],
.shopify-section div[style*="font-size: 0.8rem"],
.shopify-section div[style*="font-size: 0.9rem"],
.shopify-section div[style*="font-size: 1rem"],
.shopify-section p[style*="font-size"] {
  color: var(--text2) !important;
}

/* BOOSTER PACK PULL RATES heading */
.shopify-section h2[style*="text-transform: uppercase"],
.shopify-section h3[style*="text-transform: uppercase"] {
  color: var(--text) !important;
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
}

/* Tables in pull rates */
.shopify-section table {
  width: 100% !important;
  border-collapse: collapse !important;
}
.shopify-section td, .shopify-section th {
  border: 1px solid var(--border) !important;
  padding: 10px 14px !important;
  color: var(--text2) !important;
  background: var(--surface) !important;
}
.shopify-section th {
  font-family: var(--font-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  background: var(--dark) !important;
}

/* Slot labels */
.shopify-section [style*="SLOT"],
.shopify-section div[style*="letter-spacing"][style*="text-transform"] {
  color: var(--muted) !important;
}

/* Gold highlight for active slot */
.shopify-section div[style*="background: #1a1a2e"],
.shopify-section div[style*="background:#1a1a2e"],
.shopify-section div[style*="background: rgba(201"],
.shopify-section div[style*="border: 2px solid"] {
  background: var(--gold-bg) !important;
  border-color: var(--gold-dim) !important;
  color: var(--gold) !important;
}

@media (max-width: 768px) {
  .sv-panel { padding: 0 24px !important; }
  .sv-accordion { margin-left: 24px !important; margin-right: 24px !important; }
  .vault-set-buy-strip { margin: 0 24px 40px !important; }
}

/* ══════════════════════════════════════
   GEM PULL RATE SECTION — dark overrides
   All use !important to beat ID-scoped CSS
   ══════════════════════════════════════ */

.gpr-wrap {
  max-width: 1300px !important;
}

/* Title */
.gpr-title {
  font-family: var(--font-display) !important;
  font-size: 2rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  color: var(--text) !important;
  text-align: left !important;
  margin-bottom: 12px !important;
}

/* Subtitle */
.gpr-subtitle,
.gpr-subtitle p {
  color: var(--text2) !important;
  font-size: 0.92rem !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

/* Slots row */
.gpr-slots {
  gap: 1px !important;
  background: var(--border) !important;
  border: 1px solid var(--border) !important;
}

.gpr-slot {
  background: var(--surface) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.gpr-slot--rare {
  background: var(--gold-bg) !important;
  border: none !important;
}

.gpr-slot__label {
  font-family: var(--font-mono) !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
}

.gpr-slot__value {
  color: var(--text) !important;
  font-size: 0.9rem !important;
}

.gpr-slot--rare .gpr-slot__value {
  color: var(--gold) !important;
}

.gpr-slot__tag {
  font-family: var(--font-mono) !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
}

.gpr-slot--rare .gpr-slot__tag {
  color: var(--gold) !important;
}

/* Cards */
.gpr-grid {
  gap: 1px !important;
  background: var(--border) !important;
  border: 1px solid var(--border) !important;
  margin-top: 1px !important;
}

.gpr-card {
  background: var(--surface) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.gpr-card__head {
  border-bottom: 1px solid var(--border) !important;
  background: var(--dark) !important;
  padding: 16px 20px !important;
}

.gpr-card__title {
  font-family: var(--font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  color: var(--text) !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

.gpr-card__hint {
  color: var(--muted) !important;
  font-size: 0.8rem !important;
  line-height: 1.65 !important;
}

/* Odds table */
.gpr-odds-table,
.gpr-comp-table {
  border-collapse: collapse !important;
}

.gpr-odds-table thead tr,
.gpr-comp-table thead tr {
  background: var(--dark) !important;
  border-bottom: 1px solid var(--border) !important;
}

.gpr-odds-table tbody tr,
.gpr-comp-table tbody tr {
  border-bottom: 1px solid var(--border) !important;
  background: var(--surface) !important;
}

.gpr-odds-table tbody tr:hover,
.gpr-comp-table tbody tr:hover {
  background: var(--raised) !important;
}

.gpr-tr--legend {
  background: var(--gold-bg) !important;
}

/* Table headers */
.gpr-th-label,
.gpr-th-num {
  font-family: var(--font-mono) !important;
  font-size: 0.58rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  background: var(--dark) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 12px 16px !important;
}

.gpr-th-sub {
  color: var(--muted) !important;
  font-size: 0.52rem !important;
}

/* Table cells */
.gpr-td-label {
  padding: 14px 16px !important;
}

.gpr-td-official {
  font-family: var(--font-mono) !important;
  font-size: 0.88rem !important;
  color: var(--muted) !important;
  text-align: right !important;
  padding: 14px 16px !important;
}

.gpr-td-actual {
  font-family: var(--font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  color: var(--gold) !important;
  text-align: right !important;
  padding: 14px 16px !important;
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1 !important;
}

.gpr-td-count {
  font-family: var(--font-display) !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
  color: var(--text) !important;
  text-align: right !important;
  padding: 14px 20px !important;
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1 !important;
}

/* Symbols and names */
.gpr-sym {
  color: var(--text) !important;
  font-size: 1rem !important;
}

.gpr-tr--legend .gpr-sym {
  color: var(--gold) !important;
}

.gpr-dot {
  background: var(--muted) !important;
}

.gpr-name {
  color: var(--text2) !important;
  font-size: 0.95rem !important;
}

/* Footnotes */
.gpr-foot {
  color: var(--muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.65 !important;
  border-top: 1px solid var(--border) !important;
  padding: 14px 20px !important;
}

/* Official image */
.gpr-image {
  border-radius: 0 !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  overflow: hidden !important;
  margin-top: 24px !important;
}

.gpr-image__cap {
  color: var(--muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.1em !important;
  border-top: 1px solid var(--border) !important;
  padding: 12px 16px !important;
}

/* ── GPR ALIGNMENT + RADIUS FIXES ── */

/* Subtitle — left align, no indent */
.gpr-subtitle,
.gpr-subtitle p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 720px !important;
  margin-bottom: 28px !important;
}

/* Kill all border radius in pull rates */
.gpr-wrap,
.gpr-wrap * {
  border-radius: 0 !important;
}

/* Slots — square, tight gap */
.gpr-slots {
  border-radius: 0 !important;
  margin-bottom: 1px !important;
}

.gpr-slot {
  border-radius: 0 !important;
  padding: 16px 20px !important;
}

/* Cards grid — no gap, just border */
.gpr-grid {
  border-radius: 0 !important;
  margin-top: 0 !important;
}

.gpr-card {
  border-radius: 0 !important;
}

/* Image */
.gpr-image {
  border-radius: 0 !important;
  margin-top: 1px !important;
}

/* ── GPR SPACING RESTORE ── */
.gpr-slots {
  margin-bottom: 24px !important;
  gap: 1px !important;
}

.gpr-slot {
  padding: 20px 24px !important;
}

.gpr-grid {
  margin-top: 0 !important;
  gap: 1px !important;
}

.gpr-card__head {
  padding: 20px 24px 16px !important;
}

.gpr-card__hint {
  padding-top: 6px !important;
  margin-left: 0 !important;
}

/* Fix hint text indent */
.gpr-card__head {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Table cell padding restore */
.gpr-td-label,
.gpr-td-official,
.gpr-td-actual,
.gpr-td-count {
  padding: 16px 20px !important;
}

.gpr-th-label,
.gpr-th-num {
  padding: 12px 20px !important;
}

/* Image spacing */
.gpr-image {
  margin-top: 24px !important;
}

/* Section padding */
[id^="gpr-"] {
  padding: 56px 48px !important;
}

/* ── SET INFO DETAIL PAGES MOBILE ── */
@media (max-width: 768px) {
  /* Set intro */
  .sv-setintro { padding-top: 32px !important; padding-bottom: 20px !important; }
  .sv-setintro__title { font-size: 2rem !important; }

  /* Meta grid — 2 cols on mobile */
  .sv-setmeta { grid-template-columns: repeat(2, 1fr) !important; }

  /* Notable cards grid */
  .sv-notable { gap: 8px !important; }

  /* Gem pull odds — stack on mobile */
  .gpr-grid { grid-template-columns: 1fr !important; }
  .gpr-composition { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 480px) {
  .sv-setintro__title { font-size: 1.6rem !important; }
  .sv-setmeta { grid-template-columns: 1fr 1fr !important; }
  .gpr-composition { grid-template-columns: 1fr !important; }

  /* Set hub cards */
  .vault-set-grid { grid-template-columns: 1fr !important; }
}

/* ── SET HUB SECTION HEADERS MOBILE ── */
@media (max-width: 768px) {
  .vault-set-section { padding: 0 20px !important; }
  .vault-set-section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .vault-set-section-title { font-size: 1.4rem !important; }
  .vault-set-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 480px) {
  .vault-set-grid { grid-template-columns: 1fr !important; }
  .vault-set-section-title { font-size: 1.2rem !important; }
}

/* ── SETGRID SECTION HEADER MOBILE — fix overflow ── */
@media (max-width: 768px) {
  .sv-setgrid__inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sv-setgrid__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding-top: 32px !important;
  }

  .sv-setgrid__title,
  h2.sv-setgrid__title {
    font-size: 1.2rem !important;
    letter-spacing: 0.06em !important;
  }

  .sv-setgrid__shoplink a {
    font-size: 0.58rem !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
  }

  /* Set info hub header text overflow */
  .vault-set-hub-desc p {
    max-width: 100% !important;
    word-break: break-word !important;
  }

  /* Card grid — 2 columns on mobile */
  .sv-setgrid__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .sv-setgrid__grid {
    grid-template-columns: 1fr !important;
  }
  .sv-setgrid__title,
  h2.sv-setgrid__title {
    font-size: 1rem !important;
  }
}

/* ── SET SECTION PADDING — aligns with hub header inner ── */
.vault-set-section--padded {
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(24px, 4vw, 80px) !important;
  padding-right: clamp(24px, 4vw, 80px) !important;
}

@media (max-width: 768px) {
  .vault-set-section--padded {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}