/* css/pages/category-dog-etc.css — category/dog-etc.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%; }

  /* r4: m 스킨(style-27) bare 규칙의 PC 전이 복원 (category-64#2 동형, 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; }

  /* r1(category-69): style-27 bare 잔여 2건 복원 (top1·top2)
   * .ec-base-product{background-color:#fff} → src none / [class*="grid"]{display:table;padding:0 7px;box-sizing:border-box}
   * → style-19 원문 .ec-base-product .prdList{width:100%;min-width:756px;margin:-20px 0 0;font-size:0;line-height:0} 에는
   *   padding·table 없음 — UL 기본값 복원 */
  .pc-only .ec-base-product { background-color: transparent; }
  /* 신규 사이클 r1 정정: src 실측 display=table (style-19 원문 .xans-product-listnormal ul.prdList{display:table})
   * — 종전 display:block 가설은 오진, padding 0 만 유지 */
  .pc-only .ec-base-product .prdList { display: table; padding: 0; box-sizing: content-box; }
  /* style-27 [class*="grid"] > li{margin:0 0 20px;font-size:12px;line-height:1.4} 동순위 후승 오염 →
   * style-19 원문 margin 복원 + src 실측 li fs0/lh0(UL{font-size:0;line-height:0} 상속) — 행피치 436 = li386+mt30+mb20 */
  .pc-only .ec-base-product .prdList > li { margin: 30px 0 20px; font-size: 0; line-height: 0; }

  /* 신규 사이클 r1 ③(extra A ×6): style-27 bare .thumbnail a{display:block}
   * / .thumbnail a img{display:block;width:100%;border:1px solid #ededed} PC 전이 →
   * A 386×386 블록화·IMG 386 확대(src 300×300 inline, 행고 +86 근원).
   * style-19 원문 .thumbnail a img{max-width:100%;box-sizing:border-box} 뿐 — UA 기본 복원 */
  .pc-only .thumbnail a { display: inline; }
  .pc-only .thumbnail a img { display: inline; width: auto; border: 0; vertical-align: baseline; }

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

  /* r2 ①(+38px 상류 오프셋 근원): style-27(m) bare .xans-product-menupackage .banner{padding:10px 14px}
   * PC 전이 → 빈 p.banner 가 h20+mb20 박스화, .title 30→70 으로 하류 전부 +38 시프트.
   * style-19 원문은 .title .banner{margin:0 0 20px} 뿐(패딩 무) — 빈 블록 마진 붕괴로 h0 (src 트리 P.banner 부재) */
  .pc-only.xans-product-menupackage .banner,
  .pc-only .xans-product-menupackage .banner { padding: 0; }

  /* r2 ②: 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 ③: style-27 bare a{color:#000} 가 style-19 a{color:#333} 를 후승 → 접힌 A 컨텍스트 상속으로
   * IMG#eListPrdImage* borderColor(currentColor) rgb(0,0,0) vs src rgb(51,51,51) ×3 — style-19 원문 복원 */
  /* 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-69-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; }