.cta-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,0);
  pointer-events:none;
  transition:.3s;
  z-index:998;
}
.cta-overlay.active{
  background:rgba(0,0,0,.35);
  pointer-events:auto;
}

.cta-wrap{
  position: fixed !important;
  bottom: 25px !important;
  left: 25px !important;
  width: 60px;
  height: 60px;
  z-index: 999999;
}

.cta-main{
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #e63946;
  color: #fff;
  font-size: 22px;
  border: none;
  cursor: pointer;
  z-index: 10;   /* خیلی مهم */
}

.cta-options{
  position: absolute;
  bottom: 70px;   /* بالای دکمه */
  left: 0;

  display: flex;
  flex-direction: column;
  gap: 10px;

  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: .3s;
  z-index: 2;
}

.cta-wrap.open .cta-options{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.cta-option{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#fff;
}

.opt-icon{
  width:44px;height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#333;
}

.opt-call{background:#e63946;}
.opt-telegram{background:#229ED9;}
.opt-whatsapp{background:#25D366;}
.opt-rubika{background:#f4a261;}

.ripple-ring{
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #e63946;
  opacity: .25;
  animation: ripple 2.5s infinite;
  z-index: 1;
}

@keyframes ripple{
  0% { transform: scale(1); opacity: .5; }
  100% { transform: scale(3); opacity: 0; }
}


.opt-label{
  display:none !important;
}