/* HODGEAR customer chat: brand-aligned presentation only. */
.chat-widget{right:max(24px,calc((100vw - 1440px)/2));bottom:24px;color:var(--ink)}
.chat-launcher{gap:10px;min-height:54px;padding:7px 14px 7px 8px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);box-shadow:0 6px 20px #15161317;font-size:12px;letter-spacing:.01em}
.chat-launcher:hover{background:var(--surface-2);transform:translateY(-1px)}
.chat-widget.is-open .chat-launcher{display:none}
.chat-launcher:focus-visible,.chat-close:focus-visible,.chat-form button:focus-visible,.chat-prompts button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.chat-launcher-mark{width:36px;height:36px;padding:4px;border:1px solid var(--line);border-radius:2px;background:#fff}
.chat-launcher-mark img{width:100%;height:100%;object-fit:contain}
.chat-launcher-arrow{color:#f48a59}
.chat-panel{width:min(410px,calc(100vw - 32px));height:min(640px,calc(100svh - 110px));min-height:420px;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:var(--paper);box-shadow:0 12px 34px #16161320;transform-origin:bottom right;animation:chat-panel-in .2s ease-out both}
@keyframes chat-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.chat-header{align-items:flex-start;gap:16px;padding:16px 18px 15px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}
.chat-heading{min-width:0;flex:1}
.chat-kicker{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.08em;color:#696b65}
.chat-kicker img{width:30px;height:30px;flex:0 0 30px;padding:4px;border:1px solid var(--line);border-radius:2px;background:#fff;object-fit:contain}
.chat-kicker i{font-style:normal;color:#8e9089}
.chat-header h2{margin:13px 0 5px;font-size:22px;line-height:1.16;letter-spacing:-.04em}
.chat-header p{max-width:320px;color:var(--muted);font-size:11px;line-height:1.55}
.chat-close{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:2px;color:var(--ink);font-size:21px;transition:background .15s,border-color .15s}
.chat-close:hover{background:#fff;border-color:#a3a49e}
.chat-messages{gap:14px;padding:18px 17px 12px;scrollbar-width:thin;scrollbar-color:#c4c4bb transparent}
.chat-welcome{max-width:100%;margin:0;padding:15px 15px 13px;border:1px solid #e3e2dc;border-left:2px solid var(--orange);border-radius:2px;background:var(--surface-2);color:var(--ink)}
.chat-welcome-copy{margin:0 0 12px;font-size:13px;font-weight:650;line-height:1.55;letter-spacing:-.01em}
.chat-prompts{display:flex;flex-wrap:wrap;gap:7px}
.chat-prompts button{min-height:33px;padding:6px 9px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font:10px/1.3 var(--sans);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.chat-prompts button:hover{border-color:#b8b8ae;background:#fff}
.chat-prompts button span{padding-left:4px;color:#cf5d2b}
.chat-welcome-note{margin:12px 0 0;color:#777972;font-size:10px;line-height:1.5}
.chat-message{max-width:90%;padding:10px 13px;border:1px solid var(--line);border-radius:2px;font-size:13px;line-height:1.68;animation:chat-message-in .16s ease-out both}
@keyframes chat-message-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.chat-message-visitor{align-self:flex-end;border-left:2px solid #9a9b93;background:var(--surface);color:var(--ink)}
.chat-message-agent{align-self:flex-start;border-left:2px solid var(--orange);background:var(--surface-2);color:var(--ink)}
.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-status{min-height:22px;padding:2px 17px 4px;color:#696b65;font-size:10px;line-height:1.5}
.chat-status[data-state="error"]{color:#a13e26}
.chat-status[data-state="loading"]:before{width:22px;height:8px;margin-right:8px;border:0;border-radius:0;vertical-align:-1px;background:radial-gradient(circle,#b8b9b1 2px,transparent 2.5px) 0 50%/8px 8px repeat-x;animation:chat-dots .9s ease-in-out infinite alternate}
@keyframes chat-dots{to{opacity:.45;transform:translateY(-2px)}}
.chat-form{position:relative;align-items:end;gap:6px;margin:0 12px 9px;padding:7px;border:1px solid #d0cfc8;border-radius:9px;background:#fff;transition:border-color .15s,box-shadow .15s}
.chat-form:focus-within{border-color:#9b9c94;box-shadow:0 0 0 2px #f16c3218}
.chat-form textarea{min-height:38px;max-height:144px;padding:9px 9px;border:0;border-radius:5px;background:transparent;font:13px/1.5 var(--sans);overflow-y:auto}
.chat-form textarea:focus{border:0;box-shadow:none;outline:0}
.chat-form textarea::placeholder{color:#898a84}
.chat-form button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;padding:0;border-radius:6px;background:var(--orange);transition:background .15s,opacity .15s}
.chat-form button:hover:not(:disabled){background:#d85c2b}
.chat-form button svg{width:17px;height:17px}
.chat-send-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chat-form button:disabled{opacity:.5}
.chat-form[data-waiting="true"] button:disabled{background:#74766f}
.chat-footnote{padding:0 18px 12px;background:transparent;color:#777972;font-size:9px;line-height:1.5}
.chat-footnote a{color:#4c4e48}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px}
.contact-actions .button{margin-top:0}
.contact-chat-button{border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.contact-chat-button:hover{border-color:var(--ink);background:var(--surface-2);transform:translateY(-2px)}
@media(max-height:620px) and (min-width:761px){.chat-panel{height:calc(100svh - 94px);min-height:300px}.chat-header{padding:13px 16px}.chat-header h2{margin-top:9px}.chat-messages{padding-block:12px}}
@media(max-width:760px){
  .chat-widget{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
  .chat-launcher{min-height:52px;padding-right:13px}
  .chat-panel{position:fixed;inset-block-start:max(8px,env(safe-area-inset-top));inset-inline:8px;inset-block-end:auto;width:auto;height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 16px));min-height:0;max-height:calc(100svh - 16px);padding-bottom:0;border-radius:2px;animation:chat-panel-in .18s ease-out both}
  .chat-header{padding:14px 15px}
  .chat-kicker img{width:28px;height:28px;flex-basis:28px}
  .chat-header h2{margin-top:11px;font-size:21px}
  .chat-messages{padding:14px 12px 8px}
  .chat-welcome{padding:13px 12px 11px}
  .chat-prompts{gap:6px}
  .chat-prompts button{min-height:36px;padding:7px 8px;font-size:10px}
  .chat-message{max-width:92%;font-size:14px}
  .chat-status{padding-inline:13px}
  .chat-form{flex:0 0 auto;margin:0 9px 7px;padding:6px}
  .chat-close{width:44px;height:44px;flex-basis:44px}
  .chat-form textarea{min-height:42px;max-height:132px;padding:10px 8px;font-size:16px}
  .chat-form button{width:40px;min-width:40px;height:40px}
  .chat-footnote{flex:0 0 auto;padding:0 14px max(10px,env(safe-area-inset-bottom))}
}
@media(max-width:380px){.chat-header{gap:9px}.chat-kicker{font-size:8px}.chat-prompts button{font-size:9px;padding-inline:7px}}
@media(max-height:540px) and (max-width:760px){.chat-header{padding-block:8px}.chat-header h2{margin:7px 0 3px;font-size:19px}.chat-header p{font-size:10px}.chat-messages{padding-block:9px}.chat-welcome{padding:9px 11px}.chat-welcome-copy{margin-bottom:7px}.chat-welcome-note{margin-top:7px}.chat-form{margin-bottom:4px}.chat-footnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){.chat-panel,.chat-message,.chat-status[data-state="loading"]:before{animation:none}}