/* Beer & Wine: page-specific crops and card rhythm */
.page-beer-wine .phero__bg img { object-position: 50% 84%; }
/* busy shelf photo: a firmer scrim on the copy side keeps the eyebrow and lede legible */
.page-beer-wine .phero::after {
  background: linear-gradient(0deg, rgba(3, 23, 14, 0.92) 0%, rgba(3, 23, 14, 0.58) 45%, rgba(3, 23, 14, 0.34) 100%), linear-gradient(90deg, rgba(3, 23, 14, 0.7), transparent 78%);
}
.page-beer-wine .item__cta { margin-top: 10px; }
/* the Cold Cave feature is the dark panel: faint grid + green glow, like the dark sections */
.page-beer-wine .item--text {
  background-image: radial-gradient(70% 90% at 100% 0%, rgba(37, 228, 145, 0.16), transparent 62%), linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
}
.page-beer-wine .item--text .item__cap { border-top-color: rgba(255, 255, 255, 0.22); }
/* the champagne shelf is a portrait photo: crop to the boxed Champagne row and the shelf below */
.page-beer-wine .item__media--champagne img { object-position: 50% 34%; }
/* "Seasonal / & Limited Drops": break before the ampersand so it is never stranded at the end of line one */
.page-beer-wine #seasonal h3 em { white-space: nowrap; }
/* keep the dashed caption rule on one baseline across a row of cards */
@media (min-width: 961px) {
  .page-beer-wine .items > .item:not(.item--feature) .item__body { grid-template-rows: auto auto 1fr auto; }
  .page-beer-wine .items > .item:not(.item--feature) .item__cap { align-self: end; }
}
@media (max-width: 720px) {
  /* mobile hero is portrait: zoom toward the bottle shelves instead of showing the ceiling */
  .page-beer-wine .phero__bg img { transform: scale(1.9); transform-origin: 62% 100%; }
  .page-beer-wine .phero__actions .btn { flex: 1 1 auto; }
  /* three availability chips share one row instead of orphaning the third */
  .page-beer-wine .avail { flex-wrap: nowrap; gap: 8px; }
  .page-beer-wine .avail li { min-width: 0; flex: 1 1 0; padding: 12px 10px; }
  .page-beer-wine .avail span { font-size: 0.8rem; white-space: nowrap; }
}
/* tablet: the shared grid is 2-up, so the last card runs full width as a horizontal card instead of orphaning */
@media (min-width: 721px) and (max-width: 960px) {
  .page-beer-wine #seasonal { flex-basis: 100%; flex-direction: row; }
  .page-beer-wine #seasonal .item__media { position: relative; flex: 1 1 0; aspect-ratio: auto; min-height: 300px; }
  .page-beer-wine #seasonal .item__media img { position: absolute; inset: 0; }
  .page-beer-wine #seasonal .item__body { flex: 1 1 0; align-content: center; padding: 28px 32px; }
}