:root{--e:#17110D;--k:#080706;--g:#C6A15B;--c:#E3C77A;--iv:#F4EFE6;--s:'Cormorant Garamond',Georgia,serif;--f:'Inter',system-ui,sans-serif}
:root[dir=rtl]{--f:'IBM Plex Sans Arabic','Inter',sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--k);color:var(--iv);font:400 15px/1.6 var(--f);overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--c);outline-offset:3px}
nav{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:.4s;border-bottom:1px solid rgba(198,161,91,.35)}
nav.s{background:rgba(15,10,8,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nb{display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 4.4%;gap:20px}
.logo{display:flex;align-items:center;gap:10px}
.logo svg{width:44px;height:44px;stroke:var(--c);fill:none;stroke-width:1.3}
.logo b{white-space:nowrap;display:block;font:500 1.55rem/1 var(--s);letter-spacing:.14em;color:var(--c)}
.logo small{white-space:nowrap;display:block;font-size:.55rem;letter-spacing:.2em;color:#cdbf9f;margin-top:5px}
.links{display:flex;gap:clamp(14px,1.7vw,34px);font-size:.78rem}
.links a{white-space:nowrap;padding:6px 0;opacity:.9;transition:.3s;border-bottom:2px solid transparent}
.links a:hover,.links a.a{color:var(--c);border-color:var(--c)}
.nr{display:flex;align-items:center;gap:22px;font-size:.78rem}
.lg{display:flex;align-items:center;white-space:nowrap}.lg button{background:none;border:0;color:var(--iv);cursor:pointer;font:inherit;padding:4px}
.lg button.a{color:var(--c)}.lg i{display:inline-block;width:1px;height:16px;background:var(--g);vertical-align:middle;margin:0 8px}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:14px;padding:14px 28px;border:1px solid var(--g);border-radius:8px;color:var(--iv);font:500 .72rem var(--f);letter-spacing:.09em;transition:.4s;cursor:pointer;background:rgba(8,7,6,.35);position:relative}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(227,199,122,.35)}
.btn.p{background:linear-gradient(135deg,#b58c45,#e3c77a 50%,#c6a15b);color:#1b120c;border-color:var(--c);animation:gl 3.5s ease-in-out infinite}
.btn svg,.ham{stroke:currentColor}
.btn svg{width:16px;fill:none;stroke-width:1.6}
[dir=rtl] .btn svg,[dir=rtl] .cd .ar{transform:scaleX(-1)}
@keyframes gl{50%{box-shadow:0 0 26px rgba(227,199,122,.5)}}
.nr .btn{padding:13px 26px;border-width:2px;border-color:var(--g);background:rgba(8,7,6,.5)}
.ham{display:none;background:none;border:0;width:42px;height:42px;position:relative;cursor:pointer}
.ham i{position:absolute;left:9px;right:9px;height:1.5px;background:var(--c);transition:.4s}
.ham i:nth-child(1){top:15px}.ham i:nth-child(2){top:21px}.ham i:nth-child(3){top:27px}
.ham.o i:nth-child(1){top:21px;transform:rotate(45deg)}.ham.o i:nth-child(2){opacity:0}.ham.o i:nth-child(3){top:21px;transform:rotate(-45deg)}
/* hero */
#hero{--h:max(560px,36.46vw);position:relative;min-height:var(--h);padding:78px 4.4% 0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 20% 30%,#2e1e15,#120c09 60%,var(--k))}
#hero>img{position:absolute;right:0;top:calc(var(--h)*.1179);height:calc(var(--h)*.8821);width:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
[dir=rtl] #hero>img{right:auto;left:0;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 24%);mask-image:linear-gradient(270deg,transparent 0,#000 24%)}
#cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.globe{position:absolute;left:36%;top:14%;width:26%;opacity:.55;pointer-events:none;animation:rot 90s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.hv{position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(0deg,rgba(8,7,6,.85),transparent);pointer-events:none}
.ht{position:relative;max-width:700px}
.ey{display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.24em;color:var(--g);margin-bottom:22px}
.ey:before{content:"";width:28px;height:1px;background:var(--g)}
#hero .ey{letter-spacing:.14em;line-height:1.7}#hero .ey:before{flex:none}[dir=rtl] #hero .ey{letter-spacing:0}
[dir=rtl] .ey,[dir=rtl] .btn,[dir=rtl] .pa h2{letter-spacing:0}
h1{font:700 clamp(1.3rem,2.2vw,2rem)/1.3 'Segoe UI','Open Sans',system-ui,sans-serif;color:#e2c58a;letter-spacing:.005em;text-shadow:0 2px 30px rgba(0,0,0,.6)}
[dir=rtl] h1{font-family:var(--f);line-height:1.5}
.h1a,.h1b{display:block}.h1b{font-weight:400;font-style:italic;margin-top:.35em}
[dir=rtl] .h1a{font-weight:500}[dir=rtl] .h1b{font-style:normal}
.ln{width:min(100%,560px);height:1px;background:linear-gradient(90deg,var(--g),transparent);margin:26px 0}
.hs{max-width:470px;font-size:1.02rem;color:#eee6d8;margin-bottom:34px}
.cta{display:flex;gap:16px;flex-wrap:wrap}
/* stats */
#stats{position:relative;background:linear-gradient(180deg,#1b120d,#0f0a08);border-block:1px solid rgba(198,161,91,.55);padding:38px 4.4%;overflow:hidden}
#stats:before,#stats:after{content:"";position:absolute;top:0;bottom:0;width:150px;opacity:.5;background:repeating-linear-gradient(60deg,rgba(198,161,91,.3) 0 1px,transparent 1px 16px),repeating-linear-gradient(120deg,rgba(198,161,91,.3) 0 1px,transparent 1px 16px);-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}
#stats:before{left:0}#stats:after{right:0;transform:scaleX(-1)}
.sg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;margin:auto;text-align:center}
.sg>div{padding:4px 10px;border-inline-start:1px solid rgba(198,161,91,.4)}.sg>div:first-child{border:0}
.n{font:500 clamp(2.2rem,4vw,3.1rem)/1.1 var(--s);color:var(--c)}
.sg small{font-size:.82rem;color:#e6dcc9}
/* lower */
#low{display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(180deg,#120c09,#0a0706);min-height:340px}
.ab{display:grid;grid-template-columns:.78fr 1fr;border-inline-end:1px solid rgba(198,161,91,.25)}
.ab img{width:100%;height:100%;object-fit:cover;min-height:280px;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
[dir=rtl] .ab img{transform:scaleX(-1)}
.at{padding:52px 34px 40px 28px;align-self:center}
.at .ey{font-size:.5rem;margin-bottom:14px}
h2{font:600 clamp(1.7rem,2.6vw,2.3rem)/1.2 var(--s);color:var(--iv);margin-bottom:18px}
.at p{font-size:.86rem;color:#ddd3c1;margin-bottom:26px;max-width:340px}
.at .btn{padding:12px 22px;font-size:.66rem}
.pa{padding:40px 4.4% 40px 42px}
.pa h2{font:500 1.05rem var(--f);letter-spacing:.22em;color:var(--c);margin-bottom:8px}
.pa>p{font-size:.86rem;color:#ddd3c1;max-width:330px;margin-bottom:18px}
.gd{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cd{position:relative;min-height:106px;padding:16px 12px 30px;border:1px solid rgba(198,161,91,.6);border-radius:5px;background:linear-gradient(160deg,rgba(51,32,25,.35),rgba(10,7,6,.6));transition:.45s;display:flex;flex-direction:column;gap:9px;font-size:.66rem;line-height:1.35}
.cd:hover{transform:translateY(-6px);border-color:var(--c);box-shadow:0 10px 34px rgba(227,199,122,.22)}
.cd svg{width:27px;height:27px;fill:none;stroke:var(--g);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:.4s}
.cd:hover svg{stroke:var(--c)}
.cd .ar{position:absolute;right:10px;bottom:9px;width:15px;height:15px;stroke-width:1.5}
[dir=rtl] .cd .ar{right:auto;left:10px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.rv.v{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
@media(max-width:1180px){.links{gap:20px}.gd{grid-template-columns:repeat(3,1fr)}#low{grid-template-columns:1fr}.ab{border:0;border-bottom:1px solid rgba(198,161,91,.25)}.pa{padding:40px 4.4%}}
@media(max-width:1400px){.links{position:fixed;inset:0;background:rgba(8,7,6,.97);flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;gap:24px;opacity:0;visibility:hidden;transition:.4s}.links.o{opacity:1;visibility:visible}.ham{display:block;z-index:60}.nr .btn{display:none}.nb{z-index:61}.lg{display:flex;align-items:center}}
@media(max-width:1100px){#hero{flex-direction:column;align-items:flex-start;padding:0 5% 50px;min-height:0;justify-content:flex-end}
#hero>img{position:relative;top:0;right:auto;width:calc(100% + 10%);margin:78px -5% 0;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:30% top;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
[dir=rtl] #hero>img{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);object-position:70% top}
.ht{margin-top:-60px}.globe,.hv{display:none}h1{font-size:clamp(1.25rem,4.2vw,2rem)}}
@media(max-width:760px){
#hero{flex-direction:column;align-items:flex-start;padding:0 5% 50px;min-height:0;justify-content:flex-end}
#hero>img{position:relative;width:calc(100% + 10%);margin:0 -5%;height:auto;aspect-ratio:1/1;object-position:4% top;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);margin-top:78px}
[dir=rtl] #hero>img{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent);object-position:96% top}
.ht{margin-top:-60px}.globe{display:none}.hv{display:none}
.sg{grid-template-columns:1fr 1fr;row-gap:26px}.sg>div:nth-child(3){border:0}
.ab{grid-template-columns:1fr}.ab img{aspect-ratio:16/10;min-height:0;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.at{padding:24px 5% 36px}
.gd{grid-template-columns:1fr 1fr}.nb{padding:0 5%}}
.pm{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(8,7,6,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.35s;padding:20px}
.pm.o{opacity:1;visibility:visible}
.pb{position:relative;width:min(100%,420px);text-align:center;padding:44px 32px 36px;border:1px solid var(--g);border-radius:10px;background:linear-gradient(160deg,#241710,#0e0907);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.pb h3{font:600 1.5rem/1.2 var(--s);color:var(--c);letter-spacing:.06em;margin-bottom:10px}
[dir=rtl] .pb h3{font-family:var(--f);font-weight:500;letter-spacing:0}
.pb p{font-size:.9rem;color:#ddd3c1;margin-bottom:22px}
.pn{display:block;font:500 1.9rem/1.2 var(--s);color:var(--iv);letter-spacing:.06em;margin-bottom:26px;direction:ltr;transition:.3s}
.pn:hover{color:var(--c)}
.px{position:absolute;top:10px;inset-inline-end:12px;background:none;border:0;color:var(--c);font-size:1.8rem;line-height:1;cursor:pointer;padding:4px 10px}
.wa{position:fixed;z-index:70;bottom:calc(22px + env(safe-area-inset-bottom,0px));inset-inline-end:22px;display:flex;align-items:center;gap:12px}
.wl{white-space:nowrap;font:500 .68rem var(--f);letter-spacing:.14em;color:var(--iv);padding:9px 14px;border:1px solid var(--g);border-radius:20px;background:rgba(15,10,8,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateX(10px);transition:.35s;pointer-events:none}
[dir=rtl] .wl{transform:translateX(-10px);letter-spacing:0}
.wa:hover .wl,.wa:focus-visible .wl{opacity:1;transform:none}
.wb{position:relative;width:66px;height:66px;flex:none;display:grid;place-items:center;border-radius:50%;transition:transform .4s}
.wa:hover .wb{transform:scale(1.08)}
.wb:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#25D366,#E3C77A,transparent 40%,#25D366 60%,#E3C77A,#25D366);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:rot 6s linear infinite}
.wb:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #25D366;animation:wp 2.6s ease-out infinite}
@keyframes wp{from{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}
.wo{position:absolute;inset:-9px;border-radius:50%;animation:rot 9s linear infinite reverse}
.wo i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.wo i:nth-child(1){top:0;left:50%;margin-left:-2.5px}
.wo i:nth-child(2){bottom:8%;left:12%;background:#25D366;box-shadow:0 0 8px #25D366}
.wo i:nth-child(3){bottom:8%;right:12%;width:3px;height:3px}
.wc{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#25D366;background:radial-gradient(circle at 35% 30%,#2b1c13,#0b0705);box-shadow:inset 0 0 14px rgba(37,211,102,.25),0 8px 28px rgba(0,0,0,.6),0 0 24px rgba(37,211,102,.28)}
.wc:after{content:"";position:absolute;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(37,211,102,.28),transparent);animation:sc 3s ease-in-out infinite;pointer-events:none}
@keyframes sc{from{top:-40%}to{top:100%}}
.wc svg{position:relative;z-index:1;width:28px;height:28px;fill:currentColor}
.ws{position:absolute;top:-7px;left:-5px;width:17px;height:17px;fill:var(--c);filter:drop-shadow(0 0 4px var(--c));animation:tw 2.4s ease-in-out infinite}
@keyframes tw{50%{transform:scale(.6) rotate(45deg);opacity:.6}}
@media(max-width:760px){.wa{bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:16px}.wb{width:60px;height:60px}.wc{width:49px;height:49px}}
#location{position:relative;padding:76px 4.4%;background:linear-gradient(180deg,#0a0706,#120c09);border-top:1px solid rgba(198,161,91,.25);overflow:hidden}
.lgr{display:grid;grid-template-columns:.85fr 1.25fr;gap:44px;max-width:1240px;margin:auto;align-items:center}
.lt p{font-size:.92rem;color:#ddd3c1;max-width:430px;margin-bottom:24px}
.lt .ey{font-size:.62rem;margin-bottom:14px}
.li{display:flex;gap:14px;align-items:flex-start;font-size:.88rem;color:#e9e0cf;margin-bottom:16px;line-height:1.55}
.li svg{flex:none;width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--g);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.li a:hover{color:var(--c)}
.lb{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.mp{position:relative;aspect-ratio:16/11;min-height:340px;border:1px solid var(--g);border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#2a1b12,#0d0806 70%);box-shadow:0 0 70px rgba(227,199,122,.14),inset 0 0 60px rgba(0,0,0,.6);animation:mg 5s ease-in-out infinite}
@keyframes mg{50%{box-shadow:0 0 90px rgba(227,199,122,.26),inset 0 0 60px rgba(0,0,0,.6)}}
.ms{position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s}
.mp.live .ms{opacity:0}
.mp.fail .ms{opacity:1}.mp.fail #lm{opacity:0;visibility:hidden}
.mf{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;background:rgba(8,7,6,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.92rem;color:#e9e0cf}
.mp.fail .mf{display:flex}
#lm{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;opacity:0;visibility:hidden;transition:.5s;filter:invert(.9) hue-rotate(180deg) contrast(.9) saturate(.5) sepia(.25)}
.mp.live #lm{opacity:1;visibility:visible}
.sn{position:absolute;left:0;right:0;height:38%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(227,199,122,.16),transparent);border-bottom:1px solid rgba(227,199,122,.35);animation:sc 4.8s linear infinite}
.cb{position:absolute;z-index:3;width:24px;height:24px;border:2px solid var(--c);pointer-events:none;filter:drop-shadow(0 0 4px var(--c))}
.cb.tl{top:12px;left:12px;border-right:0;border-bottom:0}.cb.tr{top:12px;right:12px;border-left:0;border-bottom:0}.cb.bl{bottom:12px;left:12px;border-right:0;border-top:0}.cb.br{bottom:12px;right:12px;border-left:0;border-top:0}
.ch{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:8px 13px;font:500 .6rem var(--f);letter-spacing:.16em;color:var(--iv);border:1px solid rgba(198,161,91,.6);border-radius:20px;background:rgba(8,7,6,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}
[dir=rtl] .ch{letter-spacing:0;font-size:.72rem}
.ch.a{top:22px;inset-inline-start:26px}.ch.b{bottom:22px;inset-inline-end:26px}
.ch i{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 8px #25D366;animation:bk 1.4s ease-in-out infinite}
@keyframes bk{50%{opacity:.25}}
.mt{position:absolute;z-index:4;top:22px;inset-inline-end:26px;cursor:pointer;font:500 .6rem var(--f);letter-spacing:.16em;color:#1b120c;padding:9px 15px;border:0;border-radius:20px;background:linear-gradient(135deg,#b58c45,#e3c77a 50%,#c6a15b);box-shadow:0 0 18px rgba(227,199,122,.4);transition:.3s}
[dir=rtl] .mt{letter-spacing:0;font-size:.72rem}
.mt:hover{transform:translateY(-2px)}
.mp.live .t1,.mp:not(.live) .t2{display:none}
.ml{stroke-dasharray:3 5;animation:ld 1.6s linear infinite}
@keyframes ld{to{stroke-dashoffset:-16}}
.pr,.dr{transform-box:fill-box;transform-origin:center}
.pr{animation:lp 3.2s ease-out infinite}.pr:nth-child(2){animation-delay:1.06s}.pr:nth-child(3){animation-delay:2.12s}
@keyframes lp{from{transform:scale(.3);opacity:.85}to{transform:scale(3.4);opacity:0}}
.dr{animation:rot 40s linear infinite}
.pb2{transform-box:fill-box;transform-origin:center;animation:lb 3.4s ease-in-out infinite}
@keyframes lb{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@media(max-width:900px){.lgr{grid-template-columns:1fr;gap:34px}.mp{aspect-ratio:4/3;min-height:300px}#location{padding:56px 5%}.ch.b{display:none}}

/* important notice */
#notice{padding:44px 5%;background:var(--k)}
.nt-box{position:relative;max-width:820px;margin:auto;padding:34px clamp(22px,5vw,56px);text-align:center;border:1px solid rgba(198,161,91,.4);background:linear-gradient(180deg,rgba(23,17,13,.95),rgba(8,7,6,.95))}
.nt-box:before{content:"";position:absolute;inset:6px;border:1px solid rgba(198,161,91,.16);pointer-events:none}
.nt-i{display:block;width:30px;height:30px;margin:0 auto 12px;fill:none;stroke:var(--g);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#notice .nt-h{font:600 .9rem/1.4 var(--f);letter-spacing:.32em;color:var(--c);margin:0}
.nt-ln{display:block;width:64px;height:1px;background:var(--g);margin:16px auto 18px}
#notice .nt-p{font:600 clamp(1.25rem,2.3vw,1.5rem)/1.6 var(--s);color:var(--iv);margin:0}
#notice .nt-p strong{font-weight:700;color:var(--c)}
[dir=rtl] #notice .nt-h{letter-spacing:0;font-size:1rem}
[dir=rtl] #notice .nt-p{font-family:'IBM Plex Sans Arabic',var(--f);font-weight:500;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.9}
@media(max-width:600px){#notice{padding:32px 5%}.nt-box{padding:26px 20px}#notice .nt-h{letter-spacing:.22em;font-size:.82rem}}

/* office hours <-> map */
.ch.o{z-index:5;top:auto;bottom:24px;inset-inline-start:44px;max-width:calc(100% - 88px);flex-wrap:wrap;line-height:1.4}
.ch.o.x i{background:#FF5A4F;box-shadow:0 0 8px #FF5A4F}

/* Arabic only: keep the WhatsApp button on the right (same side as English) */
[dir=rtl] .wa{inset-inline-end:auto;left:auto;right:22px;flex-direction:row-reverse}
[dir=rtl] .wl{transform:translateX(10px)}
[dir=rtl] .wa:hover .wl,[dir=rtl] .wa:focus-visible .wl{transform:none}
[dir=rtl] .mwg-launch{inset-inline-start:auto;right:auto;left:16px}
@media(max-width:760px){
  [dir=rtl] .wa{inset-inline-end:auto;left:auto;right:16px}
  [dir=rtl] .mwg-launch{inset-inline-start:auto;right:auto;left:12px}
}
/* Firefox */
html {
scrollbar-width: thin;
scrollbar-color: #d4af37 #2b1a12; /* thumb (ذهبي) | track (بني) */
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
background: #2b1a12; /* بني غامق */
}

::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #f0d264, #d4af37, #b8902a); /* ذهبي متدرج */
border-radius: 8px;
border: 2px solid #2b1a12; /* يدي الـ thumb مظهر أنحف */
}

::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #ffe082, #e6be45, #c9a02f);
}