/* ═══════════════════════════════════════════════════════
   SCC Product Page — Editorial Design System v1.2
   ═══════════════════════════════════════════════════════ */

:root {
  --pdp-cream: var(--cream, #EFEDE6);
  --pdp-paper: var(--paper, #F7F5F0);
  --pdp-ink: var(--ink, #1A1818);
  --pdp-mute: var(--mute, #6B6763);
  --pdp-red: var(--red, #CD0000);
  --pdp-gold: var(--gold, #9A7A2E);
  --pdp-soft: var(--soft, #D9D5CC);
  --pdp-line: #1A1818;

  --pdp-mono: var(--mono, 'JetBrains Mono', "DM Mono", "IBM Plex Mono", "Courier New", monospace);
  --pdp-disp: var(--disp, 'Bebas Neue', Impact, "Franklin Gothic Medium", "Arial Narrow", sans-serif);
  --pdp-sans: var(--body, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --pdp-body: var(--body, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

/* ── Full-bleed cream page shell ──────────────────── */
body.single-product {
  background: var(--pdp-cream, #EFEDE6) !important;
  font-family: var(--pdp-body);
}
@media (max-width: 768px) {
  body.single-product {
    padding-bottom: 88px;
  }
}
body.single-product .site-content,
body.single-product .scc-container {
  max-width: none;
  padding: 0;
}

/* ── Announcement strip ──────────────────────────── */
.scc-pdp__strip {
  min-height: 32px;
  padding: 8px 16px;
  background: var(--pdp-ink);
  color: var(--pdp-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--pdp-mono);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.4;
}

/* ── Base ─────────────────────────────────────────── */
.scc-pdp {
  max-width: min(100%, 1200px);
  margin: 0 auto;
  background: var(--pdp-cream);
  color: var(--pdp-ink);
  font-family: var(--pdp-body);
  line-height: 1.5;
}
.scc-pdp *, .scc-pdp *::before, .scc-pdp *::after { box-sizing: border-box; }
.scc-pdp img { max-width: 100%; height: auto; display: block; }
.scc-pdp a { color: inherit; }

/* Full-bleed cream bands — below-the-fold sections */
.scc-pdp__accordion,
.scc-pdp__proof,
.scc-pdp__reviews,
.scc-pdp__related {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.scc-pdp__accordion > *,
.scc-pdp__reviews > *,
.scc-pdp__related > * {
  max-width: min(100%, 1440px);
  margin-left: auto;
  margin-right: auto;
}

/* ── Breadcrumb ──────────────────────────────────── */
.scc-pdp__crumb {
  padding: 10px 18px;
  border-bottom: 1px solid var(--pdp-soft);
  background: var(--pdp-cream);
  font-family: var(--pdp-mono);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  transition: opacity 0.3s, max-height 0.3s;
  max-height: 60px;
  overflow: hidden;
}
.scc-pdp__crumb.is-collapsed {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.scc-pdp__crumb a { text-decoration: none; color: var(--pdp-mute); }
.scc-pdp__crumb a:hover { color: var(--pdp-ink); }
.scc-pdp__crumb-sep { color: var(--pdp-soft); }
.scc-pdp__crumb-current { color: var(--pdp-ink); font-weight: 700; }

/* ── Hero: Gallery + Spec ────────────────────────── */
.scc-pdp__hero {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid var(--pdp-line);
}

/* ── Gallery ─────────────────────────────────────── */
.scc-pdp__gallery {
  position: relative;
  border-bottom: 1px solid var(--pdp-line);
}
.scc-pdp__gallery--mobile { display: none; }
.scc-pdp__gallery-thumbs { display: none; }
.scc-pdp__gallery-main {
  position: relative;
  background: var(--pdp-paper);
  overflow: hidden;
  aspect-ratio: 1/1;
}
.scc-pdp__gallery-slide { display: none; }
.scc-pdp__gallery-slide.is-active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 18px;
  box-sizing: border-box;
}
.scc-pdp__gallery-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.scc-pdp__fig-label {
  position: absolute;
  top: 12px; left: 12px;
  max-width: calc(100% - 78px);
  background: var(--pdp-cream);
  padding: 6px 10px;
  border: 1px solid var(--pdp-ink);
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-ink);
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scc-pdp__badge {
  position: absolute;
  top: 12px; right: 12px;
  background: var(--pdp-red);
  color: var(--pdp-cream);
  padding: 5px 12px;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 2;
}

/* Mobile image counter (replaces dots) */
.scc-pdp__gallery-counter {
  position: absolute;
  bottom: 12px; right: 12px;
  background: rgba(26,24,24,0.7);
  color: var(--pdp-cream);
  padding: 4px 10px;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  font-weight: 500;
  z-index: 2;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.scc-pdp__gallery-cue {
  display: none;
}

/* ── Spec Column ─────────────────────────────────── */
.scc-pdp__spec { padding: 20px 18px 16px; }

.scc-pdp__spec-meta {
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.scc-pdp__spec-meta a { text-decoration: none; }
.scc-pdp__spec-sep { color: var(--pdp-soft); }
.scc-pdp__back { color: var(--pdp-mute); }
.scc-pdp__back:hover { color: var(--pdp-ink); }

.scc-pdp__kicker {
  display: block;
  margin-top: 10px;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--pdp-red);
  font-weight: 600;
}

.scc-pdp__title {
  font-family: var(--pdp-disp);
  font-size: 56px;
  letter-spacing: 1.5px;
  line-height: 0.88;
  margin: 6px 0 0;
  text-transform: uppercase;
  color: var(--pdp-ink);
  font-weight: 400;
}
.scc-pdp__micro-copy {
  margin: 10px 0 0;
  color: var(--pdp-ink);
  font-family: var(--pdp-body);
  font-size: 15px;
  line-height: 1.45;
}
.scc-pdp__hero-save,
.scc-pdp__assurance {
  display: none;
}

.scc-pdp__rating-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  font-family: var(--pdp-mono);
  font-size: 11px;
  letter-spacing: 1px;
  flex-wrap: wrap;
}
.scc-pdp__stars { color: var(--pdp-red); }
.scc-pdp__rating-num { color: var(--pdp-ink); font-weight: 700; }
.scc-pdp__rating-count { color: var(--pdp-mute); }
.scc-pdp__rating-sep { color: var(--pdp-soft); display: none; }
.scc-pdp__stock { font-weight: 600; text-transform: uppercase; }
.scc-pdp__stock--in { color: var(--pdp-ink); }
.scc-pdp__stock--out { color: var(--pdp-red); }

.scc-pdp__blurb {
  font-family: var(--pdp-body);
  font-size: 13px;
  line-height: 1.55;
  margin-top: 14px;
  color: var(--pdp-ink);
  opacity: 1;
}
.scc-pdp__blurb p {
  margin: 0;
  color: var(--pdp-mute);
}
.scc-pdp__blurb p + ul,
.scc-pdp__blurb p + ol {
  margin-top: 14px;
}
.scc-pdp__blurb ul,
.scc-pdp__blurb ol {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
.scc-pdp__blurb li {
  position: relative;
  padding-left: 18px;
  font-family: var(--pdp-sans);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--pdp-ink);
}
.scc-pdp__blurb li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  background: var(--pdp-red);
}
.scc-pdp__blurb table {
  width: 100%;
  margin-top: 16px;
  border: 1px solid var(--pdp-ink);
  border-collapse: collapse;
  background: var(--pdp-paper);
  font-size: 12px;
  line-height: 1.35;
}
.scc-pdp__blurb tr {
  border-bottom: 1px solid var(--pdp-soft);
}
.scc-pdp__blurb tr:last-child {
  border-bottom: 0;
}
.scc-pdp__blurb td,
.scc-pdp__blurb th {
  padding: 9px 10px;
  border-right: 1px solid var(--pdp-soft);
  text-align: left;
  vertical-align: middle;
}
.scc-pdp__blurb td:last-child,
.scc-pdp__blurb th:last-child {
  border-right: 0;
}
.scc-pdp__blurb td:first-child {
  font-family: var(--pdp-sans);
  font-weight: 800;
}
.scc-pdp__blurb td:nth-child(2) {
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.scc-pdp__blurb td:last-child {
  font-family: var(--pdp-sans);
  font-weight: 750;
}

.scc-pdp__decision {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 14px;
}
.scc-pdp__decision span {
  border: 1px solid var(--pdp-soft);
  background: rgba(247, 245, 240, 0.72);
  padding: 9px 10px;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.2px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--pdp-ink);
  font-weight: 700;
}

/* Stat strip */
.scc-pdp__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
  border: 1px solid var(--pdp-ink);
  background: var(--pdp-paper);
}
.scc-pdp__stat { padding: 10px 12px; }
.scc-pdp__stat--bordered { border-right: 1px solid var(--pdp-soft); }
.scc-pdp__stat-val {
  display: block;
  font-family: var(--pdp-disp);
  font-size: 24px;
  line-height: 1;
  color: var(--pdp-ink);
}
.scc-pdp__stat-lbl {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  margin-top: 3px;
}

/* Variants */
.scc-pdp__variant { margin-top: 16px; }
.scc-pdp__variant-label {
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  font-weight: 700;
}
.scc-pdp__variant-options {
  display: flex;
  gap: 6px;
  margin-top: 6px;
  flex-wrap: wrap;
}
.scc-pdp__variant-btn {
  flex: 1;
  min-width: 0;
  cursor: pointer;
  padding: 10px 8px;
  text-align: center;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  background: transparent;
  color: var(--pdp-ink);
  border: 1px solid var(--pdp-ink);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  transition: background 0.15s, color 0.15s;
}
.scc-pdp__variant-btn.is-active {
  background: var(--pdp-ink);
  color: var(--pdp-cream);
}
.scc-pdp__variant-note {
  font-size: 10px;
  opacity: 0.8;
  font-weight: 400;
}

/* Buy box */
.scc-pdp__buy-box {
  margin-top: 18px;
  padding: 24px 18px 16px;
  border: 1px solid var(--pdp-ink);
  border-top: 1px solid var(--pdp-ink);
  background: var(--pdp-cream);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "price qty"
    "button button";
  column-gap: 12px;
  row-gap: 16px;
  align-items: start;
  box-shadow: none;
}
.scc-pdp__whatsapp-buy {
  grid-area: whatsapp;
  display: none;
}
.scc-pdp__buy-price {
  grid-area: price;
  min-width: 0;
}
.scc-pdp__buy-label {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 2.7px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  font-weight: 700;
  margin-bottom: 8px;
}
.scc-pdp__buy-amount {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  font-family: var(--pdp-sans);
  font-weight: 800;
  color: var(--pdp-ink);
  line-height: 0.9;
  margin-top: 0;
}
.scc-pdp__buy-amount ins {
  order: 1;
  color: var(--pdp-ink);
  text-decoration: none;
}
.scc-pdp__buy-amount ins .amount,
.scc-pdp__buy-amount > .amount {
  font-size: clamp(42px, 13vw, 58px);
  font-weight: 900;
  letter-spacing: -1px;
}
.scc-pdp__buy-amount del {
  order: 2;
  color: var(--pdp-mute);
  opacity: 1;
  text-decoration-thickness: 2px;
}
.scc-pdp__buy-amount del .amount {
  font-size: 16px;
  font-weight: 700;
  color: var(--pdp-mute);
}
.scc-pdp__save-badge {
  order: 3;
  align-self: center;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 8px 10px 7px;
  background: var(--pdp-red);
  color: var(--pdp-cream);
  font-family: var(--pdp-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
  line-height: 1;
  text-transform: uppercase;
}
.scc-pdp__buy-tax {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 11px;
  letter-spacing: 1.2px;
  color: var(--pdp-ink);
  margin-top: 8px;
  opacity: 0.75;
}
.scc-pdp__buy-qty {
  grid-area: qty;
  justify-self: end;
  display: grid;
  grid-template-columns: 34px 44px 34px;
  gap: 0;
  min-height: 47px;
  border: 1px solid var(--pdp-soft);
  background: var(--pdp-paper);
}
.scc-pdp__qty-btn {
  min-width: 44px;
  width: 34px;
  height: 45px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  border: 0;
  background: transparent;
  font-family: var(--pdp-mono);
  font-size: 14px;
  font-weight: 700;
  color: var(--pdp-ink);
  transition: background 0.15s, color 0.15s;
}
.scc-pdp__qty-btn:hover { background: transparent; color: var(--pdp-red); }
.scc-pdp__qty-val {
  width: 44px; height: 45px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--pdp-sans);
  font-size: 16px;
  font-weight: 800;
}
.scc-pdp__add-form {
  grid-area: button;
  display: block;
}
.scc-pdp__add-btn {
  width: 100%;
  min-height: 60px;
  cursor: pointer;
  background: var(--pdp-red) !important;
  color: var(--pdp-cream) !important;
  padding: 19px 26px !important;
  font-family: var(--pdp-mono) !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  border: 0 !important;
  border-right: 4px solid var(--pdp-ink) !important;
  border-bottom: 4px solid var(--pdp-ink) !important;
  border-radius: 0 !important;
  text-align: center;
  line-height: 1 !important;
  transition: opacity 0.15s;
}
.scc-pdp__add-btn:hover { opacity: 0.9; }

/* Trust badges */
.scc-pdp__trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}
.scc-pdp__trust-item {
  border-left: 2px solid var(--pdp-red);
  padding-left: 8px;
}
.scc-pdp__trust-title {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--pdp-ink);
  font-weight: 700;
}
.scc-pdp__trust-desc {
  display: block;
  font-size: 10px;
  color: var(--pdp-mute);
  margin-top: 2px;
}

/* Compact proof strip */
.scc-pdp__proof {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--pdp-ink);
  color: var(--pdp-cream);
  border-bottom: 1px solid var(--pdp-line);
}
.scc-pdp__proof-item {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid rgba(239, 237, 230, 0.18);
  text-decoration: none;
  color: inherit;
}
.scc-pdp__proof-item:last-child {
  border-right: 0;
}
.scc-pdp__proof-value {
  display: block;
  font-family: var(--pdp-disp);
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 0.95;
  text-transform: uppercase;
}
.scc-pdp__proof-label {
  display: block;
  margin-top: 6px;
  font-family: var(--pdp-mono);
  font-size: 11px;
  letter-spacing: 1.5px;
  line-height: 1.35;
  text-transform: uppercase;
  color: var(--pdp-soft);
}

/* Formula bar */
.scc-pdp__formula {
  margin-top: 14px;
  padding: 8px 12px;
  background: var(--pdp-ink);
  color: var(--pdp-cream);
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.scc-pdp__formula-mii { color: var(--pdp-gold); }

/* ── Accordion ───────────────────────────────────── */
.scc-pdp__accordion {
  border-top: 1px solid var(--pdp-line);
  border-bottom: 1px solid var(--pdp-line);
  background: var(--pdp-cream);
}
.scc-pdp__acc-item { border-bottom: 1px solid var(--pdp-soft); }
.scc-pdp__acc-item:last-child { border-bottom: none; }
.scc-pdp__acc-header {
  width: 100%;
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background: transparent;
  border: none;
  font-family: inherit;
  text-align: left;
  gap: 10px;
}
.scc-pdp__acc-item.is-open .scc-pdp__acc-header { background: var(--pdp-paper); }
.scc-pdp__acc-num {
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--pdp-mute);
}
.scc-pdp__acc-title {
  flex: 1;
  font-family: var(--pdp-disp);
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--pdp-ink);
}
.scc-pdp__acc-icon {
  font-family: var(--pdp-mono);
  font-size: 16px;
  color: var(--pdp-red);
  font-weight: 700;
  flex-shrink: 0;
}
.scc-pdp__acc-body {
  padding: 0 18px 16px 38px;
  font-family: var(--pdp-body);
  font-size: 14px;
  line-height: 1.6;
  color: var(--pdp-mute);
  opacity: 1;
}
.scc-pdp__acc-body p { margin: 0; }
.scc-pdp__acc-content { font-size: inherit; line-height: inherit; }
.scc-pdp__acc-content p { margin: 0 0 10px; }
.scc-pdp__acc-content p:last-child { margin-bottom: 0; }
.scc-pdp__acc-content ul, .scc-pdp__acc-content ol { margin: 8px 0; padding-left: 20px; }
.scc-pdp__acc-content li { margin-bottom: 4px; }
.scc-pdp__acc-content img { max-width: 100%; height: auto; margin: 12px 0; }
.scc-pdp__acc-content h2, .scc-pdp__acc-content h3, .scc-pdp__acc-content h4 {
  font-family: var(--pdp-sans);
  font-weight: 700;
  margin: 14px 0 6px;
  font-size: 14px;
}
.scc-pdp__acc-content table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 8px 0; }
.scc-pdp__acc-content th, .scc-pdp__acc-content td { padding: 6px 8px; border: 1px solid var(--pdp-soft); text-align: left; }
.scc-pdp__acc-content th { background: var(--pdp-paper); font-weight: 700; }

/* SCC product A+ long descriptions */
.scc-a-desc {
    --a-red: #cd0000;
    --a-ink: #1a1818;
    --a-cream: #efede6;
    --a-paper: #f7f4ec;
    --a-muted: #5d5a54;
    --a-line: rgba(26, 24, 24, 0.16);
    background: var(--a-cream);
    color: var(--a-ink);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    line-height: 1.55;
    overflow: hidden;
}

.scc-a-desc *,
.scc-a-desc *::before,
.scc-a-desc *::after {
    box-sizing: border-box;
}

.scc-a-desc img {
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
}

.scc-a-desc__section,
.scc-a-desc__hero,
.scc-a-desc__hero-copy,
.scc-a-desc__split,
.scc-a-desc__split > *,
.scc-a-desc__card-grid,
.scc-a-desc__card-grid > *,
.scc-a-desc__steps,
.scc-a-desc__steps > *,
.scc-a-desc__cta > * {
    min-width: 0;
}

.scc-a-desc h2,
.scc-a-desc h3,
.scc-a-desc h4,
.scc-a-desc p {
    margin: 0;
}

.scc-a-desc h2,
.scc-a-desc h3 {
    font-family: var(--pdp-disp);
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.scc-a-desc h2 {
    color: #fff;
    font-size: clamp(36px, 6vw, 76px);
    line-height: 0.92;
    max-width: 720px;
}

.scc-a-desc h3 {
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1;
    margin-top: 8px;
}

.scc-a-desc h4 {
    font-size: 18px;
    line-height: 1.15;
    margin-top: 10px;
}

.scc-a-desc p {
    color: var(--a-muted);
    font-size: 15px;
    overflow-wrap: anywhere;
}

.scc-a-desc__hero {
    align-items: center;
    background: var(--a-ink);
    border: 1px solid var(--a-ink);
    display: grid;
    gap: 34px;
    grid-template-columns: minmax(0, 1fr);
    min-height: 560px;
    padding: clamp(28px, 5vw, 62px);
}

.scc-a-desc__hero-copy {
    display: grid;
    gap: 18px;
}

.scc-a-desc__hero-copy p {
    color: rgba(239, 237, 230, 0.82);
    font-size: 18px;
    max-width: 660px;
}

.scc-a-desc__hero-media {
    margin: 0;
}

.scc-a-desc__hero-media img {
    aspect-ratio: 16 / 10;
    border: 1px solid rgba(239, 237, 230, 0.18);
    object-fit: cover;
    width: 100%;
}

.scc-a-desc__eyebrow,
.scc-a-desc__kicker {
    color: var(--a-red);
    display: inline-flex;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.scc-a-desc__spec-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.scc-a-desc__spec-pills span {
    border: 1px solid rgba(239, 237, 230, 0.24);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 12px;
}

.scc-a-desc__section {
    border-left: 1px solid var(--a-line);
    border-right: 1px solid var(--a-line);
    border-bottom: 1px solid var(--a-line);
    padding: clamp(28px, 5vw, 58px);
}

.scc-a-desc__split {
    align-items: center;
    display: grid;
    gap: 32px;
    grid-template-columns: minmax(0, 1fr);
}

.scc-a-desc__split > div {
    display: grid;
    gap: 14px;
}

.scc-a-desc__fact-panel {
    background: #fff;
    border: 1px solid var(--a-line);
    padding: 22px;
}

.scc-a-desc__fact-panel span,
.scc-a-desc__card-grid article > span {
    color: var(--a-red);
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.scc-a-desc__fact-panel strong {
    display: block;
    font-family: var(--pdp-sans);
    font-size: 28px;
    line-height: 1;
}

.scc-a-desc__card-grid,
.scc-a-desc__steps {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.scc-a-desc__card-grid article,
.scc-a-desc__steps article {
    background: #fff;
    border: 1px solid var(--a-line);
    min-height: 190px;
    padding: 18px;
}

.scc-a-desc__card-grid article p,
.scc-a-desc__steps article p {
    margin-top: 10px;
}

.scc-a-desc__band,
.scc-a-desc__kit {
    background: var(--a-paper);
}

.scc-a-desc__steps {
    grid-template-columns: 1fr;
}

.scc-a-desc__steps article > span {
    align-items: center;
    background: var(--a-ink);
    color: #fff;
    display: inline-flex;
    font-family: "JetBrains Mono", monospace;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.scc-a-desc__kit img {
    aspect-ratio: 16 / 7;
    object-fit: cover;
    width: 100%;
}

.scc-a-desc__kit ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

.scc-a-desc__kit li {
    border-bottom: 1px solid var(--a-line);
    color: var(--a-ink);
    font-weight: 700;
    padding-bottom: 10px;
}

.scc-a-desc__small-note {
    font-size: 13px;
}

.scc-a-desc__compare {
    border: 1px solid var(--a-line);
    margin-top: 24px;
    overflow-x: auto;
}

.scc-a-desc__compare table {
    border-collapse: collapse;
    min-width: 620px;
    width: 100%;
}

.scc-a-desc__compare th,
.scc-a-desc__compare td {
    border-bottom: 1px solid var(--a-line);
    padding: 15px;
    text-align: left;
}

.scc-a-desc__compare th {
    background: var(--a-ink);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.scc-a-desc__compare td:first-child,
.scc-a-desc__compare td:last-child {
    color: var(--a-red);
    font-weight: 800;
}

.scc-a-desc__faq {
    display: grid;
    gap: 12px;
}

.scc-a-desc__faq details {
    background: #fff;
    border: 1px solid var(--a-line);
}

.scc-a-desc__faq summary {
    color: var(--a-ink);
    cursor: pointer;
    font-weight: 800;
    list-style-position: inside;
    padding: 17px 18px;
}

.scc-a-desc__faq details p {
    border-top: 1px solid var(--a-line);
    padding: 0 18px 18px;
}

.scc-a-desc__note {
    background: #fff;
    border-left: 1px solid var(--a-line);
    border-right: 1px solid var(--a-line);
    border-bottom: 1px solid var(--a-line);
    color: var(--a-ink);
    font-size: 15px;
    padding: 20px clamp(28px, 5vw, 58px);
}

.scc-a-desc__cta {
    align-items: center;
    background: var(--a-ink);
    color: #fff;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: clamp(24px, 4vw, 44px);
}

.scc-a-desc__cta h3,
.scc-a-desc__cta p {
    color: #fff;
}

.scc-a-desc__cta a {
    background: var(--a-red);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 900;
    justify-content: center;
    min-width: 170px;
    padding: 15px 22px;
    text-decoration: none;
    text-transform: uppercase;
}

.scc-a-desc__cta a:hover {
    background: #fff;
    color: var(--a-red);
}

.scc-pdp__acc-body:has(.scc-a-desc) {
    max-width: none;
    padding-left: 48px;
}

.scc-pdp__acc-content:has(.scc-a-desc) {
    width: 100%;
}

@media (min-width: 900px) {
    .scc-a-desc__hero {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
    }

    .scc-a-desc__hero-media img {
        aspect-ratio: 4 / 5;
    }

    .scc-a-desc__split {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
    }

    .scc-a-desc__kit {
        grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1fr);
    }

    .scc-a-desc__card-grid--three,
    .scc-a-desc__steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .scc-pdp__acc-content:has(.scc-a-desc),
    .scc-a-desc {
        max-width: calc(100vw - 36px);
        overflow: hidden;
        width: calc(100vw - 36px);
    }

    .scc-a-desc__hero {
        min-height: 0;
    }

    .scc-a-desc__card-grid,
    .scc-a-desc__steps {
        grid-template-columns: 1fr;
    }

    .scc-a-desc h2 {
        font-size: clamp(34px, 11vw, 46px);
        line-height: 0.98;
    }

    .scc-a-desc h3 {
        font-size: clamp(28px, 8vw, 34px);
        line-height: 1.02;
    }

    .scc-a-desc__card-grid article,
    .scc-a-desc__steps article {
        min-height: 0;
    }

    .scc-a-desc__compare {
        border: 0;
        overflow: visible;
    }

    .scc-a-desc__compare table,
    .scc-a-desc__compare tbody,
    .scc-a-desc__compare tr,
    .scc-a-desc__compare th,
    .scc-a-desc__compare td {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .scc-a-desc__compare thead {
        display: none;
    }

    .scc-a-desc__compare tr {
        background: #fff;
        border: 1px solid var(--a-line);
        margin-bottom: 12px;
    }

    .scc-a-desc__compare td {
        border-bottom: 1px solid var(--a-line);
        padding: 12px 14px;
    }

    .scc-a-desc__compare td::before {
        color: var(--a-muted);
        content: attr(data-label);
        display: block;
        font-family: "JetBrains Mono", monospace;
        font-size: 10px;
        font-weight: 700;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .scc-a-desc__cta {
        align-items: stretch;
        flex-direction: column;
    }

    .scc-pdp__acc-body:has(.scc-a-desc) {
        padding-left: 18px;
    }
}

/* Borophene long description */
.scc-borophene-desc {
    --boro-red: #f30f12;
    --boro-ink: #1a1818;
    --boro-muted: #5d5b57;
    --boro-line: rgba(26, 24, 24, 0.14);
    --boro-paper: #fffaf4;
    --boro-soft: #f6f1e9;
    background: #fff;
    color: var(--boro-ink);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    line-height: 1.55;
    margin: 0;
    overflow: hidden;
}

.scc-borophene-desc *,
.scc-borophene-desc *::before,
.scc-borophene-desc *::after {
    box-sizing: border-box;
}

.scc-borophene-desc img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
}

.scc-borophene-desc h2,
.scc-borophene-desc h3,
.scc-borophene-desc h4,
.scc-borophene-desc p {
    margin: 0;
}

.scc-borophene-desc h2,
.scc-borophene-desc h3 {
    font-family: var(--pdp-disp);
    letter-spacing: 0;
}

.scc-borophene-desc h2 {
    color: #fff;
    font-size: clamp(34px, 6vw, 70px);
    line-height: 0.94;
    max-width: 760px;
}

.scc-borophene-desc h3 {
    font-size: clamp(27px, 3vw, 44px);
    line-height: 1;
    margin-top: 8px;
}

.scc-borophene-desc h4 {
    font-size: 18px;
    line-height: 1.15;
    margin-top: 10px;
}

.scc-borophene-desc p {
    color: var(--boro-muted);
    font-size: 15px;
}

.scc-borophene-desc__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    align-items: center;
    background: radial-gradient(circle at 82% 22%, rgba(243, 15, 18, 0.26), transparent 32%), #1a1818;
    border: 1px solid #1a1818;
    min-height: 560px;
    padding: clamp(28px, 5vw, 62px);
}

.scc-borophene-desc__hero-copy {
    display: grid;
    gap: 18px;
}

.scc-borophene-desc__hero-copy p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 18px;
    max-width: 620px;
}

.scc-borophene-desc__hero-media {
    margin: 0;
    position: relative;
}

.scc-borophene-desc__hero-media img {
    aspect-ratio: 16 / 10;
    border: 1px solid rgba(255, 255, 255, 0.18);
    object-fit: cover;
    width: 100%;
}

.scc-borophene-desc__eyebrow,
.scc-borophene-desc__kicker {
    color: var(--boro-red);
    display: inline-flex;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.scc-borophene-desc__quick-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.scc-borophene-desc__quick-specs span {
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 12px;
}

.scc-borophene-desc__section {
    border-left: 1px solid var(--boro-line);
    border-right: 1px solid var(--boro-line);
    border-bottom: 1px solid var(--boro-line);
    padding: clamp(28px, 5vw, 58px);
}

.scc-borophene-desc__intro,
.scc-borophene-desc__kit {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    align-items: center;
}

.scc-borophene-desc__intro > div,
.scc-borophene-desc__kit > div {
    display: grid;
    gap: 14px;
}

.scc-borophene-desc__intro img,
.scc-borophene-desc__kit img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

.scc-borophene-desc__feature-grid,
.scc-borophene-desc__steps,
.scc-borophene-desc__performance-grid {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.scc-borophene-desc__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.scc-borophene-desc__feature-grid article,
.scc-borophene-desc__steps article,
.scc-borophene-desc__performance-grid article {
    border: 1px solid var(--boro-line);
    background: #fff;
}

.scc-borophene-desc__feature-grid article,
.scc-borophene-desc__steps article {
    min-height: 210px;
    padding: 18px;
}

.scc-borophene-desc__feature-grid article > span,
.scc-borophene-desc__steps article > span,
.scc-borophene-desc__performance-grid article span {
    color: var(--boro-red);
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.scc-borophene-desc__feature-grid article p,
.scc-borophene-desc__steps article p,
.scc-borophene-desc__performance-grid article p {
    margin-top: 10px;
}

.scc-borophene-desc__science,
.scc-borophene-desc__kit {
    background: var(--boro-paper);
}

.scc-borophene-desc__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.scc-borophene-desc__steps article > span {
    align-items: center;
    background: var(--boro-ink);
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.scc-borophene-desc__table-wrap {
    border: 1px solid var(--boro-line);
    margin-top: 24px;
    overflow-x: auto;
}

.scc-borophene-desc__table {
    border-collapse: collapse;
    font-size: 14px;
    min-width: 680px;
    width: 100%;
}

.scc-borophene-desc__table th,
.scc-borophene-desc__table td {
    border-bottom: 1px solid var(--boro-line);
    padding: 15px;
    text-align: left;
}

.scc-borophene-desc__table th {
    background: var(--boro-ink);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.scc-borophene-desc__table td:nth-child(2) {
    color: var(--boro-red);
    font-weight: 800;
}

.scc-borophene-desc__performance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.scc-borophene-desc__performance-grid img {
    aspect-ratio: 1 / 0.76;
    object-fit: cover;
    width: 100%;
}

.scc-borophene-desc__performance-grid article div {
    padding: 16px;
}

.scc-borophene-desc__kit ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}

.scc-borophene-desc__kit li {
    border-bottom: 1px solid var(--boro-line);
    color: var(--boro-ink);
    font-weight: 700;
    padding: 0 0 10px;
}

.scc-borophene-desc__trust-row {
    background: var(--boro-ink);
    color: #fff;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.scc-borophene-desc__trust-row span {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 700;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
}

.scc-borophene-desc__faq {
    display: grid;
    gap: 12px;
}

.scc-borophene-desc__faq details {
    border: 1px solid var(--boro-line);
    background: #fff;
}

.scc-borophene-desc__faq summary {
    color: var(--boro-ink);
    cursor: pointer;
    font-weight: 800;
    list-style-position: inside;
    padding: 17px 18px;
}

.scc-borophene-desc__faq details p {
    border-top: 1px solid var(--boro-line);
    padding: 0 18px 18px;
}

.scc-borophene-desc__note {
    background: #fff6f6;
    border-left: 1px solid var(--boro-line);
    border-right: 1px solid var(--boro-line);
    border-bottom: 1px solid var(--boro-line);
    color: var(--boro-ink);
    font-size: 15px;
    padding: 20px clamp(28px, 5vw, 58px);
}

.scc-borophene-desc__cta {
    align-items: center;
    background: var(--boro-ink);
    color: #fff;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: clamp(24px, 4vw, 44px);
}

.scc-borophene-desc__cta h3,
.scc-borophene-desc__cta p {
    color: #fff;
}

.scc-borophene-desc__cta a {
    background: var(--boro-red);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 900;
    justify-content: center;
    min-width: 170px;
    padding: 15px 22px;
    text-decoration: none;
    text-transform: uppercase;
}

.scc-borophene-desc__cta a:hover {
    background: #fff;
    color: var(--boro-red);
}

@media (max-width: 1100px) {
    .scc-borophene-desc__feature-grid,
    .scc-borophene-desc__performance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .scc-borophene-desc__hero {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
    }

    .scc-borophene-desc__hero-media img {
        aspect-ratio: 4 / 5;
    }

    .scc-borophene-desc__intro {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
    }

    .scc-borophene-desc__kit {
        grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1fr);
    }

    .scc-borophene-desc__feature-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .scc-borophene-desc__performance-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .scc-borophene-desc__hero {
        min-height: 0;
    }

    .scc-borophene-desc__steps,
    .scc-borophene-desc__feature-grid,
    .scc-borophene-desc__performance-grid,
    .scc-borophene-desc__trust-row {
        grid-template-columns: 1fr;
    }

    .scc-borophene-desc__feature-grid article,
    .scc-borophene-desc__steps article {
        min-height: 0;
    }

    .scc-borophene-desc__cta {
        align-items: stretch;
        flex-direction: column;
    }
}

.scc-pdp__acc-body:has(.scc-borophene-desc) {
    max-width: none;
    padding-left: 48px;
}

.scc-pdp__acc-content:has(.scc-borophene-desc) {
    width: 100%;
}

@media (max-width: 760px) {
    .scc-pdp__acc-body:has(.scc-borophene-desc) {
        padding-left: 18px;
    }
}

/* Reviews full (WC native) */
.scc-pdp__reviews-full { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--pdp-soft); }
.scc-pdp__reviews-full .commentlist { list-style: none; padding: 0; margin: 0; }
.scc-pdp__reviews-full .comment_container { padding: 16px 0; border-bottom: 1px solid var(--pdp-soft); }
.scc-pdp__reviews-full .comment-text { font-size: 13px; line-height: 1.55; }
.scc-pdp__reviews-full .star-rating { color: var(--pdp-red); }
.scc-pdp__reviews-full #respond { margin-top: 24px; }
.scc-pdp__reviews-full .comment-form-rating label { font-family: var(--pdp-mono); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; }
.scc-pdp__reviews-full textarea, .scc-pdp__reviews-full input[type=text], .scc-pdp__reviews-full input[type=email] {
  width: 100%; padding: 10px; border: 1px solid var(--pdp-ink); background: var(--pdp-paper);
  font-family: var(--pdp-body); font-size: 13px;
}
.scc-pdp__reviews-full .submit { background: var(--pdp-red); color: var(--pdp-cream); border: none; padding: 14px 24px; font-family: var(--pdp-mono); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; cursor: pointer; }
.scc-pdp__reviews-full .wcpr-filter-button,
.scc-pdp .wcpr-filter-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
}
.scc-pdp__reviews-load-more {
  display: block;
  width: 100%;
  margin-top: 16px;
  min-height: 44px;
  padding: 12px 16px;
  border: 1px solid var(--pdp-ink);
  background: var(--pdp-cream);
  color: var(--pdp-ink);
  font-family: var(--pdp-mono);
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
.scc-pdp__reviews-load-more:hover {
  background: var(--pdp-paper);
}

/* Variation selector spacing */
.scc-pdp__variations { margin-top: 16px; }

/* ── Reviews ─────────────────────────────────────── */
.scc-pdp__reviews {
  padding: 24px 18px;
  background: var(--pdp-paper);
  border-bottom: 1px solid var(--pdp-line);
}
.scc-pdp__reviews-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.scc-pdp__reviews-kicker {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  font-weight: 700;
}
.scc-pdp__reviews-score {
  font-family: var(--pdp-disp);
  font-size: 60px;
  letter-spacing: 1px;
  line-height: 1;
  margin-top: 6px;
  color: var(--pdp-ink);
}
.scc-pdp__reviews-of { color: var(--pdp-red); }
.scc-pdp__reviews-stars {
  color: var(--pdp-red);
  font-family: var(--pdp-mono);
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: 4px;
}
.scc-pdp__reviews-count {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  margin-top: 6px;
}

/* Distribution bars */
.scc-pdp__reviews-bars { margin-top: 16px; }
.scc-pdp__reviews-bar-row {
  display: grid;
  grid-template-columns: 24px 1fr 36px;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
}
.scc-pdp__reviews-bar-star {
  font-family: var(--pdp-mono);
  font-size: 10px;
  color: var(--pdp-ink);
}
.scc-pdp__reviews-bar-track {
  height: 8px;
  background: var(--pdp-soft);
}
.scc-pdp__reviews-bar-fill {
  height: 100%;
  background: var(--pdp-red);
}
.scc-pdp__reviews-bar-pct {
  font-family: var(--pdp-mono);
  font-size: 10px;
  color: var(--pdp-mute);
  text-align: right;
}

/* Review cards */
.scc-pdp__reviews-cards { display: grid; gap: 12px; }
.scc-pdp__review-card {
  border: 1px solid var(--pdp-ink);
  padding: 16px;
  background: var(--pdp-cream);
}
.scc-pdp__review-card--photo {
  padding: 0;
  overflow: hidden;
}
.scc-pdp__review-media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--pdp-ink);
  border-bottom: 1px solid var(--pdp-ink);
}
.scc-pdp__review-photo {
  display: block;
  min-width: 0;
  aspect-ratio: 1 / 1;
  background: var(--pdp-soft);
  cursor: zoom-in;
}
.scc-pdp__review-photo--main {
  grid-column: 1 / -1;
  aspect-ratio: 4 / 3;
}
.scc-pdp__review-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scc-pdp-lightbox-open {
  overflow: hidden;
}
.scc-pdp__lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 18px 24px;
  background: rgba(26, 24, 24, 0.92);
}
.scc-pdp__lightbox[hidden] {
  display: none;
}
.scc-pdp__lightbox-img {
  display: block;
  max-width: min(100%, 1040px);
  max-height: calc(100vh - 96px);
  object-fit: contain;
  background: var(--pdp-ink);
  border: 1px solid rgba(239, 237, 230, 0.22);
}
.scc-pdp__lightbox-close {
  position: fixed;
  top: 14px;
  right: 14px;
  width: 48px;
  height: 48px;
  border: 1px solid var(--pdp-cream);
  border-radius: 0;
  background: var(--pdp-red);
  color: var(--pdp-cream);
  cursor: pointer;
  font-family: var(--pdp-mono);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}
.scc-pdp__review-card--photo .scc-pdp__review-header,
.scc-pdp__review-card--photo .scc-pdp__review-meta,
.scc-pdp__review-card--photo .scc-pdp__review-text {
  margin-left: 16px;
  margin-right: 16px;
}
.scc-pdp__review-card--photo .scc-pdp__review-header {
  margin-top: 16px;
}
.scc-pdp__review-card--photo .scc-pdp__review-text {
  margin-bottom: 16px;
}
.scc-pdp__review-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.scc-pdp__review-author {
  font-family: var(--pdp-sans);
  font-weight: 700;
  color: var(--pdp-ink);
  font-size: 13px;
}
.scc-pdp__review-card-stars {
  color: var(--pdp-red);
  font-family: var(--pdp-mono);
  font-size: 10px;
}
.scc-pdp__review-meta {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  margin-top: 2px;
}
.scc-pdp__review-text {
  font-size: 12px;
  line-height: 1.5;
  margin: 8px 0 0;
  color: var(--pdp-ink);
}
.scc-pdp__reviews-all {
  display: block;
  margin-top: 8px;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-red);
  font-weight: 700;
  text-decoration: none;
}

/* ── Related Products ────────────────────────────── */
.scc-pdp__related {
  padding: 24px 18px;
  background: var(--pdp-cream);
  border-bottom: 1px solid var(--pdp-line);
}
.scc-pdp__related-kicker {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  font-weight: 700;
}
.scc-pdp__related-title {
  font-family: var(--pdp-disp);
  font-size: 36px;
  letter-spacing: 1.5px;
  line-height: 0.95;
  margin: 6px auto 0;
  text-transform: uppercase;
  color: var(--pdp-ink);
  font-weight: 400;
}
.scc-pdp__related-accent { color: var(--pdp-red); }
.scc-pdp__related-grid {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-top: 14px;
  padding-bottom: 4px;
  -webkit-overflow-scrolling: touch;
}
.scc-pdp__related-card {
  min-width: 140px;
  flex-shrink: 0;
  background: var(--pdp-paper);
  border: 1px solid var(--pdp-line);
  color: inherit;
}
.scc-pdp__related-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.scc-pdp__related-img img {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center 30%;
}
.scc-pdp__related-info {
  padding: 8px 10px;
  border-top: 1px solid var(--pdp-line);
}
.scc-pdp__related-sku {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--pdp-mute);
}
.scc-pdp__related-name {
  display: block;
  font-family: var(--pdp-disp);
  font-size: 18px;
  letter-spacing: 0.8px;
  line-height: 1.15;
  text-transform: uppercase;
  margin-top: 2px;
  padding: 6px 0;
  text-decoration: none;
  color: inherit;
}
.scc-pdp__related-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--pdp-soft);
}
.scc-pdp__related-price {
  font-family: var(--pdp-sans);
  font-weight: 800;
  font-size: 13px;
}
.scc-pdp__related-add {
  appearance: none;
  background: var(--pdp-cream);
  border: 1px solid var(--pdp-ink);
  min-height: 44px;
  cursor: pointer;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--pdp-red);
  font-weight: 700;
  padding: 8px 12px;
  text-transform: uppercase;
}
.scc-pdp__related-add:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

/* ── Mobile Sticky CTA ───────────────────────────── */
.scc-pdp__mobile-cta {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 90;
  background: var(--pdp-cream);
  border-top: 1px solid var(--pdp-line);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(120px, 1fr);
  gap: 8px;
  align-items: center;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.scc-pdp__mobile-cta-qty {
  display: grid;
  grid-template-columns: 44px 36px 44px;
  min-height: 44px;
  border: 1px solid var(--pdp-ink);
  background: var(--pdp-paper);
}
.scc-pdp__mobile-cta-qty .scc-pdp__qty-btn {
  width: 44px;
  min-width: 44px;
  height: 42px;
}
.scc-pdp__mobile-cta-qty .scc-pdp__qty-val {
  width: 36px;
  height: 42px;
  font-size: 15px;
}
.scc-pdp__mobile-cta.is-visible {
  transform: translateY(0);
}
body.scc-cs-in-view .scc-pdp__mobile-cta {
  display: none !important;
}
.scc-pdp__mobile-cta-label {
  display: block;
  font-family: var(--pdp-mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pdp-mute);
  font-weight: 700;
}
.scc-pdp__mobile-cta-amount {
  display: block;
  font-family: var(--pdp-sans);
  font-size: 18px;
  font-weight: 800;
  color: var(--pdp-ink);
  line-height: 1.05;
}
.scc-pdp__mobile-cta form { display: contents; }
.scc-pdp__mobile-cta-btn {
  width: 100%;
  cursor: pointer;
  background: var(--pdp-red) !important;
  color: var(--pdp-cream) !important;
  padding: 15px 12px !important;
  font-family: var(--pdp-mono) !important;
  font-size: 10px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: center;
}

/* Bottom padding so sticky CTA doesn't overlap footer content on mobile */
@media (max-width: 768px) {
  body.single-product .top-strip {
    display: none;
  }

  body.single-product .site-footer {
    padding-bottom: 88px;
  }

  body.single-product {
    overflow-x: hidden;
  }

  .scc-pdp__strip {
    padding-inline: 20px;
    font-size: 11px;
    letter-spacing: 1.4px;
  }

  .scc-pdp__hero {
    display: flex;
    flex-direction: column;
    border-bottom: 0;
  }

  .scc-pdp__spec {
    order: 1;
  }

  .scc-pdp__gallery {
    order: 2;
    border-top: 0;
  }

  .scc-pdp__gallery--desktop {
    display: none;
  }

  .scc-pdp__gallery--mobile {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    width: min(100%, calc(100vw - 40px));
    position: relative;
    left: auto;
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--pdp-ink);
    padding: 0;
    background: var(--pdp-paper);
  }

  .scc-pdp__gallery-main {
    order: 1;
    height: clamp(292px, 68vw, 330px);
    background: transparent;
    aspect-ratio: auto;
    border-bottom: 1px solid var(--pdp-line);
  }

  .scc-pdp__gallery--mobile .scc-pdp__gallery-thumbs {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 28px;
    right: 10px;
    z-index: 4;
    gap: 7px;
    margin: 0;
  }

  .scc-pdp__gallery--mobile .scc-pdp__thumb {
    width: 54px;
    height: 54px;
    min-width: 54px;
    padding: 3px;
    border: 1px solid var(--pdp-ink);
    border-radius: 0;
    background: var(--pdp-cream);
    opacity: 1;
    overflow: hidden;
  }

  .scc-pdp__gallery--mobile .scc-pdp__thumb.is-active {
    display: none;
  }

  .scc-pdp__gallery--mobile .scc-pdp__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .scc-pdp__gallery--mobile .scc-pdp__gallery-counter {
    display: none;
  }

  .scc-pdp__gallery--mobile .scc-pdp__fig-label,
  .scc-pdp__gallery--mobile .scc-pdp__badge {
    display: none;
  }

  .scc-pdp__gallery-slide.is-active {
    padding: 16px 86px 20px 12px;
  }

  .scc-pdp__gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .scc-pdp__gallery-cue {
    order: 2;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    align-items: center;
    min-height: 44px;
    background: var(--pdp-cream);
  }

  .scc-pdp__gallery-cue > span {
    justify-self: center;
    color: var(--pdp-ink);
    font-family: var(--pdp-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .scc-pdp__gallery-nav {
    appearance: none;
    display: grid;
    place-items: center;
    width: 48px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--pdp-ink);
    cursor: pointer;
  }

  .scc-pdp__gallery-nav svg {
    width: 24px;
    height: 24px;
  }

  .scc-pdp__spec {
    padding: 26px 22px 26px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 56px);
    align-items: start;
    column-gap: 14px;
  }

  .scc-pdp__title {
    order: 1;
    grid-column: 1 / 2;
    font-size: clamp(37px, 10.8vw, 47px);
    line-height: 1.02;
    letter-spacing: 1px;
    overflow-wrap: anywhere;
  }

  .scc-pdp__hero-save {
    order: 1;
    grid-column: 2 / 3;
    display: grid;
    box-sizing: border-box;
    width: 56px;
    max-width: 56px;
    min-height: 56px;
    padding: 7px 7px 6px;
    align-self: center;
    justify-items: center;
    align-content: center;
    border: 1px solid var(--pdp-red);
    color: var(--pdp-red);
    font-family: var(--pdp-mono);
    text-transform: uppercase;
    background: rgba(247, 245, 240, 0.66);
  }

  .scc-pdp__hero-save span {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.4px;
    line-height: 1;
  }

  .scc-pdp__hero-save strong {
    margin-top: 6px;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1;
  }

  .scc-pdp__micro-copy {
    display: none;
  }

  .scc-pdp__micro-copy span {
    color: var(--pdp-red);
    padding-inline: 7px;
  }

  .scc-pdp__gallery--mobile {
    order: 4;
    grid-column: 1 / -1;
  }

  .scc-pdp__rating-row {
    order: 3;
    grid-column: 1 / -1;
    margin-top: 6px;
    padding-block: 0;
    border-top: 0;
    border-bottom: 0;
    column-gap: 8px;
    row-gap: 4px;
    font-size: 12px;
    letter-spacing: 1.6px;
  }

  .scc-pdp__rating-row > span:not(:last-child)::after {
    content: "•";
    color: var(--pdp-red);
    margin-left: 8px;
  }

  .scc-pdp__stars {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
  }

  .scc-pdp__rating-count {
    color: var(--pdp-ink);
    text-transform: uppercase;
  }

  .scc-pdp__variations {
    order: 5;
    grid-column: 1 / -1;
  }

  .scc-pdp__buy-box {
    order: 6;
    grid-column: 1 / -1;
  }

  .scc-pdp__decision {
    display: none;
  }

  .scc-pdp__trust {
    order: 8;
    grid-column: 1 / -1;
  }

  .scc-pdp__blurb {
    order: 10;
    grid-column: 1 / -1;
  }

  .scc-pdp__stats {
    display: none;
  }

  .scc-pdp__assurance {
    order: 9;
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px dashed #b9b4ac;
    color: var(--pdp-ink);
    font-family: var(--pdp-mono);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    line-height: 1.45;
    text-align: center;
    text-transform: uppercase;
  }

  .scc-pdp__assurance::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    background: var(--pdp-red);
    color: var(--pdp-cream);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    flex-shrink: 0;
  }

  .scc-pdp__assurance span {
    color: var(--pdp-red);
  }

  .scc-pdp__blurb {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 10px;
  }

  .scc-pdp__blurb ul,
  .scc-pdp__blurb ol {
    gap: 8px;
  }

  .scc-pdp__blurb li {
    font-size: 14px;
  }

  .scc-pdp__blurb table,
  .scc-pdp__blurb tbody,
  .scc-pdp__blurb tr,
  .scc-pdp__blurb td,
  .scc-pdp__blurb th {
    display: block;
  }

  .scc-pdp__blurb table {
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
  }

  .scc-pdp__blurb tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 12px;
    padding: 12px;
    border: 1px solid var(--pdp-ink);
    border-bottom: 0;
    background: var(--pdp-paper);
  }

  .scc-pdp__blurb tr:last-child {
    border-bottom: 1px solid var(--pdp-ink);
  }

  .scc-pdp__blurb td,
  .scc-pdp__blurb th {
    padding: 0;
    border: 0;
  }

  .scc-pdp__blurb td:first-child {
    grid-column: 1 / -1;
    font-size: 13px;
    font-weight: 600;
    color: var(--pdp-mute);
  }

  .scc-pdp__blurb td:nth-child(2) {
    grid-column: 1 / -1;
    text-align: left;
    align-self: start;
    font-family: var(--pdp-sans);
    font-size: clamp(22px, 6.5vw, 28px);
    font-weight: 900;
    letter-spacing: -0.5px;
    line-height: 1;
    color: var(--pdp-ink);
    text-transform: none;
  }

  .scc-pdp__blurb td:last-child {
    grid-column: 1 / -1;
    padding-top: 4px;
    border-top: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--pdp-mute);
  }

  .scc-pdp__spec-meta {
    font-size: 10px;
    letter-spacing: 1.2px;
    line-height: 1.55;
  }

  .scc-pdp__decision {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    margin: 14px 0 0;
    padding: 0;
  }

  .scc-pdp__decision span {
    min-height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: normal;
  }

  .scc-pdp__stats {
    margin-top: 12px;
  }

  .scc-pdp__stat {
    padding: 9px 10px;
  }

  .scc-pdp__stat-val {
    font-size: 22px;
  }

  .scc-pdp__buy-box {
    margin-top: 18px;
    padding: 0;
    border: 1px solid var(--pdp-ink);
    background: rgba(247, 245, 240, 0.5);
    grid-template-columns: 132px minmax(0, 1fr);
    grid-template-areas:
      "price price"
      "qty button"
      "whatsapp whatsapp";
    column-gap: 10px;
    row-gap: 0;
  }

  .scc-pdp__buy-label {
    display: none;
  }

  .scc-pdp__buy-price {
    padding: 8px 14px 7px;
    border-bottom: 1px dashed var(--pdp-soft);
  }

  .scc-pdp__buy-amount ins .amount,
  .scc-pdp__buy-amount > .amount {
    font-size: clamp(30px, 8vw, 36px);
    letter-spacing: -0.5px;
    line-height: 0.95;
  }

  .scc-pdp__buy-amount {
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-start;
  }

  .scc-pdp__buy-amount del .amount {
    font-size: clamp(14px, 3.8vw, 17px);
  }

  .scc-pdp__save-badge {
    margin-left: auto;
    min-height: 24px;
    padding: 5px 8px 4px;
    font-size: 10px;
    letter-spacing: 1.2px;
    white-space: nowrap;
  }

  .scc-pdp__buy-tax {
    display: none;
  }

  .scc-pdp__add-btn,
  .scc-pdp__mobile-cta-btn {
    min-height: 44px;
  }

  .scc-pdp__add-btn {
    min-height: 42px;
    height: 42px;
    padding: 10px 14px !important;
    background: var(--pdp-red) !important;
    color: var(--pdp-cream) !important;
    font-size: 11px !important;
    letter-spacing: 3px !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .scc-pdp__add-btn::before {
    content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6h15l-1.5 9h-12L6 6z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 6 5 3H2' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='20' r='1.5' fill='black'/%3E%3Ccircle cx='18' cy='20' r='1.5' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6h15l-1.5 9h-12L6 6z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 6 5 3H2' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='20' r='1.5' fill='black'/%3E%3Ccircle cx='18' cy='20' r='1.5' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .scc-pdp__add-form {
    position: relative;
    padding: 6px 10px 6px 8px;
    border-bottom: 0;
  }

  .scc-pdp__add-form::after {
    content: "";
    position: absolute;
    left: calc(-120px - 10px);
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--pdp-line);
    pointer-events: none;
  }

  .scc-pdp__buy-qty {
    width: 100%;
    box-sizing: border-box;
    grid-template-columns: 44px 44px 44px;
    justify-self: stretch;
    min-height: 44px;
    margin: 6px 0;
    border: 1px solid var(--pdp-ink);
    background: var(--pdp-cream);
    border-bottom: 1px solid var(--pdp-ink);
  }

  .scc-pdp__qty-btn,
  .scc-pdp__qty-val {
    min-width: 44px;
    width: auto;
    height: 44px;
    font-size: 14px;
  }

  .scc-pdp__whatsapp-buy {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 14px;
    border: 1px solid rgba(37, 211, 102, 0.35);
    background: rgba(37, 211, 102, 0.08);
    color: var(--pdp-ink);
    font-family: var(--pdp-mono);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
  }

  .scc-pdp__whatsapp-buy b {
    color: var(--pdp-red);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .scc-pdp__whatsapp-icon {
    color: var(--pdp-red);
    font-size: 24px;
    line-height: 1;
  }

  .scc-pdp__whatsapp-arrow {
    margin-left: auto;
    font-size: 28px;
    line-height: 1;
  }

  .scc-pdp__trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 12px;
    border-top: 0;
    border-bottom: 0;
  }

  .scc-pdp__trust-item {
    min-height: 46px;
    padding: 0 7px;
    border-left: 0;
    border-right: 1px solid var(--pdp-soft);
    text-align: left;
    display: flex;
    align-items: center;
    gap: 7px;
  }

  .scc-pdp__trust-item:last-child {
    border-right: 0;
  }

  .scc-pdp__trust-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    border: 0;
    color: var(--pdp-ink);
    flex-shrink: 0;
    line-height: 1;
  }

  .scc-pdp__trust-icon svg {
    display: block;
    width: 25px;
    height: 25px;
  }

  .scc-pdp__trust-icon--shield {
    position: relative;
  }

  .scc-pdp__trust-icon--shield b {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding-top: 2px;
    font-family: var(--pdp-mono);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    color: var(--pdp-red);
  }

  .scc-pdp__whatsapp-icon svg {
    display: block;
    width: 26px;
    height: 26px;
  }

  .scc-pdp__trust-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  .scc-pdp__trust-title,
  .scc-pdp__trust-desc {
    color: var(--pdp-ink);
    font-family: var(--pdp-disp);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1.04;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .scc-pdp__trust-desc {
    margin-top: 0;
    color: var(--pdp-mute);
  }

  .scc-pdp__proof {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
  }

  .scc-pdp__proof-item {
    flex: 0 0 44vw;
    min-height: 74px;
    padding: 14px 16px;
    scroll-snap-align: start;
  }

  .scc-pdp__proof-value {
    font-size: 28px;
  }

  .scc-pdp__accordion {
    margin-top: 0;
  }

  .scc-pdp__acc-header {
    min-height: 50px;
    padding: 14px 20px;
  }

  .scc-pdp__acc-body {
    padding: 0 20px 18px;
    font-size: 14px;
  }

  .scc-pdp__reviews {
    padding: 36px 20px;
  }

  .scc-pdp__reviews-grid {
    gap: 18px;
  }

  .scc-pdp__reviews-score {
    font-size: 52px;
  }

  .scc-pdp__reviews-cards {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    margin-inline: -20px;
    padding: 0 20px 8px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .scc-pdp__review-card {
    flex: 0 0 min(82vw, 340px);
    scroll-snap-align: start;
  }

  .scc-pdp__review-photo--main {
    aspect-ratio: 5 / 4;
  }

  .scc-pdp__review-text {
    font-size: 14px;
  }

  .scc-pdp__reviews-all {
    flex: 0 0 auto;
    align-self: stretch;
    min-width: 160px;
    min-height: 44px;
    border: 1px solid var(--pdp-ink);
    background: var(--pdp-cream);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    margin-top: 0;
    scroll-snap-align: start;
  }

  .scc-pdp__related {
    padding: 36px 20px;
  }

  .scc-pdp__related-grid {
    gap: 12px;
    margin-inline: -20px;
    padding: 0 20px 8px;
    scroll-snap-type: x proximity;
  }

  .scc-pdp__related-card {
    min-width: min(58vw, 220px);
    scroll-snap-align: start;
  }
}

/* ═══════════════════════════════════════════════════════
   DESKTOP (≥769px)
   ═══════════════════════════════════════════════════════ */
@media (min-width: 769px) {

  .scc-pdp { max-width: min(100%, 1200px); }
  .scc-pdp__strip { font-size: 11px; letter-spacing: 2.5px; }
  .scc-pdp__crumb { padding: 14px 48px; }

  .scc-pdp__hero {
    grid-template-columns: 1.05fr 1fr;
    align-items: start;
  }

  /* Gallery — desktop: thumbnail strip visible */
  .scc-pdp__gallery {
    align-self: start;
    border-right: 1px solid var(--pdp-line);
    border-bottom: none;
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 0;
    min-width: 0;
    overflow: hidden;
  }
  .scc-pdp__gallery--mobile { display: none; }
  .scc-pdp__gallery-thumbs {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--pdp-soft);
  }
  .scc-pdp__thumb {
    padding: 6px;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid var(--pdp-soft);
    border-left: 3px solid transparent;
    background: transparent;
  }
  .scc-pdp__thumb.is-active {
    background: var(--pdp-paper);
    border-left-color: var(--pdp-red);
  }
  .scc-pdp__thumb img {
    width: 52px; height: 52px;
    object-fit: cover;
    object-position: center 30%;
  }

  .scc-pdp__gallery-main {
    width: 100%;
    min-width: 0;
    height: clamp(520px, 50vw, 640px);
    min-height: 0;
    max-height: 720px;
    aspect-ratio: auto;
    position: relative;
  }
  .scc-pdp__gallery-slide { position: absolute; inset: 0; padding: 36px; box-sizing: border-box; }
  .scc-pdp__gallery-slide.is-active {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .scc-pdp__gallery-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }

  .scc-pdp__fig-label { top: 16px; left: 16px; padding: 8px 12px; font-size: 10px; letter-spacing: 2px; }
  .scc-pdp__badge { top: 16px; right: 16px; padding: 6px 12px; font-size: 10px; letter-spacing: 2px; }

  /* Hide mobile counter on desktop */
  .scc-pdp__gallery-counter { display: none; }

  /* Spec — desktop sizes */
  .scc-pdp__spec { padding: 40px 44px 48px; }
  .scc-pdp__spec-meta { font-size: 10px; letter-spacing: 2px; }
  .scc-pdp__kicker { font-size: 10px; letter-spacing: 2.5px; }
  .scc-pdp__title { font-size: 60px; letter-spacing: 2px; line-height: 0.86; margin-top: 8px; }

  .scc-pdp__rating-row { margin-top: 14px; font-size: 11px; letter-spacing: 1.5px; gap: 14px; }
  .scc-pdp__rating-sep { display: inline; }

  .scc-pdp__blurb { font-size: 15px; line-height: 1.6; margin-top: 22px; }

  .scc-pdp__decision {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 20px;
  }
  .scc-pdp__decision span {
    padding: 11px 12px;
    font-size: 10px;
    letter-spacing: 1.4px;
  }

  .scc-pdp__stats { margin-top: 26px; }
  .scc-pdp__stat { padding: 18px 20px; }
  .scc-pdp__stat-val { font-size: 38px; }
  .scc-pdp__stat-lbl { font-size: 10px; letter-spacing: 1.5px; margin-top: 6px; }

  .scc-pdp__variant { margin-top: 18px; }
  .scc-pdp__variant-label { font-size: 10px; letter-spacing: 2px; }
  .scc-pdp__variant-options { margin-top: 8px; }
  .scc-pdp__variant-btn {
    flex: 0 1 auto;
    padding: 10px 14px;
    font-size: 11px;
    letter-spacing: 1.5px;
    flex-direction: column;
    align-items: flex-start;
  }
  .scc-pdp__variant-note { font-size: 10px; }

  .scc-pdp__buy-box {
    margin-top: 28px;
    padding: 34px 32px 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "price qty"
      "button button";
    column-gap: 24px;
    row-gap: 20px;
  }
  .scc-pdp__buy-amount { gap: 14px; }
  .scc-pdp__buy-amount ins .amount,
  .scc-pdp__buy-amount > .amount {
    font-size: clamp(48px, 5.6vw, 68px);
  }
  .scc-pdp__buy-tax { font-size: 11px; }
  .scc-pdp__save-badge {
    padding: 8px 12px 7px;
    font-size: 10px;
    letter-spacing: 1.8px;
  }
  .scc-pdp__add-btn {
    min-height: 66px;
    padding: 21px 28px !important;
    font-size: 12px !important;
    letter-spacing: 5px !important;
  }

  .scc-pdp__trust {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 18px;
  }
  .scc-pdp__trust-item { padding-left: 12px; }
  .scc-pdp__trust-title { font-size: 10px; letter-spacing: 1.5px; }
  .scc-pdp__trust-desc { font-size: 11px; }

  .scc-pdp__formula {
    margin-top: 24px;
    padding: 14px 18px;
    font-size: 10px;
    letter-spacing: 1.5px;
  }

  /* Accordion — desktop */
  .scc-pdp__acc-header { padding: 20px 48px; }
  .scc-pdp__acc-num { font-size: 10px; letter-spacing: 2px; }
  .scc-pdp__acc-title { font-size: 32px; letter-spacing: 1.5px; }
  .scc-pdp__acc-icon { font-size: 18px; }
  .scc-pdp__acc-body { padding: 0 48px 28px 86px; font-size: 15px; line-height: 1.65; max-width: 880px; }

  /* Reviews — desktop */
  .scc-pdp__reviews { padding: 64px 48px; }
  .scc-pdp__reviews-grid { grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: flex-start; }
  .scc-pdp__reviews-score { font-size: 76px; letter-spacing: 2px; line-height: 0.88; margin-top: 8px; }
  .scc-pdp__reviews-stars { font-size: 16px; letter-spacing: 2px; margin-top: 8px; }
  .scc-pdp__reviews-count { margin-top: 10px; font-size: 11px; letter-spacing: 2px; }
  .scc-pdp__reviews-bars { margin-top: 22px; }
  .scc-pdp__reviews-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .scc-pdp__review-card { padding: 22px; }
  .scc-pdp__review-card--photo { padding: 0; }
  .scc-pdp__review-card--photo .scc-pdp__review-header,
  .scc-pdp__review-card--photo .scc-pdp__review-meta,
  .scc-pdp__review-card--photo .scc-pdp__review-text {
    margin-left: 22px;
    margin-right: 22px;
  }
  .scc-pdp__review-card--photo .scc-pdp__review-header { margin-top: 22px; }
  .scc-pdp__review-card--photo .scc-pdp__review-text { margin-bottom: 22px; }
  .scc-pdp__review-author { font-size: 14px; }
  .scc-pdp__review-card-stars { font-size: 12px; letter-spacing: 1.5px; }
  .scc-pdp__review-meta { font-size: 10px; margin-top: 4px; }
  .scc-pdp__review-text { font-size: 14px; line-height: 1.55; margin-top: 12px; }

  /* Related — desktop */
  .scc-pdp__related { padding: 64px 48px; }
  .scc-pdp__related-title { font-size: 56px; letter-spacing: 2px; }
  .scc-pdp__related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    overflow: visible;
    margin-top: 28px;
  }
  .scc-pdp__related-card { min-width: 0; }
  .scc-pdp__related-info { padding: 14px 16px; }
  .scc-pdp__related-name { font-size: 26px; letter-spacing: 1px; margin-top: 4px; }
  .scc-pdp__related-bottom { margin-top: 12px; padding-top: 10px; }
  .scc-pdp__related-price { font-size: 16px; }

  /* Hide mobile sticky CTA on desktop */
  .scc-pdp__mobile-cta { display: none !important; }

  /* Breadcrumb never collapses on desktop */
  .scc-pdp__crumb.is-collapsed {
    opacity: 1;
    max-height: none;
    padding: 14px 48px;
    border-bottom: 1px solid var(--pdp-soft);
  }
}

/* Product page cleanup: standard ecommerce title scale and no decorative metadata labels. */
body.single-product .scc-pdp__crumb,
body.single-product .scc-pdp__spec-meta,
body.single-product .scc-pdp__fig-label,
body.single-product .scc-pdp__badge {
  display: none !important;
}

body.single-product .scc-pdp__gallery-index,
body.single-product .scc-pdp__gallery-count {
  display: none !important;
}

body.single-product .scc-pdp__title {
  font-size: 28px !important;
  line-height: 1.2;
  margin-top: 0;
}

@media (max-width: 768px) {
  body.single-product .scc-pdp__title {
    font-size: clamp(37px, 10.8vw, 47px) !important;
    line-height: 0.95;
  }
}

/* ── Bundle table rows: tap-to-select (wired by scc-product.js; totals
   enforced server-side by mu-plugins/scc-bundle-pricing.php) ─────────── */
.scc-pdp__bundle-row {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.scc-pdp__bundle-row:focus-visible {
  outline: 2px solid var(--pdp-red);
  outline-offset: -2px;
}
.scc-pdp__bundle-row.is-selected {
  box-shadow: inset 0 0 0 2px var(--pdp-red);
  background: var(--pdp-cream);
}
.scc-pdp__bundle-cta {
  display: inline-block;
  margin-top: 6px;
  margin-left: 10px;
  font-family: var(--pdp-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--pdp-red);
}
.scc-pdp__bundle-row.is-selected .scc-pdp__bundle-cta {
  background: var(--pdp-red);
  color: #fff;
  padding: 2px 7px;
}
@media (max-width: 768px) {
  .scc-pdp__bundle-row {
    min-height: 44px;
  }
  .scc-pdp__bundle-cta {
    margin-top: 8px;
  }
}

/* PDP responsive polish — fixes mobile clipping, placeholder-heavy card layouts,
   and over-compressed purchase UI found in the June 2026 design QA pass. */
body.single-product {
  overflow-x: clip;
}

.scc-pdp__review-card--photo .scc-pdp__review-media:empty,
.scc-pdp__related-img:empty {
  display: none;
}
.scc-pdp__review-card--photo .scc-pdp__review-media {
  display: none;
}
.scc-pdp__review-card--photo.scc-review-media-ready .scc-pdp__review-media {
  display: grid;
}

@media (max-width: 768px) {
  html,
  body.single-product,
  body.single-product .site,
  body.single-product .site-content,
  body.single-product .scc-pdp {
    max-width: 100%;
    overflow-x: clip;
  }

  body.single-product .scc-pdp__title {
    font-size: clamp(34px, 9.4vw, 42px) !important;
    line-height: 1.02;
    letter-spacing: 0.7px;
  }

  .scc-pdp__strip {
    font-size: 10px;
    letter-spacing: 1px;
  }

  .scc-pdp__spec {
    padding-inline: 18px;
  }

  .scc-pdp__gallery--mobile {
    width: 100%;
    max-width: 100%;
  }

  .scc-pdp__gallery-main {
    height: clamp(270px, 72vw, 312px);
  }

  .scc-pdp__gallery--mobile .scc-pdp__gallery-thumbs {
    right: 8px;
    top: 44px;
    gap: 6px;
  }

  .scc-pdp__gallery--mobile .scc-pdp__thumb {
    width: 46px;
    height: 46px;
    min-width: 46px;
  }

  .scc-pdp__gallery-slide.is-active {
    padding: 14px 66px 18px 10px;
  }

  .scc-pdp__gallery-cue > span {
    font-size: 9px;
    letter-spacing: 1.2px;
  }

  .scc-pdp__buy-box {
    grid-template-columns: 132px minmax(0, 1fr);
  }

  .scc-pdp__add-btn {
    letter-spacing: 1.4px !important;
  }

  .scc-pdp__trust-title,
  .scc-pdp__trust-desc {
    white-space: normal;
    font-size: 11px;
  }

  .scc-pdp__proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .scc-pdp__proof-item {
    flex: initial;
    min-height: 68px;
    padding: 12px 14px;
  }

  .scc-pdp__proof-item:nth-child(2n) {
    border-right: 0;
  }

  .scc-pdp__reviews-cards,
  .scc-pdp__related-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    overflow: visible;
    margin-inline: 0;
    padding: 0;
    scroll-snap-type: none;
  }

  .scc-pdp__review-card,
  .scc-pdp__related-card,
  .scc-pdp__reviews-all {
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: initial;
  }

  .scc-pdp__review-photo--main {
    aspect-ratio: 16 / 10;
  }

  .scc-pdp__related-img img {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
  }

  .scc-pdp__related-bottom {
    gap: 12px;
  }

  .scc-pdp__related-add {
    min-width: 104px;
  }

  .scc-pdp__mobile-cta {
    display: none !important;
  }
}

/* PDP polish pass 2026-06-10 — readability, tap targets, simplified related cards. */
@media (max-width: 768px) {
  .scc-pdp__proof-item {
    min-height: 78px;
    padding: 14px 16px;
  }
  .scc-pdp__proof-label {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.35;
    color: #f7f5f0;
  }
  .scc-pdp__proof-value {
    font-size: 30px;
  }

  .scc-pdp__review-meta,
  .scc-pdp__reviews-count,
  .scc-pdp__related-sku {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.45;
  }
  .scc-pdp__review-author {
    font-size: 15px;
  }
  .scc-pdp__review-text {
    font-size: 15px;
    line-height: 1.58;
  }

  .scc-pdp__related-grid {
    gap: 12px;
  }
  .scc-pdp__related-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: stretch;
    min-height: 132px;
    background: var(--pdp-paper);
  }
  .scc-pdp__related-link {
    display: contents;
  }
  .scc-pdp__related-img {
    grid-row: 1 / span 2;
    border-right: 1px solid var(--pdp-line);
    background: var(--pdp-cream);
  }
  .scc-pdp__related-img img {
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 132px;
    object-fit: cover;
    object-position: center;
  }
  .scc-pdp__related-info {
    display: grid;
    align-content: center;
    padding: 12px 12px 8px;
    border-top: 0;
    min-width: 0;
  }
  .scc-pdp__related-name {
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 1.05;
    margin-top: 3px;
    padding: 3px 0 0;
  }
  .scc-pdp__related-bottom {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr;
    align-self: end;
    gap: 8px;
    margin: 0;
    padding: 0 12px 12px;
    border-top: 0;
  }
  .scc-pdp__related-price {
    font-size: 15px;
    line-height: 1.2;
  }
  .scc-pdp__related-add {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 12px 14px;
    background: var(--pdp-ink);
    color: var(--pdp-cream);
    border-color: var(--pdp-ink);
    font-size: 11px;
    letter-spacing: 1px;
  }
}

/* ═══ QA pass 2026-06-10 — fold, typography, small-viewport fixes ═══ */
/* Desktop: buy box above the fold — price/ATC before the long blurb. */
@media (min-width: 769px) {
  .scc-pdp__spec { display: flex; flex-direction: column; }
  .scc-pdp__spec > .scc-pdp__spec-meta { order: 1; }
  .scc-pdp__spec > .scc-pdp__title { order: 2; }
  .scc-pdp__spec > .scc-pdp__hero-save { order: 3; }
  .scc-pdp__spec > .scc-pdp__rating-row { order: 4; }
  .scc-pdp__spec > .scc-pdp__buy-box { order: 5; }
  .scc-pdp__spec > .scc-pdp__trust { order: 6; }
  .scc-pdp__spec > .scc-pdp__assurance { order: 7; }
  .scc-pdp__spec > .scc-pdp__micro-copy { order: 8; }
  .scc-pdp__spec > .scc-pdp__blurb { order: 9; }
  .scc-pdp__spec > .scc-pdp__decision { order: 10; }
  .scc-pdp__spec > .scc-pdp__stats { order: 11; }
  .scc-pdp__spec > .scc-pdp__gallery { order: 12; }
}
/* Mobile typography: bullets readable (16px/1.5), clamp long review text,
   2-col bullet grid to cut scroll length. */
@media (max-width: 768px) {
  .scc-pdp__blurb li { font-size: 16px; line-height: 1.5; }
  .scc-pdp__blurb ul { grid-template-columns: 1fr 1fr; gap: 8px 10px; }
  .scc-pdp__review-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
/* ≤360px: keep the add-to-cart inside the first viewport. */
@media (max-width: 360px) {
  .scc-pdp__spec { padding: 14px 14px 14px; }
  .scc-pdp__gallery-main { height: clamp(200px, 56vw, 240px); }
  .scc-pdp__title { font-size: clamp(30px, 9.4vw, 37px); }
}