/* css/pages/category-british.css — category/british.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%; }
  /* m 스킨(style-27) #container{margin-left:-1px;margin-top:-1px;overflow:hidden} 오염으로
   * PC 컨테이너가 좌측 붙음 — 원본 PC 실측(_styles/category-71.json: 중앙정렬)에 맞춰
   * style-19 #container{width:80%;margin:0 auto} 복원. */
  .pc-only #container { margin: 0 auto; overflow: visible; }
}

/* 역방향 오염: PC 스킨(style-19) .ec-base-product .prdList / .xans-product-listnormal ul.prdList 의
 * min-width:756px 가 m 레이어 목록에 전이 → 390/768 뷰포트 가로 overflow.
 * 원본 m 실측(_styles/category-71-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-cat 배선: 3상태(로딩/빈/에러) */
.prd-state{padding:60px 0;text-align:center;color:#555;font-size:13px;line-height:1.6}