/* Standalone floating contact buttons for legacy SynGrass pages (no other CSS needed) */
.sg-float-wa{position:fixed;right:16px;bottom:86px;z-index:99990;width:58px;height:58px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(37,211,102,.5);animation:sg-wa-pulse 2.4s infinite;transition:transform .2s ease}
.sg-float-wa:hover{transform:scale(1.08)}
.sg-float-wa svg{width:30px;height:30px;fill:#fff}
@keyframes sg-wa-pulse{
  0%{box-shadow:0 10px 30px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.55)}
  70%{box-shadow:0 10px 30px rgba(37,211,102,.5),0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 10px 30px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,0)}}
.sg-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:99991;display:none;background:#0d1510;
  box-shadow:0 -6px 24px rgba(0,0,0,.5);border-top:1px solid #22352a;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
.sg-actionbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:14px;color:#fff!important;
  padding:12px 6px;border-radius:12px;text-decoration:none}
.sg-actionbar svg{width:18px;height:18px;fill:#fff}
.sg-ma-call{background:#1b6e33}
.sg-ma-wa{background:#25d366}
.sg-ma-quote{background:#ffb300;color:#3a2c00!important}
.sg-ma-quote svg{fill:#3a2c00}
@media(max-width:860px){
  .sg-actionbar{display:flex}
  .sg-float-wa{bottom:78px;width:52px;height:52px}
  body{padding-bottom:62px}
}