/* popup.r5.css - top center popup, responsive */
.hsb-popup{position:fixed; left:50%; top:16px; transform:translateX(-50%); z-index:9999; display:flex; justify-content:center; width:100%; pointer-events:none;}
.hsb-popup .box{pointer-events:auto; width:min(560px, 92vw); background:#fff; border:1px solid #ddd; border-radius:12px; box-shadow:0 10px 28px rgba(0,0,0,0.22); overflow:hidden; font-family:ui-sans-serif,system-ui,Apple SD Gothic Neo,Segoe UI,Roboto,Helvetica,Arial;}
.hsb-popup .head{font-weight:700; padding:12px 14px; background:#f7f7f8; border-bottom:1px solid #eee;}
.hsb-popup .body{padding:12px 14px;}
.hsb-popup .body img,.hsb-popup .body video{display:block; width:100%; height:auto; border-radius:8px;}
.hsb-popup .foot{display:flex; align-items:center; gap:10px; padding:10px 14px; border-top:1px solid #eee; justify-content:flex-end;}
@media (max-width:640px){
  .hsb-popup{top:10px;}
  .hsb-popup .box{width:min(94vw, 520px);}
}