/* Site footer. */
.footer { margin-top: 96px; padding: 64px 0 28px; background: var(--color-navy); color: #b9c0cf; font-size: 14px; }
.footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.footer__brand p { margin-top: 16px; max-width: 30ch; }
.footer__heading { margin-bottom: 16px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0; }
.footer__list { display: grid; gap: 10px; }
.footer__link { color: #b9c0cf; text-align: left; transition: color .2s; }
.footer__link:hover { color: #fff; }
.footer__base {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 13px; color: #8d95a7;
}

@media (max-width: 900px) {
  .footer__grid { grid-template-columns: 1fr 1fr; }
  /* touch: comfortable 40px rows instead of 22px text links */
  .footer__list { gap: 0; }
  .footer__link { display: inline-flex; align-items: center; min-height: 40px; }
}
@media (max-width: 600px) {
  .footer { margin-top: 64px; padding: 48px 0 88px; } /* bottom room so the round WhatsApp button never covers the last line */
  /* brand on top, Shop + Help side by side, contact below */
  .footer__grid { gap: 28px 20px; }
  .footer__brand, .footer__grid > :last-child { grid-column: 1 / -1; }
  .footer__heading { margin-bottom: 4px; }
  .footer__base { margin-top: 32px; flex-direction: column; gap: 6px; }
}