
.wchat-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:55;display:flex;align-items:center;gap:10px;
  background:#0E3B2C;color:#FBF9F4;border:1px solid rgba(214,175,102,.55);border-radius:999px;padding:7px 18px 7px 7px;font:600 15px/1 var(--body,Poppins,system-ui,sans-serif);
  box-shadow:0 10px 28px rgba(11,31,24,.28);cursor:pointer;transition:transform .2s,box-shadow .2s}
.wchat-fab:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(11,31,24,.34)}
.wchat-fab:focus-visible,.wchat button:focus-visible,.wchat a:focus-visible{outline:2px solid #D6AF66;outline-offset:2px}
.wchat-fab .wchat-ic{width:40px;height:40px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:none}
.wchat-fab svg{width:24px;height:24px;fill:#fff}
.wchat-dot{position:absolute;top:2px;left:36px;width:13px;height:13px;border-radius:50%;background:#D6AF66;border:2px solid #0E3B2C}
html.menu-open .wchat-fab,html.wchat-open .wchat-fab{display:none}
@media (max-width:600px){.wchat-fab{padding:7px}.wchat-fab .wchat-t{display:none}.wchat-fab .wchat-ic{width:46px;height:46px}.wchat-dot{left:40px}}
.wchat{position:fixed;z-index:56;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:390px;height:min(620px,calc(100vh - 32px));height:min(620px,calc(100dvh - 32px));
  display:flex;flex-direction:column;background:#FBF9F4;color:#1d2a24;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(11,31,24,.35);font:15px/1.5 var(--body,Poppins,system-ui,sans-serif)}
.wchat[hidden]{display:none}
@media (max-width:600px){.wchat{inset:0;width:auto;height:auto;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}}
.wchat-h{display:flex;align-items:center;gap:12px;background:#0E3B2C;color:#FBF9F4;padding:12px 10px 12px 14px;padding-top:max(12px,env(safe-area-inset-top))}
.wchat-av{width:40px;height:40px;border-radius:50%;background:#0B1F18;border:1px solid rgba(214,175,102,.6);display:grid;place-items:center;color:#D6AF66;font:700 12px/1 var(--display,Georgia,serif);letter-spacing:.04em;flex:none}
.wchat-h b{display:block;font-size:15.5px;font-weight:600}
.wchat-h small{display:block;font-size:12.5px;color:rgba(251,249,244,.75)}
.wchat-id{flex:1;min-width:0}
.wchat-x{background:none;border:0;color:#FBF9F4;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:26px;line-height:1}
.wchat-x:hover{background:rgba(255,255,255,.08)}
.wchat-start{padding:18px 18px 22px;overflow:auto;flex:1}
.wchat-start p{margin:0 0 14px;color:#3E4F47}
.wchat-start label{display:block;font-size:14px;font-weight:600;color:#0E3B2C;margin-bottom:12px}
.wchat-start input[type=text],.wchat-start input[type=tel],.wchat-start input:not([type]){display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px 12px;border:1px solid #C9CFC6;border-radius:10px;font:16px var(--body,Poppins,system-ui,sans-serif);background:#fff;color:#1d2a24}
.wchat-start input:focus{outline:2px solid #D6AF66;outline-offset:0;border-color:#D6AF66}
.wchat-tel{position:relative;margin-top:5px}
.wchat-tel span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#3E4F47;font-weight:500;font-size:16px}
.wchat-start .wchat-tel input{margin-top:0;padding-left:46px}
.wchat-tel.intl span{display:none}.wchat-start .wchat-tel.intl input{padding-left:12px}
.wchat-start small{display:block;font-weight:400;color:#5a6a62;font-size:12.5px;margin-top:4px}
.wchat-start .wchat-ok{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;color:#3E4F47}
.wchat-ok input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#0E3B2C}
.wchat-ok a{color:#0E3B2C}
.wchat .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.wchat-go{width:100%;background:#0E3B2C;color:#FBF9F4;border:0;border-radius:10px;padding:13px;font:600 16px var(--body,Poppins,system-ui,sans-serif);cursor:pointer}
.wchat-go[disabled]{opacity:.6;cursor:default}
.wchat-err{color:#A1260F;font-size:14px;margin:10px 0 0!important;min-height:1em}
.wchat-body{flex:1;display:flex;flex-direction:column;min-height:0}
.wchat-body[hidden]{display:none}
.wchat-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 12px 0;padding:9px 12px;border-radius:10px;background:#25D366;color:#073B1C;font-weight:600;font-size:14.5px;text-decoration:none}
.wchat-wa svg{width:18px;height:18px;fill:#073B1C}
.wchat-wa.done{background:#E3F4E8}
.wchat-log{flex:1;overflow:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.wchat-m{max-width:84%;padding:9px 12px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5}
.wchat-m.a,.wchat-m.s{background:#fff;border:1px solid #E6E3DA;border-top-left-radius:4px;align-self:flex-start}
.wchat-m.c{background:#0E3B2C;color:#FBF9F4;border-top-right-radius:4px;align-self:flex-end}
.wchat-m a{color:inherit}
.wchat-m small{display:block;font-size:11.5px;opacity:.65;margin-top:3px}
.wchat-m.typing{color:#5a6a62;font-style:italic}
.wchat-in{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 12px;border-top:1px solid #E6E3DA;background:#FBF9F4}
.wchat-in textarea{flex:1;resize:none;max-height:120px;padding:10px 12px;border:1px solid #C9CFC6;border-radius:12px;font:16px/1.4 var(--body,Poppins,system-ui,sans-serif);background:#fff;color:#1d2a24}
.wchat-in textarea:focus{outline:2px solid #D6AF66;outline-offset:0;border-color:#D6AF66}
.wchat-in button{width:44px;height:44px;border-radius:50%;border:0;background:#0E3B2C;cursor:pointer;display:grid;place-items:center;flex:none}
.wchat-in button svg{width:20px;height:20px;fill:#D6AF66}
.wchat-in button[disabled]{opacity:.5}
.wchat-foot{display:flex;justify-content:space-between;gap:10px;padding:0 14px 8px;font-size:12px;color:#5a6a62}
.wchat-foot button{white-space:nowrap;background:none;border:0;padding:4px 0;color:#0E3B2C;text-decoration:underline;font:inherit;cursor:pointer}
