:root{color-scheme:light dark;--h:#26335f;--h2:#3a4a82;--inp:#fff;--bg:#e9edf4;--card:#f7f8fc;--ink:#27304a;--mute:#6a7390;--navy:#26335f;--navy2:#3a4a82;--gold:#c4a064;--line:#d8deea;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Tajawal',Tahoma,Arial,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}.w{max-width:1080px;margin:auto;padding:0 16px}
header{position:relative;z-index:20;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}
.logo{font-weight:800;font-size:1.2rem;display:flex;align-items:center;gap:8px}.lg{width:36px;height:36px;border-radius:10px;display:block}.hl{width:100%;max-width:760px;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:50% 50%;border-radius:18px;display:block;margin:0 auto 10px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.mb{background:#e9dcc0;color:var(--navy);border:0;border-radius:999px;padding:8px 16px;font:700 .92rem Tajawal,sans-serif;cursor:pointer}
.mega{display:none;background:var(--card);color:var(--ink);border-radius:16px;padding:10px;margin-bottom:12px;max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mega.o{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:620px){.mega.o{grid-template-columns:repeat(3,1fr)}}
.mh{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--navy2);font:inherit;font-weight:800;font-size:.92rem;line-height:1.3;text-align:right;cursor:pointer}
.mh::after{content:'▾';color:var(--gold);flex:none}.mh[aria-expanded=true]{background:linear-gradient(145deg,#79684c,#54462f);border-color:#f0c75a;color:#ffe08a}.mh[aria-expanded=true]::after{content:'▴'}
.mega .ml{grid-column:1/-1;background:rgba(240,199,90,.12);border:1px solid #f0c75a;border-radius:14px;padding:4px 12px;display:grid;grid-template-columns:1fr;gap:0 18px}.mega .ml[hidden]{display:none}@media(min-width:620px){.mega .ml{grid-template-columns:1fr 1fr 1fr}}
.mega a{display:block;padding:8px 0;font-size:.9rem;line-height:1.45}@media(min-width:620px){.mega .ml{grid-template-columns:1fr 1fr}}@media(min-width:960px){.mega .ml{grid-template-columns:1fr 1fr 1fr}}.mega a:hover{color:var(--gold)}
.hero{margin:20px 0;border-radius:22px;padding:14px 18px 14px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--navy2),#5a6aa6)}
.hero h1{margin:0 0 6px;font-size:clamp(1.5rem,5vw,2.2rem)}.hero p{margin:0;opacity:.9}
.slot{margin:6px 0}.ads .slot{min-height:90px;margin:14px 0}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 4px 14px rgba(38,51,95,.07);margin:16px 0}
h1.t{font-size:1.5rem;margin:18px 0 2px;color:var(--h)}.sub{color:var(--mute);margin:0 0 6px}
.fs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
label{display:block;font-size:.85rem;color:var(--mute);margin-bottom:3px}
input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--inp);color:var(--ink);font:inherit}
textarea{min-height:130px}.fs .full{grid-column:1/-1}
.go{margin-top:14px;width:100%;background:linear-gradient(135deg,#dcbb78,#c4a064);color:#1d2747;border:0;border-radius:12px;padding:12px;font:800 1rem Tajawal,sans-serif;cursor:pointer}
.go:hover{background:linear-gradient(135deg,#c9a762,#b08a4c)}
.res{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.res div{background:var(--inp);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.res b{display:block;font-size:1.2rem;color:var(--h2);word-break:break-all}.res small{color:var(--mute)}
.res p{grid-column:1/-1;margin:0;text-align:center;color:var(--mute)}
.dl{display:inline-block;margin-top:8px;background:var(--gold);color:#fff;padding:8px 16px;border-radius:10px}
.cat{margin:26px 0 10px;font-size:1.1rem;font-weight:800;color:var(--h);border-right:4px solid var(--gold);padding-right:10px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 10px;text-align:center;transition:.2s}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(38,51,95,.12)}
.card b{display:block;font-size:.95rem}.card small{color:var(--mute);font-size:.78rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.ic{display:inline-flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;font-size:1.6rem;font-style:normal;margin-bottom:6px}
.c0{background:#dfe6f6}.c1{background:#e0eee6}.c2{background:#f1e8d8}.c3{background:#e8e1f3}.c4{background:#dcecf0}.c5{background:#f1e0e2}.c6{background:#e4e8d6}
.txt h2{color:var(--h);font-size:1.1rem}.txt p{margin:.4em 0}
footer{margin:34px 0 20px;text-align:center;color:var(--mute);font-size:.85rem}footer a{margin:0 8px;text-decoration:underline}
.sr{margin-bottom:10px;border-radius:999px;border:0}#sres{columns:1}.act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sm{background:var(--inp);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:7px 12px;font:500 .85rem Tajawal,sans-serif;cursor:pointer}.sm:hover{border-color:var(--gold)}.res .out{white-space:pre-wrap;text-align:right;background:var(--inp);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);max-height:320px;overflow:auto}.c7{background:#d9ebe2}.er{color:#9b2c2c;font-weight:700}.res p.er{color:#9b2c2c}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
#pa{display:none}
.wz{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px}.wz[hidden]{display:none}
.wz-h{font-weight:800}.wz-q{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.wz-q legend{font-weight:700;font-size:.95rem;line-height:1.7;padding:0;margin-bottom:6px}
.wz-n{margin:0;font-size:.82rem;color:var(--mute)}.wz-o{display:flex;flex-direction:column;gap:8px}
.wz-b{font:inherit;font-size:.92rem;text-align:start;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.wz-b.on{background:var(--navy);color:#f4d58a;border-color:var(--navy);font-weight:700}.wz-b:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wz-r{border-radius:12px;padding:12px 14px;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.wz-r p{margin:0;font-size:.9rem;line-height:1.8}.wz-r small{color:var(--mute);line-height:1.7}.wz-r a{text-decoration:underline}
.wz-r.ok{border-color:#2e7d5b;background:rgba(46,125,91,.08)}.wz-r.warn{border-color:#c98a1b;background:rgba(201,138,27,.1)}
#go:disabled{opacity:.45;cursor:not-allowed}
.seo{text-align:center;font-size:.76rem;line-height:1.7;color:var(--mute);max-width:560px;margin:18px auto 6px;padding:0 16px}
.bk{position:sticky;top:calc(4px + env(safe-area-inset-top,0px));z-index:40;padding-top:0;padding-bottom:0;height:0;overflow:visible}.bk .back.back{min-height:38px;padding:6px 16px;gap:5px;font-size:.88rem;box-shadow:0 3px 10px rgba(20,26,50,.25);margin-top:0}.bk+main,.bk+.w{padding-top:54px}.back{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;text-decoration:none}.back:hover{border-color:var(--gold)}.back:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.car{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin:0 0 8px}
.car .ct{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:6px 3px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;text-align:center;min-width:0;box-shadow:0 2px 6px rgba(20,26,50,.08)}
.car .ct[hidden]{display:none}
.car .ct i{font-style:normal;font-size:1.15rem;line-height:1}.car .ct b{font-size:11px;line-height:1.25;font-weight:800;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.car .ct small{font-size:9px;line-height:1.2}
.car .ct svg{width:20px;height:20px;fill:#f1cf7a}
.car .cs{border:1px solid #f0c75a;background:linear-gradient(145deg,rgba(121,104,76,.9),rgba(84,70,51,.9));color:#ffe08a;box-shadow:0 3px 8px rgba(60,40,10,.25)}.car .cs small{color:#f3e2b4}
@media(min-width:640px){.car{gap:10px}.car .ct{min-height:78px}.car .ct b{font-size:13px}.car .ct small{font-size:10.5px}}
.skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--navy);color:#f4d58a;padding:10px 16px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none}.skip:focus{top:0}
@media print{.totop,.rq-p,.rq-strip,.slot,#th,#mb,.bk,.car{display:none!important}}
@media(max-width:600px){.hl{aspect-ratio:2.3/1}}

.totop{touch-action:none;user-select:none;-webkit-user-select:none;position:fixed;z-index:59;left:14px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid #4a5a96;background:var(--navy);color:#f4d58a;font-size:20px;line-height:1;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;box-shadow:0 3px 10px rgba(20,26,50,.35)}.totop.show{opacity:.92;visibility:visible}
.rq-go:focus-visible,.rq-p button:focus-visible,.rq-p textarea:focus-visible,.rq-strip button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.rq-p{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 10px 30px rgba(20,26,50,.35);display:flex;flex-direction:column;gap:8px}
.rq-p[hidden]{display:none}.rq-p p:empty{display:none}
.rq-p p{margin:0;font-size:.88rem;color:var(--mute)}
.rq-p textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;width:100%;resize:vertical}
.rq-x{position:absolute;top:8px;left:8px;background:none;border:0;color:var(--mute);font-size:18px;cursor:pointer;padding:4px 8px}
.rq-go{display:block;text-align:center;background:var(--navy);color:#f4d58a;border-radius:10px;padding:10px;font-weight:700;text-decoration:none;cursor:pointer}
.rq-r{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:.85rem}
.rq-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--goldbg,#f6ecd5);border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin:0 0 12px;font-size:.92rem;color:var(--ink)}
.rq-strip button{background:var(--navy);color:#f4d58a;border:0;border-radius:999px;padding:6px 14px;font:inherit;font-weight:700;cursor:pointer}
@media(prefers-reduced-motion:no-preference){.rq-p{animation:rqin .18s ease-out}@keyframes rqin{from{opacity:0}to{opacity:1}}}

:root[data-theme=dark]{color-scheme:dark;--bg:#0e1424;--card:#172038;--ink:#e4e8f2;--mute:#9aa4c0;--line:#2c3656;--h:#ecdfc2;--h2:#d9c08a;--inp:#222b46;--goldbg:#2a2a3a}
:root[data-theme=dark] h1.t,:root[data-theme=dark] .cat,:root[data-theme=dark] .txt h2,:root[data-theme=dark] .faq h3{color:#ecdfc2}
:root[data-theme=dark] .mh,:root[data-theme=dark] .res b{color:#d9c08a}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .res div,:root[data-theme=dark] .sm,:root[data-theme=dark] .res .out{background:#222b46;color:#e4e8f2}
:root[data-theme=dark] .sr{background:#fff;color:#27304a}
:root[data-theme=dark] .c0{background:#27365d}:root[data-theme=dark] .c1{background:#244235}:root[data-theme=dark] .c2{background:#4a3f27}:root[data-theme=dark] .c3{background:#3a3158}:root[data-theme=dark] .c4{background:#244350}:root[data-theme=dark] .c5{background:#4d2c33}:root[data-theme=dark] .c6{background:#383f25}:root[data-theme=dark] .c7{background:#25443a}
:root[data-theme=dark] .card:hover{box-shadow:0 8px 18px rgba(0,0,0,.45)}:root[data-theme=dark] .panel{box-shadow:none}
:root[data-theme=dark] .rq-go,:root[data-theme=dark] .rq-strip button{background:#2a3566;border:1px solid #4a5a96}

:root[data-theme=dark] .rq-strip{background:#2a2a3a}
:root[data-theme=light]{color-scheme:light;--bg:#e9edf4;--card:#f7f8fc;--ink:#27304a;--mute:#6a7390;--line:#d8deea;--h:#26335f;--h2:#3a4a82;--inp:#fff}
:root[data-theme=light] .c0{background:#dfe6f6}:root[data-theme=light] .c1{background:#e0eee6}:root[data-theme=light] .c2{background:#f1e8d8}:root[data-theme=light] .c3{background:#e8e1f3}:root[data-theme=light] .c4{background:#dcecf0}:root[data-theme=light] .c5{background:#f1e0e2}:root[data-theme=light] .c6{background:#e4e8d6}
.th{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:999px;width:38px;height:38px;font-size:1.1rem;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.th:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.bar{gap:8px}.bar .logo{white-space:nowrap;font-size:1.05rem;gap:6px}.bar .mb{white-space:nowrap;font-size:.82rem;padding:8px 12px;margin-inline-start:auto}
.fs2{grid-template-columns:1fr 1fr}.fs2 .full{grid-column:1/-1}.adv{border:1px dashed var(--line);border-radius:12px;padding:8px 12px}.adv summary{cursor:pointer;font-weight:700;color:var(--h2,#3a4a82)}.adv>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.gh{display:block;text-align:center;border-radius:16px;padding:16px 12px;margin:0 0 10px;background:linear-gradient(135deg,#26335f,#3a4a82);color:#fff;border:0}.res .gh{grid-column:1/-1}.gh small{display:block;color:#f4d58a;font-size:.9rem}.gh b{display:block;font-size:1.9rem;color:#fff;line-height:1.4;margin:2px 0}.gh em{display:block;font-style:normal;font-size:.85rem;color:#dfe6f6}
.gh.gz{background:var(--card);border:1px solid var(--line);margin-top:12px}.gh.gz small{color:var(--h2,#3a4a82);font-weight:700}.gh.gz em{color:var(--mute);margin:4px 0 8px}
.res .gt{grid-column:1/-1}.gt{font-size:1rem;margin:14px 0 6px;color:var(--h,#26335f)}

.pmb{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#26335f,#3a4a82);color:#fff;border-radius:16px;padding:14px;margin:12px 0 0;text-decoration:none;transition:.2s}.pmb[hidden]{display:none}.pmb:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(38,51,95,.14)}.pmb svg{width:42px;height:42px;flex:0 0 auto;fill:#f4d58a}.pbt{flex:1;min-width:0}.pbt b{display:block;font-size:1rem;line-height:1.4}.pbt small{display:block;color:#f4d58a;font-size:.76rem;line-height:1.5}.pbw{flex:0 0 auto;background:#25a05a;color:#fff;font-weight:700;font-size:.82rem;border-radius:999px;padding:7px 14px;white-space:nowrap}.pmb+.pms{margin-top:10px}
.rq-strip{padding:0 10px 0 8px!important;height:42px;flex-wrap:nowrap!important;margin:0 0 8px!important;font-size:.7rem!important;gap:6px!important;border-radius:12px}.rq-strip span{white-space:nowrap;min-width:0;flex:1}.rq-strip button{width:30px;height:30px;padding:0!important;font-size:1.25rem!important;line-height:28px;flex:0 0 auto;border-radius:50%!important}
.hero{margin:8px 0!important;padding:6px 6px 10px!important;border-radius:14px!important;text-align:center!important}.hero .hl{width:100%!important;max-width:none!important;aspect-ratio:2.7/1!important;height:auto!important;margin:0 0 6px!important}.hero h1{font-size:1.15rem!important;margin:0 0 2px!important;line-height:1.45}.hero p{font-size:.72rem!important;line-height:1.55;padding:0}
.pmb{padding:10px 13px!important;gap:10px!important;border-radius:14px!important;margin-top:8px!important}.pmb svg{width:40px!important;height:40px!important}.pbt b{font-size:14px!important;white-space:nowrap}.pbt small{font-size:11px!important}.pbw{font-size:12px!important;padding:6px 13px!important}
@media(max-width:380px){.bar .mb{padding-inline:10px!important;font-size:.82rem!important;white-space:nowrap}.bar .logo{font-size:1.02rem!important;gap:6px}.bar{gap:6px!important}}
.rq-strip .rqt{display:none}
@media(min-width:640px){.rq-strip,.hero,.pmb,.pms{margin-inline:auto!important}.pms{max-width:560px}.pmb{width:278px;max-width:278px;height:49px;margin-right:calc((100% - 560px)/2)!important;margin-left:auto!important;padding:6px 8px!important;gap:5px!important}.pmb svg{width:24px!important;height:24px!important}.pbw{font-size:10px!important;padding:3px 6px!important;line-height:1.5!important}.pbt small{font-size:10px!important;white-space:nowrap;line-height:1.3!important}.pbt b{line-height:1.3!important}.rq-strip{width:440px;height:26px!important;min-height:0!important;padding:0 8px!important;font-size:.85rem!important;gap:6px!important;justify-content:space-between;margin-top:10px!important}.rq-strip button{width:auto!important;height:auto!important;border-radius:999px!important;padding:0 10px!important;font-size:.85rem!important;line-height:1.35!important}.rq-strip .rqt{display:inline}.hero{max-width:416px}.hero .hl{width:100%!important;max-width:100%!important;aspect-ratio:2.2/1!important;margin:0 auto 6px!important}.hero h1{font-size:1rem!important}.hero p{font-size:.85rem!important;white-space:nowrap}.pms{margin-top:10px!important}}
:root[data-theme=dark] .rq-strip,.rq-strip{background:#f6ecd5!important;border:1px solid #c4a064!important;color:#27304a!important}:root[data-theme=dark] .rq-strip button,.rq-strip button{background:#26335f!important;color:#f4d58a!important;border:0!important}
.rqb,.rq-p{background:#f6ecd5;border:1px solid #c4a064;color:#27304a}.rqb{width:min(300px,calc(100% - 24px));margin:6px auto 10px;padding:5px 7px 11px;border-radius:11px;position:relative}
.rqb-t{font-weight:800;font-size:10.5px;margin-bottom:3px;color:#26335f}.rqb-r{display:flex;gap:5px}.rqb-r>*{flex:1;min-width:0}.rqb-f{flex:1.15;display:flex;align-items:center;background:#fff;border:1px solid #d9c27f;border-radius:99px;padding:0 3px 0 9px}
.rqb input,.rq-p input{font:inherit;font-size:16px;line-height:1;color:#26335f;background:#fff;border:1px solid #d9c27f;border-radius:99px;padding:0 9px;min-height:26px;height:26px;width:100%;box-sizing:border-box}.rqb .rqb-f input,.rq-p .rqb-f input{border:0;padding:0;background:transparent;height:24px;min-height:24px;box-shadow:none}.rqb input:focus-visible,.rq-p input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.rqb-f:focus-within{outline:2px solid var(--gold);outline-offset:1px}.rqb .rqb-f input:focus-visible,.rq-p .rqb-f input:focus-visible{outline:0}
.rqb input::placeholder,.rq-p input::placeholder{color:#8a8a96;font-size:10px}
.rqb-s{flex:none;width:16px;height:16px;border-radius:50%;border:0;background:#26335f;color:#f4d58a;font-size:7px;line-height:16px;padding:0;cursor:pointer}
:root[data-theme=dark] .rqb .rqn,:root[data-theme=dark] .rq-p .rqn{background:#fff;color:#26335f;border-color:#d9c27f}:root[data-theme=dark] .rqb .rqf2,:root[data-theme=dark] .rq-p .rqf2{background:transparent;color:#26335f}
.rqb-b{position:absolute;left:10px;bottom:1px;right:10px;display:flex;justify-content:space-between;font-size:7px;line-height:1;color:#8a7a50}.rqb-c{direction:ltr;unicode-bidi:isolate}
.rq-p{left:12px;top:52px;transform:none;width:min(300px,calc(100vw - 24px));padding:6px 8px 10px;border-radius:11px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.rq-p .rqb-t{padding-inline-end:24px}.rq-x{top:2px;left:2px;font-size:14px}.rq-p .rqb-b{bottom:2px}
.rqf{position:fixed;z-index:60;left:12px;top:calc(10px + env(safe-area-inset-top,0px));padding:3px 9px;min-height:26px;border-radius:99px;border:1px solid rgba(244,213,138,.4);background:rgba(59,74,107,.8);color:#f4d58a;font:inherit;font-size:.66rem;font-weight:800;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.rqf.show{opacity:1;pointer-events:auto;animation:rqpulse 3s ease-in-out infinite}
@keyframes rqpulse{0%,60%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(244,213,138,0)}70%{transform:scale(1.1);box-shadow:0 0 0 0 rgba(244,213,138,.5)}90%{transform:scale(1);box-shadow:0 0 0 9px rgba(244,213,138,0)}}@media(prefers-reduced-motion:reduce){.rqf.show{animation:none}}
@media print{.rqb,.rqf{display:none!important}}
.pms .pm{padding:7px 6px!important;gap:2px!important;min-height:0!important}.pms .pm .pi{font-size:1.15rem!important}.pms .pm b{font-size:12.5px!important}.pms .pm small{font-size:10.5px!important}
.svc{max-width:none;margin:0 0 10px;padding:0}
.svc .svt{margin:0 2px 12px;padding:0;border:0;font-size:1.15rem;color:#4a3210;text-align:right}
.svc .sg{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.svc .sc{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:12px 6px;min-height:92px;border-radius:14px;border:1px solid #f0c75a;background:linear-gradient(145deg,rgba(121,104,76,.9),rgba(84,70,51,.9));color:#ffe08a;text-decoration:none;font:inherit;cursor:pointer;box-shadow:0 3px 8px rgba(60,40,10,.25);transition:.2s}
.svc .sc:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(60,40,10,.35)}
.svc .sc[hidden]{display:none}
.svc .sc b{font-size:12.5px;line-height:1.35}.svc .sc small{font-size:10.5px;color:#f3e2b4;line-height:1.4}
.svc .sc i{font-style:normal;font-size:1.25rem;line-height:1;color:#f1cf7a}
.svc .sc svg{width:26px;height:26px;fill:#f1cf7a;flex:0 0 auto}
.svh{color:#b8902f}:root[data-theme=dark] .svh{color:#f0c75a}
:root[data-theme=dark] .svc .sc{background:linear-gradient(145deg,rgba(121,104,76,.85),rgba(84,70,51,.85))}
.bh{background:linear-gradient(145deg,rgba(121,104,76,.9),rgba(84,70,51,.9));border:1.5px solid #f0c75a;color:#ffe08a;text-align:center;border-radius:18px;padding:22px 16px 16px;margin:10px 0 6px;box-shadow:0 6px 18px rgba(60,40,10,.3)}
.bh p{margin:0}.bh .bht{font-size:1.5rem;font-weight:800;line-height:1.4;color:#ffe08a}.bh .bhs{color:#ffd978;font-weight:800;font-size:1.05rem;margin:2px 0 10px}
.bh .bhd{color:#f3e2b4;font-size:.9rem;line-height:1.8;margin-bottom:12px}.bh .bhn{color:#f3e2b4;font-size:.78rem;margin-top:8px}
.bcta{display:inline-block;background:linear-gradient(135deg,#ffe08a,#e0a82e);color:#3a2a10;font-weight:800;font-size:1rem;border-radius:999px;padding:9px 30px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.bb{display:grid;gap:8px}.bb>div{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.bb i{font-style:normal;font-size:1.5rem}.bb b{display:block;font-size:.95rem}.bb small{color:var(--mute);font-size:.8rem}
.bs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bs.sp4{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.bs.sp4{grid-template-columns:repeat(4,1fr)}}.bs>div{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 4px}
.bs span{display:block;width:26px;height:26px;line-height:26px;border-radius:50%;background:var(--navy);color:#f4d58a;font-weight:800;margin:0 auto 5px}.bs b{font-size:.82rem;line-height:1.4;display:block}
@media(min-width:640px){.bb{grid-template-columns:repeat(3,1fr)}}
:root[data-theme=dark] .bs span{background:#3a4a82}
:root[data-theme=dark] .bh{background:linear-gradient(145deg,rgba(121,104,76,.85),rgba(84,70,51,.85))}
.svp .cat{color:#b8902f}:root[data-theme=dark] .svp .cat{color:#f0c75a}
.svp .go{background:linear-gradient(145deg,rgba(121,104,76,.95),rgba(84,70,51,.95));color:#ffe08a;border:1.5px solid #f0c75a;box-shadow:0 4px 12px rgba(60,40,10,.25)}.svp .go:hover{background:linear-gradient(145deg,#8a7656,#5e4d37)}
.svp .bb>div,.svp .bs>div{background:linear-gradient(145deg,rgba(121,104,76,.9),rgba(84,70,51,.9));border-color:#f0c75a;color:#ffe08a}
.svp .bb b,.svp .bs b{color:#ffe08a}.svp .bb small{color:#f3e2b4}.svp .bs span{background:#f0c75a;color:#4a3210}:root[data-theme=dark] .svp .bs span{background:#f0c75a}
.svp .shf{background:linear-gradient(145deg,rgba(121,104,76,.9),rgba(84,70,51,.9));border:1.5px solid #f0c75a;border-radius:16px;padding:14px 16px;margin:10px 0 6px}.svp .shf .lead,.svp .shf p{color:#f3e2b4;margin:0}.svp .shf b{color:#ffd978}
#sp_d,#sp_o,#bi_l,#bi_o,#dz_o{min-height:0;resize:none;overflow:hidden}
.svp input:focus,.svp textarea:focus,.svp select:focus{border-color:#c9a24b;outline:2px solid rgba(201,162,75,.45)}
.svp .sm{border-color:#c9a24b}
.tsr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bh .bhk{display:inline-block;background:rgba(240,199,90,.18);border:1px solid rgba(240,199,90,.6);color:#ffe08a;font-size:.78rem;font-weight:700;border-radius:999px;padding:2px 12px;margin-bottom:8px}
.bh .bhp{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:0 0 12px!important}.bh .bhp span{border:1px solid rgba(240,199,90,.55);color:#ffe08a;background:rgba(0,0,0,.12);border-radius:999px;font-size:.74rem;font-weight:700;padding:1px 10px}
.bx{display:grid;grid-auto-flow:column;grid-auto-columns:222px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.qx{display:grid;grid-auto-flow:column;grid-auto-columns:166px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px}.qc{scroll-snap-align:center;text-align:center}.qtg{display:inline-block;margin-bottom:5px;padding:2px 10px;border-radius:99px;font-size:.66rem;font-weight:800;background:linear-gradient(135deg,#ffe08a,#e0a82e);color:#3a2a10}.qcd{border:1px solid #3a2f12;border-radius:16px;padding:10px 9px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;background:#09090b}.qlg{width:38px;height:38px;border:2px solid #f0c75a;border-radius:50%;background:transparent;color:#f0c75a;font:800 11px/34px sans-serif}.qcd b{font-size:.82rem;color:#f0c75a;font-family:sans-serif}.qcd small{font-size:.66rem;font-weight:800;color:#e0b64a}.qq{width:100%;border-radius:12px;padding:5px;margin:3px 0;background:#fff}.qq img{width:100%;height:auto;display:block}.qft{letter-spacing:.5px;font-size:.6rem!important;color:#b8902f!important;font-family:sans-serif}.qcd.t4{background:#14060c;border-color:rgba(255,92,122,.4)}.qcd.t4 .qlg{border-color:#ff5c7a;color:#ff5c7a;box-shadow:0 0 22px rgba(255,79,109,.38)}.qcd.t4 b{color:#fff}.qcd.t4 small{color:#ff9a3c}.qcd.t4 .qft{color:#d6a9b4!important}.qcd.t3{background:#f3f6fb;border-color:#cfd8e3}.qcd.t3 .qlg{border-color:#0e7c86;color:#0e7c86;box-shadow:0 0 22px rgba(14,124,134,.18)}.qcd.t3 b{color:#17323f}.qcd.t3 small{color:#0e7c86}.qcd.t3 .qq{border:1px solid #d5dee8}.qcd.t3 .qft{color:#5b7480!important}@media(min-width:640px){.qx{grid-template-columns:repeat(3,166px);grid-auto-flow:row;overflow:visible;justify-content:center}}.qo{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #e0a82e;border-radius:14px;padding:12px;margin:12px 0;cursor:pointer;background:rgba(240,199,90,.08)}.qo input{width:22px;height:22px;margin-top:2px;accent-color:#e0a82e;flex:none}.qo b{display:block}.qo small{color:var(--mute)}.bmc{scroll-snap-align:center;text-align:center}.bxl{display:block;white-space:nowrap;font-size:.8rem;font-weight:700;color:#8a6a2c;margin-bottom:6px}:root[data-theme=dark] .bxl{color:#f0c75a}
.bmw{width:210px;height:462px;position:relative;margin:0 auto}.bx .bmw,.qx .qcd{cursor:zoom-in}html.lbo{overflow:hidden}#lb{position:fixed;inset:0;z-index:9999;background:rgba(8,10,20,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}#lb[hidden]{display:none}.lbs{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 90px);margin-top:10px}.lbw{position:relative;flex:none}.lbz{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.lbz .bmw,.lbz .qcd{cursor:default;margin:0}.lbx{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px;z-index:3;cursor:pointer}.lbn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:28px;line-height:1;z-index:3;cursor:pointer}.lbp{right:8px}.lbf{left:8px}.lbn[hidden]{display:none}.lbc{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;font-size:.9rem}.lbc b{margin-inline-end:10px;color:#ffe08a}
.bmi{position:absolute;top:0;left:0;width:350px;height:770px;transform:scale(.6);transform-origin:top left;border-radius:38px;border:7px solid #111;overflow:hidden;padding:34px 14px 0;text-align:center;box-shadow:0 14px 34px rgba(0,0,0,.35);box-sizing:border-box;direction:rtl;line-height:1.3}
.bmi *{box-sizing:border-box;margin:0}.bmi .glow{position:absolute;inset:0}.bmi .wm{position:absolute;top:300px;left:50%;transform:translateX(-50%);font:900 420px sans-serif;opacity:.045}
.bmi .av{width:92px;height:92px;border-radius:26px;border:2px solid;margin:8px auto 0;display:flex;align-items:center;justify-content:center;position:relative;background:rgba(0,0,0,.35)}.bmi .av span{font:900 26px sans-serif;letter-spacing:2px}
.bmi h3{font:800 22px sans-serif;margin-top:10px;position:relative}.bmi .hd{font:700 11px sans-serif;letter-spacing:1.5px;margin-top:2px;position:relative}.bmi p{font-size:11.5px;line-height:1.7;margin:6px 10px 0;position:relative}
.bmi .live{display:inline-block;margin-top:8px;border:1px solid #c33;background:rgba(200,30,30,.18);color:#ff8a8a;border-radius:99px;font-size:11px;font-weight:700;padding:2px 12px;position:relative}
.bmi .tags{display:flex;gap:6px;justify-content:center;margin:9px 0 12px;position:relative}.bmi .tags span{border:1px solid;border-radius:99px;font-size:10.5px;padding:1px 11px}
.bmi .rows{display:flex;flex-direction:column;gap:7px;position:relative}.bmi .r{display:flex;align-items:center;gap:10px;border-radius:15px;padding:8px 10px;text-align:right}
.bmi .tl{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.bmi .tt{flex:1}.bmi .tt b{display:block;font-size:12.5px}.bmi .tt small{font-size:10.5px;display:block;text-align:right}.bmi .ar{font-size:16px;opacity:.8}
.bmi .ab{display:flex;gap:8px;margin-top:10px;position:relative}.bmi .ab span{flex:1;border:1px dashed;border-radius:12px;padding:8px;font-size:11px}.bmi .ft{position:absolute;bottom:10px;left:0;right:0;font:9px sans-serif;letter-spacing:1px;opacity:.7}
.dmi{padding:0;text-align:start;--lg:url(logo-s.png)}.dlg{background:var(--lg) center/cover;flex:none}
@media(min-width:960px){.bx{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;overflow:visible}}
.svc .sc-w{grid-column:span 6;flex-direction:row;justify-content:flex-start;text-align:right;gap:12px;padding:12px 14px;min-height:76px}
.svc .sc-w .st{flex:1;min-width:0}.svc .sc-w b{display:block;font-size:14px}.svc .sc-w small{display:block;font-size:11px}
.svc .pbw{background:linear-gradient(135deg,#ffe08a,#e0a82e);color:#3a2a10;font-weight:700;font-size:11.5px;border-radius:999px;padding:4px 10px;white-space:nowrap}
@keyframes pbp{0%,20%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(240,199,90,0)}6%{transform:scale(1.12);box-shadow:0 0 0 0 rgba(240,199,90,.55)}20%{transform:scale(1);box-shadow:0 0 0 11px rgba(240,199,90,0)}}
@keyframes pbq{0%,20%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 0 rgba(240,199,90,0)}6%{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 0 rgba(240,199,90,.55)}20%{transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.25),0 0 0 12px rgba(240,199,90,0)}}
.svc .pbw{animation:pbp 2.5s ease-in-out infinite}.bcta{animation:pbq 2.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.svc .pbw,.bcta{animation:none}}
@media(min-width:640px){.svc .sc-w{grid-column:span 3}.svc .sg{gap:10px}}
@media(max-width:639px){.svc .pmb{width:auto!important;max-width:none!important}}
.svc .sc-soon{display:none}
.svc[data-l="c"] .sc-soon{display:flex;border:1.5px dashed rgba(240,199,90,.55);background:repeating-linear-gradient(135deg,rgba(121,104,76,.35) 0 8px,rgba(84,70,51,.35) 8px 16px);color:rgba(255,224,138,.7);box-shadow:none;cursor:default;opacity:.9}
.svc[data-l="c"] .sc-soon:hover{transform:none;box-shadow:none}
.svc[data-l="c"] .sc-soon i{font-style:normal;font-size:1.4rem;opacity:.8}
.svc[data-l="c"] .sc-soon small{color:rgba(243,226,180,.7)}
.svc[data-l="c"] .sc,.svc[data-l="c"] .sc-w{grid-column:span 2;flex-direction:column;text-align:center;min-height:100px;padding:5px 3px 6px;gap:2px;justify-content:flex-start}
.svc[data-l="c"] .sc-sim small{font-size:9.5px;line-height:1.25;white-space:nowrap}.svc[data-l="c"] .sc-sim .pbw{font-size:10.5px;padding:2px 12px}.svc[data-l="c"] .sc-sim{gap:1px;padding:5px 2px 6px}
.svc[data-l="c"] .sc-sim svg{width:22px;height:22px}.svc[data-l="c"] .sc-ship svg{width:26px;height:26px}.svc[data-l="c"] .sc b{font-size:12.5px}
.svc[data-l="c"] .sc-soon{display:flex;border:1.5px dashed rgba(240,199,90,.75);background:repeating-linear-gradient(135deg,rgba(121,104,76,.72) 0 7px,rgba(84,70,51,.5) 7px 14px);color:#ffe08a;box-shadow:inset 0 0 14px rgba(0,0,0,.18);cursor:default}
.svc[data-l="c"] .sc-soon:hover{transform:none;box-shadow:inset 0 0 14px rgba(0,0,0,.18)}
.svc[data-l="c"] .sc-soon i{font-style:normal;font-size:1.4rem}
.svc[data-l="c"] .sc-soon small{color:#f3e2b4}
.svc[data-l="c"] .sc b{font-size:12px;line-height:1.18}.svc[data-l="c"] .sc small{font-size:10px;line-height:1.25}
.svc[data-l="c"] .sc i{font-size:18px;line-height:1.1}.svc[data-l="c"] .sc svg{width:20px!important;height:20px!important}
.svc[data-l="c"] .sc .pbw{font-size:10.5px!important;padding:2px 12px!important;line-height:1.5!important;margin-top:auto;flex:none}
.svc[data-l="c"] .sc-sim small{font-size:9.5px;white-space:nowrap}

.pms{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;margin:12px 0 4px}
.pms .pm{flex-direction:column;text-align:center;min-height:0;padding:12px 6px;gap:6px}.pms .pm b{font-size:.82rem;line-height:1.3}.pms .pm small{font-size:.7rem}.pms .pm svg{width:22px;height:22px}.pms .pm .pi{font-size:1.4rem}
.pm{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:10px 12px;min-height:72px;color:var(--ink);transition:.2s}.pm:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(38,51,95,.14)}
.pm .pi{display:flex;gap:4px;align-items:center;flex:0 0 auto;font-size:1.5rem;line-height:1}.pm svg{width:25px;height:25px;fill:currentColor}.pm .pe{width:42px;height:42px;fill:none}
.pm b{display:block;font-size:.9rem;line-height:1.4}.pm small{display:block;color:var(--mute);font-size:.76rem;line-height:1.4}
.pm.pm1{background:linear-gradient(135deg,#26335f,#3a4a82);border-color:transparent;color:#fff}.pm.pm1 small{color:#f4d58a}.pm.pm1 svg{color:#f4d58a}.pm.pm1 .pe{color:inherit}
.rel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 6px}.rel .rs{grid-column:1/-1;background:linear-gradient(135deg,#26335f,#3a4a82);border-color:transparent;color:#fff}.rel .rs small{color:#f4d58a}.rel .rs .ic{background:none;width:auto;font-size:1.5rem}@media(min-width:520px){.rel{grid-template-columns:repeat(3,1fr)}.rel .rs{grid-column:auto}}
.fmo{white-space:pre-wrap;font-family:inherit;line-height:2;direction:rtl;text-align:right;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 10px;font-size:.95rem;overflow-wrap:anywhere}
.cards:not(.open) .x{display:none}.mbtn{display:block;width:100%;text-align:center;padding:10px;border:1px dashed var(--gold);border-radius:12px;color:var(--navy);font-weight:700;font-size:.9rem;background:var(--card);margin-top:12px;cursor:pointer;font-family:inherit}
[data-theme=dark] .mbtn{color:var(--gold)}
.qn{text-align:center;font-size:.84rem;line-height:1.9;color:var(--mute);margin:4px 8px 14px}.nt{margin:16px 2px 6px;display:flex;flex-direction:column;gap:6px}.nt p{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;line-height:1.8;color:var(--mute);margin:0;text-align:right}.nt i{color:#d93025;font-style:normal;flex:none;line-height:1.8}.shf .fs{margin-bottom:6px}.shn{font-size:.85rem;color:var(--mute)}

.hero{padding:14px 14px 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}.chips a{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.9rem}.chips a:hover{border-color:var(--gold)}
.bc{font-size:.85rem;color:var(--mute);margin:14px 0 0}.bc a{text-decoration:underline}
.faq h3{font-size:1rem;margin:1em 0 .1em;color:var(--h)}.faq p{margin:.2em 0}
.lead{font-size:1.02rem}
[hidden]{display:none!important}.dc{display:flex;gap:8px;flex-wrap:wrap}.dc>select{width:auto;flex:0 0 105px}.dc>input[type=date]{flex:1;min-width:150px}.hj{display:flex;gap:8px;flex:1;min-width:240px}.hj select{flex:1 1 90px;width:auto}.hj input{flex:1 1 90px;width:auto}
.foot2{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-bottom:10px}
@media (prefers-color-scheme:dark){
:root{--h:#ecdfc2;--h2:#d9c08a;--inp:#222b46;--bg:#0e1424;--card:#172038;--ink:#e4e8f2;--mute:#9aa4c0;--line:#2c3656}
.c0{background:#27365d}.c1{background:#244235}.c2{background:#4a3f27}.c3{background:#3a3158}.c4{background:#244350}.c5{background:#4d2c33}.c6{background:#383f25}.c7{background:#25443a}
.card:hover{box-shadow:0 8px 18px rgba(0,0,0,.45)}.panel{box-shadow:none}
.er,.res p.er{color:#ff9d9d}
.go{color:#1d2747}
}

/* ===== خدماتنا المميزة: Hover Lift + Glow + أيقونة ذهبية ===== */
.svc .sc{position:relative;overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease,background .35s ease}
.svc .sc>*{position:relative;z-index:3}
.svc .sc::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;background:linear-gradient(150deg,#fff3c8,#f0c75a 30%,rgba(240,199,90,0) 52%,#c9962e 80%,#fff3c8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease}
.svc .sc::after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-75%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,238,190,.38),transparent);transform:skewX(-20deg)}
.svc .sc i,.svc .sc svg{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease,color .3s,fill .3s}
.svc .sc:not(.sc-soon):hover,.svc .sc:not(.sc-soon):focus-visible,.svc .sc:not(.sc-soon):active{transform:translateY(-6px) scale(1.03);border-color:transparent;background:linear-gradient(145deg,rgba(140,120,86,.97),rgba(88,72,50,.97));box-shadow:0 16px 30px -12px rgba(40,25,5,.65),0 0 28px -6px rgba(240,199,90,.6),inset 0 -34px 32px -24px rgba(255,214,110,.45);outline:none}
.svc .sc:not(.sc-soon):hover::before,.svc .sc:not(.sc-soon):focus-visible::before,.svc .sc:not(.sc-soon):active::before{opacity:1}
.svc .sc:not(.sc-soon):hover::after,.svc .sc:not(.sc-soon):focus-visible::after,.svc .sc:not(.sc-soon):active::after{animation:aalSweep .85s ease forwards}
.svc .sc:not(.sc-soon):hover i,.svc .sc:not(.sc-soon):hover svg,.svc .sc:not(.sc-soon):focus-visible i,.svc .sc:not(.sc-soon):focus-visible svg,.svc .sc:not(.sc-soon):active i,.svc .sc:not(.sc-soon):active svg{transform:translateY(-3px) scale(1.28) rotate(-8deg);filter:drop-shadow(0 0 7px rgba(255,214,110,.95));color:#ffe9a8;fill:#ffe9a8}
.svc .sc:not(.sc-soon):hover .pbw,.svc .sc:not(.sc-soon):focus-visible .pbw,.svc .sc:not(.sc-soon):active .pbw{box-shadow:0 0 14px rgba(255,214,110,.75)}
@keyframes aalSweep{from{left:-75%}to{left:135%}}
@media (prefers-reduced-motion:reduce){.svc .sc,.svc .sc i,.svc .sc svg{transition:none}.svc .sc:hover,.svc .sc:active{transform:none!important}.svc .sc::after{display:none}}

/* ===== ثيم الخدمات المميزة (body.lux) ===== */

/* ===== ثيم صفحة الشحن: أسود وذهبي (نفس صفحة الهبوط) ===== */
.lux{--bg:#0b0c10;--card:rgba(20,22,29,.82);--ink:#f4f2ee;--mute:#9a9ca6;--line:rgba(255,255,255,.09);--h:#f2d898;--inp:#0f1116;--gold:#c9a35a;--g1:#c9a35a;--g2:#f2d898;--g3:#8a6a2c;--grgb:201,163,90;color-scheme:dark}
:root body.lux{background:radial-gradient(ellipse 70% 40% at 50% -6%,rgba(var(--grgb),.20),transparent 70%),radial-gradient(ellipse 50% 35% at 100% 70%,rgba(var(--grgb),.07),transparent 70%),linear-gradient(180deg,#12141a,#0b0c10 55%);background-attachment:fixed;color:var(--ink)}
.lux .lx-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 75% 55% at 50% 18%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 75% 55% at 50% 18%,#000 15%,transparent 75%)}
.lux #lx-dust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.lux main,.lux>.w:not(.bk),.lux footer{position:relative;z-index:1}
.lux .bk{z-index:40}
.lux header{background:linear-gradient(180deg,rgba(18,20,26,.96),rgba(11,12,16,.96));border-bottom:1px solid rgba(var(--grgb),.28);box-shadow:0 10px 30px -18px #000}
.lux .back{background:rgba(20,22,29,.9);border-color:rgba(var(--grgb),.35);color:var(--g2)}

/* الهيرو */
.lux .lx-hero{text-align:center;padding:18px 0 8px}
.lux .lx-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;font-weight:700;color:var(--g2);background:rgba(var(--grgb),.08);border:1px solid rgba(var(--grgb),.28);padding:6px 16px;border-radius:999px;margin-bottom:14px}
.lux .lx-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--g2);box-shadow:0 0 10px var(--g2)}
:root body.lux h1.t{color:var(--ink);font-size:clamp(1.8rem,5.6vw,3.2rem);font-weight:800;line-height:1.25;margin:0 0 16px;text-wrap:balance}
.lux h1.t em{font-style:normal;background:linear-gradient(100deg,var(--g3),var(--g2) 40%,#fff6dc 55%,var(--g1) 75%,var(--g3));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lxSheen 7s ease-in-out infinite}@keyframes lxSheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.lux .lx-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:6px}
.lux .lx-chips span{display:flex;align-items:center;gap:8px;background:rgba(20,22,29,.8);border:1px solid var(--line);padding:8px 14px;border-radius:14px;font-size:.88rem;color:var(--mute);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}
:root body.lux .lx-chips span:hover{transform:translateY(-3px);border-color:rgba(var(--grgb),.5);box-shadow:0 0 22px -6px rgba(var(--grgb),.5)}
.lux .lx-chips b{color:var(--g2);font-weight:800}

/* اللوحة والنموذج */
:root body.lux .panel{position:relative;background:var(--card);border:1px solid rgba(var(--grgb),.22);border-radius:24px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 30px 60px -30px #000}
.lux .panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(150deg,rgba(var(--grgb),.85),transparent 30%,transparent 70%,rgba(var(--grgb),.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
:root body.lux .svp .shf{background:linear-gradient(160deg,rgba(var(--grgb),.16),rgba(var(--grgb),.04));border:1px solid rgba(var(--grgb),.4);border-radius:16px}
:root body.lux .svp .shf .lead{color:#e9e5dc}
:root body.lux .svp .shf b{color:var(--g2)}
:root body.lux .cat,:root body.lux .svp .cat{color:var(--g2);border-right:0;padding-right:0;display:flex;align-items:center;gap:10px}
.lux .svp .cat::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--grgb),.4),transparent)}
:root body.lux label{color:#b9bbc4}
:root body.lux input,:root body.lux select{background:var(--inp);color:var(--ink);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;transition:border-color .25s,box-shadow .25s}
:root body.lux input::placeholder{color:#5c5f6a}
:root body.lux .svp input:focus,:root body.lux .svp select:focus{border-color:var(--g1);outline:none;box-shadow:0 0 0 3px rgba(var(--grgb),.18)}

/* زر الإرسال الذهبي */
:root body.lux .svp .go{position:relative;overflow:hidden;margin-top:18px;background:linear-gradient(180deg,var(--g2),var(--g1));color:#0b0c10;border:0;border-radius:14px;padding:15px;font-size:1.08rem;font-weight:800;box-shadow:0 14px 34px -12px rgba(var(--grgb),.75),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .25s,box-shadow .25s}
.lux .svp .go::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:lxSweep 4s ease-in-out infinite 1.5s}@keyframes lxSweep{0%{left:-60%}35%,100%{left:130%}}
:root body.lux .svp .go:hover{transform:translateY(-3px);background:linear-gradient(180deg,#fae3a8,var(--g1));box-shadow:0 20px 44px -12px rgba(var(--grgb),.9),inset 0 1px 0 rgba(255,255,255,.5)}

/* الإرشادات */
:root body.lux .txt h2{color:var(--g2)}
.lux .txt ul{list-style:none;padding:0;display:grid;gap:10px;margin-top:12px}
.lux .txt li{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:#cfd0d6;transition:border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
:root body.lux .txt li:hover{border-color:rgba(var(--grgb),.45);transform:translateX(-4px)}
.lux .txt li b{color:var(--g2)}
.lux .nt i{color:var(--g2)}

/* خدمات أخرى: Hover Lift + Glow */
:root body.lux .car .cs{position:relative;overflow:hidden;background:linear-gradient(160deg,#1c1e26,#111217);border:1px solid rgba(var(--grgb),.3);color:var(--ink);box-shadow:0 14px 30px -18px #000;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s}
.lux .car .cs i,.lux .car .cs svg{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.lux .car .cs b{color:var(--g2)}
.lux .car .cs small{color:var(--mute)}
:root body.lux .car .cs:hover,:root body.lux .car .cs:focus-visible,:root body.lux .car .cs:active{transform:translateY(-6px);border-color:var(--g1);box-shadow:0 18px 34px -14px #000,0 0 26px -6px rgba(var(--grgb),.55),inset 0 -30px 30px -22px rgba(var(--grgb),.4)}
:root body.lux .car .cs:hover i,:root body.lux .car .cs:hover svg,:root body.lux .car .cs:active i,:root body.lux .car .cs:active svg{transform:translateY(-3px) scale(1.25) rotate(-8deg);filter:drop-shadow(0 0 7px rgba(255,214,110,.95))}

.lux footer{color:#6b6d77}@media (prefers-reduced-motion:reduce){.lux *,.lux *::before,.lux *::after{animation:none!important;transition:none!important}.lux #lx-dust{display:none}}

/* ===== ثيم الخدمات المميزة: هيرو الصفحات (تصميم المتاجر، البايو، الخدمة الخاصة) ===== */
:root body.lux .bh{position:relative;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(var(--grgb),.18),transparent 70%),linear-gradient(170deg,#191b22,#0e0f14);border:1px solid rgba(var(--grgb),.35);border-radius:24px;padding:30px 18px 22px;box-shadow:0 30px 60px -30px #000}
.lux .bh::after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,238,190,.08),transparent);transform:skewX(-20deg);animation:lxSweep 7s ease-in-out infinite 2s;pointer-events:none}
:root body.lux .bh .bhk{display:inline-flex;align-items:center;gap:9px;background:rgba(var(--grgb),.08);border:1px solid rgba(var(--grgb),.3);color:var(--g2);padding:5px 15px;margin-bottom:14px}
.lux .bh .bhk::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--g2);box-shadow:0 0 10px var(--g2)}
:root body.lux .bh .bht{font-size:clamp(1.6rem,5.4vw,2.6rem);font-weight:800;line-height:1.3;color:var(--ink);text-wrap:balance;background:linear-gradient(100deg,#f4f2ee 30%,var(--g2) 50%,#f4f2ee 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lxSheen 8s ease-in-out infinite}
:root body.lux .bh .bhs{color:var(--g2);font-size:1.08rem;margin:6px 0 12px}
:root body.lux .bh .bhd{color:#c9cad1;max-width:560px;margin:0 auto 16px}
:root body.lux .bh .bhp span{background:rgba(20,22,29,.8);border:1px solid var(--line);color:#d9d6cf;padding:4px 12px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}
:root body.lux .bh .bhp span:hover{transform:translateY(-3px);border-color:rgba(var(--grgb),.55);box-shadow:0 0 18px -6px rgba(var(--grgb),.6)}
:root body.lux .bcta{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--g2),var(--g1));color:#0b0c10;border-radius:14px;padding:13px 34px;font-weight:800;box-shadow:0 14px 34px -12px rgba(var(--grgb),.75),inset 0 1px 0 rgba(255,255,255,.5);animation:none;transition:transform .25s,box-shadow .25s}
.lux .bcta::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:lxSweep 4s ease-in-out infinite 1.5s}
:root body.lux .bcta:hover{transform:translateY(-3px);box-shadow:0 20px 44px -12px rgba(var(--grgb),.9),inset 0 1px 0 rgba(255,255,255,.5)}
:root body.lux .bh .bhn{color:var(--mute)}
:root body.lux .bh .bhn b{color:var(--g2)}

/* بطاقات المميزات والخطوات */
:root body.lux .svp .bb>div,:root body.lux .svp .bs>div{background:linear-gradient(160deg,#1a1c23,#111217);border:1px solid rgba(var(--grgb),.22);color:var(--ink);border-radius:16px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s}
:root body.lux .svp .bb b,:root body.lux .svp .bs b{color:var(--ink)}
:root body.lux .svp .bb small{color:var(--mute)}
:root body.lux .svp .bs span{background:linear-gradient(180deg,var(--g2),var(--g1));color:#0b0c10}
.lux .svp .bb i{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
:root body.lux .svp .bb>div:hover,:root body.lux .svp .bb>div:active,:root body.lux .svp .bs>div:hover,:root body.lux .svp .bs>div:active{transform:translateY(-5px);border-color:var(--g1);box-shadow:0 18px 34px -16px #000,0 0 24px -8px rgba(var(--grgb),.55),inset 0 -28px 28px -22px rgba(var(--grgb),.35)}
:root body.lux .svp .bb>div:hover i,:root body.lux .svp .bb>div:active i{transform:scale(1.22) rotate(-8deg);filter:drop-shadow(0 0 7px rgba(255,214,110,.9))}

/* نماذج التصاميم والصور: ترتفع وتتوهج عند اللمس */
:root body.lux .bx,:root body.lux .qx{padding:22px 8px 26px}
:root body.lux .bxl{color:var(--g2)}
:root body.lux .qtg{background:linear-gradient(180deg,var(--g2),var(--g1));color:#0b0c10}
.lux .bmw,.lux .qcd{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease}
:root body.lux .bmc:hover .bmw,:root body.lux .bmc:active .bmw,:root body.lux .bmw:focus-visible{transform:translateY(-12px) scale(1.03);filter:drop-shadow(0 18px 22px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(var(--grgb),.55))}
:root body.lux .qc:hover .qcd,:root body.lux .qc:active .qcd{transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 16px 20px rgba(0,0,0,.7)) drop-shadow(0 0 16px rgba(var(--grgb),.6))}
.lux .bxl,.lux .qtg{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
:root body.lux .bmc:hover .bxl,:root body.lux .bmc:active .bxl,:root body.lux .qc:hover .qtg,:root body.lux .qc:active .qtg{transform:translateY(-14px)}

:root body.lux textarea{background:var(--inp);color:var(--ink);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px}
:root body.lux .svp textarea:focus{border-color:var(--g1);outline:none;box-shadow:0 0 0 3px rgba(var(--grgb),.18)}
:root body.lux .txt p{color:#cfd0d6}

/* ===== كل البطاقات في الموقع: حركة عند اللمس بنفس ألوانها ===== */
.card,.car .ct,.bb>div,.bs>div{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.card .ic,.car .ct i,.car .ct svg,.bb i{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.card:hover,.card:focus-visible,.card:active{transform:translateY(-7px) scale(1.02);box-shadow:0 16px 30px -12px rgba(20,26,50,.35)}
:root[data-theme=dark] .card:hover,:root[data-theme=dark] .card:active{box-shadow:0 16px 30px -12px rgba(0,0,0,.7)}
.card:hover .ic,.card:focus-visible .ic,.card:active .ic{transform:translateY(-3px) scale(1.15) rotate(-6deg)}
.car .ct:hover,.car .ct:focus-visible,.car .ct:active{transform:translateY(-5px);box-shadow:0 14px 26px -12px rgba(20,26,50,.4)}
.car .ct:hover i,.car .ct:hover svg,.car .ct:active i,.car .ct:active svg{transform:scale(1.2) rotate(-6deg)}
.bb>div:hover,.bb>div:active,.bs>div:hover,.bs>div:active{transform:translateY(-4px);box-shadow:0 12px 24px -12px rgba(20,26,50,.35)}
.bb>div:hover i,.bb>div:active i{transform:scale(1.18) rotate(-6deg)}@media (prefers-reduced-motion:reduce){.card,.car .ct,.bb>div,.bs>div,.card .ic,.lux .bmw,.lux .qcd{transition:none!important;transform:none!important}}
/* ===== إيقاف نبض "اطلب الآن" في الصفحة الرئيسية فقط ===== */
.svc .pbw{animation:none}

/* ===== سهم الرجوع للأعلى بنفس لون زر الرجوع ===== */
.totop{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 10px rgba(20,26,50,.25)}
.totop:hover{border-color:var(--gold)}
.lux .totop{background:rgba(20,22,29,.9);color:#f2d898;border:1px solid rgba(201,163,90,.35);box-shadow:0 6px 18px -6px #000}
.lux .back{box-shadow:0 6px 18px -6px #000}

/* ===== التحقق من الحقول ===== */
.fs .fe{display:block;min-height:0;font-size:.78rem;font-weight:700;color:#d93025;margin-top:4px;line-height:1.5}
.fs .fe:empty{display:none}
.fs .bad input,.fs .bad select,.fs .bad textarea{border-color:#d93025!important;box-shadow:0 0 0 3px rgba(217,48,37,.15)!important}
.fs .req label::after{content:" *";color:#d93025;font-weight:800}
.lux .fs .fe{color:#ff8a7a}
.lux .fs .bad input,.lux .fs .bad select,.lux .fs .bad textarea{border-color:#ff6b5a!important;box-shadow:0 0 0 3px rgba(255,107,90,.18)!important}
.lux .fs .req label::after{color:#ff8a7a}
.vmsg{display:none;margin-top:10px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:.9rem;background:rgba(217,48,37,.08);border:1px solid rgba(217,48,37,.35);color:#d93025}
.vmsg.on{display:block}
.lux .vmsg{background:rgba(255,107,90,.08);border-color:rgba(255,107,90,.4);color:#ff9a8c}

/* ===== حاسبة سعر الشحن (مضغوطة) ===== */
.lx-calc{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin:14px 0 4px;padding:9px 14px;border-radius:16px;background:linear-gradient(160deg,rgba(201,163,90,.14),rgba(201,163,90,.03));border:1px solid rgba(201,163,90,.4)}
.lx-calc label{color:#d9d6cf!important;margin-bottom:2px;font-size:.82rem}
.lx-calc .lx-w{display:flex;align-items:center;gap:8px}
:root body.lux .lx-calc .lx-w input{max-width:120px;font-size:1rem;font-weight:800;text-align:center;padding:7px 10px}
.lx-calc .lx-w span{color:#9a9ca6;font-weight:700;font-size:.85rem}
.lx-calc .lx-out{display:flex;align-items:baseline;gap:6px;justify-content:center;min-width:110px}
.lx-calc .lx-out small{color:#9a9ca6;font-size:.72rem}
.lx-calc .lx-out b{font-size:1.7rem;line-height:1;font-weight:900;color:#f2d898;font-variant-numeric:tabular-nums;transition:transform .3s}
.lx-calc .lx-out b.pop{transform:scale(1.12)}
.lx-calc .lx-out em{font-style:normal;font-size:.82rem;color:#c9a35a;font-weight:700}
.lx-calc .lx-note{grid-column:1/-1;margin:0;color:#8d8f99;font-size:.74rem;line-height:1.6}
.lx-calc .fe{grid-column:1/-1}
.lx-calc.bad{border-color:#ff6b5a}
.lx-calc.bad input{border-color:#ff6b5a!important;box-shadow:0 0 0 3px rgba(255,107,90,.18)!important}
.lx-calc .fe{display:block;font-size:.78rem;font-weight:700;color:#ff8a7a}
.lx-calc .fe:empty{display:none}
.lx-calc label::after{content:" *";color:#ff8a7a;font-weight:800}
@media(max-width:400px){.lx-calc{grid-template-columns:1fr}.lx-calc .lx-out{justify-content:flex-start}}

/* ===== الأسئلة الشائعة ===== */
.lx-faq{margin-top:22px;display:grid;gap:10px}
.lx-faq details{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:2px 16px;transition:border-color .3s,box-shadow .3s}
.lx-faq details[open]{border-color:var(--gold)}
.lx-faq summary{cursor:pointer;list-style:none;padding:13px 0;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary::after{content:"+";font-size:1.3rem;font-weight:700;color:var(--gold);transition:transform .3s;flex:none}
.lx-faq details[open] summary::after{transform:rotate(45deg)}
.lx-faq details p{margin:0 0 14px;color:var(--mute);line-height:1.9}
:root body.lux .lx-faq details{background:linear-gradient(160deg,#1a1c23,#111217);border-color:rgba(201,163,90,.22)}
:root body.lux .lx-faq details[open],:root body.lux .lx-faq details:hover{border-color:#c9a35a;box-shadow:0 0 22px -10px rgba(201,163,90,.6)}
:root body.lux .lx-faq summary{color:#f4f2ee}
:root body.lux .lx-faq details p{color:#b9bbc4}

/* ===== ظهور البطاقات بحركة عند النزول ===== */
.rv{opacity:.001;translate:0 26px}
.rv-in{opacity:1;translate:0 0;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;translate:none}.rv-in{transition:none}}

/* ===== زر "اقترح أداة" في صفحات الخدمات المميزة: نفس لون الرجوع والسهم ===== */
.lux .rqf{background:rgba(20,22,29,.9);color:#f2d898;border:1px solid rgba(201,163,90,.35);box-shadow:0 6px 18px -6px #000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lux .rqf:hover{border-color:#c9a35a}

/* ===== خدماتنا المميزة في الرئيسية: أسود وذهبي ===== */
.svc .sc{background:linear-gradient(160deg,#1b1c22,#111217)!important;border:1px solid rgba(201,163,90,.38)!important;color:#f2d898!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.6)}
.svc .sc b{color:#f2d898!important}
.svc .sc small{color:#a3a5ae!important}
.svc .sc i,.svc .sc svg{color:#e8c77f;fill:#e8c77f}
.svc .sc-soon{background:repeating-linear-gradient(135deg,#17181e 0 7px,#101116 7px 14px)!important;border:1.5px dashed rgba(201,163,90,.45)!important;color:#c9a35a!important}
.svc .sc:not(.sc-soon):hover,.svc .sc:not(.sc-soon):focus-visible,.svc .sc:not(.sc-soon):active{background:linear-gradient(160deg,#24252d,#16171c)!important;border-color:transparent!important}

/* ===== Arab App Lab — الصفحات المجانية: أسود + فضي (نفس الصفحة الرئيسية) ===== */
:root,:root[data-theme=dark],:root[data-theme=light]{color-scheme:dark!important;--bg:#101216!important;--card:#1a1d23!important;--ink:#eef0f4!important;--mute:#959cab!important;--line:#2a2e36!important;--h:#eef1f5!important;--h2:#c3cad6!important;--inp:#14161b!important;--navy:#14161b!important;--navy2:#101216!important;--gold:#c3cad6!important;--goldbg:rgba(195,202,214,.08)!important}
body:not(.lux){background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(195,202,214,.08),transparent 70%),#101216!important;background-attachment:fixed!important;color:#eef0f4}
html{background:#101216}
#th{display:none!important}
body:not(.lux) header{background:rgba(16,18,22,.96)!important;border-bottom:1px solid #2a2e36!important;color:#eef0f4}
body:not(.lux) .mb{background:rgba(195,202,214,.08)!important;border:1px solid rgba(195,202,214,.3)!important;color:#eef1f5!important}
body:not(.lux) .sr,body:not(.lux) #q{background:#14161b!important;color:#eef0f4!important;border:1px solid #2a2e36!important}
body:not(.lux) .sr::placeholder{color:#7d8392}
body:not(.lux) .mega{background:#16181d!important;border:1px solid #2a2e36!important;color:#eef0f4}
body:not(.lux) .mega a{color:#d6dbe4!important}
body:not(.lux) h1.t,body:not(.lux) .txt h2,body:not(.lux) .faq h3,body:not(.lux) .cat,body:not(.lux) h2,body:not(.lux) h3{color:#eef1f5!important}
body:not(.lux) .sub,body:not(.lux) .bc,body:not(.lux) .bc a{color:#959cab!important}
body:not(.lux) .panel{background:#1a1d23!important;border:1px solid #2a2e36!important;box-shadow:0 18px 34px -22px rgba(0,0,0,.7)!important}
body:not(.lux) label{color:#c3cad6}
body:not(.lux) input,body:not(.lux) select,body:not(.lux) textarea{background:#14161b!important;color:#eef0f4!important;border:1px solid #2a2e36!important}
body:not(.lux) input:focus,body:not(.lux) select:focus,body:not(.lux) textarea:focus{outline:none;border-color:#c3cad6!important;box-shadow:0 0 0 3px rgba(195,202,214,.15)}
body:not(.lux) .go{background:linear-gradient(135deg,#f3f5f8,#c3cad6 60%,#9aa2b0)!important;color:#101216!important;border:0!important;box-shadow:0 10px 24px -14px rgba(195,202,214,.6)!important}
body:not(.lux) .res div,body:not(.lux) .res .out{background:#14161b!important;border:1px solid #2a2e36;color:#eef0f4!important}
body:not(.lux) .res b,body:not(.lux) .mh{color:#ffffff!important}
body:not(.lux) .sm{background:#14161b!important;color:#d6dbe4!important;border:1px solid #2a2e36!important}
body:not(.lux) .card,body:not(.lux) .tc{background:#1a1d23!important;border:1px solid #2a2e36!important;color:#eef0f4}
body:not(.lux) .c0,body:not(.lux) .c1,body:not(.lux) .c2,body:not(.lux) .c3,body:not(.lux) .c4,body:not(.lux) .c5,body:not(.lux) .c6,body:not(.lux) .c7{background:rgba(195,202,214,.08)!important;border:1px solid rgba(195,202,214,.22)}
body:not(.lux) a{color:#d6dbe4}
body:not(.lux) footer{background:#0c0d10!important;border-top:1px solid #2a2e36;color:#7d8392}
body:not(.lux) footer a{color:#c3cad6!important}
body:not(.lux) table,body:not(.lux) th,body:not(.lux) td{border-color:#2a2e36!important}
body:not(.lux) th{background:#14161b!important;color:#eef1f5}
body:not(.lux) .rq-strip{background:#1a1d23!important;border:1px solid #2a2e36!important;color:#eef0f4!important}
body:not(.lux) .rq-strip button,body:not(.lux) .rq-go{background:linear-gradient(135deg,#f3f5f8,#c3cad6)!important;color:#101216!important;border:0!important}
body:not(.lux) .rqb,body:not(.lux) .rq-p,body:not(.lux) .rqm,body:not(.lux) .rq-box{background:#1a1d23!important;color:#eef0f4!important;border-color:#2a2e36!important}
body:not(.lux) .rqf,body:not(.lux) .rq-go{background:linear-gradient(135deg,#2a2e36,#1a1d23)!important;color:#eef1f5!important;border:1px solid rgba(195,202,214,.35)!important;box-shadow:0 10px 24px -12px #000!important}
body:not(.lux) .rqb,body:not(.lux) .rqb-b,body:not(.lux) .rqb-c,body:not(.lux) .rq-p,body:not(.lux) .rqm,body:not(.lux) .rq-box{background:#1a1d23!important;color:#eef0f4!important;border-color:#2a2e36!important}
body:not(.lux) .rqb-t,body:not(.lux) .rqt{color:#eef1f5!important}
body:not(.lux) .rqb-s,body:not(.lux) .rqb-r,body:not(.lux) .rq-r{color:#959cab!important}
body:not(.lux) .rqn,body:not(.lux) .rqb .rqn,body:not(.lux) .rq-p .rqn{background:#14161b!important;color:#eef1f5!important;border-color:#2a2e36!important}
body:not(.lux) .rqf2{background:transparent!important;color:#c3cad6!important}
body:not(.lux) .rq-x{color:#c3cad6!important}
body:not(.lux) .rqb-f button,body:not(.lux) .rq-p button:not(.rq-x){background:linear-gradient(135deg,#f3f5f8,#c3cad6)!important;color:#101216!important;border:0!important}

.logo.aal-name{font:800 1.15rem Tajawal,sans-serif;letter-spacing:.5px;background:linear-gradient(135deg,#ffffff,#c3cad6 60%,#9aa2b0);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-decoration:none;white-space:nowrap}

/* ===== حاويات الإعلانات: مساحة ثابتة محجوزة لا تغطي المحتوى ===== */
html,body{overflow-anchor:none}
.ad-placeholder{display:block!important;position:relative;box-sizing:border-box;width:100%;max-width:336px;height:280px;margin:24px auto!important;padding:0;overflow:hidden;clear:both;contain:layout paint;background:rgba(195,202,214,.03);border-radius:12px;z-index:0}
.ad-placeholder.ad-top{max-width:728px;height:100px}
@media(min-width:768px){.ad-placeholder.ad-top{height:90px}}
@media print{.ad-placeholder{display:none!important}}

/* ===== مقاسات الجوال (من iPhone SE / 6 وأكبر) ===== */
@media (max-width:480px){
 .logo.aal-name{font-size:1rem}
 .bh{padding:18px 14px!important}
 .bhk{font-size:.78rem!important;padding:4px 12px!important}
 .bht{font-size:clamp(1.25rem,6.2vw,1.6rem)!important;line-height:1.35!important}
 .bhs{font-size:clamp(.92rem,4.2vw,1.05rem)!important}
 .bhd{font-size:.88rem!important;line-height:1.8!important}
 .mb{font-size:.82rem!important;padding:7px 12px!important;white-space:nowrap}
}
@media (max-width:360px){
 .bht{font-size:1.2rem!important}
 .mb{font-size:.74rem!important;padding:6px 10px!important}
 .logo.aal-name{font-size:.92rem}
}
/* === ترتيب عمودي: تصميم المتجر + الخدمة الخاصة (كل المقاسات) === */
body.bb1 .bb{grid-template-columns:1fr!important}
/* === الحركة 2 (حيوي): نماذج البايو والتصاميم === */
.bmi{isolation:isolate}
.bmi .av{position:relative}
.anim-b .bmi .glow{animation:bb-glow 7s linear infinite}
.anim-b .bmi .av::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,currentColor 75%,transparent 90%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);animation:bb-spin 2.6s linear infinite;opacity:.9}
.anim-b .bmi .rows .r{animation:bb-row 4.8s ease-in-out infinite}
.anim-b .bmi .rows .r:nth-child(2){animation-delay:.6s}.anim-b .bmi .rows .r:nth-child(3){animation-delay:1.2s}.anim-b .bmi .rows .r:nth-child(4){animation-delay:1.8s}.anim-b .bmi .rows .r:nth-child(5){animation-delay:2.4s}.anim-b .bmi .rows .r:nth-child(6){animation-delay:3s}
.anim-b .bmi::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.55) 1.4px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1.6px);background-size:90px 120px,60px 80px;background-position:0 0,30px 40px;animation:bb-pt 9s linear infinite;opacity:.5}
.anim-b .dmi::after{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:6;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-120%);animation:bb-sh 4.2s ease-in-out infinite}
.anim-b .dmi .dlg{animation:bb-lg 2.4s ease-in-out infinite}
@keyframes bb-glow{0%{transform:translateX(-30px) scale(1.05)}50%{transform:translateX(30px) scale(1.18);filter:hue-rotate(25deg)}100%{transform:translateX(-30px) scale(1.05)}}
@keyframes bb-spin{to{transform:rotate(360deg)}}
@keyframes bb-row{0%,100%{transform:none;filter:none}10%{transform:translateX(-6px) scale(1.02);filter:brightness(1.35)}20%{transform:none;filter:none}}
@keyframes bb-pt{to{background-position:0 -240px,30px -120px}}
@keyframes bb-sh{0%,50%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes bb-lg{50%{transform:scale(1.12);filter:brightness(1.3) drop-shadow(0 0 6px currentColor)}}
/* === الحركة 1 (هادئ): نتيجة QR والباركود === */
.anim-a #res canvas,.anim-a #res img,.anim-a #res svg{animation:ca-br 3.2s ease-in-out infinite;border-radius:6px}
@keyframes ca-br{50%{box-shadow:0 0 22px rgba(195,202,214,.45);filter:brightness(1.04)}}
@media(prefers-reduced-motion:reduce){.bmi *,.bmi::before,.bmi::after,.anim-a #res *{animation:none!important}}
/* === الإعلانات: شفافة ومسافة أوسع عن الأزرار والنصوص === */
.ad-placeholder{background:transparent!important;margin:32px auto!important}

@media(max-width:600px){.foot2{gap:4px 12px!important;font-size:.78rem!important}.foot2 a{margin:0!important}}
/* زر الاستفسار في الصفحات المدفوعة: نفس حجم زر الإرسال، باللون الفضي العادي */
.lux a.go.ask{display:block;box-sizing:border-box;text-align:center;text-decoration:none;margin-top:12px;background:linear-gradient(135deg,#f3f5f8,#c3cad6 60%,#9aa2b0)!important;color:#101216!important;border:0!important;box-shadow:0 10px 24px -14px rgba(195,202,214,.6)!important}
/* اقترح أداة: للأدوات المجانية فقط */
body.lux .rqf,body.lux .rq-p{display:none!important}
/* صفحة اتصل بنا: خط أكبر */
.ct-pg .txt p{font-size:1.08rem;line-height:1.9}
.ct-pg .fs label{font-size:1rem}
.ct-pg .fs input,.ct-pg .fs select,.ct-pg .fs textarea{font-size:1.05rem;padding:12px 14px}
.ct-pg #csm{font-size:1rem;margin-top:10px}

html{background:#101216}body.lux{background-color:#0b0b0b}
.rq-p{width:min(440px,calc(100vw - 24px))!important;padding:12px 14px 16px!important;border-radius:14px!important}
.rq-p .rqn,.rq-p .rqf2{font-size:16px!important;padding:12px 14px!important;height:auto!important;min-height:52px!important;box-sizing:border-box}
.rq-p .rqb-t{font-size:1.05rem!important}
.rq-p .rqb-r{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
.rq-p .rqb-r>*{width:100%!important;max-width:none!important;flex:none!important;box-sizing:border-box}
.rq-p .rqb-f{display:flex!important;align-items:center;gap:8px}
.rq-p .rqb-f .rqf2{flex:1 1 auto!important;width:auto!important;border-radius:12px!important}
.rq-p .rqn{border-radius:12px!important;border:1px solid #2a2e36!important;box-shadow:none!important;outline:0}
.rq-p .rqb-f{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.rq-p .rqb-f .rqf2{background:#14161b!important;color:#eef1f5!important;border:1px solid #2a2e36!important;box-shadow:none!important;outline:0}
.rq-p .rqn:focus,.rq-p .rqf2:focus{border-color:#c3cad6!important}
.rq-p .rqb-f button{flex:none;min-width:46px;min-height:46px;border-radius:12px!important}

.ad-placeholder{display:block!important;width:100%;max-width:336px;height:auto!important;min-height:250px;margin:32px auto!important;overflow:hidden;text-align:center;background:transparent!important}
.ad-placeholder.ad-top{max-width:100%;min-height:50px}
@media(min-width:768px){.ad-placeholder.ad-top{min-height:90px}}
.ad-placeholder.ad-native{max-width:720px;min-height:120px}
.ad-placeholder iframe{display:block;margin:0 auto;max-width:100%}