.mobile-app-compact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px 163px;
    align-items: center;
    gap: 24px;
    margin: 0 0 32px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--panel);
}
.mobile-app-compact-copy { min-width: 0; }
.mobile-app-compact h2 {
    margin: 0 0 10px;
    font-size: 1.35rem;
    line-height: 1.35;
    letter-spacing: -.02em;
    overflow-wrap: anywhere;
}
.mobile-app-compact p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.6; }
.mobile-app-compact-store { display: inline-block; max-width: 100%; border-radius: 8px; }
.mobile-app-compact-store img { display: block; width: 200px; max-width: 100%; height: auto; }
.mobile-app-compact a:focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }
.mobile-app-compact-qr { margin: 0; text-align: center; }
.mobile-app-compact-qr a { display: inline-block; padding: 8px; border-radius: 10px; background: #fff; }
.mobile-app-compact-qr img { display: block; width: 147px; height: 147px; }
.mobile-app-compact-qr figcaption { margin-top: 6px; color: var(--muted); font-size: .75rem; line-height: 1.4; }
@media (max-width: 760px) {
    .mobile-app-compact { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px; }
    .mobile-app-compact-qr { display: none; }
    .mobile-app-compact-store { justify-self: start; }
}