.contact-floats{
  position:fixed;
  right:var(--cf-right, 20px);
  bottom:20px; /* JS güncelliyor */
  display:flex;
  flex-direction:column;
  gap:var(--cf-gap, 12px);
  z-index:999999;
  pointer-events:none;
}
.contact-floats .float-button{
  width:var(--cf-size, 56px);
  height:var(--cf-size, 56px);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--cf-shadow, 0 6px 18px rgba(0,0,0,.22));
  text-decoration:none;
  pointer-events:auto;
  transform: translateZ(0);
  will-change: transform, box-shadow;
}

.contact-floats .whatsapp-btn{ }
.contact-floats .phone-btn{ background:var(--cf-phone-bg, #0E3A65); }
.contact-floats .whatsapp-btn{ background:var(--cf-wa-bg, #25D366); }

.contact-floats svg{
  width:var(--cf-icon, 24px);
  height:var(--cf-icon, 24px);
  fill:var(--cf-icon-color, #fff);
  display:block;
}

/* ===============================
   EFFECTS
=================================*/
/* none */
.contact-floats.cf-e-none .float-button{ animation:none !important; }

/* bounce */
@keyframes cf_bounce{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(calc(var(--cf-bounce-px, 4px) * -1)); }
}
.contact-floats.cf-e-bounce .float-button{
  animation: cf_bounce var(--cf-effect-speed, 2.2s) ease-in-out infinite;
}
.contact-floats.cf-e-bounce .whatsapp-btn{ animation-delay: .25s; }

/* wiggle (right-left with tiny rotate) */
@keyframes cf_wiggle{
  0%,100%{ transform: translateX(0) rotate(0deg); }
  15%{ transform: translateX(-4px) rotate(calc(var(--cf-wiggle-deg, 6deg) * -1)); }
  30%{ transform: translateX(4px) rotate(var(--cf-wiggle-deg, 6deg)); }
  45%{ transform: translateX(-3px) rotate(calc(var(--cf-wiggle-deg, 6deg) * -0.6)); }
  60%{ transform: translateX(3px) rotate(calc(var(--cf-wiggle-deg, 6deg) * 0.6)); }
  75%{ transform: translateX(-2px) rotate(calc(var(--cf-wiggle-deg, 6deg) * -0.35)); }
}
.contact-floats.cf-e-wiggle .float-button{
  animation: cf_wiggle var(--cf-effect-speed, 2.2s) ease-in-out infinite;
}
.contact-floats.cf-e-wiggle .whatsapp-btn{ animation-delay: .35s; }

/* float (soft up-down) */
@keyframes cf_float{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(calc(var(--cf-float-px, 6px) * -1)); }
}
.contact-floats.cf-e-float .float-button{
  animation: cf_float var(--cf-effect-speed, 2.2s) ease-in-out infinite;
}
.contact-floats.cf-e-float .whatsapp-btn{ animation-delay: .25s; }

/* pulse glow (outward ring) */
@keyframes cf_pulse{
  0%{
    box-shadow: var(--cf-shadow, 0 6px 18px rgba(0,0,0,.22)), 0 0 0 0 var(--cf-pulse-rgba, rgba(37,211,102,.45));
    transform: translateZ(0);
  }
  70%{
    box-shadow: var(--cf-shadow, 0 6px 18px rgba(0,0,0,.22)), 0 0 0 var(--cf-pulse-size, 18px) rgba(0,0,0,0);
    transform: translateZ(0);
  }
  100%{
    box-shadow: var(--cf-shadow, 0 6px 18px rgba(0,0,0,.22)), 0 0 0 0 rgba(0,0,0,0);
    transform: translateZ(0);
  }
}
.contact-floats.cf-e-pulse .float-button{
  animation: cf_pulse var(--cf-effect-speed, 2.2s) ease-out infinite;
}
.contact-floats.cf-e-pulse .whatsapp-btn{ animation-delay: .35s; }

/* Hover: always a bit bigger (nice) */
@media (hover:hover){
  .contact-floats .float-button:hover{
    transform: scale(1.05);
  }
}