/* Standard-build cards are scoped to the existing Computers page. */
.cp-page .cp-section.cp-standard { padding-block:18px; background:#fff; border-bottom:1px solid var(--cp-line); }
.cp-page .cp-standard-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.cp-page .cp-standard-heading h2 { margin:0; font-size:clamp(1.5rem,2.3vw,2rem); line-height:1.2; }
.cp-page .cp-standard-navigation { display:flex; flex:0 0 auto; align-items:center; gap:10px; }
.cp-page .cp-standard-count { color:var(--cp-muted); font-size:.875rem; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cp-page .cp-standard-arrow { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid var(--cp-line); border-radius:50%; background:#fff; color:var(--cp-navy); font:inherit; font-size:1.5rem; line-height:1; cursor:pointer; }
.cp-page .cp-standard-arrow:hover:not(:disabled) { color:#fff; background:var(--cp-teal); border-color:var(--cp-teal); }
.cp-page .cp-standard-arrow:disabled { opacity:.35; cursor:default; }
.cp-page .cp-standard-arrow:focus-visible,.cp-page .cp-standard-slides:focus-visible { outline:3px solid var(--cp-teal); outline-offset:5px; }
.cp-page .cp-standard [hidden] { display:none !important; }
.cp-page .cp-standard-card { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); border:2px solid #9cb5c4; border-radius:12px; overflow:hidden; background:#fff; }
.cp-page .cp-standard-card + .cp-standard-card { margin-top:20px; }
.cr-enhanced .cp-page .cp-standard-slides,.cp-page .cp-standard[data-cp-standard-ready] .cp-standard-slides { display:grid; overflow:hidden; isolation:isolate; border-radius:12px; box-shadow:0 8px 22px #16364c1c; }
.cr-enhanced .cp-page .cp-standard-card,.cp-page .cp-standard[data-cp-standard-ready] .cp-standard-card { grid-area:1 / 1; align-self:stretch; min-width:0; }
.cr-enhanced .cp-page .cp-standard:not([data-cp-standard-ready]) .cp-standard-card:not([data-cp-default]) { visibility:hidden; pointer-events:none; }
.cr-enhanced .cp-page .cp-standard-card + .cp-standard-card { margin-top:0; }
.cp-page .cp-standard[data-cp-standard-ready] .cp-standard-card + .cp-standard-card { margin-top:0; }
/* Invisible cards still size the shared grid row; JS also makes them inert and aria-hidden. */
.cp-page .cp-standard[data-cp-standard-ready] .cp-standard-card[hidden] { display:grid !important; visibility:hidden; pointer-events:none; }
.cp-page .cp-standard-card[data-cp-standard-leaving] { pointer-events:none; }
.cp-page .cp-standard-photo { display:flex; flex-direction:column; min-width:0; padding:14px 20px; background:var(--cp-warm); }
.cp-page .cp-standard-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; min-height:27px; }
.cp-page .cp-standard-badge { display:inline-block; margin:0; color:var(--cp-teal); font-size:.8125rem; font-weight:800; line-height:1.4; }
.cp-page .cp-standard-badge-popular { padding:4px 9px; border:1px solid #c6e1e7; border-radius:5px; background:#eef7f9; color:var(--cp-navy); }
/* Match Click & Collect app.css .cc-sold-badge (base rule84 plus final rule424). */
.cp-page .cp-standard-sold { margin:0; padding:4px 7px; border-radius:5px; background:#f1f5f3; color:#37604c; font-size:11px; font-weight:600; line-height:1.2; white-space:nowrap; }
.cp-page .cp-standard-image-frame { position:relative; width:100%; max-width:335px; aspect-ratio:1; align-self:center; margin:10px auto; }
.cp-page .cp-standard-image-frame img { width:100%; height:100%; aspect-ratio:1; object-fit:contain; }
.cp-page .cp-case-arrow { position:absolute; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:36px; height:44px; padding:0; border:1px solid #ccd8df; border-radius:7px; background:#fffffff0; color:var(--cp-navy); font:inherit; font-size:1.75rem; line-height:1; cursor:pointer; }
.cp-page .cp-case-previous { left:-12px; }
.cp-page .cp-case-next { right:-12px; }
.cp-page .cp-case-arrow:hover { border-color:var(--cp-teal); color:var(--cp-teal); background:#fff; }
.cp-page .cp-case-arrow:focus-visible { outline:3px solid var(--cp-teal); outline-offset:3px; }
.cp-page .cp-case-count { position:absolute; bottom:0; left:50%; transform:translateX(-50%); padding:2px 7px; border-radius:4px; background:#fffffff0; color:var(--cp-muted); font-size:.6875rem; line-height:1.4; white-space:nowrap; }
.cp-page .cp-standard-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:10px; width:100%; margin-top:auto; }
.cp-page .cp-standard-actions .cp-button { padding:8px 10px; min-height:40px; font-size:.8125rem; line-height:1.3; text-align:center; }
.cp-page .cp-standard-details { padding:14px 20px; min-width:0; }
.cp-page .cp-standard-title-price { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:10px; }
.cp-page .cp-standard-title-price h3 { margin:0; min-width:0; overflow-wrap:anywhere; text-wrap:balance; font-size:clamp(1.25rem,1.65vw,1.5rem); line-height:1.2; }
.cp-page .cp-standard-price-block { flex:0 0 auto; text-align:right; }
.cp-page .cp-standard-price { margin:0; color:var(--cp-navy); font-size:clamp(2rem,2.8vw,2.5rem); font-weight:800; letter-spacing:-.04em; line-height:1.1; }
.cp-page .cp-standard-price-unavailable { max-width:14ch; font-size:1.125rem; letter-spacing:0; line-height:1.3; }
.cp-page .cp-standard-specs { margin:0; font-size:.9375rem; line-height:1.35; }
.cp-page .cp-standard-specs > div { display:grid; grid-template-columns:minmax(max-content,125px) minmax(0,1fr); gap:12px; padding:4px 0; border-top:1px solid #e6ebee; }
.cp-page .cp-standard-specs dt { color:var(--cp-muted); font-weight:400; white-space:nowrap; }
.cp-page .cp-standard-specs dd { margin:0; color:var(--cp-ink); font-weight:600; overflow-wrap:anywhere; }
.cp-page .cp-standard-specs sup { color:var(--cp-teal); font-size:.75em; line-height:0; padding-left:2px; }
.cp-page .cp-standard-variable-note { margin:8px 0 0; color:var(--cp-muted); font-size:.8125rem; line-height:1.4; }
.cp-page .cp-standard-variable-note > span { color:var(--cp-teal); font-weight:700; }
.cp-page .cp-standard-upgrade { margin:8px 0 0; border-left:3px solid var(--cp-teal); padding:6px 10px; background:#f2f8f9; color:var(--cp-navy); font-size:.9375rem; line-height:1.4; }
.cp-page .cp-standard-availability { margin:8px 0 0; color:var(--cp-muted); font-size:.875rem; line-height:1.4; }
.cp-page .cp-standard-custom { display:flex; align-items:center; gap:6px 22px; flex-wrap:wrap; margin-top:30px; }
.cp-page .cp-standard-custom .cp-text-link { min-height:36px; font-size:.9375rem; }
.cp-page .cp-standard-custom p { flex:1 1 400px; margin:0; color:var(--cp-muted); font-size:.875rem; line-height:1.4; }
.cp-page .cp-standard-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (min-width:901px) {
  /* Existing root scroll-padding is130px; this section starts below the75px header. */
  .cp-page #standard-builds { scroll-margin-top:-42px; }
}
@media (max-width:1000px) {
  .cp-page .cp-standard-photo,.cp-page .cp-standard-details { padding:14px; }
  .cp-page .cp-standard-specs > div { grid-template-columns:minmax(max-content,105px) minmax(0,1fr); gap:10px; }
  .cp-page .cp-standard-title-price { flex-wrap:wrap; gap:8px 16px; }
  .cp-page .cp-standard-price-block { text-align:left; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; }
}
@media (max-width:767px) {
  .cp-page .cp-standard-sold { font-size:10px; padding:3px 5px; }
}
@media (max-width:700px) {
  .cp-page .cp-section.cp-standard { padding-block:24px; }
  .cp-page .cp-standard-heading { flex-wrap:wrap; gap:8px 16px; }
  .cp-page .cp-standard-navigation { margin-left:auto; }
  .cp-page .cp-standard-card { grid-template-columns:1fr; }
  .cp-page .cp-standard-photo { padding:18px; }
  .cp-page .cp-standard-image-frame { max-width:300px; margin-block:12px; }
  .cp-page .cp-standard-actions { max-width:360px; align-self:center; }
  .cp-page .cp-standard-actions .cp-button { min-height:44px; }
  .cp-page .cp-standard-details { padding:20px 18px; }
  .cp-page .cp-standard-title-price h3 { font-size:1.375rem; }
  .cp-page .cp-standard-specs { line-height:1.5; }
  .cp-page .cp-standard-specs > div { padding-block:7px; }
  .cp-page .cp-standard-variable-note,.cp-page .cp-standard-upgrade,.cp-page .cp-standard-availability { margin-top:12px; }
  .cp-page .cp-standard-custom { margin-top:26px; }
}
@media (max-width:440px) {
  .cp-page .cp-standard-title-price { flex-direction:column; gap:9px; }
  .cp-page .cp-standard-specs > div { grid-template-columns:minmax(max-content,105px) minmax(0,1fr); }
  .cp-page .cp-standard-actions .cp-button { width:100%; }
}
@media print {
  .cr-enhanced .cp-page .cp-standard-slides,.cp-page .cp-standard[data-cp-standard-ready] .cp-standard-slides { display:block; overflow:visible; box-shadow:none; }
  .cr-enhanced .cp-page .cp-standard:not([data-cp-standard-ready]) .cp-standard-card:not([data-cp-default]),.cp-page .cp-standard[data-cp-standard-ready] .cp-standard-card[hidden] { display:grid !important; visibility:visible; }
  .cp-page .cp-standard-card { break-inside:avoid; transform:none !important; }
  .cp-page .cp-standard[data-cp-standard-ready] .cp-standard-card + .cp-standard-card { margin-top:20px; }
  .cp-page .cp-standard-navigation,.cp-page .cp-standard-actions,.cp-page .cp-case-arrow,.cp-page .cp-case-count { display:none; }
}