/* The assistant never creates an overlay or steals focus when it appears. */ #hbh-helper{--hbh-wine:#992238;position:fixed;right:22px;bottom:72px;width:160px;z-index:990;opacity:0;transform:translateX(calc(100% + 35px));transition:transform .32s ease-out,opacity .25s;font-family:inherit;color:#292525;line-height:1.5;text-align:left;box-sizing:border-box} #hbh-helper *,#hbh-helper *::before,#hbh-helper *::after{box-sizing:border-box} #hbh-helper[hidden]{display:none!important} #hbh-helper.hbh-visible{opacity:1;transform:translateX(0)} #hbh-helper.hbh-obstructed{visibility:hidden;pointer-events:none} #hbh-helper button{font-family:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;margin:0;box-shadow:none} #hbh-helper button:focus-visible{outline:3px solid #276c89;outline-offset:3px} #hbh-portrait{position:relative;display:block;width:160px;height:160px;padding:0;border:0;background:none!important;overflow:visible;min-width:0;line-height:1;border-radius:0} #hbh-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;border:0;transition:opacity .2s;pointer-events:none} #hbh-portrait .hbh-wave{opacity:0} #hbh-helper.hbh-greeting .hbh-wave{opacity:1} #hbh-helper.hbh-greeting .hbh-idle{opacity:0} #hbh-helper .hbh-close{position:absolute;right:-4px;top:-26px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #e5dddd;border-radius:50%;background:#fff;color:#564b4b;font-size:25px;line-height:1} #hbh-helper .hbh-close:hover{background:#faf5f6;color:var(--hbh-wine)} #hbh-bubble{position:absolute;right:174px;bottom:20px;width:270px;padding:20px;background:#fff;border:1px solid #e9dddd;border-radius:14px;box-shadow:0 8px 32px #44202016;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s} #hbh-helper.hbh-greeting #hbh-bubble{opacity:1;visibility:visible;transform:translateY(0)} #hbh-bubble strong{display:block;font-size:17px;line-height:1.35;font-weight:600;color:#292525} #hbh-bubble p{margin:8px 0 15px;padding:0;font-size:15px;line-height:1.5;color:#665f5f} #hbh-helper .hbh-action{display:block;width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--hbh-wine);border-radius:7px;background:var(--hbh-wine);color:#fff;font-size:14px;line-height:1.4;font-weight:600;white-space:normal} #hbh-helper .hbh-action:hover{background:#791b2c;border-color:#791b2c} /* ------------------------------------------------------------------ dialog */ .hbh-selection-popup .pum-container{border-radius:14px!important;max-height:calc(100svh - 40px)!important} .hbh-selection .hbh-dialog-identity{display:flex;align-items:center;gap:14px;margin:0 0 16px} .hbh-selection .hbh-dialog-identity img{width:68px;height:68px;object-fit:contain;flex-shrink:0} .hbh-selection .hbh-dialog-identity span{display:block;font-weight:600;color:#992238;font-size:16px;line-height:1.35} .hbh-selection .hbh-proof{display:inline-block;margin-top:3px;font-size:13px;line-height:1.4;color:#766b6b;text-decoration:none} .hbh-selection .hbh-proof:hover{color:#992238;text-decoration:underline;text-underline-offset:3px} .hbh-selection [hidden]{display:none!important} /* Visibility runs on classes, not the hidden attribute, so stored markup survives any sanitiser. */ .hbh-selection .hbh-quiz{display:none} .hbh-selection .hbh-quiz.hbh-on{display:block} .hbh-selection #hbh-lead.hbh-off{display:none} .hbh-selection .pum-content .wpcf7 input{font-size:16px} .hbh-selection .hbh-lead-step{margin:0 0 8px;font-size:13px;letter-spacing:.02em;color:#8b8080} .hbh-selection .hbh-lead-title{margin:0 0 8px;font-size:17px;line-height:1.35;font-weight:600;color:#292525} /* The phone leads the row and stays first when the fields stack on a narrow screen. */ .hbh-selection .cta-form-fields-row{display:flex;flex-wrap:wrap;gap:9px} .hbh-selection .cta-form-fields-row .form-field{flex:1 1 150px;min-width:0} .hbh-selection .cta-form-fields-row .form-field input{width:100%} .hbh-selection .hpm-lead{margin:0 0 14px;font-size:15px;line-height:1.5;color:#5c5555} /* -------------------------------------------------------------------- quiz */ /* Hidden by default: without the controller the dialog stays a working form. */ #hbh-quiz{margin:0 0 4px} #hbh-quiz .hbh-quiz-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px} #hbh-quiz .hbh-quiz-step{font-size:13px;letter-spacing:.02em;color:#8b8080} #hbh-quiz .hbh-quiz-skip,.hbh-selection .hbh-quiz-back{padding:4px 2px;border:0;background:none;color:#8b8080;font-family:inherit;font-size:13px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-width:0} #hbh-quiz .hbh-quiz-skip:hover,.hbh-selection .hbh-quiz-back:hover{color:#992238} #hbh-quiz .hbh-quiz-q{margin:0 0 14px;font-size:17px;line-height:1.35;font-weight:600;color:#292525} #hbh-quiz .hbh-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px} #hbh-quiz .hbh-quiz-option{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:11px 12px;border:1px solid #e3d8d8;border-radius:10px;background:#fff;color:#3a3333;font-family:inherit;font-size:14px;line-height:1.35;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;text-transform:none;letter-spacing:normal;box-shadow:none;white-space:normal;min-width:0} #hbh-quiz .hbh-quiz-option:hover{border-color:#992238;background:#fdf6f7;color:#992238} #hbh-quiz .hbh-quiz-option:focus-visible,#hbh-quiz .hbh-quiz-skip:focus-visible{outline:3px solid #276c89;outline-offset:2px} #hbh-summary{display:none} #hbh-summary.hbh-on{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:0 0 12px;padding:10px 12px;border-radius:9px;background:#f8f3f3;font-size:14px;line-height:1.4} #hbh-summary .hbh-summary-value{color:#3a3333;font-weight:600} /* -------------------------------------------------------------- messengers */ .hbh-selection .hbh-messengers{margin:18px 0 0;padding:16px 0 0;border-top:1px solid #eee4e4} .hbh-selection .hbh-messengers-title{display:block;margin:0 0 10px;font-size:13px;line-height:1.4;color:#8b8080} .hbh-selection .hbh-messengers-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .hbh-selection .hbh-msg{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 8px;border-radius:9px;color:#fff!important;font-size:14px;line-height:1.2;font-weight:600;text-decoration:none!important;transition:filter .15s} .hbh-selection .hbh-msg:hover{filter:brightness(1.08);color:#fff!important} .hbh-selection .hbh-msg:focus-visible{outline:3px solid #276c89;outline-offset:2px} /* Icons live in CSS: stored popup markup keeps only plain links a sanitiser cannot break. */ .hbh-selection .hbh-msg::before{content:"";width:19px;height:19px;flex-shrink:0;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat} .hbh-selection .hbh-msg-tg{background:#29a0da} .hbh-selection .hbh-msg-vb{background:#7360f2} .hbh-selection .hbh-msg-wa{background:#25d366} .hbh-selection .hbh-msg-tg::before{-webkit-mask-image:url("data:image/svg+xml,");mask-image:url("data:image/svg+xml,")} .hbh-selection .hbh-msg-vb::before{-webkit-mask-image:url("data:image/svg+xml,");mask-image:url("data:image/svg+xml,")} .hbh-selection .hbh-msg-wa::before{-webkit-mask-image:url("data:image/svg+xml,");mask-image:url("data:image/svg+xml,")} @media(max-width:600px){ #hbh-helper{right:14px;bottom:max(90px,calc(env(safe-area-inset-bottom) + 76px));width:116px} #hbh-portrait{width:116px;height:116px} #hbh-bubble{right:0;bottom:137px;width:min(270px,calc(100vw - 28px));padding:17px} #hbh-helper .hbh-close{top:-25px;right:-3px} .hbh-selection .hbh-msg{font-size:13px;gap:5px;padding:10px 4px} } @media(max-width:380px){ #hbh-quiz .hbh-quiz-options{grid-template-columns:1fr} #hbh-quiz .hbh-quiz-option{min-height:48px} } @media(max-height:520px){#hbh-helper{bottom:24px}#hbh-bubble{bottom:0;right:130px;width:230px}#hbh-portrait,#hbh-helper{width:116px}#hbh-portrait{height:116px}} @media(prefers-reduced-motion:reduce){#hbh-helper,#hbh-bubble,#hbh-portrait img,#hbh-quiz .hbh-quiz-option,.hbh-selection .hbh-msg{transition:none}}