/* Native sale labels beside the current card price. Discount logic is unchanged. */
.card .price.num{align-items:center;column-gap:4px;row-gap:2px}
.card .c-price-main{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;min-width:0;max-width:100%}
.card .c-price-main>.c-badge{position:static!important;inset:auto!important;display:inline-flex;align-items:center;flex:0 0 auto;width:auto;height:auto;min-width:0;margin:0;padding:3px 5px;background:#111;color:#fff;border:0;border-radius:3px;box-shadow:none;font-family:inherit;font-size:10px;font-weight:700;line-height:1.1;letter-spacing:0;white-space:nowrap;transform:none!important;vertical-align:middle;z-index:auto}
.card .price.num .c-old{white-space:nowrap}
@media(max-width:480px){.card .c-price-main{gap:3px}.card .c-price-main>.c-badge{font-size:9px;padding:3px 4px}}

/* Keep current price readable in the narrowest two-column cards. */
@media(max-width:480px){.card .c-sale-word{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;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}}

/* Tighter card copy, with the two-line title space kept for aligned prices. */
.card .c-body{padding-top:8px}
.card .name{margin-top:2px}
.card .price.num{margin-top:3px}
#app.is-home.kr-home-compact .hm-track .c-body{padding-top:8px;row-gap:2px}
#app.is-home.kr-home-compact .hm-track .name{margin-top:0}
#app.is-home.kr-home-compact .hm-track .price.num{margin-top:1px;column-gap:4px;row-gap:2px}