/* Retail package deals share the same clean coastal cards as the rest of the site. */
.site-page .beach-package-deals { margin: 28px 0; }
.site-page .beach-package-heading { margin-bottom: 14px; }
.site-page .beach-package-heading h2 { font-family: Nunito, Arial, sans-serif; font-size: 1.5rem; line-height: 1.25; }
.site-page .beach-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.site-page .beach-package-card { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 4px 16px rgba(0,83,133,.05); }
.site-page .beach-package-card h3 { margin: 0 0 12px; font-size: 1.125rem; line-height: 1.3; }
.site-page .beach-package-price { margin: 0 0 12px; color: var(--brand-blue); font-size: 2rem; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; }
.site-page .beach-package-card ul { margin: 0; padding-left: 18px; font-size: 1rem; line-height: 1.4; }
.site-page .beach-package-card li + li { margin-top: 6px; }
.site-page .beach-package-premium { border-color: var(--brand-blue); background: var(--brand-blue); color: #fff; box-shadow: 0 8px 22px rgba(0,111,179,.16); }
.site-page .beach-package-premium :is(h3, .beach-package-price) { color: #fff; }
.site-page .beach-package-note { margin: 12px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.site-page.cabanas .cabana-water-card { grid-column: 1 / -1; }
.site-page.cabanas .cabana-water-card h3 { min-height: 0; }
.site-page.cabanas .cabana-water-card .cabana-water-rates { max-width: 580px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.site-page.cabanas .cabana-water-card .cabana-water-rates > div { display: block; }
.site-page.cabanas .rental-price-unit { font-size: .875rem; font-weight: 600; }
.site-page.tickets .treasure-bungee-card .ticket-photo { grid-row: 3 / 6; }

@media (max-width: 720px) {
  .site-page .beach-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .site-page .beach-package-card { padding: 16px; }
  .site-page .beach-package-card h3 { font-size: 1rem; }
  .site-page .beach-package-premium { grid-column: 1 / -1; }
}
@media (max-width: 359px) {
  .site-page .beach-package-grid { grid-template-columns: minmax(0, 1fr); }
}