:root{--bg:#232427;--p:#c9823d;--pd:#a96a2c;--b:var(--p);--bd:var(--pd);--pl:color-mix(in srgb,var(--bg),#fff 8.2%);--n:color-mix(in srgb,var(--bg),#000 42.9%);--g:color-mix(in srgb,var(--bg),#fff 13.2%);--ink:color-mix(in srgb,var(--bg),#fff 89.4%);--mu:color-mix(in srgb,var(--bg),#fff 63.2%);--top:color-mix(in srgb,var(--bg),#fff 3.7%);--sf:color-mix(in srgb,var(--bg),#fff 3.5%);--ln:color-mix(in srgb,var(--bg),#fff 14.1%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Cairo,sans-serif;background:linear-gradient(color-mix(in srgb,var(--bg),#000 18.6%),color-mix(in srgb,var(--bg),#fff 0.9%));color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}
.wrap{max-width:1280px;margin:auto;padding:0 24px}.ic{flex:none}
:focus-visible{outline:2px solid var(--p);outline-offset:2px}
/* header */
.hd{background:var(--sf);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,0.25)}
.hrow{display:flex;align-items:center;gap:26px;padding-top:14px;padding-bottom:6px}
.logo{display:flex;align-items:center;gap:8px;flex:none;direction:ltr}.logo img{max-height:62px}.logo .mk{height:48px;width:auto}
.logo span{display:flex;flex-direction:column;line-height:1}
.logo b{font:600 36px 'Playfair Display',Georgia,serif;color:color-mix(in srgb,var(--bg),#fff 89.4%)}.logo b i{font-style:normal;color:var(--p)}.logo small{font:500 11px Cairo;color:color-mix(in srgb,var(--bg),#fff 81.2%);letter-spacing:.6px;margin-top:2px}
.search{flex:1;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--bg),#fff 6.2%);border-radius:40px;padding:5px;padding-left:18px;max-width:600px;margin-inline:auto}
.search input{flex:1;border:0;background:none;padding:8px 4px;font:inherit;font-size:14px;outline:0;min-width:0}.search .sg{color:color-mix(in srgb,var(--bg),#fff 85.0%);display:grid}
.search button{background:var(--p);color:#fff;border:0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;padding:0;flex:none}
.hi{display:flex;gap:26px;order:0;flex:none}.hi a,.hi button{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;font-size:12.5px;font-weight:600;background:none;border:0;padding:0;color:inherit;white-space:nowrap}.hi small{font-size:12.5px}
.hi a:hover,.hi button:hover{color:var(--p)}.hi em{position:absolute;top:-6px;inset-inline-end:2px;background:var(--p);color:#fff;font:700 10px Cairo;font-style:normal;width:17px;height:17px;border-radius:50%;display:grid;place-items:center}
.nav{display:flex;justify-content:space-between;gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-top:6px}
.nav a{padding:10px 0 12px;font-weight:600;font-size:14.5px;border-bottom:3px solid transparent}.nav a.on,.nav a:hover{color:var(--p);border-color:var(--p)}
.burger{display:none;background:none;border:0;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;padding:9px}
.burger span{height:3px;background:var(--p);border-radius:2px;display:block}
/* drawer */
.ov{position:fixed;inset:0;background:rgba(0,0,0,.66);opacity:0;visibility:hidden;transition:.3s;z-index:90}.ov.on{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);background:var(--sf);z-index:100;transform:translateX(105%);visibility:hidden;transition:transform .35s,visibility .35s;padding:22px;overflow-y:auto}
.drawer.on{transform:none;visibility:visible}.drawer .x{position:absolute;left:14px;top:14px;border:0;background:var(--pl);color:var(--p);border-radius:50%;width:36px;height:36px;font-size:16px}
.drawer .logo b{font-size:46px}
.dl{display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--bg),#fff 14.1%);margin-top:16px;padding-top:6px}.dl a,.dl span{padding:11px 4px;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--bg),#fff 6.2%)}.dl a:hover{color:var(--p)}
.dl.sm a,.dl.sm span{font-size:13px;font-weight:500;display:flex;gap:10px;align-items:center;color:color-mix(in srgb,var(--bg),#fff 76.5%)}.dl .ic{color:var(--p)}
.drawer .soc{margin-top:18px}
.soc{display:flex;gap:14px;align-items:center}.soc a{display:grid;place-items:center;width:40px;height:40px;color:var(--ink)}.soc a:hover{color:var(--p)}
.drawer .soc a{background:var(--pl);color:var(--p);border-radius:50%}
/* sliders */
.sl-box{position:relative}.sl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.sl::-webkit-scrollbar{display:none}
.sl.drag{scroll-snap-type:none;cursor:grabbing}.sl>*{scroll-snap-align:start;flex:0 0 100%}
.ar{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:var(--sf);color:var(--p);box-shadow:0 3px 12px rgba(0,0,0,0.55);font-size:24px;line-height:1;z-index:5;padding-bottom:4px}
.ar.r{right:12px}.ar.l{left:12px}.ar:hover{background:var(--p);color:#fff}.ar[hidden]{display:none}
/* hero */
.slide{position:relative;height:clamp(240px,34.3vw,440px);background:color-mix(in srgb,var(--bg),#fff 8.2%);overflow:hidden}
.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;user-select:none}
.st{position:absolute;top:0;bottom:0;left:7.6%;width:25.8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding-top:2%}
.st h1{font:800 clamp(26px,4.4vw,58px)/1.2 Cairo,sans-serif;margin:0 0 12px;color:var(--p);display:flex;flex-direction:column}.st h1 .d{color:color-mix(in srgb,var(--p),#fff 45%)}
.st p{margin:0 0 20px;font-size:clamp(11px,1.5vw,19px);font-weight:600;color:color-mix(in srgb,var(--bg),#fff 89.4%);line-height:1.7}
.gold{align-self:center;background:var(--p);color:#fff;padding:11px 32px;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 16px color-mix(in srgb,var(--p) 33%,transparent);font-size:15px}
.gold svg{transform:scaleX(-1)}.gold:hover{background:var(--pd)}
.dots{position:absolute;bottom:4.5%;left:19%;transform:translateX(-50%);display:flex;gap:8px;z-index:4}.dots b{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--bg),#fff 41.7%);cursor:pointer;transition:.3s}.dots b.on{background:var(--p)}
/* categories */
.cats{display:flex;justify-content:space-between;gap:12px;padding-top:24px;padding-bottom:18px;overflow-x:auto;scrollbar-width:none}
.cats a{flex:1 0 82px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;font-weight:700;text-align:center}
.cats img{width:min(78px,100%);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px rgba(0,0,0,0.48);border:2px solid #fff;transition:transform .25s}.cats a:hover img{transform:scale(1.07)}
/* banners */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:26px}.trio img,.wide img{width:100%;border-radius:12px}.trio a{display:block;overflow:hidden;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,0.35)}.trio a:hover img{transform:scale(1.025)}.trio img{transition:.3s}
/* products */
.ph{position:relative;display:flex;justify-content:center;align-items:center;margin:4px 0 14px;min-height:40px}
.ph h2{font-size:26px;margin:0;display:flex;align-items:center;gap:18px;font-weight:800}.ph h2:before,.ph h2:after{content:'';width:34px;height:2px;background:var(--p)}.ph h2 i{display:none}
.all{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pd)}
.tabs{display:flex;gap:10px;justify-content:center;margin-bottom:14px;overflow-x:auto}.tabs button{background:var(--sf);border:1px solid color-mix(in srgb,var(--bg),#fff 19.4%);border-radius:20px;padding:8px 20px;font-weight:700;color:color-mix(in srgb,var(--bg),#fff 76.5%)}.tabs .on{background:var(--p);border-color:var(--p);color:#fff}
.tp{display:none}.tp.on{display:block}.more{display:block;text-align:center;margin:10px 0 4px;font-weight:700;color:var(--pd)}
.pl{gap:10px;padding:4px 2px 12px}
.pc{flex:0 0 calc((100% - 50px)/6);direction:ltr;background:var(--sf);border-radius:12px;padding:10px 10px 12px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.25);text-align:left}
.pi{border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--bg),#fff 6.2%)}.pi img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.pc:hover .pi img{transform:scale(1.05)}
.hr{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;border:0;background:color-mix(in srgb,color-mix(in srgb,var(--bg),#fff 3.5%) 85%,transparent);color:var(--p);display:grid;place-items:center;padding:0;z-index:2}.hr.on svg{fill:var(--p)}
.pb h3{font:700 12.5px Cairo;margin:10px 0 0;color:var(--ink)}.pb p{margin:2px 0 8px;font-size:11.5px;color:var(--mu);direction:rtl;text-align:left}
.pr{display:flex;align-items:center;justify-content:space-between;gap:6px}.pr b{font:700 13px Cairo;color:var(--ink)}
.pc a.add{display:grid;place-items:center;width:32px;height:30px;border-radius:7px;background:var(--p);color:#fff;transition:.2s}.pc a.add:hover{background:var(--pd)}
.wide{margin-top:22px}.wide img{border-radius:0}
.em{text-align:center;color:color-mix(in srgb,var(--bg),#fff 65.2%);padding:40px 10px}
/* features */
.feat{background:color-mix(in srgb,var(--bg),#fff 6.2%);margin-top:8px}.feat .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px}
.feat div{display:flex;gap:14px;align-items:center;justify-content:center;border-inline-start:1px solid color-mix(in srgb,var(--bg),#fff 19.4%)}.feat div:first-child{border:0}
.feat .ic{color:var(--p);stroke-width:1.3}.feat span{display:flex;flex-direction:column}.feat b{font-size:15px}.feat small{color:var(--mu);font-size:12.5px}
/* newsletter */
.news{position:relative}.news>img{width:100%;height:100%;min-height:150px;object-fit:cover;position:absolute;inset:0}
.nt{position:relative;max-width:700px;margin:auto;text-align:center;padding:26px 16px 28px}.nt h2{margin:0 0 4px;font-size:26px;font-weight:800}.nt p{margin:0 0 14px;font-size:14px;color:color-mix(in srgb,var(--bg),#fff 85.0%)}
.nl{display:flex;max-width:400px;margin:auto;background:var(--sf);border-radius:30px;padding:3px;box-shadow:0 3px 14px color-mix(in srgb,var(--p) 13%,transparent)}.nl input{flex:1;min-width:0;border:0;background:none;padding:0 18px;font:inherit;font-size:13px;outline:0}
.nl button{background:var(--p);color:#fff;border:0;border-radius:26px;padding:10px 30px;font-weight:700}.nl button:hover{background:var(--pd)}.nt small{display:block;margin-top:6px;color:var(--pd);font-weight:700;min-height:18px}
/* footer */
.ft{background:linear-gradient(color-mix(in srgb,var(--bg),#fff 3.5%),color-mix(in srgb,var(--bg),#fff 6.2%));padding-top:34px}.fg{display:grid;grid-template-columns:1.4fr 1.3fr 1fr 1.4fr;gap:30px;align-items:start}
.ft h4{margin:0 0 14px;font-size:15px;font-weight:800}.fg a,.fg .ci{display:flex;gap:10px;align-items:center;font-size:13.5px;color:color-mix(in srgb,var(--bg),#fff 81.2%);margin:0 0 11px}.fg .ic{color:var(--ink)}
.fa p{margin:0 0 12px;font-size:13px;color:color-mix(in srgb,var(--bg),#fff 76.5%)}.apps{display:flex;gap:10px;flex-wrap:wrap}.apps a{margin:0}.apps img{height:38px;width:auto;border-radius:7px}
.fl .logo b{font-size:38px}.fl .soc{gap:16px;margin-top:22px;direction:ltr}.fl .soc a{margin:0;width:auto;height:auto;color:var(--ink)}.fl .soc a:hover{color:var(--p)}
.cp{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px;margin-top:10px;font-size:13px;color:color-mix(in srgb,var(--bg),#fff 76.5%);border-top:1px solid color-mix(in srgb,var(--bg),#fff 14.1%)}.cp em{font-size:17px;color:var(--ink);font-style:normal;display:flex;align-items:center;gap:8px}.cp em .ic{color:var(--p)}
/* shop page */
.shop{padding-top:18px;padding-bottom:30px}.crumb{font-size:13px;color:color-mix(in srgb,var(--bg),#fff 65.2%);margin-bottom:12px}.crumb a{color:var(--pd)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.chips a{flex:0 0 auto;background:var(--sf);border:1px solid color-mix(in srgb,var(--bg),#fff 19.4%);border-radius:20px;padding:7px 16px;font-size:13px;font-weight:700}.chips a.on{background:var(--p);border-color:var(--p);color:#fff}
.sbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.sbar h1{font-size:22px;margin:0}.sbar small{color:color-mix(in srgb,var(--bg),#fff 56.8%);font-size:13px;font-weight:400}
.sbar select{padding:9px 12px;border:1px solid color-mix(in srgb,var(--bg),#fff 19.4%);border-radius:9px;font:inherit;background:var(--sf)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.grid .pc{flex:none}
.pg{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:26px}.pg a,.pg span{min-width:38px;padding:8px 12px;border-radius:9px;background:var(--sf);box-shadow:0 1px 6px rgba(0,0,0,0.33);text-align:center;font-weight:700;font-size:14px}.pg a.on{background:var(--p);color:#fff}
.wa{position:fixed;bottom:20px;left:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 4px 16px #0004;z-index:80;animation:wp 2.4s infinite}
@keyframes wp{0%{box-shadow:0 4px 16px #0004,0 0 0 0 #25d36680}70%{box-shadow:0 4px 16px #0004,0 0 0 16px #25d36600}100%{box-shadow:0 4px 16px #0004,0 0 0 0 #25d36600}}
ins.adsbygoogle,[id^=aswift],.google-auto-placed{display:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* tablet */
@media(max-width:1100px){.pc{flex-basis:calc((100% - 30px)/4)}.fg{grid-template-columns:1fr 1fr}.hrow{gap:16px}.hi{gap:16px}.nav{gap:22px}.feat .wrap{grid-template-columns:repeat(2,1fr);gap:14px 0}.feat div:nth-child(3){border:0}.nav{gap:16px}}
/* mobile + tablet portrait */
@media(max-width:860px){
 .nav{display:none}.burger{display:flex;order:0}.hrow{flex-wrap:wrap;gap:8px;padding-top:10px}
 .hrow .logo{order:1;margin-inline:auto}.hrow .logo b{font-size:32px}.hi{order:2;gap:10px}.hi small{display:none}.search{order:5;flex-basis:100%;max-width:none;margin-bottom:8px}
 .wrap{padding:0 14px}
 .slide{height:auto;display:flex;flex-direction:column;background:linear-gradient(color-mix(in srgb,var(--bg),#fff 6.2%),color-mix(in srgb,var(--bg),#fff 0.0%))}
 .slide>img{position:static;aspect-ratio:16/9;height:auto;object-position:62% 30%}
 .st{position:static;width:100%;padding:16px 18px 40px}.st h1{font-size:clamp(28px,8vw,40px);flex-direction:row;gap:.35em;flex-wrap:wrap;justify-content:center}.st p{font-size:13px}
 .dots{left:50%;bottom:14px}.ar{display:none}.st{align-items:center;text-align:center}.st h1{align-items:center}
 .trio{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.trio a{flex:0 0 86%;scroll-snap-align:center}
 .pc{flex-basis:calc((100% - 20px)/3)}.ph h2{font-size:21px;gap:10px}.ph h2:before,.ph h2:after{width:20px}.all{font-size:12px}
 .feat .ic{width:28px;height:28px}.feat div{justify-content:flex-start;padding-inline-start:12px}.nt h2{font-size:21px}
 .fg{gap:24px}.cp{justify-content:center;text-align:center}.wa{width:52px;height:52px;bottom:16px;left:14px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:560px){.pc{flex-basis:calc((100% - 10px)/2)}.fg{grid-template-columns:1fr}.fg>div{text-align:right}.fl{order:-1}.ph{flex-direction:column;gap:6px}.all{position:static;transform:none;order:2}.feat .wrap{grid-template-columns:1fr}.feat div{border:0!important}.nl button{padding:10px 18px}.cats a{flex-basis:76px;font-size:12px}}
/* ===== v6: شريط متحرك + مقالات + معلومات + معرض + فيديو + أسئلة + موقع ===== */
html{-webkit-text-size-adjust:100%}body{overflow-x:clip}img,video,iframe{max-width:100%}
.skip{position:absolute;right:8px;top:8px;background:var(--sf);padding:8px 14px;z-index:200;border-radius:8px;transform:translateY(-300%)}.skip:focus{transform:none}
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.mq{background:var(--g);color:#fff;overflow:hidden;font-size:13.5px;font-weight:600;direction:ltr}
.mq-t{display:flex;width:max-content;animation:mq 38s linear infinite}.mq:hover .mq-t{animation-play-state:paused}
.mq-t>div{display:flex;flex:none;direction:rtl}.mq span{padding:8px 26px;white-space:nowrap;position:relative}.mq span:after{content:"✦";position:absolute;left:-6px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.8}
@keyframes mq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mq-t{animation-duration:120s}html{scroll-behavior:auto}}

[id]{scroll-margin-top:120px}

.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.xa{background:var(--sf);border-radius:14px;overflow:hidden;box-shadow:0 1px 8px #0001;display:flex;flex-direction:column;transition:.25s}.xa:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0002}
.xa-i{display:block;aspect-ratio:16/9;background:color-mix(in srgb,var(--bg),#fff 9.4%)}.xa-i img{width:100%;height:100%;object-fit:cover}.xa>div{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.xa time,.art time{font-size:12px;color:color-mix(in srgb,var(--bg),#fff 56.8%)}.xa h3{font-size:16px;margin:4px 0 6px;line-height:1.6;color:var(--ink)}.xa p{font-size:13.5px;line-height:1.8;color:color-mix(in srgb,var(--bg),#fff 70.6%);margin:0 0 10px}.xa-m{margin-top:auto;font-weight:700;font-size:13.5px;color:var(--bd)}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tpc{background:var(--sf);border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 1px 6px #0001;border-inline-start:4px solid var(--b)}
.tpc>.ic,.tpc>.em{font-size:30px;color:var(--b);flex:none;margin-top:2px}.tpc b{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}.tpc p{margin:0;font-size:13.5px;line-height:1.85;color:color-mix(in srgb,var(--bg),#fff 76.5%)}
.gg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gg a{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;background:color-mix(in srgb,var(--bg),#fff 9.4%);cursor:zoom-in}.gg img{width:100%;height:100%;object-fit:cover;transition:.35s}.gg a:hover img{transform:scale(1.06)}
.gg span{position:absolute;inset:auto 0 0 0;padding:22px 10px 8px;background:linear-gradient(transparent,#000a);color:#fff;font-size:12.5px;font-weight:600;text-align:center}
.vg{display:grid;gap:16px;max-width:920px;margin:auto}.vg.n2{grid-template-columns:1fr 1fr;max-width:none}.vg.n3{grid-template-columns:repeat(3,1fr);max-width:none}.vg figure{margin:0}
.vb{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 4px 18px #0002}.vb video,.vb iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.vg figcaption{text-align:center;font-weight:600;font-size:14px;margin-top:8px;color:color-mix(in srgb,var(--bg),#fff 81.2%)}
.xq{max-width:900px;margin:auto;display:grid;gap:10px}.xq details{background:var(--sf);border-radius:12px;box-shadow:0 1px 6px #0001;overflow:hidden}
.xq summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;font-size:15px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}.xq summary::-webkit-details-marker{display:none}
.xq summary:after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:var(--b);color:#fff;display:grid;place-items:center;font:700 18px/1 Arial}.xq details[open] summary:after{content:"−"}
.xq details>div{padding:0 18px 16px;font-size:14px;line-height:1.95;color:color-mix(in srgb,var(--bg),#fff 76.5%)}
.loc{background:var(--bg);margin-top:36px;padding:34px 0 38px}.loc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:stretch}
.loc-c{background:var(--sf);border-radius:16px;padding:20px;box-shadow:0 2px 14px #0001;display:flex;flex-direction:column;gap:16px}.loc-c ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.loc-c li{display:flex;gap:12px;align-items:flex-start}.loc-c li i{font-style:normal;flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--bg),#fff 5.0%);display:grid;place-items:center;font-size:18px}.loc-c li b{display:block;font-size:13px;color:color-mix(in srgb,var(--bg),#fff 56.8%);font-weight:600}.loc-c li span,.loc-c li a{font-size:15px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.loc-b{display:flex;flex-wrap:wrap;gap:8px}.loc-b a{flex:1 1 auto;text-align:center;padding:11px 16px;border-radius:30px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.btn-d{background:var(--n);color:#fff}.btn-w{background:#25d366;color:#fff;padding:11px 20px;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.cf{border-top:1px solid color-mix(in srgb,var(--bg),#fff 14.1%);padding-top:14px;display:grid;gap:8px}.cf h3{margin:0;font-size:15px;color:var(--ink)}.cf-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cf input:not(.hp),.cf textarea{width:100%;border:1px solid color-mix(in srgb,var(--bg),#fff 19.4%);border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;background:var(--sf);min-width:0}.cf button{border:0;justify-self:start;cursor:pointer}
.okm{background:#1f3a28;color:#9be3b0;padding:9px 12px;border-radius:10px;font-size:13.5px;margin:0 0 8px!important}
.loc-m{border-radius:16px;overflow:hidden;min-height:420px;background:color-mix(in srgb,var(--bg),#fff 15.1%);box-shadow:0 2px 14px #0001;border:4px solid #fff;position:relative}.loc-m iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.nl input{font-size:16px}.search input{font-size:16px}.ft .fg a{overflow-wrap:anywhere}
.art article{background:var(--sf);border-radius:16px;padding:clamp(16px,3vw,32px);box-shadow:0 1px 8px #0001;max-width:880px;margin:0 auto 26px}.art h1{font-size:clamp(21px,3vw,30px);line-height:1.6;margin:0 0 6px;color:var(--ink)}
.art-i{width:100%;border-radius:12px;margin:14px 0;aspect-ratio:16/8;object-fit:cover}.art-x{font-size:16px;font-weight:600;color:color-mix(in srgb,var(--bg),#fff 76.5%);line-height:1.9;border-inline-start:4px solid var(--b);padding-inline-start:12px}.art-b p{font-size:15.5px;line-height:2.05;color:color-mix(in srgb,var(--bg),#fff 85.0%);margin:0 0 14px}
.art-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lb{position:fixed;inset:0;background:#000d;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 12px 20px}.lb[hidden]{display:none}.lb img{max-width:min(94vw,1100px);max-height:78vh;border-radius:10px;object-fit:contain}.lb p{color:#fff;margin:12px 0 0;font-weight:600;text-align:center}
.lb-x,.lb-a{position:absolute;border:0;background:var(--sf);border-radius:50%;width:42px;height:42px;font-size:20px;line-height:1;display:grid;place-items:center}.lb-x{top:12px;left:12px}.lb-a{top:50%;transform:translateY(-50%)}.lb-a.p{right:12px}.lb-a.n{left:12px}
.totop{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;border:0;background:var(--n);color:#fff;font-size:20px;z-index:90;box-shadow:0 4px 14px #0003}.totop[hidden]{display:none}
.soc a svg{display:block}.wa svg{color:#fff}



@media(max-width:1100px){.gg{grid-template-columns:repeat(3,1fr)}.gg a:nth-child(n+4){aspect-ratio:auto;height:100%}.tg{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.ag{grid-template-columns:1fr 1fr}.loc-g{grid-template-columns:1fr}.loc-m{min-height:340px}[id]{scroll-margin-top:110px}.vg.n2,.vg.n3{grid-template-columns:1fr}.totop{bottom:82px;right:14px}}
@media(max-width:700px){.wrap{padding:0 14px}.ag,.tg{grid-template-columns:1fr}.gg{grid-template-columns:1fr 1fr;gap:8px}.gg a{aspect-ratio:1!important;height:auto!important}.gg a:first-child{grid-column:1/-1;aspect-ratio:16/9!important}.cf-2{grid-template-columns:1fr}.loc-b a{flex-basis:100%}.cf button{justify-self:stretch;text-align:center}.loc{padding:26px 0}.loc-c{padding:16px}.lb-a{width:36px;height:36px}.mq{font-size:12.5px}.sh{flex-wrap:wrap}}
@media(max-width:380px){.lt b{font-size:20px}.lt small{display:none}.logo svg{width:36px;height:36px}.hrow{gap:8px}}
@media(max-width:340px){.wrap{padding:0 10px}.fg>div,.hrow>*{min-width:0}.lt b{font-size:17px}.acts{gap:8px}.acts .ic{width:22px;height:22px}}
@media(hover:none){.ar{display:none}}
@media print{.mq,.topbar,.hd,.wa,.totop,.drawer,.ov,.loc-m{display:none!important}}
.nem{text-align:center;color:color-mix(in srgb,var(--bg),#fff 65.2%);padding:40px 10px}.loc-c li i{color:var(--b);font-size:18px}.loc-b .btn{padding:11px 16px}.cf .btn{padding:11px 34px;font:inherit;font-weight:700}
.art .btn{border-radius:30px}.xa h3 a:hover{color:var(--b)}.bi:not([href]){cursor:default}.topbar .tc a{color:inherit}
#articles,#tips,#gallery,#video,#faq{padding-top:34px}@media(max-width:700px){#articles,#tips,#gallery,#video,#faq{padding-top:28px}}

/* ===== v7: لغتان + زر اللغة + المفضلة + دعم الاتجاه LTR ===== */
.acts button{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink);font-size:11.5px;font-weight:600;position:relative;background:none;border:0;padding:0;font-family:inherit}
.acts .lang b{width:26px;height:26px;border-radius:50%;border:1.6px solid currentColor;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1}
.favb.on{color:#e53935}.favb.on path{fill:currentColor}.acts button .ic{width:26px;height:26px}.fcnt{position:absolute;top:-6px;inset-inline-end:-8px;min-width:17px;height:17px;border-radius:9px;background:#b8362b;color:#fff;font:700 10px/17px Cairo,sans-serif;text-align:center;font-style:normal;padding:0 4px}.fcnt[hidden]{display:none}
.pc.fh{display:none!important}.favn{text-align:center;color:color-mix(in srgb,var(--bg),#fff 65.2%);padding:18px 10px;font-size:14px}
html[dir=ltr] .drawer{right:auto;left:0;transform:translateX(-100%)}html[dir=ltr] .drawer.on{transform:none}html[dir=ltr] .drawer .x{left:auto;right:14px}

html[dir=ltr] .lb-a.p{right:auto;left:12px}html[dir=ltr] .lb-a.n{left:auto;right:12px}html[dir=ltr] .lb-a{transform:translateY(-50%) scaleX(-1)}html[dir=ltr] .lb-x{left:auto;right:12px}
html[dir=ltr] .wa{left:auto;right:20px}html[dir=ltr] .totop{right:auto;left:20px}html[dir=ltr] .mq span:after{left:auto;right:-6px}html[dir=ltr] .scr{font-family:Cairo,sans-serif}
html[dir=ltr] body{font-family:Cairo,"Segoe UI",Arial,sans-serif}html[dir=ltr] .lt b{letter-spacing:-.3px}
@media(max-width:1000px){html[dir=ltr] .totop{left:14px}.acts button span,.acts .lang span{display:none}}
@media(max-width:700px){html[dir=ltr] .wa{right:14px}}
.xa-i{overflow:hidden}.xa-i img{aspect-ratio:16/9}.fg>div{min-width:0}
.search{min-width:0}.search input{min-width:0}
@media(max-width:520px){.hrow{gap:8px}.acts{gap:10px}.acts .ic,.acts .lang b{width:22px;height:22px}.lt b{font-size:19px}.logo svg{width:34px;height:34px}.lt small{font-size:10px}.logo{gap:6px;min-width:0}.burger{flex:none}}@media(max-width:360px){.lt small{display:none}.lt b{font-size:17px}.acts{gap:8px}}

/* ===== v5 kit: تعديلات خاصة بتصميم المتجر (ألوان/عناوين/هيدر/فوتر/LTR) ===== */
[id]{scroll-margin-top:150px}
.mq{background:linear-gradient(90deg,color-mix(in srgb,var(--bg),#fff 8.2%),color-mix(in srgb,var(--bg),#fff 13.2%));color:var(--ink);font-size:12.5px}.mq span{padding:9px 26px}.mq span:after{color:var(--p);opacity:1}
.hi .lang b{width:26px;height:26px;border-radius:50%;border:1.7px solid currentColor;display:grid;place-items:center;font:800 11px/1 Cairo,sans-serif}
.favb.on{color:var(--p)}.favb.on svg{fill:currentColor}.fcnt{top:-6px;inset-inline-end:-4px;background:var(--p)}.hi a.lang{text-decoration:none}
.search input::-webkit-search-cancel-button{display:none}.search input{appearance:none;-webkit-appearance:none}
.sec{padding-top:34px}.sec .ph{margin-bottom:18px}.ph h2{text-align:center}
.sh{display:flex;justify-content:center;margin:26px 0 16px}.sh h2{font-size:24px;margin:0;display:flex;align-items:center;gap:18px;font-weight:800}.sh h2:before,.sh h2:after{content:'';width:34px;height:2px;background:var(--p)}
.btn{background:var(--p);color:#fff;padding:11px 26px;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-size:14px;transition:.2s}.btn:hover{background:var(--pd)}.btn-d,.btn-w{transition:.2s}.btn-d:hover{opacity:.88}.btn-w:hover{background:#1eb857}
.xa{box-shadow:0 2px 12px rgba(0,0,0,0.25);border-radius:12px}.xa:hover{box-shadow:0 8px 22px rgba(0,0,0,0.54)}.xa-i,.gg a{background:color-mix(in srgb,var(--bg),#fff 6.2%)}.xa h3{font-weight:800}.xa-m{color:var(--pd)}
.tpc{box-shadow:0 2px 12px rgba(0,0,0,0.25);border-radius:12px}.tpi{flex:none;width:46px;height:46px;border-radius:50%;background:var(--pl);color:var(--p);display:grid;place-items:center;font-size:22px;line-height:1}
.gg a{box-shadow:0 4px 14px rgba(0,0,0,0.35)}.vb{box-shadow:0 6px 22px rgba(0,0,0,0.54);background:color-mix(in srgb,var(--bg),#fff 6.2%)}
.xq details{box-shadow:0 2px 12px rgba(0,0,0,0.25)}.xq details[open]{outline:1px solid color-mix(in srgb,var(--bg),#fff 19.4%)}
.feat{margin-top:34px}.news{background:color-mix(in srgb,var(--bg),#fff 8.2%);overflow:hidden}.nt .okm{display:inline-block;margin:0 0 12px!important}
.loc{margin-top:0;background:linear-gradient(color-mix(in srgb,var(--bg),#fff 0.0%),color-mix(in srgb,var(--bg),#fff 2.7%))}.loc-c{box-shadow:0 2px 14px rgba(0,0,0,0.33)}.loc-c li i{background:var(--pl);color:var(--p)}.loc-c li b{line-height:1.5;margin-bottom:3px}.loc-c li span,.loc-c li a{line-height:1.6;display:block}.loc-m{background:color-mix(in srgb,var(--bg),#fff 8.2%);box-shadow:0 2px 14px rgba(0,0,0,0.33)}
.cf input:not(.hp),.cf textarea{border-color:color-mix(in srgb,var(--bg),#fff 19.4%)}.cf{border-top-color:color-mix(in srgb,var(--bg),#fff 14.1%)}
.fg.noapp{grid-template-columns:1.3fr 1fr 1.4fr}.fg .fcs a,.fg .fcs .ci{align-items:flex-start}.fg .fcs .ic{margin-top:2px}
.totop{background:var(--p)}.dl .gl{font-size:15px;width:18px;text-align:center}.art .crumb{max-width:880px;margin-inline:auto}
.art-f .btn-w{font-size:14px}.pg a:hover{color:var(--p)}
@media(min-width:861px){.search input{font-size:14px}.nl input{font-size:13px}}
@media(max-width:1100px){.fg.noapp{grid-template-columns:1fr 1fr}.fg.noapp .fl{grid-column:1/-1;order:-1}}
@media(max-width:1000px){[id]{scroll-margin-top:130px}}
@media(max-width:860px){.hi a.hc{display:none}.hi .lang small,.hi button small{display:none}.sh h2{font-size:20px;gap:10px}.sh h2:before,.sh h2:after{width:20px}.feat{margin-top:26px}.sec .ph{flex-direction:row}}
@media(max-width:560px){.hrow .logo b{font-size:25px}.hrow .logo .mk{height:38px}.hrow .logo small{font-size:9.5px;letter-spacing:.3px}.hrow .logo{gap:6px;min-width:0}.fg.noapp{grid-template-columns:1fr}.fl .logo{justify-content:flex-end}}
@media(max-width:400px){.hrow .logo b{font-size:20px}.hrow .logo .mk{height:32px}.hrow .logo small{font-size:8.5px;letter-spacing:0}.hi{gap:9px}.hi .ic{width:23px;height:23px}.hi .lang b{width:23px;height:23px}.burger{width:36px;padding:6px}.drawer .logo b{font-size:34px}}
@media(max-width:340px){.hrow .logo b{font-size:18px}.hrow .logo .mk{height:28px}.hrow .logo small{display:none}.hrow{gap:6px}.hi{gap:8px}}
/* English (LTR): نفس التوزيع الفعلي للتصميم مع محاذاة النص لليسار */
html[dir=ltr] .search{padding-left:5px;padding-right:18px}
html[dir=ltr] .st{align-items:flex-start;text-align:left}html[dir=ltr] .st h1{font-size:clamp(24px,3.7vw,50px)}
html[dir=ltr] .all svg{transform:scaleX(-1)}html[dir=ltr] .mq-t>div{direction:ltr}
html[dir=ltr] .ar{transform:translateY(-50%) scaleX(-1)}html[dir=ltr] .ar.l{left:auto;right:12px}html[dir=ltr] .ar.r{right:auto;left:12px}
html[dir=ltr] .pb p{direction:ltr}html[dir=ltr] .nav a{font-size:14px}html[dir=ltr] .cats a{font-size:12.5px}
@media(min-width:861px){html[dir=ltr] .hrow{flex-direction:row-reverse}html[dir=ltr] .st{padding-top:9%}}
@media(min-width:561px){html[dir=ltr] .fl .logo,html[dir=ltr] .fl .soc{justify-content:flex-end}}
@media(max-width:860px){html[dir=ltr] .st{align-items:center;text-align:center}html[dir=ltr] .st h1{font-size:clamp(26px,7.4vw,40px)}}
@media(max-width:560px){.fl .soc{justify-content:flex-end}html[dir=ltr] .fg>div{text-align:left}html[dir=ltr] .fl .logo,html[dir=ltr] .fl .soc{justify-content:flex-start}}
.art .ag .xa{padding:0;max-width:none;margin:0;border-radius:12px}.art .ag .xa h3{font-size:15px}

/* Dark Cosmetics — warm dark-brown theme */
body{background:linear-gradient(color-mix(in srgb,var(--bg),#000 18.6%),color-mix(in srgb,var(--bg),#fff 0.9%))}
.hero .st h1 span{color:#fff}.hero .st h1 .d{color:color-mix(in srgb,var(--p),#fff 45%)}
.news>img{}.news .nt h2,.news .nt p{color:color-mix(in srgb,var(--bg),#fff 89.4%)}
.loc-m{border:0!important}.loc-m iframe{filter:invert(.9) hue-rotate(180deg) grayscale(.4) brightness(.85)}
input,textarea,select{background:color-mix(in srgb,var(--bg),#fff 3.5%);color:var(--ink);border-color:var(--ln)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--bg),#fff 49.2%)}
::selection{background:var(--p);color:#fff}

/* ===== Dark Cosmetics — identity ===== */
.logo .lg{display:flex;flex-direction:column;align-items:center;line-height:1}
.logo .lg b{font:800 34px/1 Cairo,sans-serif;letter-spacing:.34em;margin-inline-end:-.34em;color:var(--ink)}
.logo .lg small{font:600 10.5px/1 Cairo,sans-serif;letter-spacing:.42em;margin-inline-end:-.42em;text-transform:uppercase;color:var(--p);margin-top:7px}
.drawer .logo .lg b{font-size:40px}.fl .logo .lg b{font-size:36px}
.hero .slide{background:radial-gradient(ellipse at 72% 45%,color-mix(in srgb,var(--bg),#fff 15%),color-mix(in srgb,var(--bg),#000 22%) 70%)}
.hero .slide>img{object-position:right center}
.hero .st h1 span{color:var(--ink)}.hero .st h1 .d{color:var(--p)}
.hero .st p{color:var(--mu);max-width:30em}
.trio a{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--bg),#fff 11%),color-mix(in srgb,var(--bg),#000 18%));box-shadow:0 6px 20px #0004}
.trio img{display:block;aspect-ratio:2/1;object-fit:cover;object-position:left center}
.trio .bt{position:absolute;top:0;bottom:0;right:0;width:40%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:0 16px;text-align:right}html[dir=ltr] .trio .bt{right:auto;left:0;text-align:left}
.trio .bt b{font:800 clamp(14px,1.45vw,19px)/1.5 Cairo,sans-serif;color:var(--ink)}
.trio .bt em{font:700 12.5px Cairo;font-style:normal;color:#fff;background:var(--p);border-radius:20px;padding:6px 14px;display:inline-flex;gap:6px;align-items:center}
.wel{padding-top:8px;padding-bottom:6px}.wel-b{max-width:860px;margin:0 auto;text-align:center;padding:26px 22px;border-radius:16px;background:var(--sf);border:1px solid var(--ln)}
.wel h2{margin:0 0 10px;font:800 24px Cairo;color:var(--ink)}.wel h2:after{content:"";display:block;width:54px;height:3px;border-radius:3px;background:var(--p);margin:10px auto 0}
.wel p{margin:12px 0 0;line-height:2.05;font-size:15px;color:var(--mu)}
.cats{justify-content:center;gap:clamp(18px,5vw,64px)}.cats a{flex:0 0 auto}.cats img{width:clamp(78px,9vw,112px);border:3px solid var(--ln);background:#fff}.cats a{font-size:14.5px}
.pi{background:#fff}.pi img{aspect-ratio:1/1;object-fit:cover}
.pr .pp{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.pr s{font-size:11px;color:var(--mu);text-decoration:line-through}.pr .ask{font-size:11.5px;color:var(--mu);font-weight:600}
.pc{cursor:pointer}.off{position:absolute;top:16px;left:16px;z-index:2;background:#d6453a;color:#fff;font:800 11px Cairo;border-radius:14px;padding:2px 8px;direction:ltr}
.news{background:linear-gradient(120deg,color-mix(in srgb,var(--bg),#fff 10%),color-mix(in srgb,var(--bg),#000 14%))}
.loc-g.nomap{grid-template-columns:1fr}
.pm{position:fixed;inset:0;z-index:90;background:#000b;display:grid;place-items:center;padding:16px}.pm[hidden]{display:none}
.pm-b{position:relative;background:var(--sf);border:1px solid var(--ln);border-radius:16px;max-width:760px;width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:1fr 1.15fr;direction:rtl}
.pm-i{background:#fff;display:grid;place-items:center}.pm-i img{width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.pm-t{padding:26px 22px;display:flex;flex-direction:column;gap:12px;text-align:right}.pm-t h3{margin:0;font:800 18px/1.5 Cairo;color:var(--ink);direction:ltr;text-align:right}
.pm-pr{display:flex;gap:10px;align-items:baseline}.pm-pr b{font:800 22px Cairo;color:var(--p)}.pm-pr s{color:var(--mu)}.pm-pr[hidden]{display:none}
.pm-t p{margin:0;line-height:2;color:var(--mu);font-size:14.5px;white-space:pre-line}
.pm-o{margin-top:auto;display:block;text-align:center;background:var(--p);color:#fff;border-radius:12px;padding:12px;font:700 15px Cairo}.pm-o:hover{background:var(--pd)}
.pm-x{position:absolute;top:10px;left:10px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:16px;cursor:pointer}
@media(max-width:640px){.pm-b{grid-template-columns:1fr}.pm-i img{max-height:300px;object-fit:contain}.hero .slide>img{object-position:80% 50%}.trio .bt{width:50%}.trio .bt b{font-size:15px}}

.nav{justify-content:center;gap:clamp(22px,4.6vw,64px)}