@charset "UTF-8";
.hero {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}
.hero__container {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}
.hero__content {
  max-width: 34rem;
}
.hero__lead {
  font-size: var(--font-size-lg);
}
.hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.hero__image-wrapper {
  max-width: 30rem;
  margin-inline: auto;
}
.hero__image-card {
  position: relative;
}
.hero__image {
  border-radius: var(--radius-xl);
}
.hero__badge-group {
  position: absolute;
  inset-inline-end: var(--space-4);
  inset-block-end: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.about {
  align-items: center;
}
.about__highlights {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.about__list {
  padding-left: 1.1rem;
}
.about__list li {
  list-style: disc;
  margin-bottom: 0.25rem;
}
.about__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.about__image-wrapper {
  max-width: 30rem;
  margin-inline: auto;
}
.about__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.offer__grid {
  align-items: stretch;
}
.offer__item h3 {
  margin-bottom: var(--space-2);
}
.offer__list {
  padding-left: 1.1rem;
  margin-bottom: var(--space-3);
}
.offer__list li {
  list-style: disc;
  margin-bottom: 0.25rem;
}
.offer__link {
  margin-top: var(--space-2);
}
.poker__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.poker__salon {
  max-width: 32rem;
  margin-inline: auto;
}
.poker__image-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.poker__image {
  border-radius: var(--radius-xl);
}
.poker__features {
  padding-left: 1.1rem;
}
.poker__features li {
  list-style: disc;
  margin-bottom: 0.25rem;
}
.poker__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.poker__link {
  margin-top: var(--space-3);
}
.events__grid {
  align-items: stretch;
}
.events__item h3 {
  margin-bottom: var(--space-2);
}
.events__item ul {
  padding-left: 1.1rem;
}
.events__item li {
  list-style: disc;
  margin-bottom: 0.25rem;
}
.gallery__image-wrapper {
  max-width: 32rem;
  margin-inline: auto;
}
.gallery__image-card {
  position: relative;
}
.gallery__image {
  border-radius: var(--radius-xl);
}
.gallery__labels {
  position: absolute;
  inset-inline-end: var(--space-4);
  inset-block-end: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.gallery__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.reviews__grid {
  align-items: stretch;
}
.reviews__item blockquote {
  margin-bottom: var(--space-2);
}
.reservation__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.reservation__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
.reservation__submit {
  width: 100%;
}
.reservation__note {
  font-size: var(--font-size-xs);
  margin-top: var(--space-2);
}
.reservation__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.faq__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
}
.faq__item h3 {
  margin-bottom: var(--space-2);
}
@media (min-width: 768px) {
  .hero__container {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  }
  .hero__image-wrapper {
    max-width: none;
  }
  .about__highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .poker__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .reservation__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .faq__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .faq__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}