/* C2 모바일 개선 시안 — body.c3-hd-m 한정, 모바일(≤47.99rem)만. PC·C2 배경·사진·명암은 변경하지 않는다. 4350 메인 미적용.
   1) 타이틀 +약 18% (화면 너비 비례, 2줄 유지)  2) 설명: 글자 소폭↓ · 줄간격·항목 간격 조정, 문구 불변
   3) 하단 고정 상담 바: HERO 가 화면에 보이는 동안 숨김 (design-c3-herom.js 가 body.c3-hero-in 토글) */
@media (max-width: 47.99rem) {
  /* 1. 타이틀: 기존 min(32px,(100vw-32px)/14.5) → (100vw-32px)/12.3, 상한 34px  (390px: 24.7→29.1px, 360: 22.6→26.7, 430: 27.4→32.4) */
  body.c3-hd-m.c3-home .hero .hero__heading-accent, body.c3-hd-m.c3-home .hero .hero__heading-accent ~ .hero__heading-line {
    font-size: min(34px, calc((100vw - 32px) / 12.3)); line-height: 1.2; white-space: nowrap;
  }
  /* 2. 설명 3항목: 18px → 16px(소폭), 줄간격 1.4 → 1.5, 항목 간격 8.8px → 7px.
        운영 home.css 의 '서브 타이틀' 규칙이 font-size 를 !important 로 고정하므로 같은 강도로 덮는다(모바일·이 시안 한정) */
  body.c3-hd-m.c3-home .hero .hero__rolling-primary { font-size: 16px !important; line-height: 1.5 !important; letter-spacing: -.02em; }
  body.c3-hd-m.c3-home .hero .hero__points { gap: .45rem !important; }
  /* 사진 크기·위치 불변: 설명이 짧아져 HERO 높이가 줄면 cover 사진 배율이 바뀌므로, C2 의 해상도 구간별 HERO 높이를 그대로 유지한다
     (C2 실측: ~391px 724.8 · 392~424 705 · 425~477 688.6 · 478~ 672) */
  body.c3-hd-m.c3-home main > .hero { min-height: 724.8px; }
}
@media (min-width: 392px) and (max-width: 47.99rem) { body.c3-hd-m.c3-home main > .hero { min-height: 705px; } }
@media (min-width: 425px) and (max-width: 47.99rem) { body.c3-hd-m.c3-home main > .hero { min-height: 688.6px; } }
@media (min-width: 478px) and (max-width: 47.99rem) { body.c3-hd-m.c3-home main > .hero { min-height: 672px; } }
@media (max-width: 47.99rem) {
  /* 3. 하단 고정 상담 바 — HERO 표시 중 숨김, HERO 를 지나면 아래에서 올라옴 */
  body.c3-hd-m .quick-consult { transition: transform .22s ease, visibility 0s linear 0s; }
  body.c3-hd-m.c3-hero-in .quick-consult { transform: translateY(100%); visibility: hidden; transition: transform .22s ease, visibility 0s linear .22s; }
}
@media (max-width: 47.99rem) and (prefers-reduced-motion: reduce) { body.c3-hd-m .quick-consult { transition: none !important; } }