#coupon01 { margin-top: 5px; }
.coupon-card { margin-bottom: 5px; padding: 0; overflow: hidden; border: 1px solid #ccc; border-right-width: 2px; border-bottom-width: 2px; border-radius: 10px; background: #fff; overflow-wrap: anywhere; }
.coupon-title { display: flex; align-items: center; gap: 5px; margin: 0; padding: 0 5px 0 0; background: #ffffc4; color: #d01316; font-size: 14px; line-height: 1.4; }
.coupon-title span { padding: 8px 0; }
.coupon-title i { flex-shrink: 0; font-size: 40px; line-height: 1; }
.coupon-condition { display: flex; padding: 5px; font-size: 10px; line-height: 1.4; }
.coupon-condition strong { flex-shrink: 0; }
.coupon-note { padding: 5px; background: #fae2e5; color: #d01316; font-size: 12px; font-weight: bold; line-height: 1.4; }
.coupon-premium { padding: 0; overflow: hidden; border: 2px solid #b89940; }
.coupon-premium-label { margin: 0; padding: 5px 10px; text-align: center; background: linear-gradient(#f9e4a0,#b89940); color: #624208; font-weight: bold; }
.coupon-premium .coupon-title { padding: 4px 10px 4px 5px; background: linear-gradient(#d54040,#a60000); color: #fff4a7; }
.coupon-premium .coupon-condition { padding: 8px 10px; }
.coupon-premium .coupon-note { padding: 8px 10px; }
.coupon-empty { padding: 15px; background: #fff; }
@media (max-width: 767px) {
    #coupon01 { margin-top: 0; padding: 1px 5px 10px; background: #fff; }
    .coupon-title { font-size: 12px; line-height: 1.3; }
    .coupon-title span { padding: 5px 0; }
    .coupon-condition { font-size: 10px; line-height: 1.25; }
    .coupon-note { font-size: 11px; line-height: 1.25; }
}