/* Golden Ale additions: limited to the six pages that load this stylesheet. */
.beer-detail-item--golden {
  background: #f7f5e9;
  border: 1px solid #ded9b9;
  scroll-margin-top: 7rem;
}
.beer-detail-item--golden .beer-img-col { flex: 0 0 240px; }
.beer-detail-item--golden .beer-img { width: 240px; max-width: 100%; height: auto; }
.beer-detail-item--golden .beer-info-col { min-width: 0; text-align: left; }
.golden-eyebrow { color: #516124; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; }
.golden-name-part { display: inline-block; }
.golden-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; margin-top: 1.2rem; }
.golden-actions .btn { max-width: 100%; white-space: normal; }
.golden-story-link { color: #47591e; text-decoration: underline; text-underline-offset: 0.25em; }
.golden-availability { margin-top: 1rem; font-size: 0.85rem; line-height: 1.8; color: #56584a; }
.seasonal-hub .season-product--golden { background: #f7f5e9; }
.season-product--golden .section-kicker { color: #516124; }
.season-product--golden .buy-option__media { aspect-ratio: 1; background: #f2eee0; }
.seasonal-hub .season-product--golden .buy-option__media img { object-fit: contain; }
.season-product--golden .campaign-button { background: #4c5c26; border-color: #4c5c26; color: #fff; }
.season-product--golden .campaign-button:hover { background: #344316; }
.seasonal-hub .selector-row--golden { --selector-accent: #516124; }
.seasonal-hub [data-analytics-cta-id="sticky_fresh_hop_golden_ale"],
.seasonal-hub [data-analytics-cta-id="sticky_fresh_hop_golden_ale"]:hover,
.seasonal-hub [data-analytics-cta-id="sticky_fresh_hop_golden_ale"]:focus-visible { background: #4c5c26; border-color: #4c5c26; }
.seasonal-hub #golden-ale-products { scroll-margin-top: 7rem; }
.seasonal-hub .release-calendar__list--five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.related-grid.related-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 72rem) {
  .seasonal-hub .release-calendar__list--five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 48rem) {
  .beer-detail-item--golden { flex-direction: column; }
  .beer-detail-item--golden .beer-img-col { flex: 0 0 auto; width: 100%; margin: 0; }
  .beer-detail-item--golden .beer-img { width: 240px; height: auto; margin-inline: auto; object-fit: contain; }
  .golden-actions { align-items: stretch; flex-direction: column; }
  .golden-actions .btn { width: 100%; padding-inline: 1rem; }
  .seasonal-hub .release-calendar__list--five { grid-template-columns: 1fr; }
  .related-grid.related-grid--four { grid-template-columns: 1fr; }
}