/* ============ Floating customer service ============ */
.cs-float{
  position:fixed;right:20px;top:50%;transform:translateY(-50%);
  z-index:60;display:flex;flex-direction:column;gap:8px;
}
.cs-group{position:relative;}
.cs-item{
  position:relative;width:44px;height:44px;border-radius:50%;
  background:#fff;border:none;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,0.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);transition:all .2s ease;padding:0;
}
.cs-item:hover{background:var(--gold);color:#fff;transform:translateX(-2px);}
.cs-item.active{background:var(--gold);color:#fff;}
.cs-item svg{width:20px;height:20px;}
.cs-popup{
  position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);
  background:#fff;border-radius:.5rem;box-shadow:0 8px 28px rgba(0,0,0,0.15);
  padding:14px 16px;min-width:220px;display:none;
  border:1px solid rgba(200,146,42,0.2);
}
.cs-popup.active{display:block;animation:csFadeIn .18s ease;}
@keyframes csFadeIn{from{opacity:0;transform:translateY(-50%) translateX(8px);}to{opacity:1;transform:translateY(-50%) translateX(0);}}
.cs-popup::after{
  content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%) rotate(45deg);
  width:12px;height:12px;background:#fff;border-right:1px solid rgba(200,146,42,0.2);
  border-top:1px solid rgba(200,146,42,0.2);
}
.cs-popup-title{font-size:.75rem;color:#999;margin-bottom:4px;}
.cs-popup-val{font-size:1rem;font-weight:600;color:var(--navy);word-break:break-all;}
.cs-popup-val a{color:var(--dark);text-decoration:none;}
.cs-popup-val a:hover{
    /* text-decoration:underline; */
    color:var(--gold);
}
.cs-qr{width:120px;height:120px;margin:8px auto 0;display:block;background:#f4f2ee;border-radius:6px;}
.cs-popup-sub{font-size:.7rem;color:#999;text-align:center;margin-top:6px;}
@media(max-width:768px){.cs-float{display:none;}}