/* شات حوشي + خدمة العملاء */
.hc-sheet{position:fixed;inset:0;z-index:2600;pointer-events:none}
.hc-backdrop{position:absolute;inset:0;background:rgba(10,30,24,.45);opacity:0;transition:opacity .25s}
.hc-panel{position:absolute;inset-inline:0;bottom:0;margin:0 auto;max-width:560px;height:min(86dvh,720px);background:#F4F7F5;border-radius:22px 22px 0 0;
  display:flex;flex-direction:column;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.9,.25,1);box-shadow:0 -10px 40px rgba(0,0,0,.18);
  padding-bottom:env(safe-area-inset-bottom)}
.hc-sheet.open{pointer-events:auto}
.hc-sheet.open .hc-backdrop{opacity:1}
.hc-sheet.open .hc-panel{transform:none}
html.hc-lock,html.hc-lock body{overflow:hidden}
.hc-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--green-deep,#0A4D3C);color:#fff;border-radius:22px 22px 0 0}
.hc-head .hc-m{flex:0 0 auto}
.hc-title{flex:1;display:flex;flex-direction:column;line-height:1.25}
.hc-title b{font-size:1.05rem}
.hc-title small{opacity:.8;font-size:.78rem}
.hc-x{border:0;background:rgba(255,255,255,.14);color:#fff;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.hc-mode{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#FFF6E6;color:#7A4D00;font-size:.8rem;padding:7px 12px}
.hc-mode button{border:0;background:#fff;color:var(--green,#0F7B5F);font-weight:700;border-radius:999px;padding:3px 10px;font-size:.78rem;margin-inline-start:auto}
.hc-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.hc-row{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}
.hc-row.hc-user{align-items:flex-end}
.hc-row.hc-note{align-items:center}
.hc-bubble{max-width:86%;padding:9px 12px;border-radius:16px;background:#fff;color:#17251F;box-shadow:0 1px 2px rgba(0,0,0,.06);font-size:.95rem;line-height:1.55;word-break:break-word}
.hc-text{white-space:pre-wrap}
.hc-user .hc-bubble{background:var(--green,#0F7B5F);color:#fff;border-end-end-radius:6px}
.hc-bot .hc-bubble{border-end-start-radius:6px}
.hc-admin .hc-bubble{background:#FFF6E6;border-end-start-radius:6px}
.hc-who{display:block;font-weight:700;color:#A86A00;font-size:.72rem;margin-bottom:2px}
.hc-note .hc-bubble{background:transparent;box-shadow:none;color:#5d6d66;font-size:.8rem;text-align:center;padding:2px 8px}
.hc-row.is-sending .hc-bubble{opacity:.6}
.hc-extra{width:100%;margin-top:6px;display:flex;flex-direction:column;gap:6px}
.hc-cards{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x mandatory;max-width:100%}
.hc-card{flex:0 0 138px;scroll-snap-align:start;border:1px solid #E2E9E5;background:#fff;border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:3px;text-align:start;font-family:inherit;color:#17251F}
.hc-card img,.hc-noimg{width:100%;height:84px;object-fit:cover;border-radius:10px;background:#EEF3F0;display:flex;align-items:center;justify-content:center;color:#9aa5a0;font-size:1.6rem}
.hc-card b{font-size:.82rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}
.hc-price{font-weight:800;color:var(--green,#0F7B5F);font-size:.9rem}
.hc-price s{color:#9aa5a0;font-weight:400;font-size:.75rem}
.hc-card small{color:#6b7a74;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-open{margin-top:2px;background:var(--green-soft,#E3F1EC);color:var(--green,#0F7B5F);font-weight:700;font-size:.75rem;border-radius:9px;padding:4px;text-align:center}
.hc-card.is-out{opacity:.65}
.hc-card.is-out .hc-open{background:#f1f1f1;color:#888}
.hc-card:active,.hc-btn:active,.hc-chip:active{transform:scale(.97)}
.hc-btns{display:flex;flex-wrap:wrap;gap:6px}
.hc-btn{border:1.5px solid var(--green,#0F7B5F);background:#fff;color:var(--green,#0F7B5F);font-weight:700;font-size:.82rem;border-radius:999px;padding:6px 12px;font-family:inherit}
.hc-chips{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px}
.hc-chips:empty{display:none}
.hc-chip{flex:0 0 auto;border:1px solid #DCE6E1;background:#fff;color:#17251F;border-radius:999px;padding:6px 12px;font-size:.82rem;font-family:inherit}
.hc-input{display:flex;gap:8px;padding:8px 12px 10px;background:#fff;border-top:1px solid #E2E9E5}
.hc-input input{flex:1;border:1px solid #DCE6E1;border-radius:999px;padding:10px 16px;font-size:1rem;font-family:inherit;min-width:0;background:#F7FAF8}
.hc-input input:focus{outline:none;border-color:var(--green,#0F7B5F);box-shadow:0 0 0 .2rem rgba(15,123,95,.15)}
.hc-input button{flex:0 0 46px;height:46px;border:0;border-radius:50%;background:var(--green,#0F7B5F);color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center}
.hc-input button i{transform:scaleX(-1)}
.hc-dots{display:inline-flex;gap:4px;padding:4px 2px}
.hc-dots i{width:7px;height:7px;border-radius:50%;background:#9aa5a0;animation:hcDot 1s ease-in-out infinite}
.hc-dots i:nth-child(2){animation-delay:.15s}.hc-dots i:nth-child(3){animation-delay:.3s}
@keyframes hcDot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
.hc-sheet.is-human .hc-head{background:#7A4D00}
[data-chat-badge]{min-width:18px}
@media (prefers-reduced-motion:reduce){.hc-panel,.hc-backdrop{transition:none}.hc-dots i{animation:none}}
html.dark .hc-panel,[data-theme=dark] .hc-panel{background:#121a17}
[data-theme=dark] .hc-panel{background:#101815}
[data-theme=dark] .hc-bubble,[data-theme=dark] .hc-card,[data-theme=dark] .hc-chip,[data-theme=dark] .hc-input{background:#1b2622;color:#e6eeea;border-color:#2a3833}
[data-theme=dark] .hc-input input{background:#101815;color:#e6eeea;border-color:#2a3833}
[data-theme=dark] .hc-admin .hc-bubble{background:#2b2312}
[data-theme=dark] .hc-user .hc-bubble{background:var(--green,#0F7B5F);color:#fff}
[data-theme=dark] .hc-btn{background:transparent}
[data-theme=dark] .hc-note .hc-bubble{background:transparent;color:#9fb0a9}