@charset "utf-8";
/* ==========================================================================
   bmtech-product — 제품 6모델 개편분 (2026-09-18 고객 PPT ver1.3.2 슬라이드 11~22)
   --------------------------------------------------------------------------
   기존 제품 페이지 골격(s_tab · page_head · feat_icon_grid · prod_feature_row ·
   tb2 스펙 표)은 그대로 쓰고, 새로 생긴 것만 여기 둔다.
     · 제품 개요 3 x 2 그리드 + 모델 구분 태그
     · 출시 예정 배지 (MAX Fan)
     · Pencil vs Fan 비교 표의 원리 도식 셀
     · 제품소개서 텍스트 전환 블록 (Easy)
   값은 전부 --bmt-* 토큰, 글자는 타이포 역할(.wd-t-*)을 마크업에 붙였다.
   ========================================================================== */

/* --- 제품 개요: 6모델 3 x 2 --- */
.sproduct_wrap.sproduct_wrap--six {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  height: auto;
  margin: 0;
}
.sproduct_wrap--six .sproduct_con { float: none; width: auto; padding: 0; }
.sproduct_wrap--six .thumb img { height: auto; aspect-ratio: 616 / 522; object-fit: cover; }
.sproduct_wrap--six .subject { font-size: var(--bmt-fs-base); }
.sproduct_tag {
  padding: 12px 15px;
  color: var(--bmt-body);
  font-size: var(--bmt-fs-sm);
  line-height: var(--bmt-lh-tight);
  border-top: var(--bmt-border);
}
@media (max-width: 800px) {
  .sproduct_wrap.sproduct_wrap--six { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* --- 출시 예정 배지 --- */
.m_tit_wrap .prod_badge {
  display: inline-block;
  margin-top: 16px;
  padding: 6px 14px;
  border: 1px solid var(--bmt-accent);
  border-radius: var(--bmt-radius-pill);
  color: var(--bmt-accent);
  font-size: var(--bmt-fs-sm);
  font-weight: var(--bmt-fw-semi);
}

/* 원본 해상도가 작은 제품컷(고객 PPT 첨부 336px) — 늘리지 않고 제 크기로 */
.prod_feature_row_photo--fit { display: flex; align-items: center; justify-content: center; }
.prod_feature_row_photo--fit img { width: auto; max-width: 100%; }

/* --- Pencil vs Fan 비교 표 --- */
.prod_compare tbody td p { text-align: center; }
.prod_compare .prod_compare_img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 16px 0;
}
.prod_compare .prod_compare_img img { max-height: 240px; width: auto; }

/* --- 이미지 + 캡션 --- */
.prod_media { margin: var(--bmt-title-gap) 0 0; }
.prod_media img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.prod_media figcaption {
  margin-top: 12px;
  color: var(--bmt-muted);
  font-size: var(--bmt-fs-sm);
  text-align: center;
}

/* --- 제품소개서 텍스트 전환 (Easy) --- */
.prod_brochure_head { margin-top: var(--bmt-block-gap); }
.prod_brochure_head .wd-t-c { color: var(--bmt-ink); }
.prod_brochure_cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: var(--bmt-title-gap);
}
.prod_brochure_cards > li {
  padding: 28px 32px;
  border: var(--bmt-border);
  border-radius: var(--bmt-radius);
}
.prod_brochure_cards .wd-t-d { color: var(--bmt-accent); }
.prod_brochure_cards ul,
.prod_brochure_bullets { margin-top: 12px; }
.prod_brochure_cards ul li,
.prod_brochure_bullets li,
.prod_brochure_list li p:not(.wd-t-d) {
  color: var(--bmt-body);
  font-size: var(--bmt-fs-base);
  line-height: 1.6;
}
.prod_brochure_cards ul li,
.prod_brochure_bullets li { position: relative; padding-left: 14px; margin-top: 8px; }
.prod_brochure_cards ul li::before,
.prod_brochure_bullets li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .7em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--bmt-accent);
}
.prod_brochure_split {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  align-items: center;
  gap: 48px;
  margin-top: var(--bmt-title-gap);
}
.prod_brochure_split .prod_media { margin: 0; }
.prod_brochure_list li + li { margin-top: 24px; }
.prod_brochure_list .wd-t-d { color: var(--bmt-ink); margin-bottom: 6px; }

@media (max-width: 1080px) {
  .prod_brochure_cards { grid-template-columns: 1fr; }
  .prod_brochure_split { grid-template-columns: 1fr; gap: 24px; }
  .prod_compare .prod_compare_img { flex-direction: column; }
  .prod_compare .prod_compare_img img { max-height: 180px; }
}

/* --- 제품 탭 6개 — 레거시 탭은 칸당 215px 고정이라 6칸이면 1440 에서도 두 줄로 넘어간다 --- */
.s_tab--product .dep1_wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.s_tab--product .dep1_con { flex: 1 1 0; max-width: 215px; margin: 0; }
.s_tab--product .dep1 { width: auto; }
@media (max-width: 800px) {
  .s_tab--product .dep1_con { flex: 0 0 33.333%; max-width: none; }
}

/* --- 좁은 화면 — 제품 페이지 레거시 2단(사진|글)·원형 특징 5개는 PC 고정폭 전제라 모바일에서 찌그러진다.
       이번 개편으로 모바일도 PC 제품 파일을 쓰게 돼서(db/2026-09-18) 여기서 한 번에 푼다 --- */
@media (max-width: 800px) {
  .prod_feature_row { flex-direction: column; gap: 32px; }
  .prod_feature_row .prod_feature_row_photo,
  .prod_feature_row .prod_feature_row_txt { width: 100%; padding: 0; }
  .prod_feature_row_photo--fit img { width: 100%; max-width: 360px; }
  .feat_circle_row { flex-wrap: wrap; gap: 10px; }
  .feat_circle_row .feat_circle { width: calc(33.333% - 7px); height: auto; aspect-ratio: 1; }
  .feat_circle_row .feat_circle p { padding: 0 6px; font-size: 11px; line-height: 1.35; }
  .feat_icon_grid .feat_icon_cell { word-break: keep-all; }
}

/* 초음파 2종(SMART·EASY) 사진 축소 — 2026-09-30 고객 요청(수정사항0930 제품개요 ②).
   카드 크기는 그대로, 사진만 줄여 DEXA 4종과 체감 크기를 맞춘다 */
.sproduct_con--ubd .thumb img { transform: scale(.86); }
/* EASY 구성 문구 한 줄 유지 — 역할 D 로 키우면서 리드 폭 제한을 푼다 (2026-09-30) */
.prod_brochure .s_tit_wrap .txt.wd-t-d { max-width: none; color: var(--bmt-ink); }