.fab-container { position: fixed; bottom: 16px; z-index: 999; pointer-events: none; }
.fab-container > * { pointer-events: auto; }
.fab-right { right: 16px; display: flex; flex-direction: column; gap: 10px; align-items: end; }
.fab-left { left: 16px; }
.fab { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 100px; padding: 12px 18px; font-weight: 700; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; box-shadow: var(--shadow-lg); border: none; cursor: pointer; transition: all .2s; }
.fab svg { width: 18px; height: 18px; }
.fab-call { background: var(--yellow); color: var(--ink); padding: 14px 22px; }
.fab-call:hover { background: var(--yellow-deep); transform: translateY(-2px); }
.fab-top { background: var(--ink); color: white; width: 44px; height: 44px; padding: 0; opacity: 0; visibility: hidden; transition: all .3s; }
.fab-top.visible { opacity: 1; visibility: visible; }
.fab-top:hover { background: var(--blue); transform: translateY(-2px); }
footer { padding-bottom: 100px !important; }
@media (max-width: 640px) {
  .fab-call { width: 52px; height: 52px; padding: 0; border-radius: 50%; }
  .fab-call .fab-label { display: none; }
  .fab-top { width: 40px; height: 40px; }
}