/* Market Fresh To Go: the Fresh Salads feature uses a portrait (3:4) photo, so give it a tall frame */
.page-deli .item--feature .item__media { flex: 0 0 min(42%, 500px); aspect-ratio: 1 / 1; min-height: 0; }
.page-deli .item--feature .item__media img { object-position: 50% 100%; }
.page-deli .phero .lede { text-wrap: balance; }
.page-deli .nb { white-space: nowrap; }
.page-deli .phero .eyebrow { line-height: 1.5; }

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

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

@media (min-width: 721px) and (max-width: 960px) {
  .page-deli .item--feature { flex-direction: row; }
  .page-deli .item--feature .item__media { flex: 0 0 46%; aspect-ratio: 4 / 5; }
}
@media (max-width: 960px) {
  .page-deli .item--feature h3 { font-size: clamp(1.9rem, 4vw + 0.6rem, 2.4rem); }
}
@media (max-width: 720px) {
  .page-deli .item--feature .item__media { flex: none; aspect-ratio: 4 / 5; }
  .page-deli .phero__actions .btn { flex: 1 1 auto; }
}

/* mobile: availability reads as a tidy list instead of two chips and an orphan */
@media (max-width: 720px) {
  .page-deli .avail { flex-direction: column; flex-wrap: nowrap; gap: 8px; }
  .page-deli .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-deli .crumbs a, .page-deli .link-arrow { position: relative; }
.page-deli .crumbs a::before, .page-deli .link-arrow::before { content: ""; position: absolute; inset: -12px -6px; }