/* Shrungar chat assistant — sits above the WhatsApp button, never over it or the bag bar. */
.chat-fab{position:fixed;right:18px;bottom:88px;z-index:36;height:52px;border-radius:99px;border:0;padding:0 18px 0 14px;display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#2b1a22,#5a2140);color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 12px 28px -10px rgba(60,10,35,.6);transition:transform .25s var(--ease)}
.chat-fab:hover{transform:translateY(-2px)}
.chat-fab .spark{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e9cf98,#a57c3c);color:#2b1a22}
.chat-fab .spark svg{width:15px;height:15px}
.chat-fab .dot{position:absolute;top:6px;right:8px;width:9px;height:9px;border-radius:50%;background:#e98ab0;box-shadow:0 0 0 3px #2b1a22}
@media (max-width:520px){.chat-fab{width:52px;padding:0;justify-content:center}.chat-fab .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.chat{position:fixed;right:18px;bottom:18px;z-index:57;width:min(400px,calc(100vw - 24px));height:min(620px,calc(100vh - 36px));background:#fff;border-radius:24px;
  box-shadow:0 30px 80px -20px rgba(40,10,25,.45);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.chat.open{opacity:1;transform:none;pointer-events:auto}
@media (max-width:520px){.chat{right:0;left:0;bottom:0;width:100%;height:88vh;height:88dvh;border-radius:22px 22px 0 0}}
.chat-h{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 18px;background:linear-gradient(135deg,#2b1a22,#5a2140);color:#fff}
.chat-h .spark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e9cf98,#a57c3c);color:#2b1a22;flex:none}
.chat-h .spark svg{width:20px;height:20px}
.chat-h b{display:block;font-family:var(--serif);font-size:1.25rem;line-height:1.1}
.chat-h small{font-size:.74rem;color:#e6d4dc}
.chat-h .x{margin-left:auto;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.chat-h .x svg{width:20px;height:20px}
.chat-log{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fdf6f8,#fff 40%)}
.msg{max-width:88%;padding:10px 14px;border-radius:18px;font-size:.93rem;line-height:1.45;animation:pop .28s var(--ease)}
.msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}
.msg.user{align-self:flex-end;background:var(--rose);color:#fff;border-bottom-right-radius:6px}
.msg .muted{display:block;font-size:.76rem;color:var(--ink-2);margin-top:6px}
.msg a.inl{color:var(--rose-d);font-weight:600}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.typing i{width:7px;height:7px;border-radius:50%;background:#c79bb0;animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.ccards{align-self:stretch;display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x mandatory}
.ccard{flex:0 0 168px;scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.ccard img{width:100%;aspect-ratio:1.25;object-fit:cover}
.ccard .b{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}
.ccard b{font-size:.84rem;line-height:1.3}
.ccard .pr{font-size:.86rem;font-weight:700;color:var(--rose-d)} .ccard .pr s{font-weight:400;color:#7d6872;font-size:.76rem;margin-left:4px}
.ccard .row{display:flex;gap:6px;margin-top:auto}
.ccard button{flex:1;border-radius:99px;font-size:.76rem;font-weight:600;padding:7px 6px;min-height:36px;border:1px solid var(--rose);background:#fff;color:var(--rose-d)}
.ccard button.p{background:var(--rose);color:#fff}
.acts2{align-self:flex-start;display:flex;flex-wrap:wrap;gap:8px}
.acts2 .btn{min-height:40px;padding:9px 14px;font-size:.84rem}
.chat-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--line);background:#fff;scrollbar-width:none}
.chat-chips::-webkit-scrollbar{display:none}
.chat-chips button{flex:none;border:1px solid var(--line);background:var(--blush);color:var(--ink);border-radius:99px;padding:8px 13px;font-size:.82rem;font-weight:600;min-height:38px;white-space:nowrap}
.chat-chips button:hover{border-color:var(--rose-l)}
.chat-f{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}
.chat-f input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 16px;border-radius:99px;border:1px solid var(--line);background:#faf5f7}
.chat-f button{width:48px;height:48px;border-radius:50%;border:0;background:var(--rose);color:#fff;display:grid;place-items:center;flex:none}
.chat-f button svg{width:20px;height:20px}
.chat-note{font-size:.7rem;color:var(--ink-2);text-align:center;padding:0 12px 8px;background:#fff}
@media (prefers-reduced-motion:reduce){.msg{animation:none}.typing i{animation:none;opacity:.6}}
.chat-log>*{flex-shrink:0}
.chat-h small{display:block;line-height:1.35;margin-top:2px}
