:root{--bg:#f4ede5;--ink:#1a2b21;--green:#3f5040;--green2:#4d5f4b;--terra:#b5654a;--terra2:#a7563b;--gold:#c0975f;--sage:#93997f;--card:#efe6db;--mut:#5b665f}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
body{margin:0;font-family:Cairo,system-ui,sans-serif;background:radial-gradient(circle at 100% 62%,rgba(255,255,255,.55),transparent 42%),var(--bg);color:var(--ink);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}h1,h2,p{margin:0}button{font:inherit;color:inherit}
.ic{width:1em;height:1em;display:block}.em{font-style:normal}
:focus-visible{outline:2px solid var(--terra);outline-offset:2px}

/* ===== header ===== */
.hd{position:absolute;top:0;inset-inline:0;z-index:30;direction:ltr;pointer-events:none}
.hrow{max-width:1280px;margin:auto;display:flex;align-items:center;gap:8px;padding:12px 14px 0}
.hrow>*{pointer-events:auto}
.burger{width:42px;height:42px;border:0;background:none;display:grid;align-content:center;gap:6px;padding:8px;cursor:pointer;flex:none}
.burger span{display:block;height:3px;border-radius:3px;background:var(--ink);transition:.25s}
.burger span:nth-child(2){width:70%}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo img{height:52px;width:auto}
.logo .mono{font:600 40px/1 'Cormorant Garamond',serif;color:var(--ink)}
.logo .cap{font:500 9px/1.45 'Cormorant Garamond',serif;letter-spacing:.2em;color:#555;direction:ltr}
.logo .cap.nm{font:700 14px Cairo;letter-spacing:0;direction:rtl}
.dnav{display:none}
.pill{margin-left:auto;direction:ltr;display:inline-flex;align-items:center;gap:8px;background:rgba(247,241,233,.94);color:var(--green);border-radius:99px;padding:10px 14px;font-weight:700;font-size:13px;box-shadow:0 6px 18px rgba(40,50,40,.12);white-space:nowrap}
.pill .ic{width:18px;height:18px}.pill span{direction:rtl}

/* ===== 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;cursor:grab}
.sl::-webkit-scrollbar{display:none}
.sl>*{scroll-snap-align:start;flex:none}
.sl.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.sl img{-webkit-user-drag:none;user-select:none}
.ar{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);border:0;box-shadow:0 3px 12px rgba(0,0,0,.18);display:grid;place-items:center;cursor:pointer;z-index:6;padding:0;transition:transform .2s}
.ar:hover{transform:translateY(-50%) scale(1.08)}.ar .ic{width:16px;height:16px}
.ar.r{right:2px}.ar.l{left:2px}
.dots{position:absolute;bottom:8px;inset-inline:0;display:flex;justify-content:center;gap:6px;z-index:5;pointer-events:none}
.dots b{width:7px;height:7px;border-radius:99px;background:rgba(26,43,33,.25);transition:.25s}
.dots b.on{width:22px;background:var(--terra)}
.noar>.ar,.noar>.dots{display:none}

/* ===== hero ===== */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f1e9,#f2e9de)}
.hero .bl{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.b1{width:300px;height:300px;left:-120px;bottom:-60px;background:radial-gradient(circle,rgba(190,170,140,.28),transparent 70%)}
.b2{width:260px;height:260px;left:30%;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%)}
.slide{position:relative;direction:ltr;width:100%;min-height:570px;--pad:max(0px,calc((100% - 1240px)/2))}
.sphoto{position:absolute;top:0;bottom:0;right:0;width:55%;max-width:760px}
.sphoto img{width:100%;height:100%;object-fit:cover;object-position:58% top;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%),linear-gradient(to top,transparent 0,#000 8%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 8%),linear-gradient(to top,transparent 0,#000 8%);mask-composite:intersect}
.stxt{position:relative;z-index:2;direction:rtl;text-align:center;width:54%;padding:104px 4px 40px 10px;margin-left:var(--pad);text-shadow:0 0 10px rgba(244,237,229,.85)}
.kick{font-size:15px;font-weight:500;color:#3a4a40}
.stxt .ht{font-weight:900;font-size:29px;line-height:1.35;color:var(--ink);margin:2px 0 4px;letter-spacing:-.2px}
.stxt .ht .ln,.gl{display:block;width:30px;height:2px;background:var(--gold);margin:4px auto}
.tag{font-size:17px;font-weight:600;color:var(--terra);margin-bottom:18px;line-height:1.5}
.hf{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-bottom:22px}
.hf li{display:flex;flex-direction:column;align-items:center;padding:0 5px;border-inline-start:1px solid rgba(26,43,33,.14);gap:3px}
.hf li:first-child{border-inline-start:0}
.fi{width:44px;height:44px;border-radius:50%;border:1px solid #d7b8a6;display:grid;place-items:center;color:var(--terra);font-size:22px;margin-bottom:5px;background:rgba(255,255,255,.35)}
.hf b{font-size:12px;font-weight:800;line-height:1.4}.hf small{font-size:10.5px;color:var(--mut);line-height:1.5}
.bigbtn{direction:ltr;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:290px;margin:0 auto 16px;background:linear-gradient(90deg,#b86c52,#a7563b);color:#fff;border-radius:99px;padding:13px 16px;font-weight:700;font-size:14.5px;white-space:nowrap;box-shadow:0 10px 22px rgba(167,86,59,.32);transition:transform .2s,box-shadow .2s}
.bigbtn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(167,86,59,.38)}.bigbtn .ic{width:21px;height:21px}.bigbtn span{direction:rtl;flex:1}
.vid{direction:ltr;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--ink)}
.vid span:last-child{direction:rtl}
.pl{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--terra);color:var(--ink);display:grid;place-items:center;transition:.2s}
.pl .ic{width:16px;height:16px;fill:currentColor;margin-left:2px}.vid:hover .pl{background:var(--terra);color:#fff}
.hero-box .ar{top:auto;bottom:18px;transform:none}.hero-box .ar:hover{transform:scale(1.08)}.hero-box .dots{bottom:26px}

/* ===== about ===== */
.about{--iw:46;--pl:24;position:relative;direction:rtl;display:flex;align-items:stretch;max-width:1240px;margin:-4px auto 0;min-height:290px}
.aimg{width:calc(var(--iw)*1%);flex:none;z-index:2;position:relative;border-radius:0 190px 52px 0/0 230px 52px 0;overflow:hidden;box-shadow:0 14px 34px rgba(60,50,40,.16)}
.aimg .sl{height:100%}.aimg .gs{width:100%;height:100%}.aimg img{width:100%;height:100%;object-fit:cover}
.aimg .ar{top:auto;bottom:14px;transform:none}.aimg .ar:hover{transform:scale(1.08)}.aimg .dots{bottom:20px}
.abg{direction:rtl;flex:1;margin-left:calc((var(--pl) - var(--iw))*1%);background:linear-gradient(135deg,#4d5f4b,#3b4b3d 70%);border-radius:90px 30px 30px 30px;padding:30px 18px 30px calc((var(--iw) - var(--pl))/(100 - var(--pl))*100% + 12px);display:flex;align-items:center;box-shadow:0 14px 34px rgba(40,55,42,.25)}
.atxt h2{font-size:23px;font-weight:600;color:#d3a870;line-height:1.4}
.gl{width:34px}
.abg .gl{margin:6px 0 14px}
.atxt p{color:#ece8de;font-size:13px;line-height:2;margin-bottom:18px}
.obtn{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(211,168,112,.75);border-radius:99px;padding:5px 6px 5px 16px;font-size:12.5px;font-weight:600;color:#f1ece1;transition:.2s}
.obtn i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(211,168,112,.85);display:grid;place-items:center;font-style:normal}.obtn .ic{width:14px;height:14px}
.obtn:hover{background:rgba(211,168,112,.18)}
.leaf{position:absolute;left:-10px;bottom:-34px;width:210px;height:76px;z-index:3;pointer-events:none;background:linear-gradient(110deg,#4f6d4c,#97b08f 70%,transparent);border-radius:100% 0 100% 0/100% 0 100% 0;transform:rotate(-7deg);opacity:.9}

/* ===== services ===== */
.svc{max-width:1240px;margin:0 auto;padding:44px 12px 6px}
.sh{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}
.sh h2{font-size:18px;font-weight:800}.hl{flex:0 1 110px;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.svl{gap:10px;padding:4px 2px 14px}
.sc{flex:0 0 106px;min-height:112px;background:var(--card);border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:12.5px;font-weight:600;line-height:1.5;color:var(--ink);transition:transform .25s,background .25s,box-shadow .25s}
.sc:hover{background:#faf6f0;transform:translateY(-3px);box-shadow:0 10px 24px rgba(90,60,40,.12)}
.sc .ic{width:36px;height:36px;color:var(--terra2)}.sc .em{font-size:30px}.sci{width:40px;height:40px;object-fit:contain}
.svbox .ar{top:42%}

/* ===== quote + reviews ===== */
.qr{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:42% 1fr;direction:ltr;padding:16px 12px 0;position:relative;align-items:start}
.qcol{position:relative;align-self:stretch;min-height:300px;direction:rtl}
.scn{position:absolute;left:-12px;bottom:-1px;width:auto;height:auto;max-width:calc(100% + 40px);max-height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(to right,#000 72%,transparent),linear-gradient(to bottom,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 72%,transparent),linear-gradient(to bottom,transparent 0,#000 22%);mask-composite:intersect}
.qt{position:relative;text-align:center;padding:16px 4px 0}
.qm{width:24px;fill:var(--gold);margin:0 auto 4px;display:block;transform:scaleX(-1)}
.qx{font-family:'Aref Ruqaa',serif;font-size:17px;line-height:1.95;color:var(--ink)}
.qt small{display:block;font:500 10px 'Cormorant Garamond',serif;letter-spacing:.3em;color:#7c7d6c;direction:ltr;margin-top:6px}
.rcol{direction:rtl;padding-top:6px;min-width:0}
.rbox{padding:0 18px}.rbox .ar{width:30px;height:30px}.rbox .ar.r{right:-4px}.rbox .ar.l{left:-4px}
.rl{padding:4px 2px 14px;margin:-4px -2px 0}
.rv{width:100%;display:flex;align-items:center;gap:10px;background:#fffefb;border-radius:22px;padding:12px 12px;box-shadow:0 8px 24px rgba(80,60,40,.1)}
.av{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--sage);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.av img{width:100%;height:100%;object-fit:cover}
.stars{display:flex;gap:2px;margin-bottom:3px}.stars svg{width:13px;height:13px;fill:#d89a3c}
.rt p{font-size:12px;line-height:1.85;font-weight:500}.rt em{display:block;font-style:normal;font-size:11.5px;color:#6d6a60;margin-top:2px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-bottom:18px}
.stats li{text-align:center;padding:2px 4px;border-inline-start:1px solid rgba(26,43,33,.13);display:flex;flex-direction:column;align-items:center}
.stats li:first-child{border-inline-start:0}
.stats .ic{width:26px;height:26px;color:var(--terra);margin-bottom:5px}.stats .ic path{fill:currentColor;fill-opacity:.9}
.stats b{direction:ltr;unicode-bidi:isolate;font-size:16px;font-weight:800;line-height:1.3;white-space:nowrap}.stats small{font-size:11px;color:var(--mut);line-height:1.4}

/* ===== bottom bar ===== */
.bot{position:relative;direction:ltr;max-width:1240px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;min-height:120px}
.bot::before{content:"";position:absolute;right:-40px;bottom:0;width:62%;height:120px;background:radial-gradient(ellipse at 70% 120%,#e9dfd1 0,transparent 68%);pointer-events:none}
.bar{direction:rtl;width:64%;max-width:620px;background:linear-gradient(135deg,#9ba185,#8e957a);border-radius:0 76px 0 0;padding:18px 10px 14px;position:relative;z-index:2}
.bar ul{display:flex;justify-content:space-around;gap:4px}
.bar a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#1f2f25}
.bi{width:46px;height:46px;border-radius:17px;background:linear-gradient(145deg,#3d5844,#2b4132);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(30,50,36,.3);transition:transform .2s}
.bi .ic,.bi svg{width:22px;height:22px}.bar a:hover .bi{transform:translateY(-3px)}
.close{position:relative;z-index:1;flex:1;text-align:center;font-family:'Aref Ruqaa',serif;font-size:16px;line-height:1.9;color:#3b4a40;transform:rotate(-6deg);padding:0 8px 22px}

/* ===== footer ===== */
.ft{background:#ece2d5;padding:26px 16px 30px}
.fi2{max-width:1240px;margin:auto;display:grid;gap:18px}
.fc{display:flex;flex-direction:column;gap:9px;font-size:13.5px}.fc b{font-size:16px;font-weight:800}
.fc a,.fc .ln{display:flex;align-items:center;gap:9px}.fc .ic{width:18px;height:18px;color:var(--terra);flex:none}.fc small{color:var(--mut);margin-top:4px}

/* ===== drawer / overlay ===== */
.ov{position:fixed;inset:0;background:rgba(20,30,24,.5);opacity:0;pointer-events:none;transition:.3s;z-index:60;backdrop-filter:blur(2px)}.ov.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;height:100dvh;width:min(86vw,370px);background:var(--bg);z-index:70;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:22px 22px 28px;box-shadow:-12px 0 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:14px;visibility:hidden}
.drawer.on{transform:none;visibility:visible}
.drawer .logo{align-self:flex-start}.drawer .logo img{height:58px}
.x{position:absolute;top:16px;left:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(26,43,33,.2);background:#fff8;cursor:pointer;font-size:15px}
.dl{margin-top:6px}.dl a{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(26,43,33,.1);font-weight:700;font-size:16px}
.dl .ic{width:16px;height:16px;color:var(--gold)}.dl a:hover{color:var(--terra)}
.dinfo{display:flex;flex-direction:column;gap:12px;font-size:14px;margin-top:4px}
.dinfo a,.dinfo .ln{display:flex;align-items:center;gap:11px}.dinfo .ic,.dinfo svg{width:20px;height:20px;color:var(--terra);flex:none}
.drawer .cta{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#b86c52,#a7563b);color:#fff;border-radius:99px;padding:13px;font-weight:700;box-shadow:0 10px 22px rgba(167,86,59,.3)}.drawer .cta .ic{width:20px;height:20px}
.dsoc{display:flex;gap:10px}.dsoc a{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#3d5844,#2b4132);color:#fff;display:grid;place-items:center}.dsoc .ic{width:20px;height:20px}
.dc{margin-top:auto;color:var(--mut);text-align:center;padding-top:10px}
body.lock{overflow:hidden}
.vm{position:fixed;inset:0;background:rgba(10,16,12,.86);z-index:90;display:none;place-items:center;padding:16px}.vm.on{display:grid}
.vb{width:min(94vw,920px);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.vb iframe,.vb video{width:100%;height:100%;border:0}
.vx{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:16px}

/* ===== tablet ===== */
@media(min-width:600px){
 .hrow{padding:16px 22px 0}.logo img{height:60px}.pill{font-size:14px;padding:11px 18px}
 .slide{min-height:640px}.stxt{width:56%;padding:130px 16px 56px 22px}
 .kick{font-size:19px}.stxt .ht{font-size:44px}.tag{font-size:25px;margin-bottom:22px}
 .fi{width:54px;height:54px;font-size:26px}.hf b{font-size:14px}.hf small{font-size:12.5px}
 .bigbtn{font-size:17px;max-width:340px;padding:15px 24px}.vid{font-size:15px}
 .sphoto{width:60%}
 .about{--iw:48;--pl:28;min-height:360px}.abg{padding-block:44px}.atxt h2{font-size:30px}.atxt p{font-size:15.5px}.obtn{font-size:14px}
 .svc{padding:56px 22px 10px}.sh h2{font-size:24px}.sc{flex:1 0 128px;max-width:230px;min-height:136px;font-size:14.5px;border-radius:22px}.sc .ic{width:44px;height:44px}
 .qr{padding:26px 22px 0;grid-template-columns:44% 1fr}.qx{font-size:28px}.qt small{font-size:12px}.qt{padding-top:30px}
 .rv{padding:18px 20px;gap:16px;border-radius:26px}.av{width:72px;height:72px}.stars svg{width:16px;height:16px}.rt p{font-size:15px}.rt em{font-size:14px}
 .stats b{font-size:26px}.stats small{font-size:14px}.stats .ic{width:32px;height:32px}
 .bar a{font-size:13.5px}.bi{width:56px;height:56px}.close{font-size:26px}
 .fi2{grid-template-columns:1fr 1.3fr;align-items:center}
}
/* ===== desktop ===== */
@media(min-width:1000px){
 .dnav{display:flex;gap:26px;margin:0 auto;font-weight:700;font-size:15px;direction:rtl}.dnav a{padding:6px 2px;border-bottom:2px solid transparent;transition:.2s}.dnav a:hover{color:var(--terra);border-color:var(--gold)}
 .hrow{padding:22px 32px 0}.logo img{height:68px}
 .slide{min-height:720px}.stxt{width:50%;padding:170px 24px 70px 56px}
 .kick{font-size:23px}.stxt .ht{font-size:68px}.stxt .ht .ln{width:44px;margin:8px auto}.tag{font-size:32px;margin-bottom:34px}
 .hf{max-width:520px;margin:0 auto 34px}.fi{width:62px;height:62px;font-size:30px}.hf b{font-size:16px}.hf small{font-size:13.5px}
 .bigbtn{max-width:380px;font-size:19px;padding:17px 28px;margin-bottom:22px}.vid{font-size:16px}.pl{width:48px;height:48px}
 .sphoto{width:56%}
 .about{--iw:50;--pl:30;min-height:460px;margin-top:20px}.abg{padding-block:60px}.atxt h2{font-size:38px}.atxt p{font-size:18px;max-width:520px}.obtn{font-size:16px;padding:7px 8px 7px 22px}.obtn i{width:36px;height:36px}
 .about,.svc,.qr,.bot{padding-inline:0}
 .svc{padding:70px 24px 14px}.sh h2{font-size:30px}.hl{flex-basis:200px}.svl{gap:16px}.sc{min-height:164px;flex:1 0 150px;font-size:16.5px}.sc .ic{width:52px;height:52px}
 .qr{padding:34px 24px 0;grid-template-columns:44% 1fr;gap:20px}.qcol{min-height:430px}.qx{font-size:36px}.qt{padding-top:60px}.qm{width:34px}
 .rbox{padding:0 28px}.rbox .ar{width:42px;height:42px}.rv{padding:24px 30px;gap:22px;border-radius:30px;max-width:640px;margin-inline:auto}.rv{width:100%}.av{width:88px;height:88px}.rt p{font-size:17.5px}
 .stats{max-width:640px;margin:34px auto 0}.stats b{font-size:32px}.stats .ic{width:38px;height:38px}
 .bar{padding:26px 20px 20px;border-radius:0 110px 0 0}.bi{width:62px;height:62px;border-radius:21px}.bi .ic,.bi svg{width:28px;height:28px}.bar a{font-size:15px;gap:9px}.close{font-size:34px}
 .ft{padding:44px 32px}.fc{font-size:15.5px}
}
@media(min-width:1500px){.hrow,.about,.svc,.qr,.bot,.fi2{max-width:1320px}.slide{--pad:max(0px,calc((100% - 1320px)/2))}}
@media(max-width:380px){.stxt{width:62%;padding-right:4px}.stxt .ht{font-size:26px}.hf b{font-size:11px}.hf small{font-size:10px}.fi{width:40px;height:40px}.rt p{font-size:11.5px}.qx{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ==================== KIT LAYER (CSS) — BEGIN ====================
   شريط متحرك + زر اللغة + مقالات + معلومات + معرض (5 صور) + فيديو + أسئلة + قسم الموقع ونموذج «راسلنا» + روابط الفوتر + صفحات المقال + لغتان (LTR) + واتساب عائم.
   كل شيء بألوان وخطوط التصميم نفسه: ‎--b/--bd = الطوبي (terra)‎ ، ‎--n = --ink‎ ، ‎--g = --mut‎ ، البطاقات ‎--card‎ ، الأخضر الداكن للبطاقات الداكنة مثل قسم «عن الدكتور».
   عُدّل في الأعلى: قاعدة ‎h1‎ العامة صارت ‎.stxt .ht‎ (عنوان الهيرو فقط؛ h1 واحد في الصفحة)، وحُذفت ‎.mapw‎ (الخريطة انتقلت من الفوتر إلى قسم الموقع). */
:root{--b:var(--terra);--bd:var(--terra2);--n:var(--ink);--g:var(--mut)}
img,video,iframe{max-width:100%}.pg{position:relative}[id]{scroll-margin-top:14px}
.skip{position:absolute;right:8px;top:8px;background:#fff;color:var(--ink);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}
/* الشريط المتحرك (أعلى الصفحة قبل الهيدر) */
.mq{background:linear-gradient(90deg,#4d5f4b,#3b4b3d);color:#f1ece1;overflow:hidden;font-size:13px;font-weight:600;direction:ltr;line-height:1.6;position:relative;z-index:31}
.mq-t{display:flex;width:max-content;animation:mq 48s linear infinite}.mq:hover .mq-t{animation-play-state:paused}
.mq-t>div{display:flex;flex:none;direction:rtl}.mq-t>div[dir=ltr]{direction:ltr}.mq span{padding:7px 26px;white-space:nowrap;position:relative}.mq span:after{content:"";position:absolute;left:-3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#d3a870}
@keyframes mq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mq-t{animation-duration:160s}}
/* الهيدر: زر اللغة بجوار زر الحجز + لوجو نصي */
.hrow{min-width:0}.hd .logo{flex:0 1 auto;min-width:0;overflow:hidden}.logo .mono{letter-spacing:-1px;flex:none}.logo .cap{white-space:nowrap}
.lang{margin-left:auto;flex:none}.lang b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(247,241,233,.94);color:var(--green);font-size:13px;font-weight:800;line-height:1;box-shadow:0 6px 18px rgba(40,50,40,.12);transition:.2s}.lang:hover b{background:var(--green);color:#fff}
.lang+.pill{margin-left:0}.pill{flex:none}.dnav a{white-space:nowrap}
@media(min-width:1000px){.dnav+.lang{margin-left:0}}
@media(max-width:400px){.hrow{gap:6px;padding-inline:10px}.pill{padding:9px 11px;gap:6px;font-size:12.5px}.pill .ic:last-child{display:none}.lang b{width:36px;height:36px;font-size:12px}.hd .logo .mono{font-size:34px}.hd .logo .cap{font-size:8px;letter-spacing:.14em}.burger{width:38px;padding:6px}}
@media(max-width:350px){.hd .logo .cap{display:none}}
/* أزرار بأسلوب التصميم (كبسولة طوبية مثل زر الحجز / خضراء داكنة) */
.kbtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 22px;border-radius:99px;border:0;background:linear-gradient(90deg,#b86c52,#a7563b);color:#fff;font:700 14.5px/1.4 Cairo,system-ui,sans-serif;text-align:center;cursor:pointer;box-shadow:0 10px 22px rgba(167,86,59,.26);transition:transform .2s,box-shadow .2s}
.kbtn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(167,86,59,.34)}.kbtn .ic,.kbtn svg{width:19px;height:19px;flex:none}
.kbtn.g{background:linear-gradient(145deg,#3d5844,#2b4132);box-shadow:0 8px 18px rgba(30,50,36,.26)}.kbtn.wa2{background:linear-gradient(145deg,#2bb673,#1c9a5c);box-shadow:0 8px 18px rgba(28,154,92,.26)}
/* أقسام الـ kit: نفس عرض وعنوان قسم الخدمات */
.ks{max-width:1240px;margin:0 auto;padding:44px 12px 6px}.shs{text-align:center;color:var(--mut);font-size:13.5px;margin:-8px auto 18px;max-width:640px}
.sh h2{text-align:center;min-width:0}.sh .hl{flex:1 1 24px;max-width:110px}
@media(min-width:1000px){.sh .hl{max-width:200px}}
/* المقالات */
.ag{display:grid;gap:14px}.xa{background:#fffefb;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(80,60,40,.1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.xa:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(80,60,40,.14)}
.xa-i{display:block;aspect-ratio:16/9;background:var(--card);overflow:hidden}.xa-i img{width:100%;height:100%;object-fit:cover}.xa>div{padding:14px 16px 16px;min-width:0;display:flex;flex-direction:column;flex:1}
.xa time,.art time{display:block;font-size:12px;color:var(--mut);direction:ltr;text-align:start}html[dir=rtl] .xa time,html[dir=rtl] .art time{text-align:right}
.xa h3{margin:2px 0 0;font-size:16.5px;font-weight:800;line-height:1.6;color:var(--ink)}.xa h3 a:hover{color:var(--terra)}.xa p{margin-top:6px;font-size:13.5px;line-height:1.9;color:var(--mut)}.xa-m{margin-top:auto;padding-top:10px;color:var(--terra2);font-weight:800;font-size:13.5px;align-self:flex-start}
/* معلومات تهمك */
.tg{display:grid;gap:12px}.tpc{background:var(--card);border-radius:20px;padding:16px;display:flex;gap:13px;align-items:flex-start;min-width:0;transition:background .25s,box-shadow .25s}.tpc:hover{background:#faf6f0;box-shadow:0 10px 24px rgba(90,60,40,.1)}
.tpi{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid #d7b8a6;display:grid;place-items:center;color:var(--terra);font-style:normal;font-size:22px;background:rgba(255,255,255,.45)}.tpi .ic{width:22px;height:22px}
.tpc>div{min-width:0}.tpc b{display:block;font-size:15px;font-weight:800;line-height:1.6;color:var(--ink)}.tpc p{margin-top:3px;font-size:13px;line-height:1.9;color:var(--mut)}
/* معرض الصور (5 صور): صورة كبيرة + أربع */
.gg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gg a{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:var(--card);cursor:zoom-in;box-shadow:0 8px 22px rgba(80,60,40,.12)}.gg a:first-child{grid-column:1/-1;aspect-ratio:16/10}
.gg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gg a:hover img{transform:scale(1.04)}.gg span{position:absolute;inset:auto 0 0 0;padding:26px 10px 9px;background:linear-gradient(transparent,rgba(26,43,33,.82));color:#fff;font-size:12.5px;font-weight:700;text-align:center;line-height:1.5}
/* الفيديو (تحت المعرض مباشرة) */
.vid-item{max-width:900px;margin:0 auto}.vid-item+.vid-item{margin-top:18px}.vid-box{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#1a2b21;box-shadow:0 14px 34px rgba(60,50,40,.18)}.vid-box video,.vid-box iframe{width:100%;height:100%;border:0;display:block;object-fit:cover}.vid-t{text-align:center;font-weight:700;font-size:14px;margin-top:10px;color:var(--green)}
/* الأسئلة الشائعة */
.fq{max-width:860px;margin:0 auto;display:grid;gap:10px}.qa{background:#fffefb;border-radius:18px;box-shadow:0 6px 18px rgba(80,60,40,.08);overflow:hidden}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:800;font-size:14.5px;line-height:1.7}.qa summary::-webkit-details-marker{display:none}.qa summary span{min-width:0;overflow-wrap:anywhere}
.qa summary i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid #d7b8a6;position:relative;color:var(--terra);transition:.25s}.qa summary i:before,.qa summary i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;margin:-.8px 0 0 -5.5px;background:currentColor;border-radius:2px;transition:.25s}.qa summary i:after{transform:rotate(90deg)}
.qa[open] summary i{background:var(--terra);color:#fff;border-color:var(--terra)}.qa[open] summary i:after{transform:none;opacity:0}.ans{padding:0 16px 16px;font-size:13.5px;line-height:2;color:var(--mut)}
/* شريط التواصل الختامي يجلس على شريط قسم الموقع (بلون الفوتر) كما كان يجلس على الفوتر */
.bot{margin-top:34px}
/* قسم الموقع (آخر قسم قبل الفوتر) */
.loc{background:#ece2d5}.loc .ks{padding-bottom:34px}.loc-g{display:grid;gap:14px}
.loc-m{position:relative;min-height:300px;border-radius:26px;overflow:hidden;background:#ddd3c4;box-shadow:0 14px 34px rgba(60,50,40,.14)}.loc-m iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.loc-c{background:linear-gradient(135deg,#4d5f4b,#3b4b3d 70%);color:#ece8de;border-radius:26px;padding:20px 18px;display:grid;gap:16px;min-width:0;box-shadow:0 14px 34px rgba(40,55,42,.22)}.loc-c ul{display:grid;gap:13px}
.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%;border:1px solid rgba(211,168,112,.75);color:#d3a870;display:grid;place-items:center}.loc-c li>i .ic{width:19px;height:19px}
.loc-c li div{min-width:0}.loc-c li b{display:block;font-size:12px;color:#d3a870;font-weight:600}.loc-c li span,.loc-c li a{font-size:14.5px;font-weight:700;color:#f6f2e9;overflow-wrap:anywhere;display:inline-block}
.loc-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loc-b .kbtn{padding:9px 10px;font-size:13px}.loc-c .kbtn.g{background:none;border:1px solid rgba(211,168,112,.8);color:#f1ece1;box-shadow:none}.loc-c .kbtn.g:hover{background:rgba(211,168,112,.18)}
.cf{border-top:1px solid rgba(236,232,222,.18);padding-top:16px;display:grid;gap:10px}.cf h3{margin:0;font-size:17px;font-weight:700;color:#d3a870}.cf-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf input:not(.hp),.cf textarea{width:100%;min-width:0;border:1px solid rgba(236,232,222,.3);border-radius:14px;padding:11px 13px;font:inherit;font-size:16px;background:rgba(255,255,255,.94);color:var(--ink)}.cf textarea{resize:vertical;min-height:92px}.cf input::placeholder,.cf textarea::placeholder{color:#7b837d;font-size:13.5px}.cf button{justify-self:start;min-width:140px}
.okm{background:#e6f6ea;color:#1b6b34;padding:10px 14px;border-radius:12px;font-size:13.5px;font-weight:700}
/* الفوتر: عمود البيانات الأصلي + روابط سريعة مكان الخريطة التي انتقلت إلى قسم الموقع */
.ft{border-top:1px solid rgba(26,43,33,.1)}.fl{display:grid;gap:14px;align-content:start;min-width:0}.fnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;font-size:13.5px;font-weight:600}.fnav a:hover{color:var(--terra)}
.fsoc{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fsoc span{font-size:13px;font-weight:700;color:var(--mut)}.fsoc a{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#3d5844,#2b4132);color:#fff;display:grid;place-items:center}.fsoc .ic{width:19px;height:19px}
.fc span[dir=ltr]{unicode-bidi:isolate}
/* صفحة المقال / الصفحات الثابتة (الهيدر شفاف فوق المحتوى، فتبدأ الصفحة بمسافة له) */
.wrap{max-width:900px;margin:0 auto;padding-inline:14px}.art{padding-top:92px;padding-bottom:34px}.crumb{font-size:12.5px;color:var(--mut);margin-bottom:12px;line-height:1.8}.crumb a{color:var(--terra2);font-weight:700}
.art>article{background:#fffefb;border-radius:26px;padding:20px 18px 22px;box-shadow:0 10px 30px rgba(80,60,40,.1)}.art h1{font-size:23px;line-height:1.55;color:var(--ink);font-weight:800}
.art-i{width:100%;border-radius:18px;margin:14px 0;aspect-ratio:16/9;object-fit:cover}.art-x{font-size:14.5px;font-weight:700;color:var(--green);line-height:1.95;border-inline-start:3px solid var(--gold);padding-inline-start:12px;margin:12px 0 16px}
.art-b p{font-size:14.5px;line-height:2.05;color:#33423a;margin-bottom:14px;overflow-wrap:anywhere}.art>article>.art-b:first-of-type{margin-top:12px}
.art-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.art .sh{margin-top:34px}.nem{text-align:center;color:var(--mut);padding:40px 12px 16px;font-size:17px}.nem2{text-align:center;padding-bottom:30px}
/* عارض الصور + زر الأعلى + واتساب العائم */
.lb{position:fixed;inset:0;background:rgba(14,22,17,.92);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:14px;object-fit:contain}.lb p{color:#fff;margin:12px 0 0;font-weight:600;text-align:center;font-size:15px}
.lb-x,.lb-a{position:absolute;border:0;background:#fff;color:var(--ink);border-radius:50%;width:42px;height:42px;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}.lb-x{top:12px;left:12px;font-size:15px}.lb-a{top:50%;transform:translateY(-50%)}.lb-a.p{right:12px}.lb-a.n{left:12px}
.totop{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:#fffefb;color:var(--terra2);font-size:19px;font-weight:800;z-index:40;box-shadow:0 6px 18px rgba(40,50,40,.22);cursor:pointer}.totop[hidden]{display:none}
.wa{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:14px;z-index:40;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .2s}.wa:hover{transform:scale(1.07)}
@media(min-width:600px){
 .ks{padding:56px 22px 10px}.shs{font-size:15px}.tg{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .gg{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gg a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.gg span{font-size:13.5px}
 .qa summary{font-size:16px;padding:16px 20px}.ans{padding:0 20px 18px;font-size:14.5px}.loc-c{padding:26px 24px}.fnav{font-size:14.5px}
 .art{padding-top:110px}.art>article{padding:28px 30px 30px}.art h1{font-size:30px}.art-b p,.art-x{font-size:16px}.bot{margin-top:44px}
}
@media(min-width:700px){.ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:900px){.ag{gap:18px}.tg{grid-template-columns:repeat(3,minmax(0,1fr))}.loc-g{grid-template-columns:1.15fr 1fr;gap:20px;align-items:stretch}.loc-m{min-height:100%}}
@media(min-width:1000px){.ks{padding:70px 24px 14px}.xa h3{font-size:18px}.xa p{font-size:14.5px}.tpc b{font-size:16.5px}.tpc p{font-size:14px}.art{padding-top:130px}.fnav{font-size:15.5px;grid-template-columns:repeat(3,minmax(0,1fr))}.bot{margin-top:60px}.loc .ks{padding-bottom:50px}}
@media(min-width:1500px){.ks{max-width:1320px}}
@media(max-width:360px){.loc-b,.cf-2{grid-template-columns:1fr}.fnav{font-size:13px}}

/* زخارف التصميم التي كانت تتجاوز حافة الصفحة (تسبب عرضاً زائداً على الهواتف): تُحصر داخل الحافة دون تغيير شكلها الظاهر */
.b1{left:0;width:180px;background:radial-gradient(circle 212px at 30px 150px,rgba(190,170,140,.28),transparent 70%)}.b2{width:min(260px,70%)}
@media(max-width:1319px){.bot::before{right:0}}
@media(max-width:1279px){.leaf{left:6px}.close{margin-right:12px}}
.rl{gap:10px}
/* أصغر الهواتف (≤380px): عمود نص الهيرو يأخذ 62% من العرض فكان التخصص والاسم يُكتبان فوق وجه الدكتور — تُزاح الصورة داخل إطارها ليظهر الوجه يمين النص */
@media(max-width:380px){.sphoto img{object-position:30% top}.stats b{font-size:14px}}
@media(max-width:340px){.stats b{font-size:12.5px}.stats li{padding-inline:2px}.stats small{font-size:10px}}

/* ---- LTR (English): التخطيط «الفيزيائي» للتصميم يبقى كما هو (القائمة واللوجو يساراً وزر الحجز يميناً، نص الهيرو يساراً وصورة الدكتور يميناً، صورة «عن الدكتور» يساراً، العبارة يساراً والآراء يميناً)، ويُصحَّح اتجاه النص والأسهم وجهة القائمة الجانبية فقط ---- */
html[dir=ltr] .stxt,html[dir=ltr] .pill span,html[dir=ltr] .bigbtn span,html[dir=ltr] .vid span:last-child,html[dir=ltr] .dnav,html[dir=ltr] .qcol,html[dir=ltr] .rcol,html[dir=ltr] .bar{direction:ltr}
html[dir=ltr] .atxt{direction:ltr;text-align:left}html[dir=ltr] .obtn .ic,html[dir=ltr] .dl .ic{transform:scaleX(-1)}
html[dir=ltr] .qx,html[dir=ltr] .close{font-family:'Cormorant Garamond','Times New Roman',serif;font-weight:600}html[dir=ltr] .qm{transform:none}
html[dir=ltr] .qx{font-size:16px;line-height:1.7}html[dir=ltr] .close{font-size:15px;line-height:1.6}html[dir=ltr] .hf b{font-size:11.5px;overflow-wrap:anywhere}html[dir=ltr] .hf small{font-size:10px}html[dir=ltr] .stxt .ht{font-size:26px}
@media(min-width:600px){html[dir=ltr] .qx{font-size:24px}html[dir=ltr] .close{font-size:23px}html[dir=ltr] .hf b{font-size:13.5px}html[dir=ltr] .hf small{font-size:12px}html[dir=ltr] .stxt .ht{font-size:40px}}
@media(min-width:1000px){html[dir=ltr] .qx{font-size:31px}html[dir=ltr] .close{font-size:30px}html[dir=ltr] .hf b{font-size:15.5px}html[dir=ltr] .hf small{font-size:13px}html[dir=ltr] .stxt .ht{font-size:62px}}
@media(max-width:380px){html[dir=ltr] .hf b{font-size:9.5px;letter-spacing:-.2px}html[dir=ltr] .hf small{font-size:9px}html[dir=ltr] .hf li{padding:0 2px}html[dir=ltr] .stxt .ht{font-size:23px}}
html[dir=ltr] .drawer{right:auto;left:0;transform:translateX(-105%);box-shadow:12px 0 40px rgba(0,0,0,.2)}html[dir=ltr] .drawer.on{transform:none}html[dir=ltr] .x{left:auto;right:16px}
html[dir=ltr] .logo .cap.nm{direction:ltr}html[dir=ltr] .vx{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:14px}html[dir=ltr] .totop{right:auto;left:14px}
html[dir=ltr] .mq span:after{left:auto;right:-3px}html[dir=ltr] .skip{right:auto;left:8px}
@media print{.mq,.hd,.wa,.totop,.loc-m,.cf,.lb,.bot,.drawer,.ov{display:none!important}}
/* ==================== KIT LAYER (CSS) — END ==================== */

/* ===== موبايل: قسم الاقتباس بعمود واحد + شريط التواصل بعرض كامل (يتسع لأربعة أزرار) ===== */
@media(max-width:700px){
 .qr{grid-template-columns:1fr;gap:0}.rcol{order:-1}.qcol{min-height:420px}.qt{padding-top:26px}
 .scn{left:0;max-width:100%;width:100%;height:auto;max-height:78%;object-fit:cover;object-position:left bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%);mask-image:linear-gradient(to bottom,transparent 0,#000 24%)}
 .bot{flex-direction:column;align-items:stretch;margin-top:20px}.bot::before{display:none}
 .bar{width:100%;max-width:none;border-radius:0 76px 0 0;padding:18px 14px 16px}.bar ul{gap:2px}.bar a{font-size:12px;text-align:center;flex:1}
 .close{order:-1;transform:none;padding:0 10px 16px;flex:none}
}