/* ================= ماي كلين — main.css ================= */
:root{
	--ink:#020202; --ink2:#04141f;
	--blue:#0077b6; --sky:#00b4d8; --orange:#ffa62b;
	--white:#fff; --mist:#f4f8fb; --mist2:#e9f2f8; --line:#dce7ef;
	--text:#0c1a23; --muted:#5a6a75;
	--ff-h:"Cairo",Tahoma,sans-serif;
	--ff-b:"Cairo","Segoe UI",Tahoma,sans-serif;
	--wrap:1200px; --r:18px; --pill:999px;
	--hdr:88px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--hdr);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ff-b);font-size:17px;line-height:1.75;color:var(--text);background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--sky)}
button,input,select{font:inherit}
h1,h2,h3{font-family:var(--ff-h);line-height:1.3;margin:0;color:inherit;font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
.ic{width:1.25em;height:1.25em;flex:none}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--orange);color:var(--ink);padding:8px 16px;z-index:200;border-radius:8px}
.skip:focus{inset-inline-start:8px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:min(var(--wrap),100% - 48px);margin-inline:auto}
.wrap--mid{width:min(920px,100% - 48px)}

/* ---------- عناوين مشتركة ---------- */
.eye{font-family:var(--ff-h);font-size:.92rem;font-weight:600;color:var(--blue);margin:0 0 .5rem}
.eye--sky{color:var(--sky)} .eye--orange{color:var(--orange)}
.h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800;color:var(--ink)}
.h2--bar{position:relative;padding-bottom:.55rem;margin-bottom:.4rem}
.h2--bar::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:66px;height:5px;border-radius:4px;background:var(--orange)}
.lead{color:var(--muted);font-size:1.05rem;margin-top:.8rem;max-width:62ch}
.sec-head{text-align:center;margin-bottom:2.6rem}
.sec-head .lead{margin-inline:auto}
.sec-head--dark .h2{color:#fff}
.sec-head--dark .lead{color:#b8c7d2}
.o{color:var(--orange)}

/* ---------- أزرار ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.4rem;border-radius:12px;font-weight:600;font-family:var(--ff-h);border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn--orange{background:var(--orange);color:var(--ink)}
.btn--orange:hover{background:#ffb853;color:var(--ink)}
.btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}
.btn--ghost:hover{border-color:#fff;color:#fff}
.btn--line{border-color:var(--blue);color:var(--blue)}
.btn--line:hover{background:var(--blue);color:#fff}

.pill{display:inline-flex;align-items:center;gap:.75rem;padding:.42rem .5rem .42rem 1.3rem;border-radius:var(--pill);font-family:var(--ff-h);font-weight:600;font-size:.98rem;border:1.5px solid transparent;transition:background .2s,border-color .2s,color .2s}
.pill__c{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:none}
.pill--light{border-color:rgba(255,255,255,.75);color:#fff}
.pill--light .pill__c{background:#fff;color:var(--ink)}
.pill--light:hover{background:rgba(255,255,255,.12);color:#fff}
.pill--orange{background:var(--orange);color:var(--ink)}
.pill--orange .pill__c{background:var(--ink);color:var(--orange)}
.pill--orange:hover{background:#ffb853;color:var(--ink)}
.pill--solo{padding:.42rem 1.3rem .42rem .5rem}
.pill--wa{border-color:rgba(255,255,255,.3);color:#fff;padding:.5rem 1.6rem .5rem .5rem}
.pill--wa .pill__c{background:#fff;color:var(--ink);width:40px;height:40px}
.pill--wa:hover{border-color:var(--sky);color:#fff}

/* ================= الهيدر ================= */
.hdr{position:fixed;inset-inline:0;top:0;z-index:60;height:var(--hdr);transition:background .3s,box-shadow .3s,height .3s}
.hdr__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1320px,100% - 48px);margin-inline:auto}
.hdr.is-solid{background:rgba(2,2,2,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.06);--hdr:74px}
.brand{display:flex;align-items:center;gap:.7rem;color:#fff}
.brand:hover{color:#fff}
.brand__logo{width:auto;height:48px}
.brand__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,var(--sky),var(--blue));color:#fff}
.brand__mark .ic{width:24px;height:24px}
.brand__txt{display:flex;flex-direction:column;line-height:1.25}
.brand__svg{display:block;width:50px;height:50px;flex:none}
.brand__txt strong{font-family:var(--ff-h);font-size:1.35rem;font-weight:900;letter-spacing:-.01em}
.brand__txt strong em{font-style:normal;color:var(--sky)}
.brand__txt small{font-size:.76rem;opacity:.75}
.hdr__act{display:flex;align-items:center;gap:.6rem}
.hdr__tel{color:#fff;font-family:var(--ff-h);font-weight:600;font-size:.95rem;padding-inline:.4rem}
.hdr__tel:hover{color:var(--sky)}
.hdr__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:none;border:0;color:#fff;cursor:pointer}
.hdr__ic .ic{width:24px;height:24px}
.hdr__ic:hover{color:var(--sky)}
.hdr__burger{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--ink);border:0;cursor:pointer;transition:transform .2s}
.hdr__burger:hover{transform:scale(1.06)}

/* ---------- قائمة كاملة الشاشة ---------- */
.ov{position:fixed;inset:0;z-index:100;background:radial-gradient(120% 90% at 100% 0%,#062a42 0%,var(--ink) 60%);color:#fff;display:flex;flex-direction:column;overflow:auto;animation:ovIn .28s ease}
.ov[hidden]{display:none}
@keyframes ovIn{from{opacity:0}to{opacity:1}}
.ov__bar{display:flex;justify-content:space-between;align-items:center;width:min(1320px,100% - 48px);margin-inline:auto;height:88px;flex:none}
.ov__title{font-family:var(--ff-h);color:#8fa6b5}
.ov__close{width:50px;height:50px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.ov__body{width:min(1100px,100% - 48px);margin:auto;padding:2rem 0 4rem;display:grid;grid-template-columns:1.6fr 1fr;gap:3rem;align-items:start}
.ov-menu{display:grid;gap:.2rem}
.ov-menu a{display:block;font-family:var(--ff-h);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;color:#fff;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ov-menu a:hover{color:var(--sky)}
.ov-menu .sub-menu a{font-size:1.05rem;font-weight:500;color:#b8c7d2;padding-inline-start:1rem}
.ov__side{display:grid;gap:.8rem;padding:1.6rem;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ov__side p{margin:0;font-family:var(--ff-h);font-size:1.15rem}
.ov--search .ov__body{display:block;max-width:760px}
.sform{display:flex;background:#fff;border-radius:var(--pill);overflow:hidden;padding:.35rem}
.sform input{flex:1;border:0;padding:.7rem 1.2rem;min-width:0;color:var(--text);background:none}
.sform input:focus{outline:none}
.sform button{width:50px;height:50px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer}
.prose .sform{border:1.5px solid var(--line)}

/* ================= الهيرو ================= */
.hero{position:relative;min-height:100svh;min-height:100vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ink)}
@supports(min-height:100svh){.hero{min-height:100svh}}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.06);animation:heroZoom 1.6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.hero__shade{position:absolute;inset:0;background:
	linear-gradient(to left,rgba(2,2,2,.82) 0%,rgba(2,2,2,.45) 45%,rgba(2,2,2,.1) 75%),
	linear-gradient(to top,rgba(2,2,2,.85) 0%,rgba(2,2,2,0) 45%),
	linear-gradient(to bottom,rgba(2,2,2,.55) 0%,rgba(2,2,2,0) 25%)}
.hero__in{position:relative;z-index:2;padding-block:calc(var(--hdr) + 3rem) 7.5rem;display:flex;align-items:flex-end;justify-content:space-between}
.hero__txt{max-width:640px;animation:rise .9s .25s both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero__eye{font-family:var(--ff-h);font-size:1rem;font-weight:500;color:#dbe8f0;margin-bottom:.9rem}
.hero__h{font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:800;line-height:1.3;text-wrap:balance}
.hero__p{font-size:1.1rem;color:#d4e0e8;margin:1.2rem 0 1.8rem;max-width:48ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}
.hero__play{position:absolute;inset-inline-end:14%;top:calc(var(--hdr) + 12vh);width:88px;height:88px;border-radius:50%;background:#fff;color:var(--ink);border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 12px rgba(255,255,255,.14);transition:transform .2s}
.hero__play:hover{transform:scale(1.07)}
.hero__play .ic{width:40px;height:40px}
.hero__down{position:absolute;bottom:22px;inset-inline:0;margin-inline:auto;width:44px;display:flex;flex-direction:column;align-items:center;color:#fff;z-index:3}
.hero__down .ic{width:34px;height:34px;stroke-width:1.4}
.hero__down .ic+.ic{margin-top:-24px}
.hero__down:hover{color:var(--sky)}

/* ================= من نحن ================= */
.about{padding:clamp(4rem,9vw,7rem) 0;background:var(--white)}
.about__grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;grid-template-rows:auto auto;gap:1.6rem 3rem;align-items:center}
.about__img{border-radius:var(--r);overflow:hidden;background:var(--mist2)}
.about__img img{width:100%;height:100%;object-fit:cover}
.about__img--1,.about__img--2,.about__img--3,.about__img--4{aspect-ratio:4/5;width:78%}
.about__img--1{grid-column:1;grid-row:1;justify-self:end;align-self:end}
.about__img--2{grid-column:1;grid-row:2;justify-self:start;align-self:start}
.about__img--3{grid-column:3;grid-row:1;justify-self:start;align-self:end;transform:translateY(2.5rem)}
.about__img--4{grid-column:3;grid-row:2;justify-self:end;align-self:start;transform:translateY(2.5rem)}
.about__c{grid-column:2;grid-row:1/3;text-align:center;display:flex;flex-direction:column;align-items:center}
.about__mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:78px;height:78px;border:2px solid var(--ink);color:var(--ink);margin-bottom:1.6rem}
.about__mark .ic{width:28px;height:28px}
.about__mark small{font-family:var(--ff-h);font-size:.55rem;letter-spacing:.08em;font-weight:700}
.about__eye{font-family:var(--ff-h);color:var(--blue);font-weight:600;margin-bottom:.4rem}
.about__h{font-size:clamp(2rem,4vw,3.3rem);font-weight:600;color:var(--ink);line-height:1.25;text-wrap:balance;margin-bottom:1.3rem}
.about__p{color:#33434e;max-width:46ch;font-size:1.02rem}
.about__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.6rem}
.store{display:inline-flex;align-items:center;gap:.7rem;background:var(--ink);color:#fff;border-radius:14px;padding:.55rem 1.3rem;min-width:170px}
.store:hover{background:var(--blue);color:#fff}
.store .ic{width:26px;height:26px}
.store span{display:flex;flex-direction:column;line-height:1.3;text-align:start}
.store small{font-size:.7rem;opacity:.8}
.store b{font-family:var(--ff-h);font-size:1.02rem}

/* ================= مميزاتنا (سلايدر) ================= */
.feat{position:relative;min-height:min(720px,92vh);color:#fff;overflow:hidden;background:var(--ink);display:flex}
.feat__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease,transform 6s ease;transform:scale(1.04)}
.feat__bg.is-on{opacity:1;transform:scale(1)}
.feat__shade{position:absolute;inset:0;background:linear-gradient(to left,rgba(2,2,2,.88) 0%,rgba(2,2,2,.55) 50%,rgba(2,2,2,.35) 100%),linear-gradient(to top,rgba(2,2,2,.6),transparent 40%)}
.feat__in{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr auto;gap:1rem 3rem;padding-block:3.5rem 2.2rem;width:min(var(--wrap),100% - 48px)}
.feat__head{grid-column:1;grid-row:1}
.feat__eye{font-family:var(--ff-h);font-size:.95rem;color:#cfdce5;margin-bottom:.2rem}
.feat__h{font-size:clamp(2rem,4vw,3rem);font-weight:700}
.feat__slides{grid-column:1;grid-row:2;align-self:center;display:grid;max-width:560px}
.feat__slide{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;pointer-events:none}
.feat__slide.is-on{opacity:1;transform:none;pointer-events:auto}
.feat__t{display:flex;align-items:center;gap:1rem;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:700;margin-bottom:1rem}
.feat__ic{display:grid;place-items:center;width:52px;height:52px;border:1.5px solid rgba(255,255,255,.7);border-radius:10px;flex:none}
.feat__ic .ic{width:26px;height:26px}
.feat__d{color:#dbe5ec;font-size:1.02rem;max-width:52ch}
.feat__cta{grid-area:2/1;display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.feat__words{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;text-align:center;font-family:var(--ff-h);font-weight:800;font-size:clamp(3rem,7vw,6.2rem);line-height:1.08}
.feat__words li{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.3);transition:color .6s,-webkit-text-stroke-color .6s}
.feat__words li.is-on{color:#fff;-webkit-text-stroke-color:#fff}
.feat__dots{grid-column:1/3;grid-row:3;display:flex;justify-content:center;gap:.5rem}
.feat__dots button{width:9px;height:9px;border-radius:9px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:width .3s,background .3s}
.feat__dots button.is-on{width:36px;background:#fff}

/* ================= الأسعار ================= */
.prices{padding:clamp(4rem,8vw,6.5rem) 0;background:linear-gradient(180deg,var(--mist) 0%,#fff 100%)}
.prices__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5rem;align-items:start}
.plist{margin-top:2rem;border-top:1px solid var(--line)}
.plist__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;padding:1.15rem .3rem;border-bottom:1px solid var(--line)}
.plist__n{font-family:var(--ff-h);font-size:2rem;font-weight:300;color:transparent;-webkit-text-stroke:1px #b7c7d3;line-height:1;width:2.6ch}
.plist__t b{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--ff-h);font-size:1.15rem;font-weight:700;color:var(--ink)}
.plist__t small{display:block;color:var(--muted);font-size:.9rem}
.tag{font-style:normal;background:var(--orange);color:var(--ink);font-size:.72rem;font-weight:700;padding:.12rem .6rem;border-radius:var(--pill)}
.plist__p{font-family:var(--ff-h);font-weight:800;font-size:1.2rem;color:var(--ink);white-space:nowrap}
.prices__note{margin-top:1.3rem;font-size:.92rem;color:var(--muted)}
.prices__img{position:sticky;top:calc(var(--hdr) + 1.5rem);border-radius:26px;overflow:hidden;aspect-ratio:3/4;background:var(--mist2)}
.prices__img img{width:100%;height:100%;object-fit:cover}

/* ================= نطاق الخدمات (أكورديون) ================= */
.scope{padding:clamp(4rem,8vw,6.5rem) 0;background:#fff}
.acc{display:grid;gap:.9rem}
.acc__item{border:1.5px solid var(--line);border-radius:22px;background:#fff;transition:border-color .25s,box-shadow .25s}
.acc__item.is-open{border-color:var(--blue);box-shadow:0 12px 32px -18px rgba(0,119,182,.45)}
.acc__h{margin:0;font-size:inherit}
.acc__btn{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.1rem;padding:1.15rem 1.4rem;cursor:pointer;border-radius:22px}
.acc__btn:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.acc__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--mist2);color:var(--blue)}
.acc__ic .ic{width:24px;height:24px}
.acc__t{font-family:var(--ff-h);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;color:var(--ink);line-height:1.35}
.acc__t small{display:block;font-size:.8rem;font-weight:600;color:var(--blue);margin-bottom:.1rem}
.acc__n{font-size:.88rem;color:var(--muted);white-space:nowrap}
.acc__plus{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);color:var(--ink);transition:transform .3s,background .3s,color .3s,border-color .3s}
.acc__item.is-open .acc__plus{transform:rotate(45deg);background:var(--blue);border-color:var(--blue);color:#fff}
.acc__panel{padding:0 1.4rem 1.5rem calc(1.4rem);padding-inline-start:calc(1.4rem + 52px + 1.1rem)}
.acc__panel p{color:#33434e;max-width:64ch}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1.1rem}
.chips li{background:var(--mist);border:1px solid var(--line);border-radius:var(--pill);padding:.3rem .9rem;font-size:.9rem;color:var(--text)}
.acc__links{display:flex;flex-wrap:wrap;gap:1.4rem}
.lnk{font-family:var(--ff-h);font-weight:600;border-bottom:2px solid var(--sky);padding-bottom:1px}
.lnk--wa{color:#128c4b;border-color:#25d366}

/* ================= الخطوات ================= */
.steps{padding:clamp(4.5rem,9vw,7rem) 0;color:#fff;background:radial-gradient(90% 70% at 50% 0%,#07263a 0%,var(--ink2) 45%,var(--ink) 100%)}
.steps__row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:s}
.steps__row::before{content:"";position:absolute;top:32px;inset-inline:12.5%;height:1px;background:linear-gradient(to left,transparent,rgba(0,180,216,.6),rgba(255,166,43,.5),transparent)}
.step{position:relative;text-align:center}
.step__n{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 1.3rem;border-radius:50%;font-family:var(--ff-h);font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--blue) 0%,var(--sky) 55%,var(--orange) 130%);box-shadow:0 0 0 6px rgba(0,180,216,.12),0 0 30px rgba(0,180,216,.35)}
.step__t{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}
.step__d{color:#aebecb;font-size:.95rem;max-width:26ch;margin-inline:auto}

/* ================= الأسئلة ================= */
.faq{padding:clamp(4rem,8vw,6.5rem) 0;background:var(--mist)}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.faq__head{position:sticky;top:calc(var(--hdr) + 1.5rem)}
.faq__list{display:grid;gap:.7rem}
.faq__q{background:#fff;border:1px solid var(--line);border-radius:16px}
.faq__q summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;font-family:var(--ff-h);font-weight:600;font-size:1.05rem;color:var(--ink);cursor:pointer}
.faq__q summary::-webkit-details-marker{display:none}
.faq__q summary span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--mist2);color:var(--blue);flex:none;transition:transform .3s}
.faq__q[open] summary span{transform:rotate(45deg)}
.faq__q p{padding:0 1.3rem 1.2rem;margin:0;color:#33434e}

/* ================= تواصل معنا ================= */
.contact{color:#fff;background:linear-gradient(125deg,var(--ink) 0%,var(--ink) 35%,#03202f 100%);padding-top:clamp(4.5rem,9vw,7rem)}
.contact__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;padding-bottom:clamp(3.5rem,7vw,5.5rem)}
.contact__h{font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.2;margin-bottom:1.2rem}
.contact__p{color:#c7d4dd;font-size:1.08rem;max-width:50ch}
.contact__btns{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:2rem 0 1.4rem}
.sq{display:inline-flex;align-items:center;padding:1.05rem 2.2rem;border:1.5px solid rgba(255,255,255,.4);color:#fff;font-family:var(--ff-h);font-weight:600;position:relative}
.sq::after{content:"";position:absolute;inset-inline-start:-1.5px;bottom:-1.5px;width:14px;height:14px;background:var(--orange);clip-path:polygon(0 0,0 100%,100% 100%)}
.sq:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.05)}
.contact__note{display:flex;align-items:center;gap:.6rem;color:#9fb1bd;font-size:.95rem;margin:0}
.contact__note::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.qcard{position:relative;display:grid;gap:1.3rem;padding:2.2rem;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.qcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(0,180,216,.9),rgba(255,255,255,.08) 40%,rgba(255,255,255,.04) 65%,rgba(255,166,43,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.qcard__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.qcard__h{font-size:1.45rem;font-weight:800;margin:0}
.qcard__head small{color:#8ea3b1}
.qcard__badge{flex:none;font-size:.75rem;font-weight:700;color:var(--orange);border:1px solid rgba(255,166,43,.5);border-radius:var(--pill);padding:.2rem .8rem;white-space:nowrap}
.qcard__set{border:0;margin:0;padding:0;min-width:0}
.qcard__set legend{padding:0;margin-bottom:.7rem;font-size:.85rem;font-weight:600;color:#8ea3b1}
.qcard input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.qtiles{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}
.qtile{position:relative;cursor:pointer}
.qtile__in{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .3rem .8rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(2,2,2,.35);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.qtile__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.06);color:#cfe3ee;transition:background .25s,color .25s}
.qtile__ic .ic{width:22px;height:22px}
.qtile b{font-size:.88rem;font-weight:700;color:#fff}
.qtile__ok{position:absolute;top:-8px;inset-inline-end:-6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sky);color:var(--ink);opacity:0;transform:scale(.5);transition:.25s}
.qtile__ok .ic{width:16px;height:16px;stroke-width:2.4}
.qtile:hover .qtile__in{border-color:rgba(255,255,255,.3)}
.qtile input:checked+.qtile__in{border-color:var(--sky);background:linear-gradient(180deg,rgba(0,180,216,.18),rgba(0,119,182,.08));transform:translateY(-2px);box-shadow:0 10px 26px -12px rgba(0,180,216,.6)}
.qtile input:checked+.qtile__in .qtile__ic{background:var(--sky);color:var(--ink)}
.qtile input:checked+.qtile__in .qtile__ok{opacity:1;transform:none}
.qtile input:focus-visible+.qtile__in,.qseg input:focus-visible+span{outline:3px solid var(--orange);outline-offset:3px}
.qseg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:14px;background:rgba(2,2,2,.5);border:1px solid rgba(255,255,255,.1)}
.qseg label{position:relative;z-index:1;cursor:pointer}
.qseg span{display:block;text-align:center;padding:.65rem;border-radius:10px;font-weight:700;color:#8ea3b1;transition:color .3s}
.qseg input:checked+span{color:var(--ink)}
.qseg__thumb{position:absolute;top:5px;bottom:5px;width:calc((100% - 10px)/3);inset-inline-start:5px;border-radius:10px;background:#fff;transition:transform .35s cubic-bezier(.3,.8,.3,1)}
.qcard__send{display:flex;width:100%;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.4rem;margin-top:.3rem;border:0;border-radius:14px;background:var(--orange);color:var(--ink);font-family:var(--ff-h);font-weight:800;font-size:1.05rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 30px -14px rgba(255,166,43,.7)}
.qcard__send:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(255,166,43,.85)}
.qcard__send .ic{width:22px;height:22px}
.qcard__note{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#8ea3b1;font-size:.85rem;margin:-.4rem 0 0}
.qcard__note::before{content:"";width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 4px rgba(37,211,102,.18)}
.contact--svc .contact__grid{padding-bottom:clamp(3.5rem,7vw,5.5rem)}
@media (max-width:1080px){.qtiles{grid-template-columns:repeat(5,1fr)}}
@media (max-width:560px){.qcard{padding:1.4rem}.qtiles{grid-template-columns:repeat(3,1fr)}.qcard__head{flex-direction:column;gap:.6rem}}
.cstrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1)}
.cstrip__c{display:block;padding:1.8rem clamp(1rem,2.4vw,2rem);border-inline-start:1px solid rgba(255,255,255,.1);color:#fff}
.cstrip__c:first-child{border-inline-start:0}
a.cstrip__c:hover{background:rgba(255,255,255,.04);color:#fff}
.cstrip__c small{display:block;font-family:var(--ff-h);font-size:.85rem;color:#8ea3b1;margin-bottom:.4rem}
.cstrip__c b{font-weight:500;font-size:1.02rem}

/* ================= الفوتر ================= */
.ftr{background:var(--ink);color:#aebdc8;padding-top:3.5rem;border-top:1px solid rgba(255,255,255,.06)}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1.2fr .8fr 1fr;gap:2.5rem;padding-bottom:2.5rem}
.ftr__brand p{margin-top:1rem;font-size:.95rem;max-width:38ch}
.ftr__h{font-size:1rem;color:#fff;margin-bottom:1rem}
.ftr__list{display:grid;gap:.5rem;font-size:.95rem}
.ftr__list a{color:#aebdc8}
.ftr__list a:hover{color:var(--sky)}
.ftr__contact a,.ftr__contact span{display:inline-flex;align-items:center;gap:.5rem}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.3rem 0 1.6rem;border-top:1px solid rgba(255,255,255,.08);font-size:.88rem}
.ftr__credit a{color:var(--orange);font-weight:600}

/* ---------- أزرار عائمة ---------- */
.float{position:fixed;inset-inline-end:18px;bottom:50%;transform:translateY(50%);z-index:50;display:grid;gap:.7rem}
.float__b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;box-shadow:0 8px 20px -6px rgba(2,2,2,.4);transition:transform .2s}
.float__b:hover{transform:scale(1.08);color:#fff}
.float__b .ic{width:26px;height:26px}
.float__b--wa{background:#25d366}
.float__b--tel{background:var(--blue)}
.float__b--req{background:var(--orange);color:var(--ink)}
.float__b--req:hover{color:var(--ink)}

/* ================= صفحات داخلية ================= */
.phead{padding:calc(var(--hdr) + 3rem) 0 3rem;color:#fff;background:radial-gradient(80% 120% at 100% 0%,#07314b 0%,var(--ink) 70%)}
.crumbs{display:flex;gap:.5rem;font-size:.88rem;color:#8ea3b1;margin-bottom:.8rem}
.crumbs a{color:#cfdce5}
.phead__h{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;max-width:24ch}
.inner{display:grid;grid-template-columns:1fr 340px;gap:3rem;padding-block:3.5rem 5rem;align-items:start}
.prose{max-width:760px}
.prose h2{font-size:1.65rem;color:var(--ink);margin:2rem 0 .8rem}
.prose h3{font-size:1.3rem;color:var(--ink);margin:1.6rem 0 .6rem}
.prose ul,.prose ol{padding-inline-start:1.3rem;margin-bottom:1em}
.prose ul{list-style:disc} .prose ol{list-style:decimal}
.prose li{margin-bottom:.35rem}
.prose li::marker{color:var(--blue)}
.prose img{border-radius:var(--r)}
.prose__img{margin-bottom:1.6rem}
.prose table{width:100%;border-collapse:collapse;margin-bottom:1.2em;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:.6rem .8rem;text-align:start}
.prose th{background:var(--mist)}
.prose__cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2.5rem;padding:1.5rem;border-radius:var(--r);background:var(--mist);border:1px solid var(--line)}
.prose__cta p{margin:0;flex-basis:100%;font-family:var(--ff-h);font-weight:700;color:var(--ink)}
.aside{position:sticky;top:calc(var(--hdr) + 1.5rem);display:grid;gap:1.2rem}
.aside__cta{display:grid;gap:.7rem;padding:1.6rem;border-radius:var(--r);background:var(--ink);color:#fff}
.aside__cta h2{font-size:1.25rem}
.aside__cta p{margin:0;color:#b9c8d3;font-size:.95rem}
.aside__svc{padding:1.4rem;border-radius:var(--r);border:1px solid var(--line)}
.aside__svc h2{font-size:1.1rem;color:var(--ink);margin-bottom:.8rem}
.aside__svc ul{display:grid;gap:.25rem}
.aside__svc a{display:flex;align-items:center;gap:.7rem;padding:.5rem .4rem;border-radius:10px;color:var(--text);font-size:.95rem}
.aside__svc a:hover{background:var(--mist);color:var(--blue)}
.aside__svc a span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mist2);color:var(--blue);flex:none}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.4rem;align-content:start}
.card a{display:block;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--text);height:100%}
.card a:hover{border-color:var(--blue)}
.card img{aspect-ratio:16/10;object-fit:cover;width:100%}
.card h2{font-size:1.15rem;color:var(--ink);padding:1rem 1.1rem .3rem}
.card p{padding:0 1.1rem 1.1rem;color:var(--muted);font-size:.93rem;margin:0}
.pager,.empty{grid-column:1/-1}
.vbox{aspect-ratio:16/9;width:100%;background:#000;border-radius:var(--r);overflow:hidden}
.vbox iframe,.vbox video{width:100%;height:100%;border:0}

/* ================= تجاوب ================= */
@media (max-width:1080px){
	.hdr__tel{display:none}
	.about__grid{grid-template-columns:1fr 1fr;gap:1.2rem}
	.about__c{grid-column:1/3;grid-row:1;margin-bottom:1.5rem}
	.about__img--1,.about__img--2,.about__img--3,.about__img--4{grid-row:auto;grid-column:auto;width:100%;margin:0;aspect-ratio:4/3;transform:none;align-self:stretch}
	.feat__in{grid-template-columns:1fr}
	.feat__head,.feat__slides,.feat__dots,.feat__words{grid-row:auto}
	.feat__head{order:0}.feat__words{order:1}.feat__slides{order:2}.feat__dots{order:3;margin-top:1.5rem}
	.feat__words{grid-column:1;justify-self:start;display:flex;gap:1rem;font-size:clamp(2rem,9vw,3rem)}
	.feat__words li:not(.is-on){display:none}
	.feat__dots{grid-column:1}
	.prices__grid,.faq__grid,.contact__grid{grid-template-columns:1fr;gap:2.5rem}
	.prices__img{position:static;aspect-ratio:16/10}
	.faq__head{position:static}
	.inner{grid-template-columns:1fr}
	.aside{position:static}
	.ftr__grid{grid-template-columns:1fr 1fr}
	.ov__body{grid-template-columns:1fr}
}
@media (max-width:760px){
	:root{--hdr:72px}
	body{font-size:16px}
	.wrap,.hdr__in,.feat__in{width:calc(100% - 32px)}
	.brand__txt small{display:none}
	.brand__svg{width:42px;height:42px}
		.hdr__act{gap:.2rem}
	.hdr__burger{width:44px;height:44px}
	.hero__bg{object-position:50% 25%}
	.hero__shade{background:linear-gradient(to top,rgba(2,2,2,.92) 0%,rgba(2,2,2,.55) 55%,rgba(2,2,2,.35) 100%)}
	.hero__in{padding-bottom:5rem}
	.hero__down{display:none}
	.hero__play{width:64px;height:64px;inset-inline-end:auto;inset-inline-start:24px;top:calc(var(--hdr) + 24px)}
	.about__img--3,.about__img--4{display:none}
	.feat{min-height:auto}
	.plist__row{grid-template-columns:auto 1fr;gap:.3rem 1rem}
	.plist__n{grid-row:1/3;font-size:1.6rem}
	.plist__p{grid-column:2;font-size:1.05rem;color:var(--blue)}
	.acc__btn{grid-template-columns:auto 1fr auto;padding:1rem}
	.acc__n{display:none}
	.acc__ic{width:44px;height:44px}
	.acc__panel{padding:0 1rem 1.2rem}
	.steps__row{grid-template-columns:1fr 1fr;gap:2.2rem 1rem}
	.steps__row::before{display:none}
	.cstrip{grid-template-columns:1fr 1fr}
	.cstrip__c:nth-child(3){border-inline-start:0}
	.cstrip__c:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
	.ftr__grid{grid-template-columns:1fr}
	.float{top:auto;bottom:16px;transform:none;inset-inline-end:12px;grid-auto-flow:column}
	.float__b{width:50px;height:50px}
	.ftr{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
	.hero__bg{transform:none}
}

/* ================= صفحات الخدمات ================= */
.shero{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:var(--ink);overflow:hidden}
.shero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.05);animation:heroZoom 1.6s cubic-bezier(.2,.7,.2,1) forwards}
.shero__shade{position:absolute;inset:0;background:linear-gradient(to left,rgba(2,2,2,.9) 0%,rgba(2,2,2,.55) 50%,rgba(2,2,2,.2) 85%),linear-gradient(to top,rgba(2,2,2,.95) 0%,rgba(2,2,2,0) 50%),linear-gradient(to bottom,rgba(2,2,2,.6) 0%,rgba(2,2,2,0) 25%)}
.shero__in{position:relative;z-index:2;padding-block:calc(var(--hdr) + 3rem) 3rem;animation:rise .9s .2s both}
.shero .crumbs{margin-bottom:1.6rem}
.crumbs span[aria-current]{color:#fff}
.shero__eye{display:flex;align-items:center;gap:.7rem;font-family:var(--ff-h);font-weight:600;color:#cfe3ee;margin-bottom:.9rem}
.shero__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(0,180,216,.18);border:1px solid rgba(0,180,216,.5);color:var(--sky)}
.shero__ic .ic{width:22px;height:22px}
.shero__h{font-size:clamp(2.5rem,6.4vw,5.4rem);font-weight:800;line-height:1.2;max-width:14ch;text-wrap:balance}
.shero__p{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#d6e2ea;max-width:54ch;margin:1.3rem 0 1.9rem}
.cstrip--hero{position:relative;z-index:2;background:rgba(2,2,2,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cstrip--hero .cstrip__c b{font-family:var(--ff-h);font-weight:700;font-size:1.1rem}

.sdesc{padding:clamp(4rem,8vw,6.5rem) 0;background:#fff}
.sdesc__state{font-family:var(--ff-h);font-weight:800;font-size:clamp(1.9rem,4.2vw,3.4rem);line-height:1.35;color:var(--ink);max-width:22ch;margin:0 0 clamp(2.5rem,5vw,4rem);padding-inline-start:1.4rem;border-inline-start:6px solid var(--sky);text-wrap:balance}
.sdesc__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.sdesc__txt>p{color:#33434e;font-size:1.06rem;max-width:66ch}
.sdesc__txt .h2{margin-bottom:1.3rem;font-size:clamp(1.5rem,2.6vw,2rem)}
.sdesc__h3{font-size:1.3rem;color:var(--ink);margin:2.2rem 0 1rem}
.signs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.signs li{display:flex;gap:.7rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:14px;background:var(--mist);border:1px solid var(--line);font-weight:600;line-height:1.6}
.signs .ic{color:var(--blue);width:22px;height:22px;margin-top:.15rem}
.sdesc__img{position:sticky;top:calc(var(--hdr) + 1.5rem);border-radius:26px;overflow:hidden;background:var(--mist2)}
.sdesc__img img{width:100%;aspect-ratio:3/4;object-fit:cover}
.sdesc__img figcaption{position:absolute;inset-inline:0;bottom:0;padding:2.5rem 1.2rem 1rem;color:#fff;font-size:.9rem;background:linear-gradient(to top,rgba(2,2,2,.75),transparent)}

.steps__row--5{grid-template-columns:repeat(5,1fr)}
.steps__row--5::before{inset-inline:10%}
.steps__row--3{grid-template-columns:repeat(3,1fr)}
.steps__row--2{grid-template-columns:repeat(2,1fr)}.steps__row--2::before{inset-inline:25%}
.steps__row--6{grid-template-columns:repeat(6,1fr)}.steps__row--6::before{inset-inline:8.3%}
.steps__row--3::before{inset-inline:16.6%}

.sprice{padding:clamp(4rem,8vw,6.5rem) 0;background:linear-gradient(180deg,var(--mist) 0%,#fff 100%)}
.ptable{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1.5px solid var(--line);border-radius:22px;overflow:hidden}
.ptable thead th{background:var(--ink);color:#cfdce5;font-family:var(--ff-h);font-weight:600;font-size:.9rem;text-align:start;padding:1rem 1.3rem}
.ptable tbody th,.ptable td{padding:1.15rem 1.3rem;border-top:1px solid var(--line);text-align:start;vertical-align:middle}
.ptable tbody th{font-family:var(--ff-h);font-weight:700;font-size:1.08rem;color:var(--ink)}
.ptable td{color:var(--muted);font-size:.95rem}
.ptable tr.is-hot th,.ptable tr.is-hot td{background:#fff8ec}
.ptable__p{white-space:nowrap;color:var(--ink)!important}
.ptable__p b{font-family:var(--ff-h);font-size:1.3rem;font-weight:800;color:var(--blue)}
.ptable__na{font-family:var(--ff-h);font-weight:600;color:var(--muted)}
.ptable__go a{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--ff-h);font-weight:700;white-space:nowrap}
.ptable__go .ic{width:18px;height:18px}

.smore{padding:clamp(3rem,6vw,5rem) 0;background:#fff;border-top:1px solid var(--line)}
.smore .prose{margin-inline:auto}

.more{padding:clamp(4rem,8vw,6.5rem) 0;background:#fff}
.more{background:var(--mist)}
.xpand{display:flex;gap:.8rem;height:520px}
.xp{position:relative;flex:1;min-width:0;border-radius:26px;overflow:hidden;color:#fff;background:var(--ink);transition:flex 1.1s cubic-bezier(.25,.8,.25,1)}
.xp:hover,.xp:focus-visible{color:#fff}
.xp.is-on{flex:3.2}
.xp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.25,.8,.25,1)}
.xp.is-on img{transform:scale(1.04)}
.xp__sh{position:absolute;inset:0;background:rgba(2,2,2,.55);transition:background .9s ease}
.xp.is-on .xp__sh{background:linear-gradient(to top,rgba(2,2,2,.92),rgba(2,2,2,.25) 60%,rgba(2,2,2,.15))}
.xp__n{position:absolute;top:1.2rem;inset-inline-start:1.3rem;font-family:var(--ff-h);font-weight:900;color:var(--orange)}
.xp__v{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--ff-h);font-size:1.5rem;font-weight:800;white-space:nowrap;transition:opacity .6s ease .15s}
.xp.is-on .xp__v{opacity:0;transition-delay:0s}
.xp__b{position:absolute;inset-inline:0;bottom:0;padding:1.8rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .6s ease;pointer-events:none}
.xp.is-on .xp__b{opacity:1;transform:none;transition:opacity .7s ease .5s,transform .9s cubic-bezier(.25,.8,.25,1) .5s;pointer-events:auto}
.xp__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--sky);color:var(--ink);margin-bottom:.4rem}
.xp__ic .ic{width:24px;height:24px}
.xp__b b{font-family:var(--ff-h);font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800;line-height:1.3;max-width:18ch}
.xp__b em{font-style:normal;color:#d0dce4;max-width:46ch}
.xp__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;flex-wrap:wrap}
.xp__p{font-weight:800;padding:.3rem 1rem;border-radius:var(--pill);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.xp__go{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--ff-h);font-weight:800;padding:.35rem .35rem .35rem 1.2rem;border-radius:var(--pill);background:var(--orange);color:var(--ink)}
.xp__go span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--orange)}
.scta{color:#fff;background:linear-gradient(125deg,var(--ink) 0%,var(--ink) 40%,#03202f 100%);padding:clamp(3rem,6vw,4.5rem) 0}
.scta__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.scta__h{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;margin-bottom:.4rem}
.scta p{margin:0;color:#b9c8d3}
.scta .contact__btns{margin:0}

@media (max-width:1080px){
	.sdesc__grid{grid-template-columns:1fr}
	.sdesc__img{position:static;max-width:520px}
	.sdesc__img img{aspect-ratio:4/3}
	.steps__row--5{grid-template-columns:repeat(3,1fr);gap:2.2rem 1rem}
	.steps__row--5::before{display:none}
}
@media (max-width:760px){
	.shero{min-height:92svh}
	.shero__shade{background:linear-gradient(to top,rgba(2,2,2,.95) 0%,rgba(2,2,2,.6) 55%,rgba(2,2,2,.4) 100%)}
	.shero__in{padding-bottom:2rem}
	.cstrip--hero .cstrip__c{padding:1rem}
	.cstrip--hero .cstrip__c b{font-size:1rem}
	.signs{grid-template-columns:1fr}
	.steps__row--5,.steps__row--3{grid-template-columns:1fr 1fr}
	.ptable,.ptable tbody,.ptable tr,.ptable th,.ptable td{display:block}
	.ptable{border:0;background:none;border-radius:0;overflow:visible}
	.ptable thead{display:none}
	.ptable tr{background:#fff;border:1.5px solid var(--line);border-radius:18px;margin-bottom:.8rem;padding:1rem 1.1rem;display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem}
	.ptable tr.is-hot{border-color:var(--orange);background:#fff8ec}
	.ptable tbody th,.ptable td{border:0;padding:0;background:none!important}
	.ptable tbody th{grid-column:1/3}
	.ptable td[data-label="تشمل"]{grid-column:1/3}
	.ptable__go{align-self:center;justify-self:end}
	.xpand{flex-direction:column;height:auto}
	.xp{flex:none;height:92px;transition:height 1s cubic-bezier(.25,.8,.25,1)}
	.xp.is-on{flex:none;height:440px}
	.xp__v{writing-mode:horizontal-tb;transform:translateY(50%);left:auto;right:4rem;bottom:50%;font-size:1.25rem}
	.xp__n{top:50%;transform:translateY(-50%);transition:top .8s ease,transform .8s ease}
	.xp.is-on .xp__n{top:1.2rem;transform:none}
	.xp__b{padding:1.3rem}
}

/* ===== مقال صفحة الخدمة ===== */
.smore{padding:clamp(3.5rem,7vw,5.5rem) 0;background:#fff;border-top:1px solid var(--line)}
.smore__grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}
.smore__grid>.smore__body:only-child{grid-column:1/-1;margin-inline:auto}
.smore__body{max-width:780px}
.toc{position:sticky;top:calc(var(--hdr) + 1.5rem);padding:1.3rem;border-radius:18px;background:var(--mist);border:1px solid var(--line)}
.toc__h{font-family:var(--ff-h);font-weight:800;color:var(--ink);margin:0 0 .6rem}
.toc ol{list-style:none;counter-reset:t;display:grid;gap:.1rem;margin:0 0 1rem}
.toc li{counter-increment:t}
.toc ol a{display:flex;gap:.55rem;padding:.35rem .4rem;border-radius:8px;color:#33434e;font-size:.9rem;line-height:1.5}
.toc ol a::before{content:counter(t,decimal-leading-zero);font-family:var(--ff-h);font-weight:800;font-size:.75rem;color:var(--blue);padding-top:.15rem}
.toc ol a:hover,.toc ol a.is-on{background:#fff;color:var(--blue)}
.toc__cta{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border-radius:12px;background:var(--orange);color:var(--ink);font-family:var(--ff-h);font-weight:800}
.toc__cta:hover{color:var(--ink);background:#ffb853}
.prose h2{font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:800;color:var(--ink);margin:2.4rem 0 .9rem;padding-top:.3rem;scroll-margin-top:calc(var(--hdr) + 1rem)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.25rem;font-weight:700;color:var(--ink);margin:1.7rem 0 .5rem;padding-inline-start:.8rem;border-inline-start:3px solid var(--sky);scroll-margin-top:calc(var(--hdr) + 1rem)}
.prose h4{font-size:1.06rem;font-weight:700;color:var(--blue);margin:1.3rem 0 .4rem}
.prose p{color:#2b3a44;font-size:1.04rem;line-height:1.95}
.prose ul li{margin-bottom:.45rem;line-height:1.8}
.terms{display:grid;gap:.8rem;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.terms__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0}
.terms__l{font-family:var(--ff-h);font-weight:800;color:var(--ink);margin-inline-end:.4rem}
.terms__cat{padding:.3rem .9rem;border-radius:var(--pill);background:var(--blue);color:#fff;font-size:.88rem;font-weight:600}
.terms__cat:hover{background:var(--ink);color:#fff}
.terms__tag{padding:.28rem .85rem;border-radius:var(--pill);background:var(--mist);border:1px solid var(--line);color:#33434e;font-size:.86rem}
.terms__tag:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:1080px){
	.smore__grid{grid-template-columns:1fr}
	.toc{position:static}
}

/* ================= صفحات الموقع ================= */
.phero{min-height:74vh}
.phero--sm{min-height:auto}
.phero--sm .shero__in{padding-block:calc(var(--hdr) + 3rem) 3.2rem}
.phero .shero__eye .brand__svg{width:34px;height:34px}
.phero__h{max-width:18ch}
/* القيم */
.vals{padding:clamp(4rem,8vw,6.5rem) 0;background:var(--mist)}
.vals__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.val{position:relative;padding:1.8rem 1.4rem 1.5rem;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.val:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(0,119,182,.45)}
.val__n{position:absolute;top:1.1rem;inset-inline-end:1.2rem;font-family:var(--ff-h);font-weight:900;font-size:1.8rem;color:transparent;-webkit-text-stroke:1px #b7c7d3}
.val__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(150deg,var(--sky),var(--blue));color:#fff;margin-bottom:1.1rem}
.val__ic .ic{width:24px;height:24px}
.val h3{font-size:1.15rem;color:var(--ink);margin-bottom:.4rem}
.val p{margin:0;color:var(--muted);font-size:.95rem}
/* بطاقات الخدمات على الداكن */
.svcs{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
.svc{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#fff;transition:border-color .3s,background .3s}
.svc:hover{border-color:var(--sky);background:rgba(0,180,216,.08);color:#fff}
.svc__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--sky);color:var(--ink)}
.svc b{font-family:var(--ff-h);font-size:1.08rem}
.svc small{color:#9fb1bd;font-size:.86rem;line-height:1.7;flex:1}
.svc__go{display:inline-flex;align-items:center;gap:.2rem;color:var(--orange);font-family:var(--ff-h);font-weight:700;font-size:.9rem}
.svc__go .ic{width:16px;height:16px}
/* الأسئلة */
.faqp{padding:clamp(3.5rem,7vw,5.5rem) 0;background:#fff}
.faqp__grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}
.faqp__nav ol a em{margin-inline-start:auto;font-style:normal;font-size:.75rem;font-weight:700;color:var(--muted);background:#fff;border-radius:999px;padding:0 .5rem}
.faqp__body{display:grid;gap:3rem}
.faqp__grp{scroll-margin-top:calc(var(--hdr) + 1rem)}
.faqp__h{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.faqp__h h2{flex:1;font-size:clamp(1.35rem,2.3vw,1.7rem);font-weight:800;color:var(--ink)}
.faqp__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--mist2);color:var(--blue)}
/* بطاقات التواصل */
.ccards{padding:clamp(3rem,6vw,4.5rem) 0 0;background:#fff;position:relative;z-index:2;margin-top:-3rem}
.ccards__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.ccard{display:flex;flex-direction:column;gap:.3rem;padding:1.5rem 1.3rem;border-radius:22px;background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 24px 50px -32px rgba(2,2,2,.35)}
a.ccard:hover{border-color:var(--blue);color:var(--text)}
.ccard__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--mist2);color:var(--blue);margin-bottom:.6rem}
.ccard__ic .ic{width:24px;height:24px}
.ccard--call .ccard__ic{background:var(--orange);color:var(--ink)}
.ccard--wa .ccard__ic{background:#25d366;color:#fff}
.ccard small{color:var(--muted);font-weight:600}
.ccard b{font-family:var(--ff-h);font-size:1.2rem;color:var(--ink);line-height:1.45}
.ccard__go{display:inline-flex;align-items:center;gap:.2rem;margin-top:.5rem;color:var(--blue);font-family:var(--ff-h);font-weight:700}
.ccard__go .ic{width:16px;height:16px}
.ccard__note{margin-top:.4rem;color:var(--muted);font-size:.88rem;line-height:1.6}
.ccards+.contact{margin-top:clamp(3rem,6vw,4.5rem)}
/* الأحياء */
.areas{padding:clamp(4rem,8vw,6rem) 0;background:var(--mist)}
.areas__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.area{padding:1.4rem;border-radius:20px;background:#fff;border:1px solid var(--line)}
.area h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--ink);margin-bottom:.8rem}
.area h3 .ic{color:var(--blue)}
.area .chips{margin:0}
@media (max-width:1080px){
	.vals__grid{grid-template-columns:1fr 1fr}
	.svcs{grid-template-columns:1fr 1fr}
	.faqp__grid{grid-template-columns:1fr}
	.faqp__nav{position:static}
	.ccards__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
	.phero{min-height:80svh}
	.vals__grid,.svcs,.ccards__grid{grid-template-columns:1fr}
	.ccards{margin-top:0}
}