/* OSTEN price detail 2026-10-29
   기준: LG전자 냉장고 목록 카드 실측(2026-10-29)
   - 할인율: 20px/700 빨강(#EA1917), 최종가: 20px/700 검정(#111), 원: 같은 크기 400
   - 원래 금액: 14px/400 회색(#8F8F8F) 취소선
   - 상세: 할인율과 판매가를 같은 크기로 나란히(할인율 400)
   가격 값·문구·순서·레이아웃은 바꾸지 않고 글자 위계만 정리한다. */

html body .ost-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* 1) 원래 금액 줄: 회색 취소선을 또렷하게, 라벨은 취소선 없이 */
html body .og-home p.og-was,
html body .sp-price.ost-price .sp-before54{font-size:14px!important;line-height:20px!important;color:#8F8F8F!important;letter-spacing:-.2px!important;font-weight:400!important}
html body .og-home p.og-was del,
html body .sp-price.ost-price .sp-before54 del{color:#8F8F8F!important;text-decoration:line-through!important;text-decoration-thickness:1px;font-variant-numeric:tabular-nums}

/* 2) 최종가 줄(카드): 라벨은 작게, 할인율은 빨강, 최종가는 검정 굵게 */
html body p.og-price.ost-price,
html body .sp-price.ost-price{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:6px!important;row-gap:0!important;height:auto!important;line-height:28px!important;font-size:20px!important;font-weight:400!important;color:#111!important}
html body .sp-price.ost-price .sp-before54{display:block!important;flex:0 0 100%!important;margin:0!important}
html body p.og-price.ost-price>span:first-child,
html body .sp-price.ost-price>em{display:inline!important;margin:0!important;font-style:normal!important;font-size:14px!important;font-weight:500!important;line-height:28px!important;color:#EA1917!important;letter-spacing:-.2px!important;white-space:nowrap}
html body .ost-price .ost-pr{display:inline-flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:4px!important;margin:0!important;padding:0!important;font-size:20px!important;line-height:28px!important;font-weight:400!important;color:#111!important}
html body .ost-price .ost-pr .ost-dc{display:inline!important;margin:0!important;font-size:20px!important;font-weight:700!important;line-height:28px!important;letter-spacing:-.4px!important;color:#EA1917!important}
html body .ost-price .ost-pr .ost-v{display:inline!important;margin:0!important;white-space:nowrap!important;font-size:20px!important;font-weight:400!important;line-height:28px!important;letter-spacing:-.2px!important;color:#111!important}
html body .ost-price .ost-pr .ost-v b{font-size:20px!important;font-weight:700!important;letter-spacing:-.4px!important;color:#111!important;font-variant-numeric:tabular-nums}

/* 3) 상품 상세 가격표: 할인율을 판매가와 같은 크기로 앞에 */
html body .pdp-price-grid .was,
html body .pdp-price-grid .was del{color:#8F8F8F!important}
html body .pdp-price-grid .now.ost-now .ost-dc{margin-right:8px;font-size:30px;font-weight:400;letter-spacing:-.8px;color:#EA1917;font-variant-numeric:tabular-nums}

/* 4) 메인 카드 제품명: 이름은 한 단계 굵게, 폭 표기는 보조 정보로 */
html body .og-home a>h3:has(+ .og-code){font-weight:500!important;letter-spacing:-.2px!important}
html body .og-home a>h3:has(+ .og-code)>em{font-size:14px!important;color:#4B5058!important;font-weight:400!important}

@media (max-width:760px){
  html body .og-home p.og-was,
  html body .sp-price.ost-price .sp-before54{font-size:13px!important;line-height:18px!important}
  html body p.og-price.ost-price>span:first-child,
  html body .sp-price.ost-price>em{font-size:13px!important;line-height:24px!important}
  html body p.og-price.ost-price,
  html body .sp-price.ost-price,
  html body .ost-price .ost-pr,
  html body .ost-price .ost-pr .ost-dc,
  html body .ost-price .ost-pr .ost-v,
  html body .ost-price .ost-pr .ost-v b{font-size:17px!important;line-height:24px!important;letter-spacing:-.5px!important}
  html body .pdp-price-grid .now.ost-now .ost-dc{font-size:26px}
  html body .ost-price .ost-pr{column-gap:3px!important}
}
html body p.og-price.ost-price,html body .sp-price.ost-price{container-type:inline-size}
/* 좁은 카드(가격 영역 160px 이하): 할인율을 라벨 줄로 올려 최종가가 한 줄에 크게 남도록 */
@container (max-width:160px){
  html body p.og-price.ost-price,
  html body .sp-price.ost-price{column-gap:4px!important}
  html body .ost-price .ost-pr{display:contents!important}
  html body p.og-price.ost-price>span:first-child,
  html body .sp-price.ost-price>em{font-size:12px!important;letter-spacing:-.4px!important}
  html body .ost-price .ost-pr .ost-dc{font-size:15px!important}
  html body .ost-price .ost-pr .ost-v{flex:0 0 100%!important}
}