/* Real-user QA corrective layer (03.06.2026): равные карточки, нет моб-оверфлоу, кап hero.
   Грузится отдельным /static/fix.css на каждой странице. Не трогает контент — только инварианты. */
*{box-sizing:border-box}
img,svg,video,iframe,table{max-width:100%;height:auto}
html,body{overflow-x:hidden;max-width:100%}

/* равная высота карточек в гридах/флексах + CTA прижат к низу */
[class*="toplist"],[class*="grid"],[class*="cards"],[class*="casino-list"],[class*="sister"]{align-items:stretch}
.toplist-item,.casino-card,.fact-card,[class*="card"]{display:flex;flex-direction:column;height:100%}
.toplist-item a[href*="/go"],.casino-card a[href*="/go"],
.toplist-item [class*="cta"],.casino-card [class*="cta"],
.toplist-item button,.casino-card button{margin-top:auto}

/* hero не должен быть гигантской пустой простынёй */
[class*="hero"]{max-height:80vh}

@media(max-width:560px){
  [class*="hero"]{max-height:60vh}
  /* на мобиле многоколоночные гриды в одну колонку — убирает горизонтальный скролл */
  [class*="toplist"],[class*="grid"],[class*="cards"]{grid-template-columns:1fr!important}
}