/* DRM Layer 3 — Phone-only fallback popup.
   Reuses popup-cta.css base classes (.popup-overlay, .popup-card, .popup-form,
   .popup-submit, .popup-trust, .popup-success). This file only contains the
   slim modifier and the 1-field phone form layout tweaks. */

/* Slim variant — visually tighter dialog appropriate for 1-field popup. */
.popup-card--slim {
    max-width: 380px;
    padding: 2rem 1.75rem;
}

/* Single phone input — make it the visual focal point.
   Larger touch target on mobile (h ≥ 48px), centered text. */
.popup-phone-form input[type="tel"] {
    text-align: center;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.95rem 1rem;
    margin-bottom: 0;  /* override default popup-form 0.75rem stacking gap */
}

.popup-phone-form .popup-submit {
    margin-top: 1rem;
}

/* Mobile: keep card centered, shrink padding slightly. */
@media (max-width: 480px) {
    .popup-card--slim {
        padding: 1.75rem 1.25rem;
    }
}