/* "Up next" card above the footer (John 2026-10-30: "Put the up next button at the bottom").
   Chain: / -> /equipment -> /classes -> /personal-training -> /memberships -> /amenities -> /about -> /visit -> /equipment.
   One link per page; taps are counted as event "upnext" (label = target path) by sff-events.js. */
.upnext{background:#080808;padding:44px 24px 6px}
.upnext a{max-width:var(--max,1180px);margin:0 auto;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;padding:12px 26px 12px 12px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#121315;color:#fff;text-decoration:none;transition:border-color .2s,background-color .2s}
.upnext a:hover{border-color:rgba(255,255,255,.32);background:#17181b}
.upnext a:focus-visible{outline:3px solid #ffde59;outline-offset:4px}
.upnext img{width:100%;height:132px;display:block;object-fit:cover;border-radius:11px;background:#1b1c1f}
.upnext span{display:block}
.upnext .un-k{color:#b4bac4;font-size:13px;font-weight:600;line-height:1.3}
.upnext .un-t{margin-top:2px;font-size:1.5rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.upnext .un-d{margin-top:4px;color:#d5dae2;font-size:15px;font-weight:500;line-height:1.4}
.upnext .un-ar{color:#ff2632;font-size:1.6rem;font-weight:700;line-height:1;transition:transform .2s}
.upnext a:hover .un-ar{transform:translateX(4px)}
@media(max-width:640px){
  .upnext{padding:32px 16px 4px}
  .upnext a{grid-template-columns:112px 1fr auto;gap:14px;padding:10px 16px 10px 10px;border-radius:16px}
  .upnext img{height:112px;border-radius:10px}
  .upnext .un-k{font-size:12px}
  .upnext .un-t{font-size:1.2rem}
  .upnext .un-d{font-size:14px}
  .upnext .un-ar{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){.upnext a,.upnext .un-ar{transition:none}}