/* === Welcome Banner + Confetti === */
.site-welcome-banner {
  position: fixed;
  left: 0; right: 0; top: -220px;
  z-index: 9999;
  background: linear-gradient(90deg,#ffb86b,#ff7a00);
  color:#111;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  padding:18px 16px;
  border-bottom-left-radius:8px; border-bottom-right-radius:8px;
  transition: top .6s cubic-bezier(.2,.9,.3,1);
  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
}
.site-welcome-banner.open{ top:10px; }
.site-welcome-banner .w-left{ flex:1 1 420px; min-width:220px }
.site-welcome-banner .w-title{ font-weight:800; font-size:18px; margin:0 0 4px }
.site-welcome-banner .w-sub{ font-size:14px; opacity:.9; margin:0 0 8px }
.site-welcome-banner .w-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap }
.site-welcome-banner input.coupon{ padding:8px 10px; border-radius:10px; border:1px solid rgba(0,0,0,.08); font-weight:700; background:#fff; width:160px }
.site-welcome-banner .btn{ padding:10px 14px; border-radius:10px; cursor:pointer; border:0; font-weight:800 }
.site-welcome-banner .btn-accept{ background:#0f2b84; color:#fff }
.site-welcome-banner .btn-close{ background:transparent; border:1px solid rgba(0,0,0,.12) }
#confetti-canvas{ position:fixed; inset:0; pointer-events:none; z-index:10000 }
@media (max-width:640px){ .site-welcome-banner{ padding:12px } .site-welcome-banner .w-title{ font-size:16px } .site-welcome-banner input.coupon{ width:120px } }