@layer components {
  .section-alt {
    background: radial-gradient(circle at top left, rgba(240, 230, 214, 0.7), transparent 55%), var(--color-bg-alt);
  }
  .univers-grid {
    align-items: stretch;
  }
  .univers-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-4);
  }
  .univers-casino-card {
    background: radial-gradient(circle at top right, rgba(15, 59, 51, 0.07), rgba(245, 240, 231, 0.98));
  }
  .carte-grid {
    align-items: flex-start;
  }
  .carte-image-col {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }
  .carte-highlight {
    margin-top: auto;
  }
  .privatisation-grid {
    align-items: stretch;
  }
  .reservation-grid {
    align-items: flex-start;
  }
  .reservation-form {
    max-width: 620px;
    margin-inline: auto;
  }
  .reservation-side {
    align-self: stretch;
  }
  .faq-grid {
    align-items: flex-start;
  }
  @media (max-width: 767.98px) {
    .hero-shell {
      padding-block: var(--space-14);
    }
    .section {
      padding-block: var(--space-14);
    }
  }
}