/* get-app-20261023 step8: app => hidden; touch web => buttons; desktop web => QR */
.getapp{max-width:1100px;margin:18px auto 6px;padding:14px 16px;text-align:center}
.getapp h4{margin:0 0 10px;font-size:.95rem;font-weight:700}
.getapp-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.store-btn{display:inline-flex;align-items:center;gap:10px;min-width:170px;padding:8px 16px;border-radius:10px;background:#000;color:#fff;border:1px solid #a6a6a6;text-decoration:none;font-family:inherit;line-height:1.1;text-align:left}
.store-btn:hover,.store-btn:focus-visible{background:#1f1f1f;color:#fff}
.store-btn svg{width:24px;height:24px;flex:0 0 24px}
.store-btn small{display:block;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}
.store-btn b{display:block;font-size:1.05rem;font-weight:600}
.store-btn.is-disabled{background:#e5e7eb;color:#6b7280;border-color:#d1d5db;cursor:not-allowed;pointer-events:auto}
.store-btn.is-disabled svg{fill:#9ca3af}
@media(max-width:420px){.store-btn{flex:1 1 100%;justify-content:center}}
.getapp-qr{display:none;flex-direction:column;align-items:center;gap:8px}
.getapp-qr-frame{position:relative;display:inline-block;padding:4px;border-radius:24px;background:linear-gradient(135deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#8b5cf6,#ec4899);box-shadow:0 10px 26px rgba(79,70,229,.18)}
.getapp-qr-frame a{display:block;background:#fff;border-radius:20px;padding:12px;line-height:0}
.getapp-qr-frame img{width:164px;height:164px;display:block}
.getapp-qr-cap{font-size:.9rem;font-weight:600;color:#15161a;margin:2px 0 0}
.getapp-qr-ios{font-size:.72rem;color:#6b7280;margin:0}
/* fallback without JS: fine pointer = desktop */
@media (hover:hover) and (pointer:fine){.getapp .getapp-row{display:none}.getapp .getapp-qr{display:flex}}
/* JS classes on <html> win over the media query */
html.sl-touch .getapp .getapp-row{display:flex}
html.sl-touch .getapp .getapp-qr{display:none}
html.sl-desk .getapp .getapp-row{display:none}
html.sl-desk .getapp .getapp-qr{display:flex}
html.sl-app .getapp,html.sl-app .getapp *{display:none!important}
