@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap');

/* ===================== BANNER ===================== */
.fbw-wrap{width:100% !important;margin:8px 0 !important;box-sizing:border-box !important;}
.fbw-banner{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;border-radius:10px !important;padding:11px 12px 11px 14px !important;cursor:pointer !important;border-width:1.5px !important;border-style:solid !important;width:100% !important;transition:filter .18s,transform .15s !important;box-sizing:border-box !important;text-decoration:none !important;}
.fbw-banner:hover{filter:brightness(.96) !important;transform:translateY(-1px) !important;}
.fbw-left{display:flex !important;align-items:center !important;gap:9px !important;flex:1 !important;min-width:0 !important;}
.fbw-emoji{font-size:22px !important;flex-shrink:0 !important;display:inline-block !important;animation:fbw-swing 2s ease-in-out infinite !important;line-height:1 !important;}
.fbw-texts{flex:1 !important;min-width:0 !important;}
.fbw-main{display:block !important;font-size:13px !important;font-weight:800 !important;line-height:1.25 !important;letter-spacing:-.2px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-family:'Space Grotesk',sans-serif !important;margin:0 !important;padding:0 !important;}
.fbw-sub2{display:block !important;font-size:11px !important;font-weight:500 !important;opacity:.72 !important;margin-top:1px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;font-family:'Space Grotesk',sans-serif !important;}
.fbw-btn{flex-shrink:0 !important;color:#fff !important;border:none !important;border-radius:6px !important;padding:8px 12px !important;font-size:11px !important;font-weight:800 !important;white-space:nowrap !important;letter-spacing:.4px !important;cursor:pointer !important;font-family:'Space Grotesk',sans-serif !important;transition:filter .18s !important;line-height:1 !important;outline:none !important;box-shadow:none !important;}
.fbw-btn:hover{filter:brightness(.88) !important;}
@media(max-width:360px){.fbw-banner{padding:9px 10px !important}.fbw-emoji{font-size:18px !important}.fbw-main{font-size:11px !important}.fbw-btn{padding:7px 9px !important;font-size:10px !important}}

/* ===================== OVERLAY ===================== */
#fbw-overlay{display:none !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:999999 !important;align-items:center !important;justify-content:center !important;padding:16px !important;box-sizing:border-box !important;}
#fbw-overlay.open{display:flex !important;}
#fbw-obg{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,.55) !important;animation:fbw-fade .2s ease !important;}
#fbw-confetti{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;pointer-events:none !important;overflow:hidden !important;z-index:1 !important;}

/* ===================== POPUP ===================== */
#fbw-popup{position:relative !important;z-index:2 !important;width:100% !important;max-width:330px !important;border-radius:24px !important;overflow:hidden !important;box-shadow:0 24px 64px rgba(0,0,0,.3) !important;animation:fbw-pop .55s cubic-bezier(.34,1.56,.64,1) both !important;font-family:'Space Grotesk',sans-serif !important;margin:0 auto !important;}

/* CLOSE — text pill */
#fbw-close{position:absolute !important;top:12px !important;right:12px !important;z-index:30 !important;background:rgba(255,255,255,0.28) !important;border:1.5px solid rgba(255,255,255,0.6) !important;border-radius:50px !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:5px 14px !important;font-size:11px !important;font-weight:700 !important;color:#333 !important;letter-spacing:.6px !important;font-family:'Space Grotesk',sans-serif !important;transition:background .18s !important;line-height:1.4 !important;box-shadow:none !important;outline:none !important;width:auto !important;height:auto !important;min-width:0 !important;}
#fbw-close:hover{background:rgba(255,255,255,0.5) !important;}

/* GRADIENT TOP */
.fbw-ptop{background:linear-gradient(150deg,#fffde7 0%,#fff8c5 40%,#ffe082 80%,#ffcc02 100%) !important;padding:2.2rem 1.6rem 1.8rem !important;text-align:center !important;position:relative !important;border-radius:0 !important;border-bottom:2.5px dashed #f9a825 !important;box-sizing:border-box !important;}
.fbw-star{position:absolute !important;animation:fbw-twinkle 1.8s ease-in-out infinite !important;pointer-events:none !important;line-height:1 !important;font-style:normal !important;}
.fbw-gift{font-size:82px !important;line-height:1 !important;margin:0 0 14px !important;padding:0 !important;display:inline-block !important;animation:fbw-float 2.2s ease-in-out infinite !important;filter:drop-shadow(0 10px 20px rgba(239,108,0,.28)) !important;}
.fbw-badge{display:inline-flex !important;align-items:center !important;gap:5px !important;background:#2e7d32 !important;color:#fff !important;border-radius:50px !important;padding:6px 18px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.8px !important;margin:0 0 14px !important;animation:fbw-badgepop .5s .35s both !important;font-family:'Space Grotesk',sans-serif !important;border:none !important;box-shadow:none !important;}
.fbw-badge svg{width:12px !important;height:12px !important;flex-shrink:0 !important;}
.fbw-ptitle{font-size:22px !important;font-weight:800 !important;color:#1a1a1a !important;margin:0 0 6px !important;padding:0 !important;letter-spacing:-.4px !important;line-height:1.25 !important;font-family:'Space Grotesk',sans-serif !important;}
.fbw-ptitle span{background:linear-gradient(90deg,#2e7d32,#66bb6a,#1b5e20,#66bb6a,#2e7d32) !important;background-size:250% auto !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;animation:fbw-shimmer 2s linear infinite !important;}
.fbw-psubt{font-size:14px !important;color:#6d4c41 !important;font-weight:600 !important;margin:0 !important;padding:0 !important;font-family:'Space Grotesk',sans-serif !important;}

/* WHITE BOTTOM */
.fbw-pbot{background:#ffffff !important;padding:1.6rem 1.6rem 1.8rem !important;text-align:center !important;border-radius:0 !important;box-sizing:border-box !important;}
.fbw-thanks{font-size:22px !important;font-weight:800 !important;margin:0 0 6px !important;padding:0 !important;letter-spacing:-.3px !important;font-family:'Space Grotesk',sans-serif !important;line-height:1.2 !important;}
.fbw-pdesc{font-size:13px !important;color:#999 !important;font-weight:500 !important;line-height:1.65 !important;margin:0 !important;padding:0 !important;font-family:'Space Grotesk',sans-serif !important;}

/* COUPON — tap to copy, NO hint text shown */
.fbw-coupon-wrap{margin:16px 0 0 !important;padding:14px 0 0 !important;border-top:1.5px dashed #e8e8e8 !important;}
.fbw-coupon-label{font-size:11px !important;font-weight:700 !important;color:#bbb !important;text-transform:uppercase !important;letter-spacing:.7px !important;margin:0 0 9px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;font-family:'Space Grotesk',sans-serif !important;}
.fbw-coupon-row{display:flex !important;align-items:center !important;justify-content:center !important;border:2px dashed #6fcf97 !important;border-radius:10px !important;overflow:hidden !important;background:#fff !important;min-height:52px !important;width:100% !important;box-sizing:border-box !important;cursor:pointer !important;padding:0 !important;flex-direction:row !important;}
.fbw-coupon-code{flex:1 !important;min-width:0 !important;font-size:17px !important;font-weight:800 !important;color:#1a1a1a !important;letter-spacing:2.5px !important;padding:14px 16px !important;font-family:'Space Grotesk',sans-serif !important;text-align:center !important;user-select:all !important;background:transparent !important;display:flex !important;align-items:center !important;justify-content:center !important;border:none !important;outline:none !important;box-shadow:none !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
/* hint — hidden by default, never shown */
.fbw-tap-hint{display:none !important;}
.fbw-coupon-row.copied{border-color:#2e7d32 !important;background:#f0faf4 !important;}
.fbw-coupon-row.copied .fbw-coupon-code{color:#2e7d32 !important;}

@media(max-width:400px){
    #fbw-popup{border-radius:18px !important}
    .fbw-ptop{padding:1.8rem 1.2rem 1.5rem !important}
    .fbw-pbot{padding:1.3rem 1.2rem 1.5rem !important}
    .fbw-gift{font-size:64px !important}
    .fbw-ptitle,.fbw-thanks{font-size:18px !important}
    .fbw-coupon-code{font-size:14px !important;letter-spacing:1.5px !important}
}

@keyframes fbw-swing{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes fbw-fade{from{opacity:0}to{opacity:1}}
@keyframes fbw-pop{0%{transform:scale(.3) translateY(80px);opacity:0}65%{transform:scale(1.06) translateY(-6px);opacity:1}100%{transform:scale(1) translateY(0);opacity:1}}
@keyframes fbw-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}
@keyframes fbw-twinkle{0%,100%{opacity:.4;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.4) rotate(180deg)}}
@keyframes fbw-shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes fbw-badgepop{0%{transform:scale(0) rotate(-12deg);opacity:0}80%{transform:scale(1.12) rotate(2deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes fbw-conffall{0%{transform:translateY(-30px) rotate(0);opacity:1}90%{opacity:1}100%{transform:translateY(600px) rotate(900deg);opacity:0}}