.coupon-campaign{margin:22px auto;max-width:1280px;padding:0 16px;color:#142238}.coupon-campaign-list{display:grid;gap:18px}.coupon-campaign-card{display:grid;grid-template-columns:230px minmax(0,1fr);direction:rtl;background:#fff9e9;border:1px solid #efc76c;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #7a4a0010}.coupon-campaign-card[hidden],.coupon-campaign[hidden]{display:none}
.coupon-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 18px;background:#ffcb47;color:#2e250d;border-inline-end:2px dashed #ba881d;position:relative;text-align:center}.coupon-reward>span{font-size:1rem;font-weight:800}.coupon-reward>div{display:flex;align-items:baseline;justify-content:center;gap:7px;flex-wrap:wrap}.coupon-reward b{font-size:clamp(3.4rem,6vw,5.5rem);font-weight:950;line-height:1}.coupon-reward strong{font-size:1.2rem}.coupon-reward:before,.coupon-reward:after{content:'';position:absolute;width:25px;height:25px;background:var(--bg,#fff);border:1px solid #efc76c;border-radius:50%;inset-inline-end:-14px}.coupon-reward:before{top:-14px}.coupon-reward:after{bottom:-14px}
.coupon-incentive{padding:24px 28px;min-width:0}.coupon-incentive h2{font-size:clamp(1.3rem,2vw,1.8rem);margin:0 0 8px;font-weight:900;color:#142238}.coupon-minimum{margin:0;line-height:1.8;font-size:1.05rem}.coupon-minimum strong{margin-inline:4px;color:#8b4200}.coupon-custom-message{font-size:.9rem;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}.coupon-customer-conditions{font-size:.85rem;color:#725400;margin:8px 0 0}
.coupon-goal{margin:15px 0}.coupon-goal>p{font-weight:800;line-height:1.8;font-size:1rem;margin:0 0 9px}.coupon-progress-track{height:9px;border-radius:20px;overflow:hidden;background:#e8dcc0;direction:rtl}.coupon-progress-track>span{display:block;height:100%;border-radius:inherit;background:#26734c;transition:width .25s ease}.is-ready .coupon-goal>p{color:#14613b}.coupon-campaign-actions{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}.coupon-campaign-code{display:flex;align-items:center;border:1px dashed #a77b25;border-radius:12px;background:#fffdf6;padding:3px 5px 3px 14px;gap:12px;max-width:100%;min-width:0}.coupon-campaign-code code{font-size:1.1rem;font-weight:900;color:#18253d;overflow-wrap:anywhere;min-width:0}.coupon-campaign-code button{min-height:44px;flex-shrink:0;padding:8px 12px;border:0;border-radius:9px;background:#172840;color:#fff;cursor:pointer;font:inherit;font-weight:700}.coupon-campaign-actions>a{font-weight:900;color:#fff;background:#1d4732;border-radius:10px;padding:9px 16px;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none}.coupon-terms{margin-top:10px;font-size:.8rem;color:#6a5738}.coupon-terms summary{cursor:pointer;width:fit-content;padding-block:5px}.coupon-terms p{margin:5px 0;line-height:1.7}
.coupon-progress-toast{position:fixed;top:calc(86px + env(safe-area-inset-top));inset-inline:12px;margin-inline:auto;max-width:580px;z-index:10040;display:flex;align-items:center;gap:12px;background:#fff3ce;color:#2c2b1d;border:1px solid #d9aa3c;border-radius:18px;padding:14px;box-shadow:0 10px 32px #17284030;overflow-wrap:anywhere}.coupon-progress-toast[hidden]{display:none}.coupon-toast-gift{font-size:1.8rem}.coupon-progress-toast>div{flex:1;min-width:0}.coupon-progress-toast small{display:block;color:#745009;margin-bottom:3px}.coupon-progress-toast strong{display:block;line-height:1.8;font-size:1rem}.coupon-progress-toast .coupon-progress-track{height:5px;margin-top:8px}.coupon-progress-toast>button{min-width:44px;min-height:44px;border:1px solid #b98a2d;border-radius:10px;background:#fff9e9;color:#57400e;font-size:1.5rem;cursor:pointer}
[data-color-mode="dark"] .coupon-campaign-card{background:#222d3b;border-color:#9e7a35;color:#f9eed8}[data-color-mode="dark"] .coupon-incentive h2{color:#fff3d9}[data-color-mode="dark"] .coupon-minimum strong{color:#ffd56f}[data-color-mode="dark"] .coupon-customer-conditions,[data-color-mode="dark"] .coupon-terms{color:#e6cf9d}[data-color-mode="dark"] .coupon-campaign-code{background:#172536;border-color:#d1aa52}[data-color-mode="dark"] .coupon-campaign-code code{color:#ffe4a2}[data-color-mode="dark"] .coupon-campaign-code button{background:#ffcb47;color:#33280c}[data-color-mode="dark"] .coupon-campaign-actions>a{color:#173322;background:#9ee4b9}[data-color-mode="dark"] .is-ready .coupon-goal>p{color:#9ee4b9}[data-color-mode="dark"] .coupon-progress-track{background:#4a4b40}[data-color-mode="dark"] .coupon-progress-track>span{background:#67c68f}[data-color-mode="dark"] .coupon-reward:before,[data-color-mode="dark"] .coupon-reward:after{background:#101820}[data-color-mode="dark"] .coupon-progress-toast{background:#28332d;color:#fff2ce;border-color:#a58845}[data-color-mode="dark"] .coupon-progress-toast small{color:#f0d285}[data-color-mode="dark"] .coupon-progress-toast>button{background:#24312a;color:#f5dd9a}
@media(max-width:640px){.coupon-campaign{margin:16px auto;padding:0 12px}.coupon-campaign-card{grid-template-columns:1fr;border-radius:20px}.coupon-reward{flex-direction:row;justify-content:space-around;padding:14px 18px;gap:12px;border-inline-end:0;border-bottom:2px dashed #ba881d}.coupon-reward>span:last-child{display:none}.coupon-reward b{font-size:3.7rem}.coupon-reward>span{font-size:.88rem}.coupon-reward:before,.coupon-reward:after{display:none}.coupon-incentive{padding:18px}.coupon-goal>p{font-size:.94rem}.coupon-campaign-actions{gap:6px}.coupon-campaign-code{gap:8px}.coupon-campaign-code code{font-size:.95rem}.coupon-progress-toast{top:calc(76px + env(safe-area-inset-top));padding:10px;gap:8px}.coupon-progress-toast strong{font-size:.92rem}.coupon-toast-gift{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.coupon-progress-track>span{transition:none}}
.coupon-terms summary{min-height:44px}
.coupon-incentive h2,.coupon-minimum,.coupon-goal>p,.coupon-reward>span,.coupon-terms,.coupon-customer-conditions{overflow-wrap:anywhere;white-space:pre-line}
.coupon-campaign-code button{max-width:100%;min-width:0;flex-shrink:1;white-space:normal;overflow-wrap:anywhere}
.coupon-campaign-actions>a{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.coupon-top-notice{position:fixed;top:calc(12px + env(safe-area-inset-top));inset-inline:16px;max-width:650px;margin-inline:auto;z-index:10050;display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid #dfa12a;border-radius:14px;background:#fff6df;color:#55350a;box-shadow:0 8px 30px #0003;line-height:1.8;max-height:45vh;overflow:auto;overflow-wrap:anywhere}.coupon-top-notice[hidden]{display:none}.coupon-top-notice>span{flex:1;min-width:0}.coupon-top-notice button{min-width:44px;min-height:44px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.coupon-top-notice:focus-within{outline:2px solid #1463ce;outline-offset:2px}
[data-color-mode="dark"] .coupon-top-notice{background:#3b2c12;color:#ffe8ad;border-color:#b58839}
@media(max-width:600px){.coupon-top-notice{inset-inline:10px;padding:12px;gap:8px;font-size:.94rem}}