/* Eat & Drink — Figma 658:4089. Hodnoty v calc(N * var(--u)) = design px pri 1920. Prefix ed- */

.ed-wrap { max-width: var(--maxw); margin-inline: auto; }
.ed-h { font-weight: 900; font-size: max(28px, calc(45 * var(--u))); line-height: calc(117 / 45); text-transform: uppercase; color: var(--c-navy-2); }

/* ---------------------------------------------------------------- hero */
.ed-hero__img { object-position: 50% 32%; }
.ed-hero__in { max-width: var(--maxw); margin-inline: auto; display: flex; gap: 0; padding: calc(48 * var(--u)) calc(48 * var(--u)) calc(40 * var(--u)) calc(102 * var(--u)); }
.ed-hero__main { flex: none; width: calc(856 * var(--u)); }
.ed-hero__h { margin-top: calc(6 * var(--u)); }
.ed-hero__logo { width: calc(132 * var(--u)); min-width: 88px; height: auto; margin-top: calc(20 * var(--u)); }
.ed-hero__p { margin-top: calc(39 * var(--u)); max-width: max(300px, calc(427 * var(--u))); font-weight: 400; font-size: max(14px, calc(16 * var(--u))); line-height: calc(19.5 / 16); letter-spacing: 0; color: #fff; }

/* ---------------------------------------------------------------- karty (galerie + kde jist) */
.ed-gal { background: #fff; padding-top: calc(52 * var(--u)); }
.ed-gal__h { padding-left: calc(112 * var(--u)); }
.ed-gal__rail { --gap: calc(25 * var(--u)); margin-top: calc(29 * var(--u)); padding: 0 var(--gut) calc(60 * var(--u)) calc(107 * var(--u)); scroll-padding-inline: calc(107 * var(--u)); }
.ed-card { position: relative; display: flex; flex-direction: column; width: calc(326 * var(--u)); min-width: 200px; height: calc(432 * var(--u)); min-height: 340px; background: #fff; border: 3px solid var(--c-navy-2); border-radius: 6px; box-shadow: 0 0 24px rgba(0, 0, 0, .05); }
.ed-card:nth-child(5) { width: calc(323 * var(--u)); }
.ed-card__img { flex: none; height: calc(277 * var(--u) - 3px); min-height: 190px; overflow: hidden; border-radius: 3px 3px 0 0; }
.ed-card--s .ed-card__img { height: calc(270 * var(--u) - 3px); }
.ed-card__img img { width: 100%; height: 100%; object-fit: cover; }
.ed-card__img--l img { object-position: 0 50%; }
.ed-card__body { padding: calc(20 * var(--u)) calc(17 * var(--u)); min-width: 0; }
.ed-card__t { font-weight: 700; font-size: max(16px, calc(20 * var(--u))); line-height: calc(24.4 / 20); color: var(--c-navy-2); }
.ed-card__t--up { text-transform: uppercase; }
.ed-card--near:nth-child(2) .ed-card__t { font-size: max(15px, calc(19 * var(--u))); line-height: calc(23.2 / 19); }
.ed-gal .ed-card__d { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ed-card__d { margin-top: calc(8 * var(--u)); font-weight: 400; font-size: max(13px, calc(15 * var(--u))); line-height: calc(20 / 15); letter-spacing: 0; color: #666; }
.ed-card__m { margin-top: calc(14 * var(--u)); font-weight: 500; font-size: max(14px, calc(18 * var(--u))); line-height: calc(21.9 / 18); letter-spacing: 0; color: var(--c-navy-2); }
.ed-card__d + .ed-card__m { margin-top: calc(8 * var(--u)); }
.ed-card__t + .ed-card__m { margin-top: calc(25 * var(--u)); }
.ed-badge { position: absolute; left: 50%; transform: translateX(-50%); height: auto; pointer-events: none; }
.ed-card__badge { top: calc(377 * var(--u)); width: calc(103 * var(--u)); min-width: 72px; }
.ed-card:first-child .ed-card__badge { top: calc(372 * var(--u)); }
.ed-card__badge--near { top: calc(366 * var(--u)) !important; width: calc(133 * var(--u)); min-width: 88px; margin-left: calc(-2 * var(--u)); }

/* ---------------------------------------------------------------- menu */
.ed-menu { background: #fff; padding: calc(91 * var(--u)) 0 0; }
.ed-menu__grid { display: grid; grid-template-columns: repeat(4, calc(310 * var(--u))); column-gap: calc(40.5 * var(--u)); align-items: start; padding-left: calc(200 * var(--u)); }
.ed-menu__col { display: flex; flex-direction: column; gap: calc(38 * var(--u)); }
.ed-menu__card { background: #fff; padding: calc(25 * var(--u)); box-shadow: 0 4px 25px rgba(0, 0, 0, .05); color: var(--c-navy-4); }
.ed-menu__t { width: 100%; }
.ed-menu__card--1 .ed-menu__h { padding-bottom: calc(30 * var(--u)); }
.ed-menu__h { caption-side: top; text-align: left; padding-bottom: 8px; font-weight: 300; font-size: max(15px, calc(18 * var(--u))); line-height: calc(21.6 / 18); letter-spacing: 1px; text-transform: uppercase; }
.ed-menu__t th, .ed-menu__t td { padding: 7px 0 6px; border-bottom: 1px solid #ddd; vertical-align: top; letter-spacing: .3px; font-size: max(13px, calc(14 * var(--u))); line-height: 30px; }
.ed-menu__t tr:last-child th, .ed-menu__t tr:last-child td { border-bottom: 0; }
.ed-menu__t tr.has-d th, .ed-menu__t tr.has-d td { padding: 6px 0; }
.ed-menu__t th { text-align: left; font-weight: 500; }
.ed-menu__t td { width: 56px; text-align: right; font-weight: 400; white-space: nowrap; }
.ed-menu__n { display: block; }
.ed-menu__d { display: block; margin: 1px -56px 0 0; font-weight: 400; font-size: max(12px, calc(12 * var(--u))); line-height: 19px; }

/* ---------------------------------------------------------------- where to eat & drink near Smokey */
.ed-near { background: #fff; padding: calc(182 * var(--u)) 0 calc(156 * var(--u)); }
.ed-near__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; padding: 0 calc(115 * var(--u)) 0 calc(81 * var(--u)); }
.ed-near__map { margin-top: calc(63 * var(--u)); min-width: calc(196 * var(--u)); }
.ed-near__rail { --gap: calc(25 * var(--u)); margin-top: calc(27 * var(--u)); padding: 0 var(--gut) calc(70 * var(--u)) calc(76 * var(--u)); scroll-padding-inline: calc(76 * var(--u)); }
.ed-card--near:first-child { width: calc(330 * var(--u)); }

/* ---------------------------------------------------------------- responzivita */
@media (max-width: 1279px) {
  .ed-menu__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 20px; padding-inline: var(--gut); }
}
@media (max-width: 1023px) {
  .ed-hero__in { flex-direction: column; padding: 32px var(--gut) 40px; }
  .ed-hero__main { width: auto; }
  .ed-hero__p { margin-top: 20px; max-width: 640px; }
  .ed-gal { padding-top: 48px; }
  .ed-gal__h, .ed-near__head { padding-inline: var(--gut); }
  .ed-gal__rail, .ed-near__rail { padding-inline: var(--gut); scroll-padding-inline: var(--gut); }
  .ed-card, .ed-card:nth-child(5), .ed-card--near:first-child { width: 260px; height: auto; min-height: 380px; }
  .ed-card__img, .ed-card--s .ed-card__img { height: 200px; min-height: 0; }
  .ed-card__body { padding: 16px 16px 64px; }
  .ed-card__badge, .ed-card:first-child .ed-card__badge, .ed-card__badge--near { top: auto !important; bottom: -36px; }
  .ed-menu { padding-top: 32px; }
  .ed-menu__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-inline: var(--gut); }
  .ed-menu__col { gap: 24px; }
  .ed-menu__card { padding: 20px; }
  .ed-near { padding: 72px 0 80px; }
  .ed-near__head { align-items: center; }
  .ed-near__map { margin-top: 0; }
  .ed-h { line-height: 1.2; }
  .ed-near__rail, .ed-gal__rail { margin-top: 24px; }
}
@media (max-width: 767px) {
  .ed-menu__grid { grid-template-columns: 1fr; }
  .ed-near__head { flex-direction: column; align-items: flex-start; }
  .ed-card, .ed-card:nth-child(5), .ed-card--near:first-child { width: 74vw; }
}