/* Customer website only. Desktop/tablet layout and admin settings stay intact. */
@media (max-width: 639px) {
    .mobile-site-header .mobile-site-topbar { height: 60px; }
    .mobile-site-header .mobile-site-logo { height: 40px; max-width: 112px; }
    .mobile-home { padding-bottom: 24px; }
    .mobile-home > * + * { margin-top: 24px; }
    .mobile-home .mobile-home-hero { padding-top: 20px; padding-bottom: 20px; }
    .mobile-home-hero .mobile-hero-title {
        font-size: 25px;
        line-height: 1.3;
        letter-spacing: -.035em;
        text-align: left;
        overflow-wrap: break-word;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .mobile-home-hero .mobile-hero-badge {
        font-size: 11px;
        line-height: 1.5;
        border-radius: 12px;
        text-align: left;
        max-width: 100%;
    }
    .mobile-home-hero .mobile-hero-badge svg { flex-shrink: 0; }
    .mobile-home-hero .mobile-hero-description {
        font-size: 14px;
        line-height: 1.6;
        text-align: left;
        margin-top: 0;
        margin-bottom: 16px;
    }
    .mobile-home-hero .mobile-link-card {
        margin-top: 16px;
        padding: 16px;
        border-radius: 20px;
        box-shadow: 0 5px 20px rgb(100 50 20 / 6%);
        text-align: left;
    }
    .mobile-link-card input[type="url"] {
        min-width: 0;
        min-height: 52px;
        font-size: 16px; /* Prevent iOS focus zoom. */
        padding-right: 48px;
    }
    .mobile-link-card input[type="url"]::placeholder { font-size: 13px; }
    .mobile-link-card button[type="submit"] {
        width: 100%;
        min-height: 50px;
        font-size: 15px;
    }
    .mobile-link-card form button[type="button"] { min-width: 44px; justify-content: center; padding-right: 0; }
    .mobile-link-card > div > button { min-height: 44px; }
    .mobile-home-hero > div > .grid { gap: 20px; }
}