/* ==========================================================================
   Floating buttons PC (Figma "Nút nổi PC" 3578:6329) — restyles QH_FloatBar markup.
   Group 1: white pill r32 pad 8 gap 6 → Messenger, Chỉ đường, Ưu đãi (44 round, gradient Tím 600→800),
            Đặt lịch (48 ring Tím 100 around a 40 button, gradient Tím 400→600).
   Group 2: Gọi ngay — white 64 circle holding a 48 gradient button; tooltip with the hotline on hover.
   "Lên đầu trang": Flatsome #top-link restyled to a 48 white circle with a Tím 100 border.
   Icons: img/floatbar/*.svg (white strokes). Hidden ≤849px: the mobile bottom bar takes over.
   ========================================================================== */
.qh-fb{gap:16px!important}
.qh-fb .qh-fb-group{background:#fff!important;border-radius:32px!important;padding:8px!important;gap:6px!important;
  box-shadow:0 10px 30px rgba(36,19,58,.14)!important;display:flex;flex-direction:column;align-items:center}
.qh-fb .qh-fb-ico{position:relative;width:44px!important;height:44px!important;border-radius:50%!important;border:0;padding:0;
  display:flex;align-items:center;justify-content:center;background:var(--ohio-grad-floating)!important;cursor:pointer;
  transition:transform .15s,box-shadow .15s}
.qh-fb .qh-fb-ico img{width:22px!important;height:22px!important;object-fit:contain;display:block;border-radius:0!important}
.qh-fb .qh-fb-ico:hover{transform:translateX(-2px);box-shadow:0 6px 16px rgba(66,38,102,.35)}

/* Đặt lịch: 40 inner button inside a 48 Tím 100 ring */
.qh-fb .qh-fb-ico.qh-fb--booking{width:40px!important;height:40px!important;margin:2px;
  background:linear-gradient(180deg,#AB67DB,#5E3D8A)!important;box-shadow:0 0 0 4px var(--ohio-purple-100)}

/* Gọi ngay: separate white 64 circle */
.qh-fb .qh-fb-group:last-child{padding:8px!important;border-radius:50%!important}
.qh-fb .qh-fb-ico.qh-fb--call{width:48px!important;height:48px!important}

/* tooltips (QH_FloatBar prints .qh-fb-tip from the label) */
.qh-fb .qh-fb-tip{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;
  padding:8px 14px;border-radius:10px;background:var(--ohio-purple-700);color:#fff;font:600 13px/18px var(--ohio-font-body);
  opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 6px 16px rgba(36,19,58,.2)}
.qh-fb .qh-fb-ico:hover .qh-fb-tip,.qh-fb .qh-fb-ico:focus-visible .qh-fb-tip{opacity:1!important}
.qh-fb .qh-fb--call .qh-fb-tip{background:#fff!important;color:var(--ohio-purple-700)!important;opacity:0;padding:10px 14px;border-radius:12px;
  font:700 22px/28px var(--ohio-font-body);box-shadow:0 10px 30px rgba(36,19,58,.16)}
.qh-fb .qh-fb--call .qh-fb-tip::before{content:"Hotline tư vấn";display:block;font:500 13px/18px var(--ohio-font-body);color:var(--ohio-purple-600)}

/* back to top */
#top-link.back-to-top{width:48px;height:48px;min-height:0;line-height:46px;border-radius:50%;background:#fff!important;
  border:1px solid var(--ohio-purple-100)!important;color:var(--ohio-purple-700)!important;box-shadow:0 6px 18px rgba(36,19,58,.12)}
#top-link.back-to-top:hover{background:var(--ohio-purple-50)!important}

@media (max-width:849px){
  .qh-fb{display:none!important}
}