/* Homepage refill discovery. Keep the existing consumer product destinations. */
nav.site-nav .nav-actions { gap: 12px; }
nav.site-nav .nav-shop-link { color: #fff; }
.hero .hero-ctas { flex-wrap: wrap; }
.hero .hero-ctas .btn { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; }
.pack-refills { margin-top: 24px; padding-top: 20px; border-top: 1px solid #cbd5cd; }
.pack-refills p { color: #172e29; font-size: 15px; line-height: 1.6; }
.pack-refills a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #073b40; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.pack-refills .pack-refills-detail { margin-top: 2px; font-size: 14px; color: #43514b; }
.hero-ctas a:focus-visible, .pack-refills a:focus-visible { outline: 2px solid #c9a227; outline-offset: 4px; }
@media (min-width: 769px) and (max-width: 1250px) {
  nav.site-nav { flex-wrap: wrap; }
  nav.site-nav .nav-links { position: static; transform: none; order: 3; flex-basis: 100%; justify-content: center; margin: 8px 0 0; gap: clamp(16px, 3vw, 36px); }
  nav.site-nav .nav-actions { margin-left: auto; }
}
@media (max-width: 768px) {
  nav.site-nav { flex-wrap: wrap; }
  nav.site-nav .nav-toggle { order: 1; margin-left: auto; }
  nav.site-nav .nav-actions { order: 2; flex: 0 0 100%; margin: 8px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  nav.site-nav .nav-shop-link { padding: 0 4px; font-size: 12px; letter-spacing: .03em; }
  .hero-content { padding-top: 11rem; }
}