:root{--offer-bg:#0b6b4f;--offer-text:#ffffff;--offer-accent:#ffd166;--offer-cta-bg:#ffd166;--offer-cta-text:#0b1a12}
.offer-banner{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,var(--offer-bg),#074e3a);color:var(--offer-text);padding:10px 14px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-family:Inter,system-ui,Arial,Helvetica,sans-serif;border-radius:8px;max-width:320px;z-index:999;transition:all 0.3s ease}
.offer-inner{display:flex;flex-direction:column;gap:8px}
.offer-left{display:flex;align-items:center;gap:8px}
.offer-badge{width:32px;height:32px}
.offer-title{display:block;font-size:0.85rem;line-height:1.3}
.offer-sub{font-size:0.7rem;opacity:.9;line-height:1.3}
.offer-right{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.offer-cta{background:var(--offer-cta-bg);color:var(--offer-cta-text);padding:6px 12px;border-radius:5px;text-decoration:none;font-weight:600;font-size:0.8rem;flex:1;text-align:center}
.offer-close{background:rgba(255,255,255,0.2);border:0;color:var(--offer-text);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:3px;opacity:0.8;transition:opacity 0.2s}
.offer-close:hover{opacity:1;background:rgba(255,255,255,0.3)}
@media(max-width:720px){.offer-banner{bottom:10px;right:10px;max-width:280px}.offer-title{font-size:0.8rem}.offer-sub{font-size:0.65rem}}