/* BRPLAYX_UI_R5_20260929: return readable square tiles while keeping R4 centered banner. */
.bpx-h2-catalog{max-width:1254px;margin-inline:auto;padding:16px 27px 0}
.bpx-h2-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bpx-h2-tile{border-radius:13px;box-shadow:0 0 13px var(--glow,#246ed344)}
.bpx-h2-tile>img{height:71%;object-fit:cover;image-rendering:auto}
.bpx-h2-tile-copy{min-height:43%;padding:19px 15px 15px;gap:3px}
.bpx-h2-tile-copy strong{font-size:clamp(17px,1.5vw,23px);line-height:1.1}
.bpx-h2-tile-copy small{font-size:clamp(12px,1.12vw,16px);line-height:1.2}
.bpx-h2-ua{--edge:#4bbcf5;--glow:#249dff6e;--bottom:#0c2548;--mid:#133675ad}
@media(max-width:1050px){.bpx-h2-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:760px){.bpx-h2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bpx-h2-tile-copy{min-height:47%;padding:14px 9px 11px}.bpx-h2-tile-copy strong{font-size:clamp(14px,4.1vw,18px)}.bpx-h2-tile-copy small{font-size:clamp(11px,3vw,14px)}.bpx-h2-catalog{padding:12px 13px 0}}