/* V5 polish layer — additive only; keeps the V4 framework intact. */
:root{--v5-ink:#0b1220;--v5-muted:#5d6878;--v5-line:#dfe5ec;--v5-soft:#f5f7fa;--v5-blue:#1664ff}
html{scroll-padding-top:108px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
.wrap{width:min(1180px,calc(100% - 40px))}
.eyebrow{letter-spacing:.13em;font-weight:750}
.crumbs{font-size:13px;color:var(--v5-muted)}
.crumbs a{text-decoration:none}
.crumbs i{margin:0 8px;color:#9aa5b3}
.hpimg,.pimg{overflow:hidden;background:linear-gradient(145deg,#f8fafc,#e9eef5)}
.hpimg img,.pimg img{width:100%;height:100%;object-fit:cover;object-position:center}
.heroprod{border:1px solid var(--v5-line);box-shadow:0 22px 60px rgba(11,18,32,.08)}
.hpopt,.pcard{border-color:var(--v5-line);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hpopt:hover,.pcard:hover{transform:translateY(-2px);border-color:#b9c8dc;box-shadow:0 12px 34px rgba(11,18,32,.08)}
.pgrid{align-items:stretch}
.pcard{height:100%;background:#fff}
.pcard .pbody{display:flex;flex-direction:column;height:100%}
.pcard .pactions{margin-top:auto}
.draftprice{display:inline-flex;width:max-content;margin:0 0 8px;padding:4px 8px;border-radius:999px;background:#fff5d8;color:#795700;font-size:11px;font-weight:750;letter-spacing:.04em}
.price-note{margin-top:18px;padding:14px 16px;border:1px solid #d8e2ef;border-radius:12px;background:#f7faff;color:#435066;font-size:13px;line-height:1.7}
.spec-note{font-size:12px;line-height:1.7;color:#687486}
.svcrow>div{background:#fff;border:1px solid var(--v5-line);border-radius:14px;padding:18px}
.svcrow small{line-height:1.65}
:focus-visible{outline:3px solid rgba(22,100,255,.35);outline-offset:3px}
@media(max-width:760px){
  html{scroll-padding-top:84px}
  .wrap{width:min(100% - 28px,1180px)}
  section{overflow:clip}
  .heroprod{display:block;border-radius:18px}
  .hpimg{height:min(72vw,390px);min-height:260px;border-radius:18px 18px 0 0}
  .hpimg img{object-position:center 42%}
  .hpinfo{padding:24px 18px 22px}
  .hpinfo h2{font-size:clamp(31px,10vw,43px);line-height:1.05}
  .hpsub{font-size:14px;line-height:1.75}
  .hpprice{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:baseline}
  .hpprice em{flex-basis:100%;width:max-content}
  .hpopt{grid-template-columns:minmax(0,1fr) auto;padding:14px 12px;gap:6px 10px}
  .hpopt .go{grid-column:2}.hpopt small{white-space:normal;line-height:1.45}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pimg{aspect-ratio:1/1}
  .pimg img{object-position:center}
  .pbody{padding:14px 12px}
  .pbody h3{font-size:15px;line-height:1.35}
  .pbody p{font-size:12px;line-height:1.55}
  .svcrow{grid-template-columns:1fr;gap:10px}
  .mobilecta{padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){.pgrid{grid-template-columns:1fr}.pimg{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
