.chat-toggle{
  position:fixed;bottom:28px;right:28px;width:60px;height:60px;border-radius:50%;
  background:var(--gold,#C99A2E);color:#2A1F04;display:flex;align-items:center;justify-content:center;
  font-size:24px;cursor:pointer;box-shadow:0 16px 34px -10px rgba(201,154,46,.6);z-index:900;
  transition:transform .3s cubic-bezier(.22,1,.36,1);border:none;
}
.chat-toggle:hover{transform:scale(1.08);}
.chat-toggle::after{
  content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--gold,#C99A2E);
  opacity:0;animation:chatPulse 2.6s ease-out infinite;pointer-events:none;
}
@keyframes chatPulse{0%{opacity:.6;transform:scale(.9);}100%{opacity:0;transform:scale(1.25);}}

.chat-panel{
  position:fixed;bottom:100px;right:28px;width:360px;max-width:90vw;height:520px;max-height:75vh;
  background:#fff;border-radius:18px;box-shadow:0 30px 60px -20px rgba(20,15,5,.35);
  display:flex;flex-direction:column;overflow:hidden;z-index:900;
  opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);
  transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),visibility .3s;
}
.chat-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.chat-head{background:var(--charcoal,#161310);color:#fff;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;}
.chat-head-info{display:flex;align-items:center;gap:12px;}
.chat-avatar{width:38px;height:38px;border-radius:50%;background:var(--gold,#C99A2E);color:#2A1F04;display:flex;align-items:center;justify-content:center;font-size:16px;}
.chat-head h4{font-family:'Fraunces',serif;font-weight:500;font-size:15.5px;margin:0;}
.chat-head p{font-size:11.5px;color:#c9c1ac;margin:2px 0 0;display:flex;align-items:center;gap:6px;}
.chat-head p::before{content:'';width:7px;height:7px;border-radius:50%;background:#5ecb7a;}
.chat-head-close{cursor:pointer;font-size:20px;color:#c9c1ac;background:none;border:none;}
.chat-head-close:hover{color:#fff;}

.chat-body{flex:1;padding:20px;overflow-y:auto;background:var(--cream,#FAF7EF);display:flex;flex-direction:column;gap:14px;}
.chat-msg{max-width:82%;padding:12px 15px;border-radius:14px;font-size:13.5px;line-height:1.55;}
.chat-msg.bot{background:#fff;border:1px solid var(--line,#E7E0CE);align-self:flex-start;border-bottom-left-radius:4px;}
.chat-msg.user{background:var(--gold,#C99A2E);color:#2A1F04;align-self:flex-end;border-bottom-right-radius:4px;}
.chat-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.chat-quick button{
  border:1px solid var(--line,#E7E0CE);background:#fff;padding:8px 13px;border-radius:999px;
  font-size:12px;cursor:pointer;transition:.25s;
}
.chat-quick button:hover{background:var(--gold,#C99A2E);border-color:var(--gold,#C99A2E);color:#2A1F04;}

.chat-foot{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--line,#E7E0CE);background:#fff;}
.chat-foot input{flex:1;border:1px solid var(--line,#E7E0CE);border-radius:10px;padding:11px 14px;font-size:13.5px;outline:none;font-family:'Inter',sans-serif;}
.chat-foot input:focus{border-color:var(--gold,#C99A2E);}
.chat-foot button{width:42px;border:none;background:var(--gold,#C99A2E);color:#2A1F04;border-radius:10px;cursor:pointer;font-size:15px;transition:.25s;}
.chat-foot button:hover{background:#b78920;}

@media(max-width:480px){
  .chat-panel{right:16px;bottom:90px;width:calc(100vw - 32px);}
  .chat-toggle{right:16px;bottom:16px;}
}