.formats-page{overflow-x:hidden}

.formats-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.formats-hero-text{max-width:520px}
.formats-hero-image img{width:100%;height:100%;object-fit:cover}

.formats-definition-grid>div{min-width:0}

.formats-split{display:grid;grid-template-columns:50% 50%;gap:var(--space-4);align-items:center}
.formats-image img{width:100%;height:auto}
.formats-text{max-width:520px}

.formats-blackjack-grid>div{min-width:0}

.formats-roulette{position:relative}
.formats-roulette-inner{position:relative}
.formats-roulette-inner img{width:100%;height:auto}
.formats-roulette-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:600px;margin-inline:auto;padding:var(--space-4)}

.formats-table-wrapper{overflow-x:auto}
.formats-table tbody tr:hover{background:rgba(85,239,124,0.08)}

.formats-scenarios-grid>div{min-width:0}

.formats-atmosphere-inner{max-width:600px;margin-inline:auto;text-align:center}

.formats-cta-box{border:1px solid var(--color-accent);padding:var(--space-4);text-align:center;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:768px){
.formats-hero-grid{grid-template-columns:1fr}
.formats-split{grid-template-columns:1fr}
.formats-roulette-text{position:static}
}