/* [쿠팡] / [네이버] purchase buttons (2026-10-08): compact so desktop tables keep their width; larger touch target on mobile */
.commerce-btns { display: inline-flex; gap: .25rem; white-space: nowrap; vertical-align: middle; }
.commerce-btn {
    display: inline-block; font-size: .72rem; line-height: 1.45; padding: .05rem .4rem; border-radius: .35rem;
    border: 1px solid transparent; text-decoration: none; font-weight: 600;
}
.commerce-coupang { color: #c8102e; border-color: #f1b5bd; background: #fff5f6; }
.commerce-coupang:hover, .commerce-coupang:focus { background: #fde4e7; color: #a50d26; }
.commerce-naver { color: #027A3B; border-color: #a9e2c1; background: #f2fbf6; }
.commerce-naver:hover, .commerce-naver:focus { background: #dcf5e6; color: #026A33; }  /* 2026-10-12 a11y: >= 4.5:1 */
@media (max-width: 576px) {
    .commerce-btn { font-size: .78rem; padding: .2rem .5rem; }      /* >= 32px touch height */
    .commerce-compact .commerce-btn { padding: .2rem .4rem; }
}
.commerce-disclosure { font-size: .72rem; color: #6c757d; }