.hearfit-hub{position:fixed;z-index:99999;bottom:15vh}
.hearfit-hub.right{right:20px}
.hearfit-hub.left{left:20px}
@supports (bottom: env(safe-area-inset-bottom)){
  .hearfit-hub{bottom: calc(15vh + env(safe-area-inset-bottom))}
}
@media(max-width: 767px){.hearfit-hub{bottom:20vh}}
:root{--hearfit-accent:#C8A24A; --hub-bg:#FFFFFF; --hub-text:#0F172A}
.hearfit-hub .hearfit-hub-toggle{width:60px;height:60px;border-radius:9999px;background:var(--hub-bg);border:none;box-shadow:0 10px 26px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer}
.hearfit-hub .hearfit-hub-panel{position:fixed;max-width:360px;width:92vw;background:var(--hub-bg);border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.22);padding:12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:all .25s ease}
.hearfit-hub.right .hearfit-hub-panel{right:20px}
.hearfit-hub.left .hearfit-hub-panel{left:20px}
.hearfit-hub.open .hearfit-hub-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.hearfit-hub-header{display:flex;align-items:center;gap:10px;padding:6px 8px 12px 8px}
.hub-logo{width:28px;height:28px;border-radius:9999px;object-fit:cover;border:2px solid var(--hearfit-accent)}
.hub-title{font-weight:800;font-size:18px;color:var(--hub-text)}
.hearfit-hub-list{display:flex;flex-direction:column;gap:12px;padding:6px}
.hub-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px 12px;border:1px solid #EEE;box-shadow:0 1px 0 rgba(0,0,0,.03);text-decoration:none;color:var(--hub-text)}
.hub-row .label{flex:1;font-size:16px}
.hub-row:hover{background:#FBF8F1}
.hearfit-order-form{margin:6px;background:#fff;border:1px solid #EEE;border-radius:14px;padding:12px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.hearfit-order-form .of-title{font-weight:700;margin-bottom:8px}
.hearfit-order-form label{display:block;font-size:13px;color:#555;margin:6px 0}
.hearfit-order-form input{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:10px;margin-top:4px}
.hearfit-order-form .of-submit{width:100%;margin-top:8px;background:var(--hearfit-accent);color:#fff;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}
.hearfit-order-form .of-msg{margin-top:8px;font-size:14px}