.offer-pop[hidden]{display:none}
.offer-pop{position:fixed;right:24px;bottom:91px;z-index:26;width:278px;overflow:visible;color:#202830;background:#fff;border:1px solid #eef0f1;border-radius:18px;box-shadow:0 20px 50px #16212b45;animation:offer-in .55s cubic-bezier(.18,.8,.22,1) both,offer-breathe 3.4s ease-in-out .6s infinite}
.offer-top{position:relative;height:100px;padding:17px 18px;border-radius:17px 17px 0 0;background:linear-gradient(120deg,#df222a 0%,#aa1922 100%);color:#fff}
.offer-kicker{position:relative;z-index:1;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.offer-spark{position:absolute;top:28px;left:26px;font-size:1.8rem;color:#fff6;animation:offer-twinkle 2.4s ease-in-out infinite}
.offer-camera{position:absolute;z-index:1;right:10px;top:10px;width:143px;height:143px;display:grid;place-items:center;transform:rotate(-10deg);pointer-events:none}
.offer-camera img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 8px #47111955);animation:offer-camera-in .7s .15s ease-out both}
.offer-copy{padding:29px 17px 16px;line-height:1.3}
.offer-copy strong{display:block;max-width:195px;font-size:1.03rem;line-height:1.25;letter-spacing:-.02em}
.offer-copy p{margin:6px 0 12px;max-width:222px;font-size:.78rem;line-height:1.42;color:#596169}
.offer-copy a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:9px;background:#158748;color:#fff;font-size:.79rem;font-weight:800;line-height:1.2;transition:background .2s,transform .2s}
.offer-copy a:hover{background:#0d6f38;transform:translateY(-2px)}
.offer-close{position:absolute;z-index:2;right:8px;top:7px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff80;background:#78131c52;border-radius:50%;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}
@keyframes offer-in{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}
@keyframes offer-breathe{0%,100%{box-shadow:0 20px 50px #16212b45}50%{box-shadow:0 20px 50px #16212b45,0 0 0 4px #e8252b18}}
@keyframes offer-twinkle{50%{opacity:.35;transform:scale(.8) rotate(25deg)}}
@keyframes offer-camera-in{from{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:none}}
@media(max-width:640px){
 .offer-pop{right:14px;bottom:75px;width:220px;display:grid;grid-template-columns:63px 1fr;min-height:112px;border-radius:12px}
 .offer-top{height:100%;min-height:112px;padding:0;border-radius:11px 0 0 11px;background:linear-gradient(155deg,#df222a,#a71924)}
 .offer-kicker,.offer-spark{display:none}
 .offer-camera{top:50%;right:auto;left:2px;width:78px;height:78px;transform:translateY(-50%) rotate(-8deg)}
 .offer-copy{padding:11px 8px 9px 9px}
 .offer-copy strong{font-size:.74rem;line-height:1.18;max-width:125px}
 .offer-copy p{font-size:.65rem;line-height:1.24;margin:3px 0 7px;max-width:126px}
 .offer-copy a{font-size:.64rem;padding:7px 6px;gap:3px;border-radius:6px}
 .offer-close{top:3px;right:3px;width:23px;height:23px;background:#d92830;color:#fff;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.offer-pop,.offer-spark,.offer-camera img{animation:none}.offer-copy a{transition:none}}