/* BRPLAYX_UI_R4_20260929: compact categories, native-size sharp artwork, centered hero. */
.bpx-h2-hero{width:calc(100% - 54px);max-width:1200px;margin:20px auto 0;border-radius:15px;border:1px solid #235b94}
.bpx-h2-hero img{width:100%;height:auto;object-fit:contain;image-rendering:auto}
.bpx-h2-catalog{max-width:1254px;margin-inline:auto;padding:16px 27px 0}
.bpx-h2-catalog h1{font-size:27px;margin:0 0 10px}
.bpx-h2-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}
.bpx-h2-tile{border-radius:11px;box-shadow:0 0 7px var(--glow,#246ed344)}
.bpx-h2-tile>img{height:59%;image-rendering:auto}
.bpx-h2-tile-copy{min-height:48%;padding:10px 7px 8px;gap:3px}
.bpx-h2-tile-copy strong{font-size:clamp(11px,1vw,14px);line-height:1.12;letter-spacing:-.025em}
.bpx-h2-tile-copy small{font-size:clamp(9px,.69vw,10.5px);line-height:1.15}
.bpx-h2-note{max-width:1254px}
@media(max-width:1100px){.bpx-h2-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){.bpx-h2-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bpx-h2-hero{width:calc(100% - 32px);margin-top:14px}}
@media(max-width:560px){.bpx-h2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bpx-h2-tile-copy{min-height:46%;padding:13px 9px 10px}.bpx-h2-tile-copy strong{font-size:clamp(13px,3.8vw,17px)}.bpx-h2-tile-copy small{font-size:clamp(10px,3vw,13px)}.bpx-h2-catalog{padding:12px 13px 0}.bpx-h2-hero{width:calc(100% - 26px)}.bpx-h2-catalog h1{font-size:25px}}