/* ========== COUNTDOWN BAR ========== */
#ws-countdown-bar{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(25,27,29,0.95);border-bottom:1px solid rgba(255,107,53,0.3);color:#fff;padding:5px 0;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.ws-countdown-inner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 40px}
.ws-countdown-fire{font-size:16px;animation:wsPulse 1s infinite}
.ws-countdown-timer{font-family:monospace;font-size:15px;font-weight:700;background:rgba(0,0,0,.3);padding:3px 8px;border-radius:6px;letter-spacing:2px}
.ws-countdown-btn{background:#FF6B35;color:#fff;padding:4px 12px;border-radius:20px;text-decoration:none;font-weight:600;font-size:11px}
.ws-countdown-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;opacity:.7}
.ws-countdown-close:hover{opacity:1}
@keyframes wsPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
body{padding-top:50px}

/* ========== SOCIAL PROOF ========== */
.ws-social-proof{position:fixed;bottom:20px;left:20px;z-index:9990;background:#2a2c2e;border-radius:12px;padding:14px 40px 14px 14px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;transform:translateX(-120%);transition:transform .5s ease;max-width:340px;border-left:3px solid #FF6B35}
.ws-social-proof.ws-sp-show{transform:translateX(0)}
.ws-sp-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#4A9FD4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}
.ws-sp-content{font-size:13px;line-height:1.4}
.ws-sp-content b{color:#1A2B4A}
.ws-sp-meta{display:block;color:rgba(255,255,255,0.5);font-size:11px;margin-top:2px}
.ws-sp-close{position:absolute;right:10px;top:8px;cursor:pointer;color:rgba(255,255,255,0.4);font-size:14px}

/* ========== POPUP (Exit Intent + Wheel) ========== */
.ws-popup-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:20px;animation:wsFadeIn .3s}
@keyframes wsFadeIn{from{opacity:0}to{opacity:1}}
.ws-popup{background:#2a2c2e;border-radius:16px;padding:30px;max-width:420px;width:100%;text-align:center;position:relative;animation:wsSlideUp .4s ease}
@keyframes wsSlideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.ws-popup-close{position:absolute;right:16px;top:12px;cursor:pointer;font-size:22px;color:rgba(255,255,255,0.5);z-index:1}
.ws-popup-emoji{font-size:60px;margin-bottom:10px}
.ws-popup h2{margin:0 0 10px;color:#1A2B4A;font-size:22px}
.ws-popup-offer{color:#555;margin:0 0 15px;font-size:16px;line-height:1.5}
.ws-popup-scarcity{background:rgba(255,107,53,0.15);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;animation:wsPulse 2s infinite}
.ws-popup-form input{width:100%;padding:14px;border:2px solid #E0E0E0;border-radius:10px;font-size:16px;margin-bottom:10px;box-sizing:border-box;transition:border-color .2s}
.ws-popup-form input:focus{border-color:#FF6B35;outline:none}
.ws-popup-form button{width:100%;padding:16px;background:linear-gradient(135deg,#FF6B35,#FF8255);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 4px 15px rgba(255,107,53,.4)}
.ws-popup-form button:hover{transform:scale(1.03)}
.ws-popup-trust{color:rgba(255,255,255,0.5);font-size:12px;margin:10px 0 0}

/* ========== SCARCITY BADGE ========== */
.ws-scarcity-badge{position:absolute;top:-8px;right:-8px;background:#E74C3C;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;z-index:2;animation:wsPulse 2s infinite;white-space:nowrap}

/* ========== FLOATING CTA ========== */
#ws-floating-cta{position:fixed;bottom:20px;right:20px;z-index:9990;display:flex;flex-direction:column;gap:10px}
.ws-float-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .2s}
.ws-float-btn:hover{transform:scale(1.15)}
.ws-float-book{background:linear-gradient(135deg,#FF6B35,#FF8255);color:#fff;font-size:16px}
.ws-float-tg{background:#0088cc;color:#fff}
.ws-float-phone{background:#E74C3C;color:#fff}

/* ========== WHEEL ========== */
#ws-wheel-trigger{position:fixed;left:20px;bottom:90px;z-index:9990;background:linear-gradient(135deg,#FF6B35,#E74C3C);color:#fff;padding:12px 18px;border-radius:30px;cursor:pointer;font-size:15px;font-weight:700;box-shadow:0 4px 20px rgba(255,107,53,.4);display:flex;align-items:center;gap:8px}
#ws-wheel-trigger.ws-pulse{animation:wsWheelPulse 2s infinite}
@keyframes wsWheelPulse{0%,100%{box-shadow:0 4px 20px rgba(255,107,53,.4)}50%{box-shadow:0 4px 30px rgba(255,107,53,.8)}}
#ws-wheel-trigger span{display:none}
@media(min-width:600px){#ws-wheel-trigger span{display:inline}}
.ws-wheel-popup{background:#2a2c2e;border-radius:16px;padding:30px;max-width:420px;width:100%;text-align:center;position:relative}
.ws-wheel-container{position:relative;width:280px;height:280px;margin:20px auto}
.ws-wheel{width:100%;height:100%;border-radius:50%;position:relative;border:4px solid #1A2B4A;overflow:hidden}
.ws-wheel-segment{position:absolute;width:50%;height:50%;top:0;left:50%;transform-origin:0% 100%;transform:rotate(calc(var(--i)*45deg));background:var(--color);display:flex;align-items:flex-start;justify-content:center;padding-top:15px}
.ws-wheel-segment span{color:#fff;font-size:9px;font-weight:700;text-align:center;transform:rotate(22.5deg);max-width:60px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}
.ws-wheel-pointer{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:28px;color:#E74C3C;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.ws-wheel-spin-btn{background:linear-gradient(135deg,#E74C3C,#C0392B);color:#fff;border:none;padding:14px 40px;border-radius:30px;font-size:18px;font-weight:700;cursor:pointer;margin-top:15px;box-shadow:0 4px 15px rgba(255,74,74,.4)}
.ws-wheel-spin-btn:disabled{opacity:.5;cursor:not-allowed}
.ws-wheel-result h3{color:#FF6B35;font-size:24px;margin:15px 0 5px}
.ws-wheel-result p{color:#1A2B4A;font-size:18px;font-weight:700}

/* ========== SCROLL PROGRESS ========== */
#ws-scroll-progress{position:fixed;top:48px;left:0;right:0;height:3px;z-index:9998;background:rgba(0,0,0,.1)}
.ws-scroll-fill{height:100%;background:linear-gradient(90deg,#FF6B35,#FF6B35);width:0;transition:width .1s}

/* ========== STICKY BOTTOM (mobile) ========== */
#ws-sticky-bottom{position:fixed;bottom:0;left:0;right:0;z-index:9990;background:#2a2c2e;padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .3s}
.ws-sticky-content{display:flex;align-items:center;justify-content:space-between}
.ws-sticky-text{font-size:14px;line-height:1.3}
.ws-sticky-text b{color:#E74C3C;font-size:18px}
.ws-sticky-text span{display:block;color:rgba(255,255,255,0.5);font-size:11px}
.ws-sticky-btn{background:linear-gradient(135deg,#FF6B35,#FF8255);color:#fff;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap;box-shadow:0 4px 15px rgba(255,107,53,.3)}

/* ========== LIVE VISITORS ========== */
#ws-live-visitors{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.5);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;margin-top:10px}
.ws-live-dot{width:8px;height:8px;background:#FF6B35;border-radius:50%;animation:wsLiveDot 1.5s infinite}
@keyframes wsLiveDot{0%,100%{opacity:1}50%{opacity:.3}}

/* ========== FORM TRUST ========== */
.ws-form-trust{display:flex;justify-content:center;gap:20px;margin-top:12px;flex-wrap:wrap}
.ws-trust-item{color:rgba(255,255,255,0.5);font-size:12px}
.ws-form-success{text-align:center;padding:20px;color:#FF6B35;font-size:18px;font-weight:700}

/* ========== URGENCY BANNER ========== */
.ws-urgency-banner{background:linear-gradient(90deg,rgba(255,107,53,0.15),rgba(255,107,53,0.1));color:#fff;padding:10px 16px;border-radius:8px;text-align:center;font-size:14px;font-weight:600;margin-bottom:15px;animation:wsPulse 3s infinite}

/* ========== RESPONSIVE ========== */
@media(max-width:600px){
  .ws-countdown-inner{font-size:11px;gap:4px;padding:0 24px}
  .ws-countdown-timer{font-size:13px;padding:2px 6px}
  .ws-countdown-btn{padding:3px 10px;font-size:10px}
  .ws-countdown-surfer{font-size:16px}
  .ws-social-proof{left:10px;right:10px;bottom:80px;max-width:none}
  #ws-floating-cta{bottom:70px;right:10px}
  .ws-float-btn{width:44px;height:44px;font-size:18px}
}


/* groshi247 theme overrides */
.ws-popup, .ws-wheel-popup { background: #fff; color: #1A2B4A; }
.ws-popup h2, .ws-wheel-popup h2 { color: #1A2B4A; }
.ws-popup-offer { color: #5A6B7D; }
.ws-popup-form input { background: #F5F7FA; color: #1A2B4A; border-color: #E8EDF2; }
.ws-popup-form input:focus { border-color: #4A9FD4; }
.ws-popup-form button { background: #FF6B35; box-shadow: 0 4px 15px rgba(255,107,53,0.3); }
.ws-popup-scarcity { background: #FFF0E8; color: #1A2B4A; }
.ws-sp-content b { color: #1A2B4A; }
.ws-social-proof { background: #fff; border-left-color: #FF6B35; }
.ws-sp-meta { color: #8A9AAC; }
.ws-sp-avatar { background: linear-gradient(135deg, #4A9FD4, #3888BE); }
#ws-live-visitors { background: rgba(26,43,74,0.7); }
.ws-live-dot { background: #FF6B35; }
.ws-trust-item { color: #8A9AAC; }
.ws-form-success { color: #27AE60; }
.ws-sticky-text b { color: #FF6B35; }
.ws-sticky-text span { color: #8A9AAC; }
#ws-sticky-bottom { background: #fff; border-top: 1px solid #E8EDF2; }
.ws-sticky-btn { background: #FF6B35; color: #fff; box-shadow: 0 4px 15px rgba(255,107,53,0.3); }
.ws-urgency-banner { background: #FFF0E8; color: #1A2B4A; }
#ws-countdown-bar { background: linear-gradient(90deg, #FF6B35, #E85A28); }
.ws-countdown-btn { background: #1A2B4A; }
.ws-countdown-timer { background: rgba(0,0,0,0.2); }
#ws-wheel-trigger { background: linear-gradient(135deg, #FF6B35, #E85A28); box-shadow: 0 4px 20px rgba(255,107,53,0.4); }
.ws-wheel-spin-btn { background: linear-gradient(135deg, #FF6B35, #E85A28); box-shadow: 0 4px 15px rgba(255,107,53,0.4); }
.ws-float-book { background: linear-gradient(135deg, #FF6B35, #E85A28); }
.ws-float-tg { background: #0088cc; }
.ws-float-phone { background: #E74C3C; }

/* ========== FLOATING STACK — clean design ========== */
#ws-floating-cta {
  position: fixed;
  bottom: 20px;
  right: 16px;
  z-index: 9990;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.ws-float-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-decoration: none;
  box-shadow: 0 2px 12px rgba(0,0,0,.15);
  transition: all 0.2s ease;
  color: #fff;
}
.ws-float-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}
.ws-float-book { background: #FF6B35; }
.ws-float-tg { background: #0088cc; }
.ws-float-phone { background: #27AE60; }

/* Wheel trigger — clean circle */
#ws-wheel-trigger {
  position: fixed;
  left: 16px;
  bottom: 20px;
  z-index: 9990;
  background: #FF6B35;
  color: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 22px;
  box-shadow: 0 2px 12px rgba(255,107,53,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
#ws-wheel-trigger span { display: none !important; }
#ws-wheel-trigger.ws-pulse { animation: wsWheelPulse 2s infinite; }
@keyframes wsWheelPulse {
  0%,100% { box-shadow: 0 2px 12px rgba(255,107,53,.3); }
  50% { box-shadow: 0 4px 20px rgba(255,107,53,.6); }
}

/* Sticky bottom bar spacing */
@media(max-width:768px) {
  #ws-floating-cta { bottom: 70px; right: 12px; gap: 10px; }
  .ws-float-btn { width: 44px; height: 44px; font-size: 18px; }
  #ws-wheel-trigger { left: 12px; bottom: 70px; width: 44px; height: 44px; font-size: 20px; }
}


/* Ensure no text overflow on float buttons */
.ws-float-btn { overflow: hidden; text-overflow: clip; white-space: nowrap; line-height: 1; }
.ws-float-book { font-size: 22px; }

/* ========== TELEGRAM CTA BUTTON ========== */
.ws-popup-tg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #0088cc;
  color: #fff;
  padding: 14px 28px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: 0 4px 15px rgba(0,136,204,0.3);
}
.ws-popup-tg-btn:hover {
  background: #006fa1;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,136,204,0.4);
}
.ws-tg-btn-large {
  padding: 16px 36px;
  font-size: 18px;
}
.ws-tg-icon { font-size: 20px; line-height: 1; display: inline-flex; align-items: center; }

/* ========== TG CTA BLOCK (replaces forms) ========== */
.ws-tg-cta-block {
  text-align: center;
  padding: 24px 20px;
  background: #F0F6FF;
  border-radius: 16px;
  margin: 16px 0;
}
.ws-tg-cta-block h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.2rem; }
.ws-tg-cta-block p { color: var(--text-sec); margin: 0 0 16px; }

/* ========== DYNAMIC SURFER ON BANNER ========== */
.ws-countdown-surfer {
  font-size: 20px;
  display: inline-block;
  animation: bannerSurfer 3s ease-in-out infinite;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));
}
@keyframes bannerSurfer {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-4px) rotate(-5deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-3px) rotate(5deg); }
}

/* ========== EXIT POPUP — no form ========== */
.ws-popup-surfer {
  font-size: 60px;
  margin-bottom: 10px;
  animation: surferBounce 1s ease-in-out infinite alternate;
}
@keyframes surferBounce {
  from { transform: translateY(0); }
  to { transform: translateY(-10px); }
}

/* Popup updates */
.ws-popup { text-align: center; }
.ws-popup h2 { margin-top: 0; }