.ruletka-page .hero-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--space-4);
  align-items:center;
}

.hero-text{
  max-width:55ch;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.hero-text p{
  max-width:65ch;
}

.hero-image img{
  border:var(--border-thick) solid var(--color-border-thick);
  border-radius:var(--radius-clip) 0 var(--radius-clip) 0;
  box-shadow:var(--shadow-hard);
}

.ruletka-columns > div{
  max-width:70ch;
}

.ruletka-cards .card{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.ruletka-image-wrap{
  margin-top:var(--space-4);
}

.ruletka-image-wrap img{
  max-width:420px;
  border:var(--border-thick) solid var(--color-border-thick);
  border-radius:var(--radius-clip) 0 var(--radius-clip) 0;
  box-shadow:var(--shadow-hard);
}

.atmosfera-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--space-4);
  align-items:center;
}

.atmosfera-text{
  max-width:60ch;
}

.atmosfera-image img{
  border:var(--border-thick) solid var(--color-border-thick);
  border-radius:var(--radius-clip) 0 var(--radius-clip) 0;
  box-shadow:var(--shadow-hard);
}

.cta-ruletka{
  background:var(--color-accent-red);
}

.cta-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:var(--space-3);
  max-width:60ch;
  margin-inline:auto;
}

@media (max-width:900px){
  .ruletka-page .hero-grid,
  .atmosfera-grid{
    grid-template-columns:1fr;
  }

  .hero-text,
  .atmosfera-text{
    max-width:100%;
  }

  .ruletka-image-wrap img{
    max-width:100%;
  }
}