/* 모바일 사용성 보강 (신규 파일 - style.css 다음에 불러옴)
   - 입력창 글자 16px 미만이면 iOS 에서 터치 시 화면이 확대되는 문제 방지
   - 작은 점(슬라이드 점) 눌림 영역 확대
   - 언어 버튼·탭·라디오 칩 등 눌림 영역 확대
   - 푸터 링크 줄바꿈 및 간격
   기존 규칙은 건드리지 않고, 모바일 폭에서만 적용된다. */

@media(max-width:960px){
  .lang-btn{min-height:40px; padding:8px 12px;}
  .tab-btn{min-height:44px;}
  .type-btn{min-height:56px;}
  .radio-chip{padding:13px 16px;}
  .btn-sm{min-height:40px;}
  .dt-btn{min-height:36px; padding:8px 12px;}
  .ad-nav-arrow{width:40px; height:40px;}
  footer .foot-links{flex-wrap:wrap; gap:4px 18px;}
  footer .foot-links a{display:inline-block; padding:8px 0;}
  .lang-item{padding:13px 16px;}
}

@media(max-width:600px){
  .field input, .field select, .field textarea,
  .chat-input-row input, .ai-modal textarea,
  .search-input input, .sort-select{font-size:16px;}
}

/* 슬라이드 점: 보이는 크기는 그대로 두고 눌림 영역만 넓힘 */
.promo-dot, .ad-dot{position:relative;}
.promo-dot::after, .ad-dot::after{content:''; position:absolute; inset:-10px;}

/* ===== 2026-10-13 모바일 보강 ===== */

/* 한글이 단어 중간에서 끊기지 않게 (예: "찾/기", "라인처/럼") */
h1, h2, h3, h4, p, li, .lead, .sec-desc{word-break:keep-all; overflow-wrap:break-word;}

/* 2단 그리드가 1단으로 바뀔 때 내용이 화면 밖으로 밀려나는 문제 (제조사 상세 등) */
.hero-grid > *, .track-grid > *, .manuf-grid > *, .form-grid > *, .search-layout > *,
.detail-layout > *, .value-grid > *, .solutions-grid > *{min-width:0;}

@media(max-width:600px){
  /* 떠 있는 버튼(사이트 제작·AI·카카오)이 본문·가격을 가리지 않게 작게, 오른쪽 아래로 모음 */
  .kakao-float{right:12px; bottom:12px; width:44px; height:44px;}
  .kakao-float svg{width:22px; height:22px;}
  .ai-float{right:14px; bottom:64px; width:40px; height:40px; font-size:11px;}
  .build-float{right:12px; bottom:112px; width:44px; height:44px; font-size:9px; line-height:1.15;}
  /* 맨 아래 푸터 글자가 버튼에 가리지 않게 여백 */
  footer{padding-bottom:72px;}

  /* 제조사 DB 필터: 체크 항목을 2줄로 배치해 스크롤 길이를 절반으로 */
  .filter-group{display:grid; grid-template-columns:1fr 1fr; column-gap:12px;}
  .filter-group > h4, .filter-group > :not(.filter-opt){grid-column:1 / -1;}
  .filter-opt{font-size:13px;}
}