/* =====================================================
   HEAR-LAND1 · media.css — Responsive styles
   ===================================================== */

/* === Tablet: ≤ 900px === */
@media (max-width: 900px) {
    .block1 .wrapper { flex-direction: column; gap: 32px; }
    .b1_visual { display: none; }
    .b5_inner { grid-template-columns: 1fr; gap: 40px; }
    .b2_cards { grid-template-columns: repeat(2, 1fr); }
    .quiz-card { padding: 32px 28px; }
}

/* === Mobile: ≤ 640px === */
@media (max-width: 640px) {
    .block1, .block2, .block3, .block4, .block5 { padding: 60px 0; }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.55rem; }

    .b2_cards { grid-template-columns: 1fr; gap: 14px; }
    .cause-card { padding: 20px 18px; }

    .rec-item { gap: 18px; }
    .rec-num { font-size: 1.75rem; width: 42px; }

    .quiz-card { padding: 22px 18px 20px; }
    .quiz-question { font-size: 1.12rem; }
    .quiz-option { padding: 12px 14px; font-size: 0.92rem; }

    .b5_form { padding: 24px 20px; }
    .b5_inner { gap: 28px; }

    .site-footer { padding: 32px 0; }

    .custom-model-inner { border-radius: 12px; }
    .custom-model-wrap { padding: 0 20px 26px; }
    .pop-up-content-wrap h2 { font-size: 1.35rem; }
}

/* === Small phones: ≤ 360px === */
@media (max-width: 360px) {
    .wrapper { padding: 0 16px; }
    .b1_symptoms li { font-size: 0.9rem; }
    .quiz-option { gap: 10px; }
}