@layer components {
@media (max-width: 1023px) {

  .pc-recess-k { font-size: 13px; }
  .pc-total-k { font-size: 13px; }
  .pc-presets-k { font-size: 13px; }

  .pc-preset { min-height: 44px; padding: 19px 0 6px; }

  .pc-psvg text {
    font-family: var(--font-sans);
    font-variant-numeric: tabular-nums;
  }

  .pc-p-k {
    font-size: 16px; font-weight: 700; letter-spacing: 0.16em;
    fill: var(--pc-ink);
  }
  .pc-p-k--low { font-weight: 800; }

  .pc-p-fig {
    font-size: 40px; font-weight: 600; letter-spacing: -0.04em;
    fill: var(--pc-ink);
  }
  .pc-p-lbl { font-size: 16px; fill: var(--pc-ink); }

  .pc-p-close { font-size: 16px; fill: var(--pc-ink); }

  .pc-p-name {
    font-size: 20px; font-weight: 600; letter-spacing: -0.02em;
    fill: var(--pc-ink);
  }
  .pc-p-what { font-size: 16px; fill: var(--pc-ink); }

  .pc-p-rk {
    font-size: 16px; font-weight: 700; letter-spacing: 0.16em;
    fill: var(--pc-ink-2);
  }
  .pc-p-rv {
    font-size: 17px; font-weight: 600; letter-spacing: -0.02em;
    fill: var(--pc-ink);
  }

  .pc-p-mfig {
    font-size: 26px; font-weight: 600; letter-spacing: -0.03em;
    fill: var(--pc-ink);
  }
  .pc-p-mname { font-size: 17px; font-weight: 600; fill: var(--pc-ink); }
  .pc-p-msub { font-size: 16px; fill: var(--pc-ink-2); }

  .pc-p-price {
    font-size: 28px; font-weight: 600; letter-spacing: -0.03em;
    fill: var(--pc-ink);
  }
  .pc-p-act { font-size: 19px; font-weight: 600; fill: var(--pc-ink); }
  .pc-p-ssub { font-size: 16px; fill: var(--pc-ink-2); }

  .pc-p-gk {
    font-size: 16px; font-weight: 700; letter-spacing: 0.16em;
    fill: var(--text-primary);
  }
  .pc-p-gk--off { fill: var(--text-muted); }
  .pc-p-gk--seam { fill: var(--accent-color); }

  .pc-p-gbare { font-size: 16px; fill: var(--text-muted); }
  .pc-p-gfig {
    font-size: 40px; font-weight: 600; letter-spacing: -0.04em;
    fill: var(--text-primary);
  }

  .pc-p-days {
    font-size: 38px; font-weight: 600; letter-spacing: -0.035em;
    fill: var(--text-primary);
  }
  .pc-p-free {
    font-size: 24px; font-weight: 500; letter-spacing: -0.02em;
    fill: var(--text-secondary);
  }

  .pc-count-stage, .pc-ground-stage, .pc-core-stage, .pc-seam-stage {
    overflow-x: visible;
  }

  .pc-count-stage .obj-phone,
  .pc-ground-stage .obj-phone,
  .pc-core-stage .obj-phone,
  .pc-seam-stage .obj-phone { margin-top: 0; }

  .pc-count-stage, .pc-ground-stage,
  .pc-core-stage, .pc-seam-stage { margin-top: 0; }

  .pc-count-stage .obj-phone,
  .pc-ground-stage .obj-phone,
  .pc-core-stage .obj-phone,
  .pc-seam-stage .obj-phone { max-width: 380px; }

  .pc-actions .btn-secondary { display: none; }

  .pc-price { padding-inline: 0; }

  .main-content > .pc-price { padding-top: calc(var(--navbar-h) + var(--hero-lede)); }

  .pc-plate {
    margin-top: var(--space-5);
    padding: 24px 16px;
    gap: var(--space-5);
  }

  .pc-fig-unit { margin-left: 8px; }
  .pc-recess { padding: 22px 16px; }

  .pc-bench-presets { display: none; }
  .pc-bench-f { display: none; }
  .pc-bench-f--hold { display: inline; }

  .pc-bench-foot { padding: 8px var(--space-4); gap: var(--space-4); }

  .pc-bench-bar { padding: 12px 10px; gap: var(--space-2); }

  .pc-bench-body { padding: 14px; gap: 12px; }
  .pc-dials { gap: 12px; }
  .pc-dial { padding: 14px; row-gap: 8px; }
  .pc-dial-id { gap: 2px var(--space-4); }
  .pc-total { padding: 12px; }
  .pc-total-cta { margin-top: var(--space-3); }

  .pc-btn { width: 44px; height: 44px; }
}

@media (max-width: 560px) {
  .pc-eyebrow { display: none; }
}

@media (max-width: 420px) {
  .pc-plate { padding: 20px 16px; gap: 20px; }
  .pc-recess { padding: 18px 16px; }

  .pc-fig { font-size: 50px; }

  .pc-dial { padding: 12px; }
  .pc-bench-foot { padding: 6px var(--space-4); }
}
}

@layer components {
@media (max-width: 1023px) {

  .main-content.pc-main .pc-psvg .pc-p-k,
  .main-content.pc-main .pc-psvg .pc-p-lbl,
  .main-content.pc-main .pc-psvg .pc-p-close,
  .main-content.pc-main .pc-psvg .pc-p-name,
  .main-content.pc-main .pc-psvg .pc-p-what,
  .main-content.pc-main .pc-psvg .pc-p-rk,
  .main-content.pc-main .pc-psvg .pc-p-rv,
  .main-content.pc-main .pc-psvg .pc-p-mname,
  .main-content.pc-main .pc-psvg .pc-p-msub,
  .main-content.pc-main .pc-psvg .pc-p-act,
  .main-content.pc-main .pc-psvg .pc-p-ssub,
  .main-content.pc-main .pc-psvg .pc-p-gk,
  .main-content.pc-main .pc-psvg .pc-p-gbare { font-size: 15px; }

  .main-content.pc-main .pc-psvg .pc-p-free { font-size: 25px; }

  .main-content.pc-main .pc-bench .pc-dial-n,
  .main-content.pc-main .pc-bench .pc-dial-u,
  .main-content.pc-main .pc-bench .pc-total-u,
  .main-content.pc-main .pc-bench .pc-total-live,
  .main-content.pc-main .pc-bench .pc-total-cta span { font-size: var(--mt-label); }

  .main-content.pc-main .pc-bench .pc-btn { font-size: 20px; }

}
}