.section-hero-casino {
  padding-top: var(--space-12);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
}

.hero-content .hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.hero-highlight-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.hero-media-frame {
  min-height: 260px;
}

.section-roulette .roulette-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  gap: var(--space-8);
  align-items: center;
}

.section-blackjack .blackjack-layout {
  max-width: var(--layout-max-width-wide);
}

.rules-grid {
  gap: var(--space-6);
}

.section-themed .themed-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}

.equipment-grid {
  gap: var(--space-6);
}

.flow-timeline {
  position: relative;
  display: grid;
  gap: var(--space-6);
}

.flow-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-4);
  align-items: flex-start;
}

.flow-step-badge {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: var(--radius-pill);
  background: radial-gradient(circle at 0 0, #7dd3ff 0, #28a0ff 40%, #0055ff 100%);
  box-shadow: var(--shadow-glow-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--font-size-sm);
  color: #050509;
}

.flow-step-content h3 {
  margin-bottom: var(--space-2);
}

.section-contact-cta .contact-cta-card {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: var(--space-6);
  align-items: flex-start;
}

.contact-cta-aside {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

@media (max-width: 1023.98px) {
  .hero-grid,
  .section-roulette .roulette-grid,
  .section-themed .themed-grid,
  .section-contact-cta .contact-cta-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .section-hero-casino {
    padding-top: var(--space-10);
  }
}

@media (max-width: 767.98px) {
  .hero-content h1 {
    margin-bottom: var(--space-3);
  }

  .flow-step {
    grid-template-columns: minmax(0, 1fr);
  }

  .flow-step-badge {
    margin-bottom: var(--space-1);
  }
}