/* страницы товаров (генерирует site/_seo/build.py) */
.wrap.game{max-width:1000px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:16px}.crumbs a{color:var(--muted)}
.game .hero{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:28px;align-items:start}
.cv{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--r);display:block;background:var(--surface-2)}
.cv-plate{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;color:#fff;background:linear-gradient(160deg,#1f3d9c,#0b1a4f)}
.cv-plate.gamepass{background:linear-gradient(160deg,#1e7f2e,#0b3313)}.cv-plate.psn{background:linear-gradient(160deg,#0070d1,#00326b)}
.cv-plate.steam{background:linear-gradient(160deg,#2a475e,#171a21)}.cv-plate.nso{background:linear-gradient(160deg,#e60012,#7a000a)}
.cv-plate span{font-size:13px;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.cv-plate b{font-family:var(--f-display);font-size:24px;line-height:1.1}
.lead{color:var(--muted);font-size:16px}
.save{background:var(--accent-soft);border-radius:10px;padding:10px 12px}
.prices{width:100%;border-collapse:collapse;margin:16px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.prices caption{text-align:left;font-weight:700;padding:0 0 8px}
.prices th,.prices td{padding:12px;border-top:1px solid var(--line);text-align:left;vertical-align:middle}
.prices th small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:2px}
.prices td b{font-size:18px;display:block}.prices td s{color:var(--muted);font-size:13px}
.buy{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;padding:10px 14px;border-radius:10px;white-space:nowrap}
.small{font-size:13px;color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 8px}
summary{font-weight:600;cursor:pointer}details p{margin:8px 0 0;color:var(--muted)}
.rel{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.rel li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;gap:8px}
.rel a{color:var(--fg);font-weight:600;text-decoration:none}.rel span{color:var(--muted);font-size:13px;white-space:nowrap}
@media (max-width:700px){.game .hero{grid-template-columns:1fr}.cv{max-width:260px}.prices th,.prices td{padding:10px 8px}}