/* teas.co.uk footer — mobile (≤760 and ≤460). Additive: load LAST.
   Below 760 the four link columns become accordions (JS in js/teas-footer.js).
   Every row target is ≥44px here. */
@media (max-width: 760px) {
  .tf-foot { margin-top: 28px; border-radius: 26px; }
  .tf-news { grid-template-columns: 1fr; gap: 16px; }
  .tf-grid { grid-template-columns: 1fr; gap: 0; padding-top: 20px; }
  .tf-brandcol { grid-column: span 1; display: block; margin-bottom: 6px; padding-bottom: 20px; }
  .tf-brandcol .tf-tag { margin: 14px 0 12px; }
  .tf-brandcol .tf-addr { margin: 0 0 16px; }

  .tf-h4 { display: none; }
  .tf-acc { display: flex; width: 100%; align-items: center; gap: 10px; min-height: 52px; padding: 0; border: 0; border-bottom: 1px solid rgba(4,34,32,.10); background: transparent; cursor: pointer; text-align: left; font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: #0b6b5f; }
  .tf-acc svg { margin-left: auto; transition: transform .2s ease; }
  .tf-acc[aria-expanded="true"] svg { transform: rotate(180deg); }
  .tf-body { display: none; padding-bottom: 10px; }
  .tf-body.is-open { display: flex; }
  .tf-typecols { grid-template-columns: 1fr; }
  .tf-link { min-height: 44px; align-items: center; }
  .tf-pagepill, .tf-about a, .tf-legal-links a { min-height: 44px; }
  .tf-join { flex: 1 1 100%; }

  .tf-legal { flex-direction: column; align-items: flex-start; }
  .tf-band { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media (max-width: 460px) {
  .tf-foot { border-radius: 22px; }
  .tf-h3 { font-size: 26px; }
  .tf-pages { gap: 8px 6px; }
}