/* css/pages/product-read.css — product/product-read.html (통합 분양 상세) 전용 보정
 * (구 product-*-{738..750}.css 8벌과 동일 본문 — R24 레이어 간 CSS 오염 보정. 원본 분리 문서에서는
 * style-1/5(PC 스킨)와 style-6(m 스킨)이 각자 로드되지만 병합 문서에서는 둘 다 로드되어 서로를 오염시킨다.) */

/* PC 뷰: style-6(m 스킨) 오염 보정 */
@media (min-width: 1025px) {
  /* style-6 #container{overflow:hidden;margin-top:-1px;margin-left:-1px} → 원본 PC(style-1) #container{width:80%;margin:0 auto} 복원 */
  .pc-only #container { margin: 0 auto; overflow: visible; }
  /* style-6 #contents{padding:0 0 29px} → 원본 PC #contents 는 패딩 없음 */
  .pc-only #contents { padding: 0; }
  /* style-6 .xans-product-additional #prdDetail img{width:100%;margin:0} → 원본 PC 상세이미지는 natural size 중앙정렬 */
  .pc-only #prdDetail img { width: auto; max-width: 100%; }
}

/* 모바일 뷰: style-1(PC 스킨) 오염 보정 */
@media (max-width: 1024px) {
  /* style-1 #contents{float:right;width:100%} → 원본 m: 비플롯 */
  .m-only #contents { float: none; width: auto; }
  /* 상세 편집 이미지(에디터 삽입 고정폭) 가로 overflow 방지 */
  .m-only #prdDetail img,
  .m-only .mall_companyR img { max-width: 100%; height: auto; }
}

/* ---- stylefix r2: style-6/24(m) bare body,code{Roboto;13px;#1b1b1b}·#container/#contents{background:#fff} 의
 * PC 전이 복원 — style-1 원문 body{NanumGothic;12px;1.2em;#666}(후승)·컨테이너 배경 무규칙=투명.
 * 근거 _styles/product-*.json 실측: 트리 전반 nanumgothic·rgb(102,102,102)·lh14.4. ---- */
@media (min-width: 1025px) {
  body { font-family: 'NanumGothic', "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif; color: #666; }
  .pc-only #container { background-color: transparent; }
  .pc-only #contents { background-color: transparent; position: static; }
}

/* ---- stylefix r2-2: 상세 정보영역 잔여 복원 — _styles/product-*.json 스펙 수치 그대로.
 * ① style-6/24(m) .xans-product-detaildesign{padding:14px 7px 7px;background:#f1f1f1} 전이 → src pad0·bg 투명
 * ② style-6/24 bare th,td{line-height:18px} 전이 → src 14.4(body 1.2em 상속)
 * ③ style-6/24 .totalPrice{margin:7px;padding:14px;border;fs13/lh15} 전이 → style-1 원문
 *   {margin:10px 0 0;padding:34px 9px 19px;border-top:#9a9ba0;color:#353535;background:#fff}
 * ④ 버튼(스펙 실측 — 원본 앱 CSS 미반입분 계산값): gColumn pad 10 0·margin 0, a pad 14px 8px·lh18 ---- */
@media (min-width: 1025px) {
  .pc-only .xans-product-detaildesign { padding: 0; background: transparent; }
  .pc-only .xans-product-detaildesign table th,
  .pc-only .xans-product-detaildesign table td { line-height: inherit; }
  .pc-only .infoArea .totalPrice { margin: 10px 0 0; padding: 34px 9px 19px; border: 0; border-top: 1px solid #9a9ba0; color: #353535; background: #fff; font-size: inherit; line-height: inherit; }
  .pc-only .ec-base-button[class*="gColumn"] { margin: 0; padding: 10px 0; }
  .pc-only .ec-base-button[class*="gColumn"] a { padding: 14px 8px; line-height: 18px; }
}

/* ---- API 배선(product-detail 존): 로딩/빈/에러 3상태 ---- */
.pd-state { padding: 60px 20px; text-align: center; }
.pd-state[hidden] { display: none; }
.pd-state .pd-state-msg { font-size: 14px; color: #666; line-height: 1.6; }
.pd-state .pd-state-msg[hidden] { display: none; }
/* 배선 콘텐츠 표시 전 숨김(js 가 성공 시 해제) — hidden 속성이 display 규칙에 밀리지 않게 */
.pc-only[hidden], .m-only[hidden] { display: none !important; }
/* content 주입 영역: 에디터 산출 이미지가 영역을 넘지 않게(원본 페이지별 CSS 계승 보강) */
.pc-only [data-pd="content"] img { max-width: 100%; height: auto; }
.m-only [data-pd="content"] img { max-width: 100%; height: auto; }
.pc-only [data-pd="content"] { text-align: center; }
.m-only [data-pd="content"] { text-align: center; }