/* Page-owned styles for etterem page */

.etterem-hero {
  background-color: var(--color-warm-plaster);
  padding-block: var(--space-3xl);
}

.etterem-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: center;
}

.etterem-hero__content {
  max-width: 68ch;
  min-width: 0;
}

.etterem-hero__content .text-overline {
  margin-block-end: var(--space-md);
}

.etterem-hero__content h1 {
  margin-block-end: var(--space-lg);
}

.etterem-hero__lead {
  font-size: var(--text-body-large-size);
  line-height: var(--text-body-large-line-height);
  margin-block-end: var(--space-md);
}

.etterem-hero__content p {
  margin-block-end: var(--space-md);
}

.etterem-hero__content .btn {
  margin-block-start: var(--space-lg);
}

.etterem-hero__media {
  margin: 0;
  min-width: 0;
}

.etterem-hero__media img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-image);
  box-shadow: var(--shadow-soft);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.etterem-konyha {
  background-color: var(--color-pale-sand);
  padding-block: var(--space-3xl);
}

.etterem-konyha__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: center;
}

.etterem-konyha__content {
  max-width: 68ch;
  min-width: 0;
}

.etterem-konyha__content .text-overline {
  margin-block-end: var(--space-md);
}

.etterem-konyha__content h2 {
  margin-block-end: var(--space-lg);
}

.etterem-konyha__content p {
  margin-block-end: var(--space-md);
}

.etterem-konyha__content blockquote {
  margin-block-start: var(--space-lg);
  margin-block-end: 0;
}

.etterem-konyha__media {
  margin: 0;
  min-width: 0;
}

.etterem-konyha__media img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-image);
  box-shadow: var(--shadow-soft);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.etterem-szezon {
  background-color: var(--color-warm-plaster);
  padding-block: var(--space-3xl);
}

.etterem-szezon__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-md);
}

.etterem-szezon__inner .text-overline {
  margin-block-end: var(--space-xs);
}

.etterem-szezon__inner h2 {
  margin-block-end: var(--space-md);
}

.etterem-szezon__lead {
  max-width: 68ch;
  margin-inline: auto;
}

.etterem-szezon__inner p {
  max-width: 68ch;
  margin-inline: auto;
  margin-block-end: var(--space-md);
}

.etterem-szezon__media {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.etterem-szezon__media img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-image);
  box-shadow: var(--shadow-soft);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.etterem-zoldsegek,
.etterem-tuzrol,
.etterem-megosztasra,
.etterem-foetelek,
.etterem-desszertek,
.etterem-zero-proof {
  padding-block: var(--space-3xl);
}

.etterem-zoldsegek {
  background-color: var(--color-pale-sand);
}

.etterem-tuzrol {
  background-color: var(--color-warm-plaster);
}

.etterem-megosztasra {
  background-color: var(--color-pale-sand);
}

.etterem-foetelek {
  background-color: var(--color-warm-plaster);
}

.etterem-desszertek {
  background-color: var(--color-pale-sand);
}

.etterem-zero-proof {
  background-color: var(--color-warm-plaster);
}

.etterem-zoldsegek__grid,
.etterem-tuzrol__grid,
.etterem-megosztasra__grid,
.etterem-foetelek__grid,
.etterem-desszertek__grid,
.etterem-zero-proof__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: center;
}

.etterem-zoldsegek__content,
.etterem-tuzrol__content,
.etterem-megosztasra__content,
.etterem-foetelek__content,
.etterem-desszertek__content,
.etterem-zero-proof__content {
  max-width: 68ch;
  min-width: 0;
}

.etterem-zoldsegek__content .text-overline,
.etterem-tuzrol__content .text-overline,
.etterem-megosztasra__content .text-overline,
.etterem-foetelek__content .text-overline,
.etterem-desszertek__content .text-overline,
.etterem-zero-proof__content .text-overline {
  margin-block-end: var(--space-md);
}

.etterem-zoldsegek__content h2,
.etterem-tuzrol__content h2,
.etterem-megosztasra__content h2,
.etterem-foetelek__content h2,
.etterem-desszertek__content h2,
.etterem-zero-proof__content h2 {
  margin-block-end: var(--space-lg);
}

.etterem-zoldsegek__content p,
.etterem-tuzrol__content p,
.etterem-megosztasra__content p,
.etterem-foetelek__content p,
.etterem-desszertek__content p,
.etterem-zero-proof__content p {
  margin-block-end: var(--space-md);
}

.etterem-zoldsegek__media,
.etterem-tuzrol__media,
.etterem-megosztasra__media,
.etterem-foetelek__media,
.etterem-desszertek__media,
.etterem-zero-proof__media {
  margin: 0;
  min-width: 0;
}

.etterem-zoldsegek__media img,
.etterem-tuzrol__media img,
.etterem-megosztasra__media img,
.etterem-foetelek__media img,
.etterem-desszertek__media img,
.etterem-zero-proof__media img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-image);
  box-shadow: var(--shadow-soft);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.etterem-megosztasra__media img {
  aspect-ratio: 16 / 9;
}

.etterem-kovetkezo {
  background-color: var(--color-deep-petrol);
  color: var(--color-soft-white);
  padding-block: var(--space-4xl);
}

.etterem-kovetkezo__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-md);
}

.etterem-kovetkezo__inner .text-overline {
  color: var(--color-oxidized-copper);
  margin-block-end: var(--space-xs);
}

.etterem-kovetkezo__inner h2 {
  color: var(--color-soft-white);
  margin-block-end: var(--space-md);
}

.etterem-kovetkezo__inner p {
  max-width: 68ch;
  margin-inline: auto;
  color: var(--color-soft-white);
  margin-block-end: var(--space-md);
}

.etterem-kovetkezo__inner .btn {
  margin-block-start: var(--space-lg);
}

@media (min-width: 768px) {
  .etterem-hero {
    padding-block: var(--space-4xl);
  }

  .etterem-hero__inner {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--space-2xl);
  }

  .etterem-konyha {
    padding-block: var(--space-4xl);
  }

  .etterem-konyha__grid {
    grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
    gap: var(--space-xl);
  }

  .etterem-szezon {
    padding-block: var(--space-4xl);
  }

  .etterem-zoldsegek,
  .etterem-tuzrol,
  .etterem-megosztasra,
  .etterem-foetelek,
  .etterem-desszertek,
  .etterem-zero-proof {
    padding-block: var(--space-4xl);
  }

  .etterem-zoldsegek__grid,
  .etterem-tuzrol__grid,
  .etterem-megosztasra__grid,
  .etterem-foetelek__grid,
  .etterem-desszertek__grid,
  .etterem-zero-proof__grid {
    grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
    gap: var(--space-xl);
  }

  .etterem-kovetkezo {
    padding-block: var(--space-5xl);
  }
}

@media (min-width: 1024px) {
  .etterem-hero__inner {
    gap: var(--space-3xl);
  }

  .etterem-konyha__grid,
  .etterem-zoldsegek__grid,
  .etterem-tuzrol__grid,
  .etterem-megosztasra__grid,
  .etterem-foetelek__grid,
  .etterem-desszertek__grid,
  .etterem-zero-proof__grid {
    gap: var(--space-2xl);
  }
}