.banner{color:#fff;text-align:center;z-index:999;opacity:1;background:linear-gradient(135deg,#06c 0%,#2989d8 50%,#207cca 100%);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:transform .3s,opacity .3s;display:flex;position:fixed;top:73px;left:0;right:0;transform:translateY(0);box-shadow:0 2px 10px rgba(0,0,0,.2)}.banner-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.banner-countdown{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ff6b35 100%);animation:3s ease-in-out infinite countdown-pulse}.banner-full-launch,.banner-lilac{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#9333ea 100%);animation:2s ease-in-out infinite lilac-pulse}.badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .3s}.badge-soft-launch{color:#06c;background-color:#fff;animation:2s ease-in-out infinite badge-pulse}.badge-countdown{color:#ff6b35;background-color:#fff;font-weight:800;animation:1.5s ease-in-out infinite countdown-badge}.badge-full-launch{color:#22c55e;background-color:#fff;font-weight:800;animation:1s ease-in-out infinite celebration-bounce}.badge-shipping{color:#333;background-color:#fd0;animation:3s ease-in-out infinite shipping-glow}.badge-charity{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#ef4444 50%,#dc2626 100%);border:1px solid #fff;font-weight:600;animation:2s ease-in-out infinite charity-heartbeat;box-shadow:0 0 10px rgba(220,38,38,.5)}.badge-social{color:#fff;background:linear-gradient(135deg,#e4405f 0%,#833ab4 50%,#000 100%);border:1px solid #fff;font-weight:600;animation:3s ease-in-out infinite social-pulse;box-shadow:0 0 10px rgba(132,58,180,.5)}.badge-product{color:#fff;background-color:#f22;border:1px solid #fff;padding:4px 10px;font-weight:700;animation:4s infinite slow-flash;box-shadow:0 0 10px rgba(255,0,0,.5)}.new-tag{color:#f22;text-transform:uppercase;letter-spacing:.5px;vertical-align:text-top;background-color:#ff0;border-radius:4px;margin-right:3px;padding:0 3px;font-size:9px;font-weight:800}.banner-text{white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin:0;font-weight:500}.banner-countdown .banner-text{font-size:14px;font-weight:600;animation:2s ease-in-out infinite alternate text-glow}.banner-full-launch .banner-text{font-size:14px;font-weight:600;animation:1.5s ease-in-out infinite alternate success-glow}@keyframes countdown-pulse{0%,to{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ff6b35 100%);transform:scale(1)}50%{background:linear-gradient(135deg,#f7931e 0%,#ff6b35 50%,#f7931e 100%);transform:scale(1.02)}}@keyframes countdown-badge{0%,to{transform:scale(1);box-shadow:0 0 5px rgba(255,107,53,.5)}50%{transform:scale(1.1);box-shadow:0 0 15px rgba(255,107,53,.8)}}@keyframes text-glow{0%{text-shadow:1px 1px 2px rgba(0,0,0,.3)}to{text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.5)}}@keyframes launch-celebration{0%,to{background:linear-gradient(135deg,#22c55e 0%,#16a34a 50%,#15803d 100%);transform:scale(1)}50%{background:linear-gradient(135deg,#16a34a 0%,#22c55e 50%,#16a34a 100%);transform:scale(1.01)}}@keyframes lilac-pulse{0%,to{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#9333ea 100%);transform:scale(1)}50%{background:linear-gradient(135deg,#a855f7 0%,#c084fc 50%,#a855f7 100%);transform:scale(1.01)}}@keyframes celebration-bounce{0%,to{transform:scale(1)rotate(0);box-shadow:0 0 5px rgba(34,197,94,.5)}25%{transform:scale(1.05)rotate(1deg);box-shadow:0 0 10px rgba(34,197,94,.7)}75%{transform:scale(1.05)rotate(-1deg);box-shadow:0 0 10px rgba(34,197,94,.7)}}@keyframes success-glow{0%{text-shadow:1px 1px 2px rgba(0,0,0,.3)}to{text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 8px rgba(255,255,255,.6)}}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 5px rgba(0,102,204,.3)}50%{transform:scale(1.05);box-shadow:0 0 10px rgba(0,102,204,.5)}}@keyframes shipping-glow{0%,to{transform:scale(1);box-shadow:0 0 5px rgba(255,221,0,.5)}50%{transform:scale(1.03);box-shadow:0 0 15px rgba(255,221,0,.8)}}@keyframes charity-heartbeat{0%,to{transform:scale(1);box-shadow:0 0 5px rgba(220,38,38,.5)}25%{transform:scale(1.05);box-shadow:0 0 10px rgba(220,38,38,.7)}50%{transform:scale(1.02);box-shadow:0 0 8px rgba(220,38,38,.6)}75%{transform:scale(1.08);box-shadow:0 0 12px rgba(220,38,38,.8)}}@keyframes social-pulse{0%,to{transform:scale(1);box-shadow:0 0 5px rgba(132,58,180,.5)}50%{transform:scale(1.05);box-shadow:0 0 15px rgba(132,58,180,.8)}}@keyframes slow-flash{0%,to{background-color:#f22;box-shadow:0 0 5px rgba(255,0,0,.5)}50%{background-color:#f55;box-shadow:0 0 15px rgba(255,0,0,.7)}}@media (min-width:769px){.banner{gap:16px;padding:10px 20px}.badge{padding:5px 14px;font-size:13px}.banner-countdown .banner-text,.banner-full-launch .banner-text{font-size:15px}}@media (max-width:768px){.banner{flex-direction:column;gap:8px;padding:10px;top:60px}.banner-hidden{opacity:0;transform:translateY(-100%)}.banner-text{white-space:normal;margin:2px 0;font-size:12px;line-height:1.3}.badge{height:auto;padding:3px 10px;font-size:10px}.badge-product{padding:3px 8px}.new-tag{padding:0 2px;font-size:8px}}