/* Trang /app (desktop) — landing tối giản: QR + 2 nút store. Điện thoại không thấy trang này,
 * app.php đã 302 thẳng ra store trước khi tới đây. */

.app-landing { max-width: 420px; margin: 40px auto; text-align: center; padding: 32px 24px; background: #fff; border: 1px solid #f0f0f0; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,.06); }
.app-landing__logo { width: 56px; height: 56px; border-radius: 14px; margin-bottom: 12px; }
.app-landing h1 { font-size: 1.4rem; font-weight: 800; margin: 0 0 8px; color: #111827; }
.app-landing__sub { color: #6b7280; font-size: .9rem; margin: 0 0 20px; }
.app-landing__qr { border: 8px solid #f9fafb; border-radius: 12px; margin-bottom: 20px; }
.app-landing__stores { display: flex; flex-direction: column; gap: 10px; }
.app-landing__store { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 16px; border-radius: 10px; background: #111827; color: #fff; text-decoration: none; font-weight: 700; font-size: .92rem; transition: opacity .15s; }
.app-landing__store:hover { opacity: .85; color: #fff; }
.app-landing__store i { font-size: 1.2rem; }
.app-landing__store small { display: block; font-size: .68rem; font-weight: 500; opacity: .75; line-height: 1.2; }
.app-landing__note { margin: 20px 0 0; color: #9ca3af; font-size: .78rem; }