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

.hero-card {
  align-self: stretch;
}

.hero-facts-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  font-size: var(--font-size-sm);
}

.hero-facts-list li strong {
  text-transform: uppercase;
}

.section-header {
  max-width: 680px;
}

.vstup-section,
.stoly-section,
.bar-section,
.jidlo-section {
  align-items: center;
}

.image-caption {
  margin-top: var(--space-12);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.brut-card {
  background-color: var(--color-primary);
  border: 3px solid #000000;
  padding: var(--space-20);
  box-shadow: var(--shadow-hard-lg);
}

.brut-card h3,
.brut-card h2 {
  margin-bottom: var(--space-12);
}

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

.tym-card {
  height: 100%;
}

.jidlo-aside {
  display: flex;
  flex-direction: column;
}

.jidlo-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  font-size: var(--font-size-sm);
}

.reservation-card .btn {
  margin-top: var(--space-8);
}

.final-cta-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
}

@media (min-width: 900px) {
  .final-cta-block {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .hero-card {
    max-width: 420px;
  }
}