/* css/pages/goods.css — 용품할인(goods.html) 전용 보정
 * 공유 콘텐츠(.mall_companyR 용품 이미지)는 PC 마크업 단일화(R24③) —
 * 원본 m DOM(goods-m)은 img 에 inline width:100% 였으므로
 * 모바일 레이어(경계 1024 — R24⑤, m.petami UA 전환점)에서 동일 수치로 재현. */
@media (max-width: 1024px) {
  .mall_companyR img { width: 100% !important; height: auto; }
  .mall_companyR center { display: block; width: 100%; }
}

/* ---- R24 레이어 오염 보정 ----
 * 원본 PC 문서는 body 무id(<body style="">) — body#layout 은 m 문서 전용이라 제거.
 * style-15(m) 의 #layout 접두 5규칙은 m 레이어 스코프로 동치 재기술(선언 무수정, 원본 style-15 그대로). */
@media (max-width: 1024px) {
  .m-only header#header .header { position: relative; width: 100%; text-align: left; background: #fff; }
  .m-only header#header h1 { height: 65px; line-height: 62px; padding: 0; text-align: center; }
  .m-only header#header h1 img { max-height: 35px; vertical-align: middle; }
  .m-only #topArea .searchWrap { border-bottom: 1px #e0e0e0 solid; }
  .m-only header#header .search { top: 12px; }
}

/* style-15(m) bare body 규칙(min-width:320/13px Roboto/#1b1b1b/position:relative/height:100%)이
 * PC 뷰로 전이 → style-31 원값 복원(선언은 style-31 원문 그대로: body,code font 0.75em Noto). */
@media (min-width: 1025px) {
  body { min-width: 1480px; font: 0.75em 'Noto Sans KR', sans-serif, 'LotteMartDream', Verdana, Dotum, AppleGothic; color: #353535; background: #fff; position: static; height: auto; }
}
