/* ============================================================
   LIFEMAX CLUB — "LifeMax for iPhone" (16 Oct 2026, app-promo.js).
   Nothing here draws until APP_STORE_URL is set in app-promo.js.
     .ap-card   club Home, under To do: one quiet card, three choices
     .ap-qr     on a computer, Download shows a code to scan
     .ap-foot   the public pages: one line above the footer's last row
   ============================================================ */
.ap-card{margin-top:20px;padding:20px 22px}
.ap-top{display:flex;align-items:flex-start;gap:14px}
.ap-ic{width:40px;height:40px;border-radius:12px}
.ap-ic .ic{--ic:20px}
.ap-tx{min-width:0}
.ap-h{font-size:18px;letter-spacing:-.022em;line-height:1.25}
.ap-p{margin-top:4px;max-width:60ch;font-size:14.5px;line-height:1.45;color:var(--text-2)}
.ap-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-left:54px}
.ap-qr{display:flex;align-items:center;gap:16px;margin-top:16px;padding-left:54px}
.ap-qr[hidden]{display:none}
.ap-qr-svg{width:132px;height:132px;flex:none;border-radius:12px;box-shadow:inset 0 0 0 1px var(--hair)}
.ap-qr-t{max-width:30ch;font-size:13.5px;line-height:1.45;color:var(--text-2)}
.ap-qr-t a{color:var(--text);font-weight:600}
.ap-foot{padding:16px 0;border-top:1px solid var(--hair)}
.ap-foot-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;font-size:13.5px;line-height:1.4;color:var(--text-2)}
.ap-foot-acts{display:inline-flex;flex-wrap:wrap;gap:4px 14px}
.ap-link{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--text);cursor:pointer;text-decoration:none}
.ap-link:hover{text-decoration:underline;text-underline-offset:3px}
.ap-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
.ap-foot .ap-qr{padding-left:0}
@media (max-width:640px){
  .ap-card{padding:18px}
  .ap-acts,.ap-qr{padding-left:0}
}