/* Catalog redesign (approved mockup 2026-10-28). Loaded after theme2.css; only touches the catalog (/catalog) pages. */
.pc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pc-grid-sm{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.pc-grid,.pc-grid-sm{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.pc-grid,.pc-grid-sm{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.pc-card{display:flex!important;flex-direction:column;border-radius:14px!important;overflow:hidden;transition:border-color .15s,transform .15s}
.pc-card:hover{transform:translateY(-2px)}
.pc-card img{aspect-ratio:460/215!important;object-fit:cover}
.pc-card b{padding:10px 12px 0!important;font-size:15px!important;line-height:1.3}
.pc-card span:not(.pc-noimg){padding:2px 12px 12px;font-size:13px;color:var(--text-muted,#9aa3b5)}
.pc-noimg{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;position:relative;overflow:hidden;aspect-ratio:460/215;padding:12px;background:linear-gradient(135deg,#2b3350,#11162a);color:#fff}
.pc-noimg:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-36px;top:-56px;background:#ffffff14}
.pc-noimg em{position:absolute;top:10px;inset-inline-end:12px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb0}
.pc-noimg strong{position:relative;font-size:19px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf-playstation{background:linear-gradient(135deg,#0d3a8a,#05143a)}
.pf-xbox{background:linear-gradient(135deg,#0b6b3a,#04200f)}
.pf-nintendo{background:linear-gradient(135deg,#a3122a,#3a0610)}
.pf-sega{background:linear-gradient(135deg,#0e5a9a,#051d33)}
.pf-atari{background:linear-gradient(135deg,#8a4a0d,#2e1503)}
.pf-computers{background:linear-gradient(135deg,#5b3a8c,#1c0f36)}
.pf-pc{background:linear-gradient(135deg,#2b3350,#0b0e14)}
.pf-other{background:linear-gradient(135deg,#3c4658,#131822)}
/* catalog home */
.pc-search{width:100%;max-width:720px;padding:14px 16px!important;border-radius:12px!important;font-size:16px}
.intro-note{color:var(--text-muted,#9aa3b5);font-size:14px}
.pc-shelf .shelf-h,.pc-block .shelf-h{font-size:clamp(20px,2.2vw,26px);margin:36px 0 14px}
.fam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:980px){.fam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fam{background:var(--bg-card,#1a1f2b);border:1px solid var(--line,#ffffff14);border-radius:14px;padding:16px}
.fam:hover{border-color:var(--accent,#ffd60a)}
.fam h3{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}
.fam h3 small{color:var(--text-muted,#9aa3b5);font-weight:500;margin-inline-start:6px}
.fam ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:14px}
.fam li a{display:flex;justify-content:space-between;gap:8px;padding:3px 0;color:var(--text-body,#d3d8e3)}
.fam li a:hover{color:var(--accent,#ffd60a)}
.fam li small{color:var(--text-muted,#9aa3b5)}
/* game page: sticky table of contents beside the article */
@media(min-width:1560px){
  .pc-page{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:40px;align-items:start}
  .pc-page>.pc-toc{grid-column:1;grid-row:1/span 40;position:sticky;top:14px;display:grid;gap:2px;font-size:14px;align-self:start}
  .pc-page>.pc-toc b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#ffd60a);padding:0 10px 6px}
  .pc-page>.pc-toc a{padding:6px 10px;border-radius:8px;color:var(--text-muted,#9aa3b5)}
  .pc-page>.pc-toc a:hover{background:var(--bg-chip,#1f2430);color:var(--text-primary,#fff)}
  .pc-page>:not(.pc-toc){grid-column:2;min-width:0}
}
.pc-page section{margin-bottom:34px}
.pc-page h2{letter-spacing:-.01em}
.pc-page{container-type:inline-size}
.pc-head{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;margin-bottom:26px}
@container (min-width:640px){.pc-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}}
.pc-head>img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;border-radius:14px;border:1px solid var(--line,#ffffff14)}
.pc-facts{border-collapse:collapse;width:100%}
.pc-facts th{text-align:start;color:var(--text-muted,#9aa3b5);font-weight:500;width:34%;vertical-align:top}
.pc-facts th,.pc-facts td{padding:8px 10px 8px 0;border-top:1px solid var(--line,#ffffff14)}
.pc-buy{background:var(--bg-card,#1a1f2b);border:1px solid var(--line,#ffffff14);border-radius:14px;padding:16px 18px}
.pc-page details{border-bottom:1px solid var(--line,#ffffff14);padding:12px 0}
.pc-page summary{cursor:pointer;font-weight:700}
.pc-page details p{margin:8px 0 0}
.pc-chars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}
@media(max-width:640px){.pc-chars{grid-template-columns:1fr}}
.pc-chars li{background:var(--bg-card,#1a1f2b);border:1px solid var(--line,#ffffff14);border-radius:12px;padding:12px 14px}
.pc-chars li p{margin:4px 0 0;font-size:14px;color:var(--text-muted,#9aa3b5)}
.pc-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:640px){.pc-specs{grid-template-columns:1fr}}
.pc-spec pre{white-space:pre-wrap;background:var(--bg-card,#1a1f2b);border:1px solid var(--line,#ffffff14);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;overflow-x:auto}
/* game pages: full-width article, no side navigation */
.pc-wide .shell-grid{grid-template-columns:minmax(0,1fr)!important;gap:0}
.pc-wide .cat-side{display:none}
.pc-wide .pc-page,.pc-wide .intro{max-width:1080px;margin-inline:auto}
@media(min-width:1100px){
  .pc-wide .pc-page{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:40px;align-items:start}
  .pc-wide .pc-page>.pc-toc{grid-column:1;grid-row:1/span 40;position:sticky;top:14px;display:grid;gap:2px;font-size:14px;align-self:start}
  .pc-wide .pc-page>.pc-toc b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#ffd60a);padding:0 10px 6px}
  .pc-wide .pc-page>.pc-toc a{padding:6px 10px;border-radius:8px;color:var(--text-muted,#9aa3b5)}
  .pc-wide .pc-page>.pc-toc a:hover{background:var(--bg-chip,#1f2430);color:var(--text-primary,#fff)}
  .pc-wide .pc-page>:not(.pc-toc){grid-column:2;min-width:0}
}
/* price buttons: the article link colour (.prose a) made the label the same yellow as the button */
.pc-buy .buy-btn{color:var(--accent-ink,#0b0e14);text-decoration:none}
.pc-buy .buy-btn.alt{color:var(--text-primary,#e9ecf3)}
.pc-buy .buy-btn .buy-price{color:inherit}
.pc-buy .buy-store{display:flex;align-items:center;gap:10px}
/* share row: network logos */
.share-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.share-btn.ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:99px;text-decoration:none;color:var(--text-primary,#e9ecf3);background:var(--bg-chip,#1f2430);border:1px solid var(--line,#ffffff14);transition:background .15s,color .15s,border-color .15s}
.share-btn.ic svg{display:block}
.share-btn.ic-whatsapp:hover,.share-btn.ic-whatsapp:focus-visible{background:#25d366;color:#0b0e14;border-color:#25d366}
.share-btn.ic-telegram:hover,.share-btn.ic-telegram:focus-visible{background:#2aabee;color:#0b0e14;border-color:#2aabee}
.share-btn.ic-x:hover,.share-btn.ic-x:focus-visible{background:#fff;color:#0b0e14;border-color:#fff}
.share-btn.ic-facebook:hover,.share-btn.ic-facebook:focus-visible{background:#1877f2;color:#fff;border-color:#1877f2}
/* catalog home */
.pc-chipbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.pc-chipbar .chip{display:inline-flex;gap:6px;align-items:center;background:var(--bg-chip,#1f2430);border:1px solid var(--line,#ffffff14);border-radius:99px;padding:6px 14px;font-size:14px;color:var(--text-primary,#e9ecf3);text-decoration:none}
.pc-chipbar .chip:hover{border-color:var(--accent,#ffd60a)}
.pc-chipbar .chip small{color:var(--text-muted,#9aa3b5)}
.pc-featgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
@media(max-width:760px){.pc-featgrid{grid-template-columns:1fr}}
.pc-bigcard{position:relative;display:flex;align-items:flex-end;min-height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--line,#ffffff14);background:var(--bg-card,#1a1f2b);color:#fff;text-decoration:none}
.pc-bigcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-bigcard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0e1400 25%,#0b0e14ee 100%)}
.pc-bigcard>div{position:relative;z-index:1;padding:20px}
.pc-bigcard h3{margin:2px 0 6px;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;color:#fff}
.pc-bigcard p{margin:0;color:#d3d8e3;max-width:52ch;font-size:15px}
.pc-bigcard .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#ffd60a);font-weight:700}
.pc-featside{display:grid;gap:10px;align-content:start}
.pc-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;align-items:center;background:var(--bg-card,#1a1f2b);border:1px solid var(--line,#ffffff14);border-radius:14px;padding:8px;text-decoration:none;color:var(--text-body,#d3d8e3)}
.pc-row:hover{border-color:var(--accent,#ffd60a)}
.pc-row img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;border-radius:10px}
.pc-row b{display:block;line-height:1.25;color:var(--text-primary,#fff)}
.pc-row span{font-size:13px;color:var(--text-muted,#9aa3b5)}
@media(max-width:520px){.pc-row{grid-template-columns:104px minmax(0,1fr)}}
/* family hub (PlayStation > PS1, PS2, ...) */
.pc-ptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
@media(max-width:900px){.pc-ptiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pc-ptiles{grid-template-columns:1fr}}
.pc-ptile{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--bg-card,#1a1f2b);border:1px solid var(--line,#ffffff14);text-decoration:none;color:var(--text-body,#d3d8e3);transition:border-color .15s,transform .15s}
.pc-ptile:hover{border-color:var(--accent,#ffd60a);transform:translateY(-2px)}
.pc-ptile img{width:100%;height:auto;aspect-ratio:460/215;object-fit:cover;display:block}
.pc-ptile .pc-noimg{width:100%}
.pc-ptile-b{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px}
.pc-ptile-b b{font-size:17px;color:var(--text-primary,#fff);letter-spacing:-.01em}
.pc-ptile-b small{color:var(--text-muted,#9aa3b5);white-space:nowrap}
.fam h3 a{color:inherit;text-decoration:none}
.fam h3 a:hover{color:var(--accent,#ffd60a)}
/* console photos (Wikimedia Commons) */
.pc-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:460/215;background:linear-gradient(180deg,#f4f5f8,#e3e6ee);padding:12px}
.pc-photo img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.pc-ptile .pc-photo{border-bottom:1px solid var(--line,#ffffff14)}
.pc-consolefig{margin:18px 0 6px;max-width:420px}
.pc-consolefig .pc-photo{border-radius:14px;aspect-ratio:16/9}
.pc-consolefig figcaption,.pc-credits{color:var(--text-muted,#9aa3b5);font-size:12px;line-height:1.5;margin-top:6px}
.pc-credits{margin-top:20px;max-width:900px}
.pc-credits a,.pc-consolefig figcaption a{color:inherit;text-decoration:underline}