.hero--terrace {
  padding-top: var(--space-40);
}

.hero__shell--terrace {
  align-items: center;
}

.hero__image-panel--terrace {
  min-height: 320px;
}

.hero__image--terrace {
  object-position: center;
}

.terrace-intro__grid {
  gap: var(--space-24);
}

.terrace-intro__card {
  align-self: center;
}

.terrace-intro__list li + li,
.terrace-poker__list li + li,
.terrace-comforts__list li + li,
.terrace-booking__list li + li {
  margin-top: var(--space-8);
}

.terrace-intro__list p,
.terrace-poker__list p,
.terrace-comforts__list p,
.terrace-booking__list p {
  margin-bottom: 0;
}

.terrace-intro__ctas,
.terrace-kitchen__links,
.terrace-poker__links,
.terrace-drinks__links,
.terrace-booking__links,
.terrace-booking__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.terrace-furniture__grid,
.terrace-kitchen__grid,
.terrace-drinks__grid,
.terrace-comforts__grid,
.terrace-sunset__grid {
  gap: var(--space-24);
}

.terrace-furniture__image,
.terrace-kitchen__image,
.terrace-drinks__image,
.terrace-sunset__image {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-medium);
}

.terrace-furniture__highlights,
.terrace-drinks__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.terrace-kitchen__shell {
  max-width: 1040px;
}

.terrace-events__header {
  max-width: 720px;
}

.terrace-events__grid {
  margin-top: var(--space-20);
}

.terrace-events__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.terrace-events__card .btn {
  margin-top: auto;
}

.terrace-poker__card {
  align-self: flex-start;
}

.terrace-drinks__image {
  object-position: center;
}

.terrace-comforts__card {
  align-self: flex-start;
}

.terrace-sunset__image {
  object-position: center;
}

.terrace-booking__shell {
  max-width: 1040px;
}

.terrace-booking__header {
  max-width: 720px;
  margin-bottom: var(--space-20);
}

.terrace-booking__grid {
  gap: var(--space-24);
}

.terrace-booking__card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.terrace-booking__note {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

@media (max-width: 960px) {
  .hero--terrace {
    padding-top: var(--space-32);
  }

  .terrace-booking__grid,
  .terrace-poker__grid,
  .terrace-comforts__grid {
    gap: var(--space-20);
  }
}

@media (max-width: 768px) {
  .hero__image-panel--terrace {
    max-height: 360px;
  }

  .terrace-intro__card,
  .terrace-poker__card,
  .terrace-comforts__card {
    margin-top: var(--space-12);
  }
}