/* Chill Zone: three portrait-friendly cards (4:5 frames) */
.page-chill-zone .phero .lede { text-wrap: balance; }
.page-chill-zone .item__media img { object-position: 50% 40%; }
#fountain .item__media img { object-position: 22% 50%; }

/* captions share one baseline at the bottom of every card in the row */
.page-chill-zone .item__body { display: flex; flex-direction: column; gap: 8px; }
.page-chill-zone .item__body > p:nth-last-child(2) { margin-bottom: 6px; }
.page-chill-zone .item__cap { margin-top: auto; }

/* 44px tap targets on the section chips */
.page-chill-zone .subnav a { display: inline-flex; align-items: center; min-height: 44px; }

/* the f'real kicker is the only one that wraps: keep "Frozen Cappuccino" together so a line never starts with a dot */
.page-chill-zone .nb { white-space: nowrap; }
.page-chill-zone .phero .eyebrow { line-height: 1.5; }
/* keep card headings on one line across the desktop row (the f'real kicker wraps to two lines) */
@media (min-width: 961px) {
  .page-chill-zone .item__kicker { min-height: 2.4em; display: flex; align-items: flex-end; }
}
/* tablet: two cards, then the f'real card runs full width as a row */
@media (min-width: 721px) and (max-width: 960px) {
  .page-chill-zone .item:last-child { flex-basis: 100%; flex-direction: row; }
  .page-chill-zone .item:last-child .item__media { flex: 0 0 42%; }
  .page-chill-zone .item:last-child .item__body { justify-content: center; padding: clamp(22px, 4vw, 40px); }
  .page-chill-zone .item:last-child .item__body > p:nth-last-child(2) { margin-bottom: 0; }
  .page-chill-zone .item:last-child .item__cap { margin-top: 6px; }
}
@media (max-width: 720px) {
  .page-chill-zone .phero__actions .btn { flex: 1 1 auto; }
  .page-chill-zone .phero::after { background: linear-gradient(0deg, rgba(5, 22, 14, 0.94) 0%, rgba(5, 22, 14, 0.8) 55%, rgba(5, 22, 14, 0.6) 100%); }
}

/* mobile: availability reads as a tidy list instead of two chips and an orphan */
@media (max-width: 720px) {
  .page-chill-zone .avail { flex-direction: column; flex-wrap: nowrap; gap: 8px; }
  .page-chill-zone .avail li { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 14px 18px; }
}

/* 44px hit areas without changing the look: breadcrumb links and the "Back to home" link */
.page-chill-zone .crumbs a, .page-chill-zone .link-arrow { position: relative; }
.page-chill-zone .crumbs a::before, .page-chill-zone .link-arrow::before { content: ""; position: absolute; inset: -12px -6px; }