/* RAYA — مساعد الزبائن (واجهة). تصميم متناسق مع المتجر: كريمي/ذهبي/كحلي. */
.ra-as-fab{position:fixed;inset-inline-end:14px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:96;width:54px;height:54px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1b2a52,#0F1B3C);color:#e0c28a;box-shadow:0 8px 22px rgba(15,27,60,.35),0 0 0 2px rgba(184,147,90,.55);transition:transform .25s,opacity .25s}
.ra-as-fab.ra-as-high{bottom:calc(148px + env(safe-area-inset-bottom,0px))}
.ra-as-fab:active{transform:scale(.94)}
.ra-as-fab{animation:raAsGlow 2.8s ease-in-out infinite}
.ra-as-fab::before,.ra-as-fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(224,194,138,.6);pointer-events:none;animation:raAsPulse 2.8s ease-out infinite}
.ra-as-fab::after{animation-delay:1.4s}
.ra-as-fab svg{animation:raAsBreath 2.8s ease-in-out infinite}
.ra-as-fab.ra-as-calm{animation-duration:4.6s}
.ra-as-fab.ra-as-calm::before,.ra-as-fab.ra-as-calm::after{display:none}
.ra-as-dot{position:absolute;top:1px;inset-inline-end:1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #0F1B3C;animation:raAsOnline 2s ease-out infinite}
@keyframes raAsPulse{0%{transform:scale(1);opacity:.75}100%{transform:scale(2);opacity:0}}
@keyframes raAsGlow{0%,100%{box-shadow:0 8px 22px rgba(15,27,60,.35),0 0 0 2px rgba(184,147,90,.55),0 0 0 0 rgba(224,194,138,0)}50%{box-shadow:0 8px 22px rgba(15,27,60,.35),0 0 0 2px rgba(224,194,138,.95),0 0 24px 6px rgba(224,194,138,.5)}}
@keyframes raAsBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes raAsOnline{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ra-as-fab svg{width:26px;height:26px}
.ra-as-fab.ra-as-hide{opacity:0;pointer-events:none;transform:scale(.8)}
.ra-as{position:fixed;inset-inline-end:14px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:100;width:min(380px,calc(100vw - 28px));height:min(520px,calc(100vh - 150px));height:min(520px,calc(100dvh - 150px));display:flex;flex-direction:column;background:#fff;color:#1A1918;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(15,27,60,.35),0 0 0 1px rgba(184,147,90,.35);font:14px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;transform:translateY(18px) scale(.97);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
.ra-as.ra-as-open{transform:none;opacity:1;pointer-events:auto}
.ra-as[hidden]{display:none}
.ra-as__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#0F1B3C,#1b2a52);color:#fff}
.ra-as__head b{display:block;font-size:15px;color:#e0c28a}
.ra-as__head small{display:block;font-size:11.5px;opacity:.75;line-height:1.4}
.ra-as__x{background:rgba(255,255,255,.12);border:0;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.ra-as__msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#FAF8F5;overscroll-behavior:contain}
.ra-as__m{max-width:86%;padding:9px 12px;border-radius:16px;white-space:pre-wrap;word-break:break-word}
.ra-as__m.b{align-self:flex-start;background:#fff;border:1px solid #EAE3D6;border-end-start-radius:4px}
.ra-as__m.u{align-self:flex-end;background:#0F1B3C;color:#fff;border-end-end-radius:4px}
.ra-as__typing{align-self:flex-start;display:flex;gap:4px;padding:11px 14px;background:#fff;border:1px solid #EAE3D6;border-radius:16px}
.ra-as__typing i{width:7px;height:7px;border-radius:50%;background:#B8935A;opacity:.35;animation:raAsDot 1s infinite}
.ra-as__typing i:nth-child(2){animation-delay:.15s}.ra-as__typing i:nth-child(3){animation-delay:.3s}
@keyframes raAsDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.ra-as__chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 2px;background:#FAF8F5}
.ra-as__chips:empty{display:none}
.ra-as__chip{border:1px solid #B8935A;color:#7a5a24;background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;cursor:pointer}
.ra-as__chip:active{background:#f4ead8}
.ra-as__card{align-self:flex-start;display:flex;gap:10px;align-items:center;max-width:94%;padding:8px;background:#fff;border:1px solid #EAE3D6;border-radius:14px;text-decoration:none;color:inherit}
.ra-as__card img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#faf8f5;flex:none}
.ra-as__card b{display:block;font-size:13px;line-height:1.35;color:#1A1918}
.ra-as__card span{display:block;font-size:12.5px;color:#7a5a24}
.ra-as__card em{font-style:normal;font-size:11.5px}
.ra-as__card em.in{color:#15803d}.ra-as__card em.out{color:#b91c1c}
.ra-as__link{align-self:flex-start;display:inline-block;padding:7px 14px;border-radius:999px;background:#B8935A;color:#fff;text-decoration:none;font-size:12.5px;font-weight:600}
.ra-as__form{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #EAE3D6}
.ra-as__form input{flex:1;min-width:0;border:1px solid #DDD3C0;border-radius:12px;padding:10px 12px;font:inherit;font-size:16px;background:#fff;color:#1A1918}
.ra-as__form input:focus{outline:2px solid rgba(184,147,90,.5);border-color:#B8935A}
.ra-as__form button{border:0;border-radius:12px;padding:0 16px;background:#0F1B3C;color:#e0c28a;font-weight:700;cursor:pointer}
.ra-as__form button:disabled{opacity:.5}
.ra-as__note{padding:0 12px 9px;background:#fff;font-size:10.5px;color:#8a8478;text-align:center;line-height:1.4}
.ra-as__hf{align-self:stretch;display:flex;flex-direction:column;gap:7px;padding:10px;background:#fff;border:1px solid #EAE3D6;border-radius:14px}
.ra-as__hf input,.ra-as__hf textarea{border:1px solid #DDD3C0;border-radius:10px;padding:9px 10px;font:inherit;font-size:16px;width:100%;box-sizing:border-box;background:#fff;color:#1A1918}
.ra-as__hf textarea{min-height:70px;resize:vertical}
.ra-as__hf button{border:0;border-radius:10px;padding:10px;background:#B8935A;color:#fff;font-weight:700;cursor:pointer}
.ra-as__hf button:disabled{opacity:.55}
.ra-as__err{color:#b91c1c;font-size:12px}
@media (max-width:480px){.ra-as{inset-inline-end:8px;width:calc(100vw - 16px);bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){.ra-as,.ra-as-fab{transition:none;animation:none}.ra-as-fab::before,.ra-as-fab::after{display:none}.ra-as-fab svg,.ra-as-dot{animation:none}.ra-as__typing i{animation:none;opacity:.7}}
.ra-as *{box-sizing:border-box}.ra-as{max-width:calc(100vw - 16px)}.ra-as__msgs{-webkit-overflow-scrolling:touch}