/* 0002 */
:root { --course-sale-color: #c53445; --course-sale-background: #fff1f2; --course-sale-size: 30px; --course-sale-card-size: 24px; --course-countdown-size: 12px; --course-countdown-radius: 12px; --course-sale-gap: 12px; --course-sale-direction: row; }
body .course-pricing { min-width: 0; flex: 1; }
body .course-pricing .course-price-line { display: flex; flex-direction: var(--course-sale-direction); align-items: baseline; gap: var(--course-sale-gap); flex-wrap: wrap; }
body .course-pricing .course-original-price { color: #7e8881 !important; font-size: 14px; font-weight: 400; text-decoration: line-through; text-decoration-thickness: 1px; }
body .course-pricing .course-current-price { color: inherit; font-size: var(--course-sale-card-size); font-weight: 800; line-height: 1.3; font-variant-numeric: tabular-nums; }
body .course-pricing.is-on-sale .course-current-price { color: var(--course-sale-color) !important; }
body .course-pricing.course-pricing-detail { padding: 18px; background: #fffaf7; border: 1px solid #f2e4dc; border-radius: 18px; }
body .course-pricing-detail .course-current-price { font-size: var(--course-sale-size); }
body .course-pricing .course-sale-countdown { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding: 7px 10px; background: var(--course-sale-background); color: var(--course-sale-color) !important; border-radius: var(--course-countdown-radius); font-size: var(--course-countdown-size); line-height: 1.5; }
body .course-pricing .course-sale-countdown span, body .course-pricing .course-sale-countdown b { color: var(--course-sale-color) !important; font-size: inherit; }
body .course-pricing .course-sale-countdown b { font-weight: 700; font-variant-numeric: tabular-nums; }
body .course-pricing .course-sale-label, body .course-pricing .course-sale-deadline { margin: 0 0 9px; color: #5f7466 !important; font-size: 12px; }
body .course-pricing .course-member-savings { margin: 7px 0 0; color: #17622d !important; font-size: 13px; line-height: 1.5; font-weight: 600; }
body .course-pricing .course-sale-deadline { margin: 8px 0 0; }
body .course-pricing-detail:not(.is-on-sale) { background: #f7faf7; border-color: #dce9dc; }
body .academy-course-card-footer { flex-wrap: wrap; align-items: flex-start; }
body .academy-course-card-footer > .course-pricing { flex-basis: 100%; }
body .academy-course-card-footer > .button { width: 100%; text-align: center; }
body .course-actions { flex-wrap: wrap; }
body .course-actions > .course-pricing { flex-basis: 100%; }
.course-sale-settings { grid-column: 1 / -1; border: 1px solid #dce9dc; border-radius: 16px; padding: 18px; background: #f8fbf8; }
.course-sale-settings .field-help, .course-sale-settings small { display: block; color: #667789; font-size: 12px; margin-top: 7px; }
.course-sale-settings .sale-toggle { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-weight: 700; }
.course-sale-settings .sale-toggle input { width: 18px; height: 18px; accent-color: #17622d; }
.course-sale-settings .course-sale-state { display: inline-block; margin-top: 12px; padding: 4px 12px; border-radius: 30px; background: #edf7ed; color: #17622d; font-size: 12px; }
.course-sale-settings .course-sale-state.is-expired { background: #eef0ee; color: #68756c; }
.course-sale-settings [hidden] { display: none !important; }
@media (max-width: 639px) { body .course-pricing-detail .course-current-price { font-size: min(var(--course-sale-size), 32px); } }