/* ===== 2 nút gọi nổi (hotline) — tự chứa, không phụ thuộc theme ===== */
.callfab{position:fixed;right:16px;bottom:18px;z-index:300;display:flex;flex-direction:column;gap:12px}
.callfab a{position:relative;display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-family:'Be Vietnam Pro',system-ui,sans-serif;font-weight:800;font-size:13.5px;
  padding:11px 16px 11px 13px;border-radius:999px;box-shadow:0 10px 26px rgba(16,185,129,.45);transition:transform .18s}
.callfab a.alt{background:linear-gradient(135deg,#6c5cff,#ff5da2);box-shadow:0 10px 26px rgba(108,92,255,.45)}
.callfab a:hover{transform:translateY(-2px) scale(1.03)}
.callfab a svg{width:20px;height:20px;fill:#fff;stroke:none;flex:0 0 auto;z-index:1}
.callfab a b{z-index:1;letter-spacing:.02em;white-space:nowrap}
.callfab .ring{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.35);animation:cfring 1.8s ease-out infinite}
@keyframes cfring{0%{transform:translateY(-50%) scale(.6);opacity:.7}100%{transform:translateY(-50%) scale(1.9);opacity:0}}
@keyframes cfringM{0%{transform:translate(-50%,-50%) scale(.55);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
@media(max-width:560px){
  .callfab{right:11px;bottom:14px;gap:10px}
  .callfab a{font-size:0;gap:0;padding:11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(0,0,0,.38)}
  .callfab a svg{width:19px;height:19px}
  .callfab .ring{left:50%;width:40px;height:40px;background:rgba(255,255,255,.5);animation-name:cfringM}
}
/* Mobile: nâng 2 nút gọi lên trên thanh sticky để không bị đè */
@media(max-width:680px){.callfab.raised{bottom:76px}}
