/* =========================================================
   CONVERSION BOOSTERS (shared by betaliv + betacal)
   floating action bar + live-order popup + countdown
   by Annie (GM) — 24 มิ.ย. 2026
   ========================================================= */

/* Floating 3-button action bar (chat / call / order) */
.hm-floatbar{position:fixed;left:0;right:0;bottom:0;z-index:1500;display:flex;gap:8px;
  padding:8px 10px;background:rgba(255,255,255,.97);box-shadow:0 -4px 20px rgba(0,0,0,.15);}
.hm-floatbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:13px 6px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;
  color:#fff;line-height:1.1;cursor:pointer;}
.hm-fb-line{background:#06C755;}
.hm-fb-call{background:#e53e3e;}
.hm-fb-order{background:#2563eb;}
.hm-floatbar a:active{transform:translateY(1px);}
body{padding-bottom:72px;}

/* Live order popup (social proof) */
.hm-popup{position:fixed;left:14px;bottom:88px;z-index:1400;max-width:300px;
  background:#fff;border:1px solid #e2e8f0;border-left:5px solid #06C755;border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,.18);padding:12px 14px;font-size:13px;color:#2d3748;
  transform:translateY(20px);opacity:0;transition:all .4s ease;pointer-events:none;}
.hm-popup.show{transform:translateY(0);opacity:1;}
.hm-popup .hm-popup-name{font-weight:700;}
.hm-popup .hm-popup-sub{color:#718096;font-size:12px;margin-top:2px;}
.hm-popup .hm-popup-check{color:#06C755;font-weight:700;}

/* Countdown urgency box (injected above the order form) */
.hm-countdown{max-width:520px;margin:0 auto 26px;background:linear-gradient(135deg,#e53e3e,#9b1c1c);
  color:#fff;border-radius:14px;padding:16px 20px;text-align:center;box-shadow:0 8px 24px rgba(229,62,62,.3);}
.hm-countdown .hm-cd-label{font-size:15px;font-weight:600;opacity:.95;}
.hm-countdown .hm-cd-timer{font-size:34px;font-weight:800;letter-spacing:2px;margin-top:4px;font-variant-numeric:tabular-nums;}
.hm-countdown .hm-cd-sub{font-size:13px;opacity:.9;margin-top:4px;}

@media (max-width:600px){
  .hm-floatbar a{font-size:13px;padding:12px 4px;}
  .hm-popup{max-width:240px;left:8px;bottom:80px;}
  .hm-countdown .hm-cd-timer{font-size:28px;}
}