/* Second product banner: only desktop CPUs; one product and one image at a time. */
.cpu-banner { margin-block: var(--section); background: var(--navy); color: var(--white); }
.cpu-banner__inner { padding-block: clamp(28px,4vw,52px); }
.cpu-banner__intro { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:12px 32px; margin-bottom:28px; }
.cpu-banner__intro h2 { margin:0; font:600 clamp(1.5rem,3vw,2.25rem)/1.2 var(--font); letter-spacing:-.02em; }
.cpu-banner__intro p { flex-basis:100%; order:1; max-width:60ch; margin:0; color:#d3e0ec; font-size:1rem; line-height:1.6; }
.cpu-banner__all { display:inline-flex; align-items:center; gap:8px; color:#a7e0fa; font-size:.875rem; min-height:44px; }
.cpu-banner__stage { min-height:390px; }
.cpu-banner__product { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,5vw,76px); align-items:center; }
.cpu-banner__photo { display:grid; place-items:center; min-width:0; height:390px; background:#fff; border-radius:20px; overflow:hidden; padding:20px; }
.cpu-banner__photo .product-crop { width:min(100%,340px); aspect-ratio:1; }
.cpu-banner__photo .product-crop img { width:100%; height:100%; object-fit:contain; }
.cpu-banner__details { display:grid; gap:20px; min-width:0; }
.cpu-banner__details h3 { margin:0; color:#fff; font:600 clamp(1.5rem,2.8vw,2rem)/1.25 var(--font); letter-spacing:-.02em; text-wrap:balance; }
.cpu-banner__specs { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.cpu-banner__specs li { background:#ffffff12; padding:7px 11px; border-radius:8px; color:#e5f1fa; font-size:.875rem; line-height:1.45; }
.cpu-banner__specs li.spec--cpu { background:#d9f0fc; color:var(--navy); }
.cpu-banner__price { display:grid; gap:5px; margin:0; }
.cpu-banner__price .price { font-size:clamp(1.75rem,3.4vw,2.5rem); line-height:1.15; color:#fff; font-variant-numeric:tabular-nums; }
.cpu-banner__price .price__refurb { color:#d3e0ec; font-size:.875rem; }
.cpu-banner__actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; }
.cpu-banner__detail { display:inline-flex; align-items:center; gap:8px; color:#d3e0ec; min-height:44px; font-size:.875rem; }
.cpu-banner__controls { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:24px; }
.cpu-banner__controls button { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; background:#ffffff17; color:white; cursor:pointer; }
.cpu-banner__controls button:hover { background:#ffffff2e; }
.cpu-banner__controls > span { min-width:64px; text-align:center; font-size:.875rem; font-variant-numeric:tabular-nums; }
@media(max-width:639px) {
 .cpu-banner__product { grid-template-columns:1fr; gap:24px; }
 .cpu-banner__photo { height:280px; }
 .cpu-banner__photo .product-crop { width:min(100%,250px); }
 .cpu-banner__stage { min-height:690px; }
 .cpu-banner__details { gap:16px; }
 .cpu-banner__actions { align-items:stretch; flex-direction:column; gap:6px; }
 .cpu-banner__detail { justify-content:center; }
}