@keyframes fb-swipe{
  0%,50%,100%{transform:translateX(0)}
  15%        {transform:translateX(22px)}
  28%        {transform:translateX(4px)}
  40%        {transform:translateX(14px)}
  48%        {transform:translateX(0)}
}
.floating-buttons{position:fixed;right:20px;bottom:90px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:9999}
.float-btn{position:relative;display:flex;align-items:center;gap:10px;min-width:210px;height:58px;padding:0 14px 0 8px;border-radius:999px;text-decoration:none;color:#fff;overflow:hidden;background:rgba(10,10,10,.45);border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 20px rgba(0,0,0,.28),0 1px 4px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}
.float-btn::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}
.float-btn::after{content:'';position:absolute;top:0;left:18%;right:18%;height:1px;background:rgba(255,255,255,.22);border-radius:999px;pointer-events:none;z-index:2}
.float-btn>*{position:relative;z-index:3}
.float-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:18px;flex-shrink:0;position:relative;z-index:5;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.float-btn-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.float-btn-title{font-size:14px;font-weight:700;letter-spacing:.1px;white-space:nowrap;line-height:1.2;color:#fff}
.float-btn-sub{font-size:11px;font-weight:400;white-space:nowrap;line-height:1.2;color:rgba(255,255,255,.65)}
.float-btn-arrow{font-size:14px;color:rgba(255,255,255,.4);flex-shrink:0}
.call-btn .float-btn-icon{color:#4ade80;border-color:rgba(74,222,128,.35);animation:fb-swipe 3.5s 2s ease-in-out infinite}
.whatsapp-btn{border-color:rgba(37,211,102,.25)}
.whatsapp-btn .float-btn-icon{color:#25d366;border-color:rgba(37,211,102,.4);animation:fb-swipe 3.5s 2.7s ease-in-out infinite}
.float-btn:hover,.float-btn:focus-visible{transform:translateY(-3px) scale(1.03);background:rgba(10,10,10,.58);color:#fff}
.float-btn:hover .float-btn-icon,.float-btn:focus-visible .float-btn-icon{animation-play-state:paused}
.call-btn:hover,.call-btn:focus-visible{box-shadow:0 12px 32px rgba(74,222,128,.2),0 4px 12px rgba(0,0,0,.25);border-color:rgba(74,222,128,.3)}
.whatsapp-btn:hover,.whatsapp-btn:focus-visible{box-shadow:0 12px 32px rgba(37,211,102,.22),0 4px 12px rgba(0,0,0,.25);border-color:rgba(37,211,102,.45)}
.float-btn:active{transform:translateY(0) scale(.97)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.float-btn{background:rgba(15,15,15,.82)}}

/* ── Mobile: sirf icon circle, text hide, content cover nahi hoga ── */
@media (max-width:768px){
  .floating-buttons{right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);gap:10px}
  .float-btn{min-width:unset;width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}
  .float-btn::after{display:none}
  .float-btn-body,.float-btn-arrow{display:none}
  .float-btn-icon{width:34px;height:34px;font-size:17px;animation-name:none!important}
  .call-btn .float-btn-icon{animation:fb-swipe 3.5s 2s ease-in-out infinite!important}
  .whatsapp-btn .float-btn-icon{animation:fb-swipe 3.5s 2.7s ease-in-out infinite!important}
  .float-btn:hover{transform:scale(1.08);border-radius:50%}
}
@media (max-width:380px){.float-btn{width:44px;height:44px}.float-btn-icon{width:30px;height:30px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.call-btn .float-btn-icon,.whatsapp-btn .float-btn-icon{animation:none}.float-btn{transition:none}}