/* ORBITA guided chat */
.oc-btn{position:fixed;z-index:80;bottom:22px;inset-inline-end:22px;display:flex;align-items:center;gap:10px;height:54px;padding:0 20px 0 10px;border:1px solid rgba(243,146,0,.55);border-radius:999px;background:rgba(10,15,28,.9);backdrop-filter:blur(12px);color:#fff;font:600 14px/1 Inter,'IBM Plex Sans Arabic',sans-serif;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 24px rgba(243,146,0,.25);transition:transform .3s,box-shadow .3s,border-color .3s}
.oc-btn:hover{transform:translateY(-2px);border-color:#F39200;box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 32px rgba(243,146,0,.45)}
.oc-btn .oc-mark{width:36px;height:36px;flex:none;animation:ocSpin 14s linear infinite}.oc-btn .oc-mark .l-ring{transform-origin:50% 50%}
.oc-btn.on span{display:none}.oc-btn.on{padding:0 9px}
.oc-nudge{position:fixed;z-index:79;bottom:86px;inset-inline-end:22px;max-width:260px;padding:12px 14px;border:1px solid rgba(243,146,0,.35);border-radius:14px 14px 4px 14px;background:rgba(14,21,38,.92);backdrop-filter:blur(12px);color:#fff;font:500 13px/1.45 Inter,'IBM Plex Sans Arabic',sans-serif;text-align:start;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.4)}
:lang(ar) .oc-nudge{border-radius:14px 14px 14px 4px}
.oc{position:fixed;z-index:81;bottom:88px;inset-inline-end:22px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(10,15,28,.94);backdrop-filter:blur(18px);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.55);overflow:hidden;font-family:Inter,'IBM Plex Sans Arabic',sans-serif}
.oc[hidden]{display:none}
.oc-h{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.oc-h b{display:block;font-size:15px;font-weight:600}.oc-h small{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;color:#A9B0C0}
.oc-h small::before{content:'';width:7px;height:7px;border-radius:50%;background:#3ddc84}
.oc-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;background:rgba(243,146,0,.08);border:1px solid rgba(243,146,0,.45)}.oc-av .oc-mark{width:28px;height:28px}
.oc-x{margin-inline-start:auto;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.oc-x:hover{background:rgba(255,255,255,.12)}
.oc-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.oc-m{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;animation:ocIn .3s ease-out}
.oc-b{align-self:flex-start;background:rgba(255,255,255,.07);border-start-start-radius:4px}
.oc-u{align-self:flex-end;background:var(--or);color:#070B14;font-weight:500;border-start-end-radius:4px}
.oc-ty{display:flex;gap:4px;padding:13px}.oc-ty i{width:6px;height:6px;border-radius:50%;background:#A9B0C0;animation:ocDot 1s infinite}.oc-ty i:nth-child(2){animation-delay:.15s}.oc-ty i:nth-child(3){animation-delay:.3s}
.oc-demo{display:block;margin-top:6px;color:#A9B0C0}
.oc-foot{padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.08)}
.oc-foot:empty{display:none}
.oc-chips{display:flex;flex-wrap:wrap;gap:8px}
.oc-chips button,.oc-chips a{padding:9px 13px;border:1px solid rgba(243,146,0,.45);border-radius:999px;background:transparent;color:#fff;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.oc-chips button:hover,.oc-chips button:focus-visible,.oc-chips a:hover{background:var(--or);color:#070B14;outline:none}
.oc-chips .oc-call{background:var(--or);color:#070B14}
.oc-f{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.oc-f input,.oc-f textarea{grid-column:span 1;width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);color:#fff;font-family:inherit;font-size:14px;line-height:1.3}
.oc-f input[name=name],.oc-f input[name=phone]{grid-column:span 1}
.oc-f textarea,.oc-f input[name=email],.oc-f .oc-err,.oc-f .oc-send{grid-column:1/-1}
.oc-f input:focus,.oc-f textarea:focus{outline:none;border-color:var(--or)}
.oc-f ::placeholder{color:#8A92A6}
.oc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.oc-err{margin:0;min-height:0;color:#ff8a7a;font-size:12.5px}.oc-err:empty{display:none}
.oc-send{height:44px;border:0;border-radius:10px;background:var(--or);color:#070B14;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer}
.oc-send:disabled{opacity:.6}
.oc-wab{position:fixed;z-index:80;bottom:22px;inset-inline-start:22px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 0 4px rgba(37,211,102,.15);transition:transform .3s,box-shadow .3s}
.oc-wab svg{width:30px;height:30px}
.oc-wab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 0 6px rgba(37,211,102,.22)}
@keyframes ocSpin{0%,92%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes ocIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ocDot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@media (max-width:520px){.oc-wab{bottom:16px;inset-inline-start:16px;width:48px;height:48px}.oc-wab svg{width:27px;height:27px}.oc-btn{bottom:16px;inset-inline-end:16px;height:48px}.oc-btn span{display:none}.oc-btn{padding:0 12px}.oc{inset:auto 0 0 0;width:100%;height:min(82vh,620px);border-radius:20px 20px 0 0;bottom:0}.oc-nudge{bottom:74px;inset-inline-end:16px;max-width:230px}}
.oc-btn .oc-mark{filter:drop-shadow(0 0 6px rgba(243,146,0,.35))}
@media (prefers-reduced-motion:reduce){.oc-btn .oc-mark{animation:none}.oc-m{animation:none}.oc-ty i{animation:none}}
[dir=rtl] .oc-btn{flex-direction:row-reverse}