.coupon-notice{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:20px;margin:18px 0 28px;padding:22px 24px;background:#fff;border:1px solid var(--line,#dce3e8);border-radius:18px;color:var(--ink,#141e29)}
.coupon-ticket{display:grid;place-items:center;width:48px;height:56px;border-radius:13px;background:#f0f6df;color:#4f672b;flex-shrink:0}
.coupon-ticket svg{display:block;width:32px;height:32px}
.coupon-notice-copy{min-width:0}.coupon-status{display:inline-block;font-size:11px;font-weight:700;line-height:1.6;color:#52633b;letter-spacing:.01em}
.coupon-notice h2{font-size:18px;line-height:1.5;font-weight:750;letter-spacing:-.035em;margin:3px 0 5px;text-wrap:balance}
.coupon-notice p{font-size:13px;line-height:1.8;color:#687584;margin:0;overflow-wrap:anywhere}
.coupon-action{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;max-width:100%;padding:12px 16px;border:1px solid #cbd7b8;border-radius:11px;background:#f7faef;font-size:13px;font-weight:700;line-height:1.5;white-space:normal;text-align:center}
.coupon-action:hover{background:#edf4dc}.coupon-action:focus-visible,.coupon-close:focus-visible{outline:3px solid #678642;outline-offset:4px}
#couponBenefitsDialog{width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid #dce3e8;border-radius:22px;color:#141e29;background:#fff;box-shadow:0 24px 80px #141e2938}
#couponBenefitsDialog::backdrop{background:#141e2970}.coupon-dialog-body{padding:32px}
.coupon-dialog h2{font-size:25px;line-height:1.4;letter-spacing:-.04em;margin:8px 0 14px;text-wrap:balance}
.coupon-dialog p{font-size:14px;line-height:1.85;color:#576572;overflow-wrap:anywhere}
.coupon-future{border:1px solid #e1e8d3;background:#f6f9ef;border-radius:15px;padding:19px 20px;margin:22px 0}
.coupon-future h3{font-size:14px;margin:0 0 13px;line-height:1.6}.coupon-future ol{padding:0;margin:0;list-style:none;counter-reset:couponsteps;display:grid;gap:12px}
.coupon-future li{counter-increment:couponsteps;display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.8}
.coupon-future li:before{content:counter(couponsteps);display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#e5edce;color:#4d6130;font-size:11px;font-weight:700}
.coupon-dialog .coupon-privacy-note{font-size:12px;color:#687584;line-height:1.85;margin:0 0 22px}
.coupon-close{min-height:48px;width:100%;padding:12px 16px;border:0;border-radius:11px;background:#d5fa69;color:#141e29;font-weight:700;font-size:14px;line-height:1.5}
.coupon-close:hover{background:#c9f04f}
@media(max-width:700px){.coupon-notice{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px;border-radius:17px}.coupon-ticket{width:38px;height:46px}.coupon-ticket svg{width:27px;height:27px}.coupon-notice h2{font-size:17px}.coupon-action{grid-column:2;justify-self:start}.coupon-dialog-body{padding:25px}.coupon-dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.coupon-notice *,.coupon-dialog *{scroll-behavior:auto}}