/* ═══════════════════════════════════════════════════════════
   GloMax Landing — mobile.css  (Tablet & Desktop 확장)
═══════════════════════════════════════════════════════════ */

/* ── Tablet (640px+) ── */
@media (min-width: 640px) {
    .trust-grid { grid-template-columns: repeat(4, 1fr); }
    .ba-card { flex: 0 0 340px; }        /* 640px+: 고정 너비 복원 */
    .review-card { flex: 0 0 340px; }
    .surgery-info-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-cta-wrap { flex-direction: row; max-width: 480px; }
    .hero .glomax-cta-btn { width: auto; flex: 1; }
}

/* ── Desktop (960px+) ── */
@media (min-width: 960px) {
    .hero-content { padding: 80px 60px 140px; max-width: 660px; }
    .hero-title { font-size: 52px; }

    .doctor-card { flex-direction: row; align-items: flex-start; }
    .doctor-photo { width: 240px; height: 240px; }

    .process-steps { gap: 8px; }

    .reviews-slider {
        justify-content: center;
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 24px 20px;
        overflow-x: visible;
        scroll-snap-type: none;
    }

    .review-card {
        flex: 0 1 340px;
        scroll-snap-align: none;
    }

    .sticky-messenger {
        left: 50%;
        right: auto;          /* base의 right:0 리셋 — 이게 없으면 왼쪽 쏠림 */
        transform: translateX(-50%);
        max-width: 480px;
        bottom: 24px;
        border-radius: 50px;
    }

    .final-cta-section .glomax-cta-btn { font-size: 20px; }
}

/* ── Wide (1200px+) ── */
@media (min-width: 1200px) {
    .surgery-info-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-content { max-width: 760px; }
}