/* css/pages/category-maltese.css — category/maltese.html 전용 보정 (R24 레이어 간 CSS 오염 보정)
 * 원본 분리 문서에서는 style-19(PC 스킨)와 style-27(m 스킨)이 각자 로드되지만
 * 병합 문서에서는 둘 다 로드되어 서로를 오염시킨다 — 원본 각 스킨의 계산값으로 되돌린다. */

/* PC 뷰: style-27 의 @media(min-width:768px) .ec-base-product .prdList.grid3 > li{width:20%} 가
 * PC 목록(원본 33.33% — style-19 .ec-base-product ul.grid3 > li)을 5열로 오염 → 원본 3열 복원 */
@media (min-width: 1025px) {
  .pc-only .ec-base-product .prdList.grid3 > li { width: 33.33%; }
}

/* 역방향 오염: PC 스킨(style-19) .ec-base-product .prdList / .xans-product-listnormal ul.prdList 의
 * min-width:756px 가 m 레이어 목록에 전이 → 390/768 뷰포트 가로 overflow.
 * 원본 m 실측(_styles/category-68-m.json): ul.prdList.grid2 width=뷰포트폭(min-width 없음). */
@media (max-width: 1024px) {
  .m-only .ec-base-product .prdList,
  .m-only .xans-product-listnormal ul.prdList { min-width: 0; }
  /* PC 스킨 고정폭 1200px 컨테이너 3종 + grid2 PC형(썸네일 좌측플롯/설명 플롯) 무력화
   * — 원본 m 실측: 컨테이너=뷰포트폭·margin 0, 썸네일/설명=li 폭 자동 */
  .m-only .xans-product-menupackage { width: auto; margin: 0; }
  .m-only .xans-product-normalmenu { width: auto; margin: 0; }
  .m-only .xans-product-listnormal { width: auto; margin: 0; }
  .m-only .ec-base-product ul.grid2 li .thumbnail { float: none; width: auto; text-align: center; }
  .m-only .ec-base-product ul.grid2 li .description { float: none; width: auto; padding: 0; }
}

/* ---- stylefix r2: style-27(m) bare 규칙 PC 전이 복원 — category-64/69(pomeranian/dog-etc) 확증 처방 전면 이식
 * (근거 _styles/category-*.json 실측: body NanumGothic #666(style-19 원문 후승), #container/#contents static·투명,
 *  prdList display:table·li margin 30/20·fs0/lh0, thumbnail a img inline·border0 = style-19 원문값.
 *  banner/menuCategory bg/a #333 은 overlay 전역(Parity r2)이 기집행.) ---- */
@media (min-width: 1025px) {
  body { font-family: 'NanumGothic', "맑은고딕", "Malgun Gothic", Dotum, "돋음", sans-serif; color: #666; }
  #container { position: static; overflow: visible; margin: 0 auto; background-color: transparent; z-index: auto; }
  #contents { position: static; padding: 0; background-color: transparent; }
  .pc-only .xans-product-normalmenu { width: 1200px; margin: 0 auto; padding: 0; overflow: visible; background: transparent; }
  .pc-only .ec-base-product,
  .pc-only.ec-base-product { background-color: transparent; }
  .pc-only .ec-base-product .prdList,
  .pc-only.ec-base-product .prdList { display: table; padding: 0; box-sizing: content-box; }
  .pc-only .ec-base-product .prdList > li,
  .pc-only.ec-base-product .prdList > li { margin: 30px 0 20px; font-size: 0; line-height: 0; }
  .pc-only .ec-base-product [class*="grid"],
  .pc-only.ec-base-product [class*="grid"] { padding-left: 0; padding-right: 0; }
  .pc-only .thumbnail a,
  .pc-only.ec-base-product .thumbnail a { display: inline; }
  .pc-only .thumbnail a img,
  .pc-only.ec-base-product .thumbnail a img { display: inline; width: auto; border: 0; }
  .pc-only .prdList .thumbnail .prdImg,
  .pc-only.ec-base-product .prdList .thumbnail .prdImg { font-size: 0; line-height: 0; }
  #instagramWidget { display: block; width: 100%; height: 258px; border: 0; }  /* stylefix r3: inline 라인박스 여분 +7.41px 제거 — 기준선 iframe 258px 정합 */
}

/* catalog-dog 배선: API 3상태(로딩/빈/에러) 문구 */
.apiStates { width: 100%; }
.apiState { padding: 60px 0; text-align: center; font-size: 13px; color: #666; }
.apiState[hidden] { display: none; }