.hero-savings-banner{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:20px 0 0;padding:10px 15px;border:1px solid #f9bc7480;border-radius:16px;background:#123b32e8;color:#fff6dc;box-shadow:0 12px 28px #001b1670;font-size:.86rem;line-height:1.55}
.hero-savings-banner del{color:#ead9b6;text-decoration-thickness:2px}.hero-savings-banner strong{color:#ffae69;font-size:1.05rem}.hero-savings-banner b{display:inline-block;padding:3px 9px;border-radius:100px;background:#d6ed82;color:#123f31;font:800 .78rem 'DM Sans','Noto Sans Thai',sans-serif}
.savings-showcase{position:relative;isolation:isolate;overflow:hidden;margin:25px 0;border-radius:25px;background:linear-gradient(130deg,#103d32,#0b2c27 67%,#18513f);color:#fff;padding:clamp(22px,3vw,34px);box-shadow:0 20px 50px #0c342c35}
.savings-showcase::before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-120px;top:-200px;border-radius:50%;background:#f890453b;filter:blur(28px)}
.savings-kicker{display:block;color:#cfe8a7;font:800 .72rem 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.savings-prices{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;margin:18px 0 17px}
.savings-regular,.savings-now{display:flex;flex-direction:column;gap:4px;min-width:0}.savings-regular>span,.savings-now>span{font-size:.83rem;color:#d2e5d8;font-weight:700}.savings-regular del{font:800 clamp(2rem,4vw,3.2rem)/1.15 'DM Sans',sans-serif;color:#c0cec3;text-decoration-color:#fa9a59;text-decoration-thickness:3px}.savings-now strong{font:900 clamp(2.7rem,5vw,4.5rem)/1 'DM Sans',sans-serif;letter-spacing:-.07em;color:#ff9a51}.savings-regular small,.savings-now small{color:#bed4c5;font-size:.72rem;line-height:1.5}.savings-arrow{color:#d6ed82;font:800 1.9rem 'DM Sans',sans-serif}
.savings-impact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:13px 16px;border-radius:14px;background:#ddf096;color:#143d2f}.savings-impact strong{font-size:clamp(1.12rem,2.2vw,1.55rem);line-height:1.3}.savings-impact span{font:900 1.15rem 'DM Sans','Noto Sans Thai',sans-serif}
.savings-meter{height:6px;overflow:hidden;border-radius:10px;background:#ffffff37;margin-top:17px}.savings-meter span{display:block;width:51.5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d9ee8b,#ff9a51);transform-origin:left center}
.savings-footnote{display:block;margin-top:10px;color:#c2d8c9;font-size:.72rem;line-height:1.6}
.savings-showcase.is-visible .savings-now strong{animation:savings-pop .8s cubic-bezier(.2,1.6,.4,1) both}.savings-showcase.is-visible .savings-impact{animation:savings-rise .8s .15s ease-out both}.savings-showcase.is-visible .savings-meter span{animation:savings-fill 1.25s .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes savings-pop{from{opacity:.35;transform:translateY(14px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes savings-rise{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes savings-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ad-copy .savings-showcase{margin:24px 0 25px;max-width:600px}.ad-copy .savings-prices{margin:15px 0}.ad-copy .savings-regular del{font-size:clamp(2rem,4vw,2.8rem)}.ad-copy .savings-now strong{font-size:clamp(2.8rem,5vw,3.8rem)}
.checkout-savings{margin:0 0 28px}.checkout-savings .savings-prices{max-width:680px}.checkout-savings .savings-footnote{max-width:780px}
@media(max-width:600px){.savings-showcase{padding:21px 18px;border-radius:20px}.savings-prices{gap:6px}.savings-arrow{font-size:1.25rem}.savings-regular del{font-size:1.8rem}.savings-now strong{font-size:2.65rem}.savings-impact{align-items:flex-start}.savings-impact strong{font-size:1.12rem}.hero-savings-banner{margin-top:16px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.savings-showcase.is-visible .savings-now strong,.savings-showcase.is-visible .savings-impact,.savings-showcase.is-visible .savings-meter span{animation:none}}