main {
  padding-bottom: var(--space-40);
}

.hero--ruleta {
  border-bottom: 3px solid #000000;
}

.hero-ruleta-media {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.hero-ruleta-image {
  border-radius: var(--radius-lg);
  border: 3px solid #000000;
}

.hero-ruleta-note {
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.intro-grid {
  align-items: stretch;
}

.intro-main {
  min-height: 100%;
}

.intro-list li + li,
.atmosfera-list li + li,
.hostitele-list li + li,
.personalizace-list li + li,
.cta-list li + li,
.prehled-meta li + li {
  margin-top: var(--space-8);
}

.atmosfera-grid,
.hostitele-grid,
.body-grid,
.personalizace-grid,
.cta-grid {
  align-items: center;
}

.atmosfera-card,
.body-image,
.cta-form {
  margin-top: var(--space-16);
}

.pro-koho-grid,
.prehled-grid {
  align-items: stretch;
}

.pro-koho-item .btn,
.prehled-item .btn {
  margin-top: var(--space-16);
}

.body-image-note {
  margin-top: var(--space-8);
  font-size: var(--font-size-sm);
}

.cta-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: var(--space-16);
}

.ruleta-form {
  margin-top: var(--space-12);
}

@media (max-width: 900px) {
  .hero-layout,
  .intro-grid,
  .atmosfera-grid,
  .hostitele-grid,
  .body-grid,
  .personalizace-grid,
  .cta-grid {
    gap: var(--space-24);
  }

  .atmosfera-card,
  .body-image,
  .cta-form {
    margin-top: 0;
  }
}