/* Homepage only (2026-10-21): footer with the same columns as every other page, mobile menu sections, phone hero order. */
.foot.foot-3 { grid-template-columns: 1.3fr .7fr .7fr; }
.foot-blurb { margin: 8px 0 0; max-width: 24rem; font-size: 14px; line-height: 1.5; color: #f6f1e6; }
footer .fine + .fine { margin-top: 6px; }
.mobile-links .mobile-sub { margin-top: 10px; padding: 8px 10px 4px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.mobile-links p.mobile-sub { margin-bottom: 0; }
.mobile-links .mobile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.mobile-links .mobile-grid.mobile-grid-1 { grid-template-columns: 1fr; }
.mobile-links .mobile-grid a { font-size: 15px; font-weight: 600; padding: 10px; }
.drop .menu { max-height: min(70vh, 560px); overflow: auto; }
/* Phone: trust lines move under the bottle photo so the animation is on the first screen. Desktop/tablet unchanged. */
@media (max-width: 640px) {
  .hero { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .hero > :first-child { display: contents; }
  .hero > :first-child > * { order: 1; }
  .hero > .photo { order: 2; margin-top: 14px; }
  .hero > :first-child > .trust { order: 3; margin-top: 14px; }
}