.mobile-app-section { background:#f4f7fc;border-top:1px solid #e4eaf5; }
.mobile-app-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,80px);align-items:center; }
.mobile-app-copy h2 { margin:16px 0 20px; }
.mobile-app-copy > p { max-width:480px;color:var(--body); }
.mobile-app-features { padding:0;margin:24px 0 28px;list-style:none;display:grid;gap:12px; }
.mobile-app-features li { display:flex;align-items:flex-start;gap:12px;color:var(--body); }
.mobile-app-features .icon { margin-top:4px;color:var(--blue); }
.mobile-platforms { display:grid;gap:16px;min-width:0; }
.mobile-platform { display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:28px;background:#fff;border:1px solid #dfe6f2;border-radius:18px; }
.mobile-platform-icon { display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf2ff;color:#3d5de0; }
.mobile-platform-icon .icon { width:25px;height:25px; }
.mobile-platform-store { display:block;font-size:var(--type-label)!important;font-weight:600;letter-spacing:.08em;color:#56647a;line-height:1.55;margin-bottom:8px; }
.mobile-platform h3 { margin-bottom:8px; }
.mobile-platform p { color:var(--body); }
.mobile-coming-soon { grid-column:2;justify-self:start;padding:5px 12px;border-radius:30px;background:#eef2ff;color:#3d5de0;font-size:var(--type-label)!important;line-height:1.55; }
.mobile-launch-note { color:#56647a;margin:4px 8px 0; }
.footer-inner nav { flex-wrap:wrap;row-gap:10px; }
@media(max-width:800px) { .mobile-app-layout { grid-template-columns:1fr;gap:30px; }.mobile-app-copy > p { max-width:none; } }
@media(max-width:400px) { .mobile-platform { padding:20px;gap:12px; }.mobile-platform-icon { width:40px;height:40px; } }

.mobile-platform-icon img { display:block;width:28px;height:28px;object-fit:contain; }

/* A platform whose store link is set (admin → Mobile app) shows a store link in place of "Coming soon". */
.mobile-store-link { grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;background:#001229;color:#fff;font-weight:600;font-size:14px;line-height:1.3;transition:background var(--transition); }
.mobile-store-link::after { content:"→";font-weight:400; }
.mobile-store-link:hover { background:#0b2447; }
.mobile-platform.is-available { border-color:#cdd8f3;box-shadow:0 12px 32px #334c830f; }
