/* css/pages/category-pomeranian.css — category/pomeranian.html 전용 보정 (R24 레이어 간 CSS 오염 보정)
 * m 스킨(style-27)의 .ec-base-product .prdList.grid3 > li (min-768 미디어쿼리 25%/20%)가
 * PC 스킨(style-19)의 .ec-base-product ul.grid3 > li{width:33.33%} 를 이겨
 * PC 레이어 상품목록이 5열로 붕괴 — PC 뷰포트에서 원본 3열(33.33%) 복원. */
@media (min-width: 1025px) {
  .pc-only .ec-base-product .prdList.grid3 > li,
  .pc-only.ec-base-product .prdList.grid3 > li { width: 33.33%; }

  /* r3: m 스킨(style-27) bare 규칙의 PC 전이 복원 (goods#0/te#0 패턴, style-19 원문값)
   * body,code{Roboto;#1b1b1b} → BODY 폰트+전 트리 borderColor(currentColor) 오염
   * #container{margin:-1px;relative;overflow:hidden;bg#fff} → 센터링 파괴(x -1)
   * #contents{relative;bg#fff;padding:0 0 29px} / .xans-product-normalmenu{hidden;14px;#fff} */
  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; }

  /* r4: style-27(m) bare .ec-base-product [class*="grid"]{padding:0 7px} 의 PC 전이 복원
   * — style-19 원문 ul.prdList 는 좌우 padding 없음(computed 0). */
  .pc-only .ec-base-product [class*="grid"],
  .pc-only.ec-base-product [class*="grid"] { padding-left: 0; padding-right: 0; }

  /* r2(신규 사이클): category-69#0 동형 — src 실측 UL display=table(style-19 원문
   * .xans-product-listnormal ul.prdList{display:table}) + style-27 bare
   * [class*="grid"] > li{margin:0 0 20px;font-size:12px;line-height:1.4} 후승 오염 →
   * style-19 원문 li{margin:30px 0 20px} + src 실측 fs0/lh0(UL 상속) 복원.
   * 행피치 436 = mt30+li386+mb20 ×4행 = UL h1744(src) — 종전 h1628(-116)의 근원. */
  .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; }

  /* r1(신규 사이클): style-27(m) bare .ec-base-product{background-color:#fff} PC 전이 복원
   * — style-19 원문은 margin:22px 0 0 뿐(배경 선언 없음 = none). src 실측 bg none. */
  .pc-only .ec-base-product,
  .pc-only.ec-base-product { background-color: transparent; }

  /* 원본 #contents 말미 IFRAME#instagramWidget (instagram-widget.js 런타임 주입분의 정적 재현)
   * — src 실측 [148,2368,1184.2,258], border 0, bg none. */
  /* stylefix r3: r2 의 "iframe 미생성" 처방은 미집행 상태(HTML 에 iframe 실재)였고 기준선 트리
   * (category-64.src.json)에도 IFRAME 258 실재 — 기준선 정본에 따라 규칙 복원(display:block=라인박스 여분 제거) */
  #instagramWidget { display: block; width: 100%; height: 258px; border: 0; }

  /* r1#0(신규 사이클): style-27(m) bare .thumbnail a{display:block} +
   * .thumbnail a img{display:block;width:100%;border:1px solid #ededed} 의 PC 전이 복원.
   * style-19 원문은 .thumbnail a img{max-width:100%;box-sizing:border-box} 뿐 —
   * src 실측(_styles/category-64.json): .prdImg{font-size:0;line-height:0;h300},
   * img inline 300x300(자연크기, .thumbnail text-align:center 로 x198 센터), border 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; }

  /* r2#0(2차 루프, category-69#1 동형 이식): style-27(m) bare
   * .xans-product-menupackage .banner{padding:10px 14px} PC 전이 → 빈 p.banner 가 h20+mb20
   * 박스화, .title 30→70 으로 CENTER/iframe/footer 하류 전부 +38 시프트(top3 전건 근원).
   * style-19 원문은 .title .banner{margin:0 0 20px} 뿐(패딩 무) — 빈 블록 마진 붕괴로 h0. */
  .pc-only.xans-product-menupackage .banner,
  .pc-only .xans-product-menupackage .banner { padding: 0; }

  /* r2#0 ②: style-27 bare .xans-product-menupackage > ul{background:#fff} PC 전이 →
   * UL.menuCategory bg — src none (style-19 .menuCategory 는 background 무규칙) */
  .pc-only.xans-product-menupackage > .menuCategory,
  .pc-only .xans-product-menupackage > .menuCategory { background: none; }

  /* r2#0 ③: style-27 bare a{color:#000} 가 style-19 a{color:#333} 를 후승 →
   * IMG#eListPrdImage* borderColor(currentColor) rgb(0,0,0) vs src rgb(51,51,51) ×3 복원 */
  /* stylefix r2: 종전 .pc-only a{color:#333} 삭제 — (0,1,1) 과특이도가 .xans-layout-logobottom a
   * {color:#8c8c8c}(동특이도 후순위 원본 규칙)를 오버라이드해 푸터 로고색 드리프트 유발.
   * 복원 목적(style-27 bare a #000 무력화)은 overlay 전역 a{color:#333}(0,0,1 후승)이 담당. */
}

/* 역방향 오염: PC 스킨(style-19) .xans-product-listnormal ul.prdList{min-width:756px} 와
 * 고정폭 1200px 컨테이너 3종 + ul.grid2 li .thumbnail{float:left;width:220px}/.description{width:247px} 가
 * m 레이어에 전이 → 390/768 가로 overflow·2열 그리드 붕괴.
 * 원본 m 실측(_styles/category-64-m.json): ul.prdList.grid2 width=뷰포트폭(min-width 없음),
 * 컨테이너=뷰포트폭·margin 0, 썸네일/설명=li 폭 자동. */
@media (max-width: 1024px) {
  .m-only .ec-base-product .prdList,
  .m-only.ec-base-product ul.prdList,
  .m-only .xans-product-listnormal ul.prdList,
  .m-only.xans-product-listnormal ul.prdList { min-width: 0; }
  .m-only .xans-product-menupackage,
  .m-only.xans-product-menupackage { width: auto; margin: 0; }
  .m-only .xans-product-normalmenu,
  .m-only.xans-product-normalmenu { width: auto; margin: 0; }
  .m-only .xans-product-listnormal,
  .m-only.xans-product-listnormal { width: auto; margin: 0; }
  .m-only .ec-base-product ul.grid2 li .thumbnail,
  .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,
  .m-only.ec-base-product ul.grid2 li .description { float: none; width: auto; padding: 0; }
}

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