/* Floating desktop Call/WhatsApp buttons — visible on scroll, every page */
.floating-cta{position:fixed; bottom:24px; right:24px; display:flex; align-items:center; gap:12px; z-index:70;}

.fab-call{
  display:flex; align-items:center; gap:8px;
  height:48px; padding:0 20px 0 18px; border-radius:24px;
  background:var(--blue); color:#fff; text-decoration:none;
  font-size:14px; font-weight:600; white-space:nowrap;
  box-shadow:0 6px 16px rgba(27,58,92,0.28);
  transition:transform 0.15s ease, box-shadow 0.15s ease;
}
.fab-call:hover{transform:translateY(-2px); box-shadow:0 10px 20px rgba(27,58,92,0.32);}

.fab-whatsapp{
  width:48px; height:48px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:#25D366; color:#fff; text-decoration:none;
  box-shadow:0 6px 16px rgba(37,211,102,0.35);
  position:relative;
  transition:transform 0.15s ease;
}
.fab-whatsapp:hover{transform:translateY(-2px);}
/* हल्का pulsing ring — ध्यान खींचने के लिए, बिना भारी लगे */
.fab-whatsapp::before{
  content:''; position:absolute; inset:0; border-radius:50%;
  border:2px solid #25D366; animation:fab-pulse 2.2s ease-out infinite;
}
@keyframes fab-pulse{
  0%{transform:scale(1); opacity:0.6;}
  100%{transform:scale(1.6); opacity:0;}
}

/* Sticky mobile call/whatsapp bar */
.sticky-cta{display:none;}
@media(max-width:800px){
  .floating-cta{display:none;} /* mobile पर नीचे वाला bottom bar इस्तेमाल होता है */
  .sticky-cta{
    display:flex; position:fixed; bottom:0; left:0; right:0; z-index:50;
    border-top:1px solid var(--line); background:#fff;
  }
  .sticky-cta a{
    flex:1; text-align:center; padding:14px 0; font-size:13px; font-weight:700;
  }
  .sticky-cta a.call{background:var(--blue); color:#fff;}
  .sticky-cta a.whatsapp{background:#25D366; color:#fff;}
  body{padding-bottom:52px;} /* space so sticky bar doesn't cover footer content */
}