/* ==========================================================
   ZAVORA DESIGN — نظام التصميم (مشتق من نظام أركوفا v2)
   عاجي/أبيض حامل · أسود دافئ للنص وقسم بيان واحد · برونزي خيوط ولهجة
   أسماء المتغيرات (navy/gold) أُبقيت كما هي ليبقى النظامان متطابقين بنيوياً.
   ========================================================== */
:root{
  --navy:#1B1712; --navy-2:#2B251D; --ink:#2A2620; --ink-2:#4C463C; --muted:#7A7367;
  --gold:#B8935A; --gold-deep:#8A6B3C; --champagne:#E6D3B0;
  --cream:#F4EFE7; --cream-2:#FAF7F2; --white:#FFFFFF;
  --hair:rgba(27,23,18,.12); --hair-2:rgba(27,23,18,.07); --hair-light:rgba(244,239,231,.18);
  --wa:#25D366;

  --font-head:'El Messiri',serif;
  --font-body:'Tajawal',system-ui,sans-serif;
  --font-latin:'Cinzel',serif;

  --fs-display:clamp(2.25rem,4.6vw,3.5rem);
  --fs-h2:clamp(1.75rem,3vw,2.375rem);
  --fs-h3:1.375rem;
  --fs-lead:clamp(1.0625rem,1.4vw,1.25rem);
  --fs-body:1.0625rem;
  --fs-small:.8125rem;
  --fs-label:.8125rem;
  --fs-h2-sm:1.625rem;

  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px; --s6:48px; --s8:64px; --s10:80px; --s12:96px;
  --section:clamp(72px,8vw,112px);
  --container:1240px; --wide:1440px; --gutter:clamp(20px,3vw,32px);
  --header-h:80px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --z-sticky:200; --z-drawer:400; --z-float:300; --z-lb:500;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;direction:rtl;font-family:var(--font-body);font-size:var(--fs-body);line-height:1.8;color:var(--ink);background:var(--white)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2{font-family:var(--font-head);font-weight:600;line-height:1.4;margin:0;color:var(--navy);text-wrap:balance}
h1{font-size:var(--fs-display);line-height:1.35}
h2{font-size:var(--fs-h2)}
h3,h4{font-family:var(--font-body);font-weight:700;margin:0;color:var(--navy);line-height:1.4}
h3{font-size:var(--fs-h3)}
h4{font-size:var(--fs-body)}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:700;color:var(--navy)}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--champagne);color:var(--navy)}
[id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.num,.code{font-family:var(--font-latin);font-weight:600;letter-spacing:.04em}
.ltr{direction:ltr;unicode-bidi:isolate}

.container{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}
.container--wide{width:min(100% - 2*var(--gutter),var(--wide));margin-inline:auto}
.container--narrow{width:min(100% - 2*var(--gutter),820px);margin-inline:auto}
.section{padding-block:var(--section)}
.section--cream{background:var(--cream)}
.section--cream2{background:var(--cream-2)}
.section--navy{background:var(--navy);color:var(--cream)}
.section--navy h2,.section--navy h3,.section--navy strong{color:var(--cream)}
.section--navy .muted{color:rgba(244,239,231,.72)}
.section--line{border-top:1px solid var(--hair)}
.muted{color:var(--muted)}

/* رأس القسم */
.eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--fs-label);font-weight:700;color:var(--gold-deep);margin-bottom:var(--s2)}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.section--navy .eyebrow{color:var(--champagne)}
.head{max-width:60ch;margin-bottom:var(--s6)}
.head--center{margin-inline:auto;text-align:center}
.head--center .eyebrow{justify-content:center}
.head .lead{margin-top:var(--s2)}
.lead{font-size:var(--fs-lead);color:var(--ink-2);line-height:1.75}
.section--navy .lead{color:rgba(244,239,231,.8)}

/* ===== الأزرار ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border:1px solid transparent;border-radius:2px;font-weight:700;font-size:1rem;line-height:1;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.btn--navy{background:var(--navy);color:#fff}
.btn--navy:hover{background:var(--navy-2)}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--gold:hover{background:#A9854F}
.btn--outline{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn--outline:hover{background:var(--navy);color:#fff}
.btn--outline-light{background:transparent;color:var(--cream);border-color:rgba(244,239,231,.55)}
.btn--outline-light:hover{background:var(--cream);color:var(--navy);border-color:var(--cream)}
.btn--wa{background:var(--wa);color:var(--navy)}
.btn--wa:hover{background:#1FBF5B}
.btn--sm{min-height:44px;padding:0 20px;font-size:.9375rem}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link{display:inline-block;color:var(--navy);font-weight:700;border-bottom:1px solid var(--gold);padding:8px 0 2px;transition:color .2s}
.link:hover{color:var(--gold-deep)}
.link--light{color:var(--cream);border-color:var(--gold)}

/* ===== الهيدر ===== */
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 16px;z-index:1000}
.skip:focus{inset-inline-start:8px}
.header{position:sticky;top:0;z-index:var(--z-sticky);background:#fff;border-bottom:1px solid var(--hair)}
.nav{height:var(--header-h);display:flex;align-items:center;gap:var(--s6)}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:52px;width:auto}
.nav__links{display:flex;align-items:center;gap:var(--s4);flex:1}
.nav__links a,.nav__links button{font-weight:500;font-size:var(--fs-body);color:var(--ink);padding:8px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.nav__links a:hover,.nav__links a[aria-current="page"],.nav__links button:hover{color:var(--navy);border-bottom-color:var(--gold)}
.has-sub{position:relative}
.sub-toggle{display:inline-flex;align-items:center;gap:6px}
.sub-toggle svg{width:14px;height:14px;fill:currentColor;transition:transform .2s}
.sub-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.sub{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:240px;background:#fff;border:1px solid var(--hair);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:10}
.sub-toggle[aria-expanded="true"] + .sub,.has-sub:hover .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:10px 18px;border:0;font-size:.9375rem}
.sub a:hover{background:var(--cream-2);border:0}
.nav__cta{margin-inline-start:auto;display:flex;align-items:center;gap:var(--s2)}
.nav__wa{display:none}
.burger{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.burger span{width:22px;height:1.5px;background:var(--navy);transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ===== الهيرو المقسوم (الرئيسية) ===== */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:clamp(560px,78vh,760px);background:var(--cream)}
.hero__txt{display:flex;flex-direction:column;justify-content:center;padding-block:var(--s12);padding-inline:0 var(--s8);max-width:640px;margin-inline-start:max(var(--gutter),calc((100vw - var(--container))/2))}
.hero__txt h1{margin-bottom:var(--s3)}
.hero__txt .lead{max-width:44ch;margin-bottom:var(--s5)}
.hero__note{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--hair);font-size:.9375rem;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:8px 20px}
.hero__note span::before{content:"";display:inline-block;width:5px;height:5px;background:var(--gold);margin-inline-end:8px;vertical-align:middle}
.hero__img{position:relative;min-height:420px;max-height:760px}
.hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__cap{position:absolute;bottom:0;inset-inline-start:0;background:rgba(27,23,18,.86);color:var(--cream);font-size:var(--fs-small);padding:10px 16px}

/* ===== هيرو داخلي ===== */
.phero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--cream);border-bottom:1px solid var(--hair)}
.phero__txt{display:flex;flex-direction:column;justify-content:center;padding-block:var(--s10);padding-inline:0 var(--s8);max-width:680px;margin-inline-start:max(var(--gutter),calc((100vw - var(--container))/2))}
.phero__txt h1{margin-bottom:var(--s3)}
.phero__txt .lead{max-width:48ch}
.phero__txt .btn-row{margin-top:var(--s5)}
.phero__img{position:relative;min-height:360px;max-height:560px}
.phero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero--plain{grid-template-columns:1fr}
.phero--plain .phero__txt{max-width:820px;margin-inline:auto;text-align:center;padding-inline:var(--gutter);align-items:center}

/* ===== شريط الإثبات — نصي ===== */
.proof{border-block:1px solid var(--hair);background:#fff}
.proof ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;padding:var(--s2) 0;font-size:.9375rem;color:var(--ink-2)}
.proof li{display:flex;align-items:center}
.proof li + li::before{content:"";width:5px;height:5px;background:var(--gold);margin-inline:22px;border-radius:50%}
.proof a{color:var(--navy);font-weight:700;border-bottom:1px solid var(--gold);padding:6px 0 1px}
.proof a:hover{color:var(--gold-deep)}

/* ===== الخطوات الأربع ===== */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}
.steps li{padding-block:var(--s4);padding-inline:0 var(--s3);border-inline-end:1px solid var(--hair)}
.steps li:last-child{border-inline-end:0}
.steps .num{display:block;font-size:2.25rem;color:var(--gold);line-height:1;margin-bottom:var(--s3);-webkit-text-stroke:1px var(--gold);color:transparent}
.steps h3{margin-bottom:var(--s1)}
.steps p{color:var(--ink-2);font-size:.9375rem}

/* ===== الخدمات — بيان كحلي ===== */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--hair-light)}
.services a{display:block;padding-block:var(--s5);padding-inline:0 var(--s4);border-inline-end:1px solid var(--hair-light);transition:background .25s}
.services a:last-child{border-inline-end:0}
.services--4{grid-template-columns:repeat(4,1fr)}
.services a:hover{background:rgba(255,255,255,.04)}
.services .num{display:block;color:var(--gold);font-size:.875rem;margin-bottom:var(--s3)}
.services h3{font-size:var(--fs-h3);color:var(--cream);margin-bottom:var(--s2)}
.services p{color:rgba(244,239,231,.75);margin-bottom:var(--s4);min-height:3.6em}
.services .link{display:inline-block}

/* ===== المعرض ===== */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);grid-auto-flow:dense}
.gallery a{position:relative;display:block;aspect-ratio:3/2;min-height:0;overflow:hidden;background:var(--cream)}
.gallery a.is-wide{grid-column:span 2;grid-row:span 2}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gallery a:hover img{transform:scale(1.03)}
.gallery .cap{position:absolute;bottom:0;inset-inline:0;padding:14px 16px;font-size:var(--fs-small);color:var(--cream);background:linear-gradient(to top,rgba(27,23,18,.75),transparent);opacity:0;transition:opacity .3s}
.gallery a:hover .cap{opacity:1}
@media(hover:none){.gallery .cap{opacity:1}}
.gallery--4{grid-template-columns:repeat(4,1fr)}
.gallery .is-hidden{display:none}
.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:var(--s5)}
.filters button{padding:11px 18px;border:1px solid var(--hair);font-size:.9375rem;font-weight:500;color:var(--ink-2);transition:all .2s}
.filters button:hover,.filters button.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.more{display:flex;justify-content:center;margin-top:var(--s6)}

/* ===== البيان ===== */
.statement{max-width:920px;margin-inline:auto;text-align:center}
.statement p{font-family:var(--font-head);font-weight:600;font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.5;color:var(--navy)}
.statement .eyebrow{justify-content:center;margin-bottom:var(--s4)}
.statement .after{margin-top:var(--s5);font-family:var(--font-body);font-size:var(--fs-lead);font-weight:400;color:var(--ink-2)}

/* ===== صورة + نص ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10);align-items:center}
.split--flip .split__img{order:-1}
.split__img{aspect-ratio:3/2;overflow:hidden}
.split__img img{width:100%;height:100%;object-fit:cover}
.split h2{margin-bottom:var(--s3)}
.split .lead{margin-bottom:var(--s4)}
.split .btn-row{margin-top:var(--s4)}

/* قوائم */
.ticks li{position:relative;padding-inline-start:26px;margin-bottom:10px;color:var(--ink-2)}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:12px;height:1px;background:var(--gold)}
.section--navy .ticks li{color:rgba(244,239,231,.82)}
.ticks--2{columns:2;column-gap:var(--s6)}
.ticks--2 li{break-inside:avoid}

/* ===== شبكة ميزات (بلا بطاقات) ===== */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--s6)}
.feat > div{padding:var(--s4) 0;border-top:1px solid var(--hair)}
.feat .num{display:block;font-size:.8125rem;color:var(--gold-deep);margin-bottom:var(--s2)}
.feat h3{margin-bottom:var(--s1)}
.feat p{color:var(--ink-2);font-size:.9375rem}
.feat--2{grid-template-columns:repeat(2,1fr)}
.feat--4{grid-template-columns:repeat(4,1fr)}
.section--navy .feat > div{border-top-color:var(--hair-light)}
.section--navy .feat .num{color:var(--gold)}
.section--navy .feat p{color:rgba(244,239,231,.75)}

/* ===== الآراء ===== */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
.reviews blockquote{margin:0;padding-top:var(--s4);border-top:1px solid var(--hair);position:relative}
.reviews blockquote::before{content:"\201C";font-family:var(--font-latin);font-size:3rem;line-height:1;color:var(--gold);position:absolute;top:var(--s3);inset-inline-start:0;opacity:.9}
.reviews p{font-family:var(--font-head);font-size:1.25rem;line-height:1.7;color:var(--navy);padding-top:var(--s5)}
.reviews footer{margin-top:var(--s3);font-size:var(--fs-small);color:var(--muted)}
.reviews footer b{color:var(--ink);font-weight:700}
.reviews-note{margin-top:var(--s6);text-align:center;font-size:var(--fs-small);color:var(--muted)}

/* ===== الأسئلة ===== */
.faq{max-width:820px;margin-inline:auto;border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) 0;font-weight:700;color:var(--navy);font-size:var(--fs-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-latin);font-size:1.25rem;color:var(--gold);flex:none;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 var(--s3);color:var(--ink-2);max-width:68ch}
.faq .a p + p{margin-top:10px}

/* ===== الدعوة الختامية ===== */
.cta{background:var(--navy);color:var(--cream);padding-block:var(--section)}
.cta .container{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s8);align-items:center}
.cta h2{color:var(--cream);margin-bottom:var(--s2)}
.cta p{color:rgba(244,239,231,.78);font-size:var(--fs-lead)}
.cta .btn-row{justify-content:flex-start}

/* ===== الفوتر — فاتح ===== */
.footer{background:var(--cream);border-top:1px solid var(--gold);padding-top:var(--s10)}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--s8)}
.footer__brand img{height:56px;width:auto;margin-bottom:var(--s3)}
.footer__brand p{color:var(--ink-2);max-width:40ch;margin-bottom:var(--s3)}
.footer h4{font-size:var(--fs-label);color:var(--gold-deep);margin-bottom:var(--s3);font-weight:700}
.footer li{margin-bottom:4px;font-size:.9375rem;color:var(--ink-2)}
.footer li a{display:inline-block;padding:6px 0}
.footer li a:hover{color:var(--navy)}
.footer address{font-style:normal}
.footer__seal{display:inline-flex;align-items:center;gap:12px;margin-top:var(--s2);padding:10px 14px;border:1px solid var(--hair);background:#fff;font-size:var(--fs-small);color:var(--navy);font-weight:700}
.footer__seal img{height:36px;width:auto}
.social{display:flex;gap:10px}
.social a{width:44px;height:44px;border:1px solid var(--hair);display:inline-flex;align-items:center;justify-content:center;color:var(--navy);transition:all .2s}
.social a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.social svg{width:18px;height:18px;fill:currentColor}
.footer__bottom{margin-top:var(--s8);padding:var(--s3) 0;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:8px var(--s4);justify-content:space-between;font-size:var(--fs-small);color:var(--muted)}
.footer__bottom a{color:var(--ink-2)}
.footer__bottom a:hover{color:var(--navy)}

/* ===== شريط الإجراء (جوال) وواتساب العائم ===== */
.actionbar{display:none}
.wa-float{position:fixed;bottom:24px;inset-inline-start:24px;z-index:var(--z-float);width:56px;height:56px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.35)}
.wa-float svg{width:28px;height:28px;fill:var(--navy)}

/* ===== المنتجات (السراير / الدريسنج) ===== */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5) var(--s3)}
.prod{text-align:start;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.prod__img{aspect-ratio:3/2;overflow:hidden;background:var(--cream);margin-bottom:var(--s2)}
.prod__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.prod:hover .prod__img img{transform:scale(1.03)}
.prod .code{display:block;font-size:.8125rem;color:var(--gold-deep);margin-bottom:4px}
.prod h3{font-size:var(--fs-body);margin-bottom:4px}
.prod p{font-size:.9375rem;color:var(--ink-2)}
.prods--4{grid-template-columns:repeat(4,1fr)}

/* درج التفاصيل */
.drawer{position:fixed;inset:0;z-index:var(--z-drawer);visibility:hidden}
.drawer.is-open{visibility:visible}
.drawer__bg{position:absolute;inset:0;background:rgba(27,23,18,.55);opacity:0;transition:opacity .3s}
.drawer.is-open .drawer__bg{opacity:1}
.drawer__panel{position:absolute;top:0;bottom:0;left:0;right:auto;width:min(480px,100%);background:#fff;transform:translateX(-100%);transition:transform .35s var(--ease);overflow:auto;display:flex;flex-direction:column}
.drawer.is-open .drawer__panel{transform:none}
.drawer__close{position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);z-index:2}
.drawer__close svg{width:20px;height:20px;fill:var(--navy)}
.drawer__img{aspect-ratio:3/2;background:var(--cream)}
.drawer__img img{width:100%;height:100%;object-fit:cover}
.drawer__body{padding:var(--s4) var(--s4) var(--s5)}
.drawer__body .code{font-size:.875rem;color:var(--gold-deep);display:block;margin-bottom:6px}
.drawer__body h3{font-size:var(--fs-h3);margin-bottom:var(--s2)}
.drawer__body p{color:var(--ink-2);margin-bottom:var(--s3)}
.drawer__specs{border-top:1px solid var(--hair);margin-bottom:var(--s4)}
.drawer__specs div{display:flex;justify-content:space-between;gap:var(--s3);padding:12px 0;border-bottom:1px solid var(--hair);font-size:.9375rem}
.drawer__specs dt{color:var(--muted)}
.drawer__specs dd{margin:0;color:var(--navy);font-weight:700}
.drawer__body .btn{width:100%}
.drawer__note{margin-top:var(--s2);font-size:var(--fs-small);color:var(--muted);margin-bottom:0}
body.is-locked{overflow:hidden}

/* ===== الجداول ===== */
.tbl-wrap{overflow:auto;border-top:1px solid var(--navy)}
.tbl th,.tbl td{padding:var(--s2) var(--s3);text-align:start;vertical-align:top;border-bottom:1px solid var(--hair);font-size:.9375rem;line-height:1.7}
.tbl thead th{font-size:.8125rem;color:var(--gold-deep);font-weight:700;padding-top:14px;padding-bottom:14px}
.tbl tbody th{color:var(--navy);font-weight:700;white-space:nowrap}
.tbl td{color:var(--ink-2)}

/* جدول المستويات */
.tiers .tbl th,.tiers .tbl td{width:25%}
.tiers .tbl thead th{padding:var(--s3) 18px;vertical-align:bottom}
.tiers .tbl thead .code{display:block;font-size:.75rem;color:var(--gold-deep);margin-bottom:6px}
.tiers .tbl thead b{display:block;font-family:var(--font-head);font-weight:600;font-size:var(--fs-h3);color:var(--navy);line-height:1.3}
.tiers .tbl thead small{display:block;font-size:var(--fs-small);color:var(--muted);font-weight:400;margin-top:2px}
.tiers .tbl tbody th{width:auto;white-space:normal}
.tiers-note{margin-top:var(--s3);font-size:var(--fs-small);color:var(--muted)}
.tiers-m{display:none}
.tier{border-top:1px solid var(--navy);padding:var(--s3) 0 var(--s4)}
.tier .code{display:block;font-size:.8125rem;color:var(--gold-deep);margin-bottom:4px}
.tier h3{font-family:var(--font-head);font-weight:600;font-size:var(--fs-h3)}
.tier__tag{font-size:var(--fs-small);color:var(--muted);margin-bottom:var(--s2)}
.tier dl{margin:0}
.tier dl div{padding:10px 0;border-bottom:1px solid var(--hair)}
.tier dt{font-size:.8125rem;color:var(--muted);margin-bottom:2px}
.tier dd{margin:0;color:var(--ink);font-size:.9375rem}

/* ===== الخط الزمني (8 خطوات) ===== */
.timeline{counter-reset:tl;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hair)}
.timeline li{counter-increment:tl;padding-block:var(--s4);padding-inline:0 var(--s3);border-bottom:1px solid var(--hair);border-inline-end:1px solid var(--hair)}
.timeline li:nth-child(4n){border-inline-end:0}
.timeline li::before{content:"0" counter(tl);display:block;font-family:var(--font-latin);font-weight:600;color:var(--gold);font-size:.875rem;margin-bottom:var(--s2);letter-spacing:.06em}
.timeline li:nth-child(n+10)::before{content:counter(tl)}
.timeline b{display:block;color:var(--navy);margin-bottom:4px}
.timeline span{display:block;font-size:.9375rem;color:var(--ink-2)}

/* ===== كتلة التسعير (التصميم) ===== */
.fee{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:start;border-top:1px solid var(--navy);padding-top:var(--s5)}
.fee__price{font-family:var(--font-head);font-weight:600;font-size:clamp(1.75rem,3vw,2.5rem);color:var(--navy);line-height:1.3}
.fee__price small{display:block;font-family:var(--font-body);font-weight:400;font-size:var(--fs-lead);color:var(--ink-2);margin-top:6px}
.fee__disc{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--hair);color:var(--ink-2)}
.fee h3{margin-bottom:var(--s3)}
.fee .ticks li{margin-bottom:12px;color:var(--ink)}

/* ===== المساحات ===== */
.spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.spaces a{display:block;position:relative;aspect-ratio:3/2;overflow:hidden}
.spaces img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.spaces a:hover img{transform:scale(1.03)}
.spaces .cap{position:absolute;inset-inline:0;bottom:0;padding:var(--s3);background:linear-gradient(to top,rgba(27,23,18,.85),transparent);color:var(--cream)}
.spaces .cap b{display:block;font-family:var(--font-head);font-weight:600;font-size:1.25rem;margin-bottom:2px}
.spaces .cap span{font-size:var(--fs-small);opacity:.85}

/* ===== المقال (الدليل / الخصوصية) ===== */
.article{max-width:760px;margin-inline:auto}
.article .upd{font-size:var(--fs-small);color:var(--muted);margin-bottom:var(--s5)}
.article h2{font-size:var(--fs-h2-sm);margin:var(--s8) 0 var(--s3)}
.article h3{margin:var(--s5) 0 var(--s2)}
.article p{color:var(--ink-2);margin-bottom:var(--s3)}
.article .summary{padding:var(--s4);background:var(--cream);border-inline-start:2px solid var(--gold);margin-bottom:var(--s5)}
.article .summary p{margin:0;color:var(--navy)}
.article ol.qlist{counter-reset:q;border-top:1px solid var(--hair)}
.article ol.qlist li{counter-increment:q;display:grid;grid-template-columns:48px 1fr;gap:var(--s2);padding:18px 0;border-bottom:1px solid var(--hair)}
.article ol.qlist li::before{content:"0" counter(q);font-family:var(--font-latin);font-weight:600;color:var(--gold);font-size:.9375rem;letter-spacing:.05em;padding-top:4px}
.article ol.qlist li:nth-child(n+10)::before{content:counter(q)}
.article ol.qlist strong{display:block;margin-bottom:2px}
.article ol.qlist span{color:var(--ink-2);font-size:.9375rem}
.article .flags li{padding:12px 0 12px 0;border-bottom:1px solid var(--hair);color:var(--ink-2);padding-inline-start:26px;position:relative}
.article .flags li::before{content:"";position:absolute;inset-inline-start:0;top:1.35em;width:12px;height:1px;background:var(--gold)}
.article .ticks{margin-bottom:var(--s3)}
.article .disc{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--hair);font-size:.9375rem}
.article a{color:var(--navy);border-bottom:1px solid var(--gold)}
.article .tbl-wrap{margin-bottom:var(--s4)}

/* ===== تواصل ===== */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}
.contact__list li{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--hair)}
.contact__list li:first-child{border-top:1px solid var(--navy)}
.contact__list span{color:var(--muted);font-size:.9375rem}
.contact__list a,.contact__list b{color:var(--navy);font-weight:700}
.contact__list a{display:inline-block;padding:6px 0}
.contact__list a:hover{color:var(--gold-deep)}
.topics a{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--hair)}
.topics a:first-child{border-top:1px solid var(--navy)}
.topics b{display:block;color:var(--navy);margin-bottom:2px}
.topics span{font-size:.9375rem;color:var(--ink-2)}
.topics a::after{content:"←";font-family:var(--font-latin);color:var(--gold);flex:none}

/* ===== عارض الصور ===== */
.lb{position:fixed;inset:0;z-index:var(--z-lb);background:rgba(27,23,18,.94);display:none;align-items:center;justify-content:center;padding:var(--s6) var(--s3)}
.lb.is-open{display:flex}
.lb__img{max-width:min(1400px,100%);max-height:78vh;object-fit:contain}
.lb__close,.lb__prev,.lb__next{position:absolute;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--cream);border:1px solid rgba(244,239,231,.3)}
.lb__close{top:16px;inset-inline-end:16px}
.lb__prev{inset-inline-end:16px;top:50%;transform:translateY(-50%)}
.lb__next{inset-inline-start:16px;top:50%;transform:translateY(-50%)}
.lb__close svg,.lb__prev svg,.lb__next svg{width:22px;height:22px;fill:currentColor}
.lb__bar{position:absolute;bottom:20px;inset-inline:0;display:flex;justify-content:center;align-items:center;gap:var(--s3);color:var(--cream);font-size:var(--fs-small)}
.lb__bar .num{color:var(--champagne)}

/* ===== 404 ===== */
.err{min-height:60vh;display:flex;align-items:center;text-align:center}
.err .code{font-size:5rem;color:var(--gold);line-height:1}
.err h1{margin:var(--s2) 0}
.err p{color:var(--ink-2);margin-bottom:var(--s4)}

/* ===== الشراكة مع أركوفا ===== */
.partner{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s8);align-items:center;border-top:1px solid var(--navy);padding-top:var(--s5)}
.partner h2{margin-bottom:var(--s2)}
.partner__card{display:block;padding:var(--s4);border:1px solid var(--hair);background:#fff;transition:border-color .2s}
.partner__card:hover{border-color:var(--gold)}
.partner__card .code{display:block;font-size:.8125rem;color:var(--gold-deep);margin-bottom:6px}
.partner__card b{display:block;font-family:var(--font-head);font-weight:600;font-size:var(--fs-h3);color:var(--navy);margin-bottom:4px}
.partner__card span{color:var(--ink-2);font-size:.9375rem}
.footer__partner{display:block;margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--hair);font-size:.9375rem;color:var(--ink-2);max-width:40ch}
.footer__partner a{color:var(--navy);font-weight:700;border-bottom:1px solid var(--gold)}
/* شريط المعاينة (يظهر في نسخة المراجعة فقط) */
.preview-bar{background:var(--navy);color:var(--champagne);font-size:var(--fs-small);text-align:center;padding:8px var(--gutter)}
@media(max-width:900px){.partner{grid-template-columns:1fr;gap:var(--s4)}}

/* ===== ظهور الهيرو فقط ===== */
@media(prefers-reduced-motion:no-preference){
  .hero__txt > *,.phero__txt > *{opacity:0;transform:translateY(12px);animation:rise .7s var(--ease) forwards}
  .hero__txt > :nth-child(2),.phero__txt > :nth-child(2){animation-delay:.08s}
  .hero__txt > :nth-child(3),.phero__txt > :nth-child(3){animation-delay:.16s}
  .hero__txt > :nth-child(4),.phero__txt > :nth-child(4){animation-delay:.24s}
  .hero__txt > :nth-child(5){animation-delay:.32s}
  @keyframes rise{to{opacity:1;transform:none}}
}

/* ===== الاستجابة ===== */
@media(max-width:1100px){
  .services--4{grid-template-columns:repeat(2,1fr)}
  .services--4 a:nth-child(2n){border-inline-end:0}
  .services--4 a{border-bottom:1px solid var(--hair-light)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps li:nth-child(2n){border-inline-end:0}
  .steps li{border-bottom:1px solid var(--hair)}
  .feat,.feat--4{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .timeline li:nth-child(2n){border-inline-end:0}
  .prods,.prods--4,.gallery--4{grid-template-columns:repeat(3,1fr)}
  .services p{min-height:0}
}
@media(max-width:900px){
  :root{--header-h:64px}
  .brand img{height:38px}
  .nav{gap:var(--s3)}
  .nav__links{position:fixed;top:var(--header-h);inset-inline:0;height:calc(100dvh - var(--header-h));background:#fff;z-index:var(--z-sticky);flex-direction:column;align-items:stretch;gap:0;padding:var(--s3) var(--gutter);overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;border-top:1px solid var(--hair)}
  .nav__links.is-open{opacity:1;visibility:visible;transform:none}
  .nav__links li{border-bottom:1px solid var(--hair)}
  .nav__links a,.nav__links button{display:block;width:100%;padding:16px 0;font-size:1.0625rem;border:0;text-align:start}
  .sub{position:static;opacity:1;visibility:visible;transform:none;border:0;padding:0 0 8px;display:none}
  .sub-toggle[aria-expanded="true"] + .sub{display:block}
  .sub a{padding:10px 20px;font-size:1rem;color:var(--ink-2)}
  .nav__cta .btn{display:none}
  .nav__wa{display:flex;flex-direction:column;gap:12px;padding:var(--s3) 0;border:0}
  .nav__links .nav__wa .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 26px;font-size:1rem;text-align:center;border:1px solid transparent}
  .nav__links .nav__wa .btn--outline{border-color:var(--navy);color:var(--navy)}
  .nav__links .nav__wa .btn--gold{color:var(--navy)}
  .burger{display:flex}
  .hero,.phero{grid-template-columns:1fr}
  .hero__img,.phero__img{order:-1;min-height:0;aspect-ratio:3/2}
  .hero__txt,.phero__txt{margin:0;max-width:none;padding:var(--s8) var(--gutter)}
  .services a{padding-inline:0}
  .services{grid-template-columns:1fr}
  .services a{border-inline-end:0;border-bottom:1px solid var(--hair-light);padding-inline:0}
  .gallery,.gallery--4,.spaces{grid-template-columns:repeat(2,1fr)}
  .gallery a.is-wide{grid-column:span 2;grid-row:span 2}
  .split,.split--flip{grid-template-columns:1fr;gap:var(--s5)}
  .split--flip .split__img{order:0}
  .reviews{grid-template-columns:1fr;gap:var(--s4)}
  .cta .container{grid-template-columns:1fr;gap:var(--s4)}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .fee,.contact{grid-template-columns:1fr;gap:var(--s5)}
  .prods,.prods--4{grid-template-columns:repeat(2,1fr)}
  .ticks--2{columns:1}
}
@media(max-width:600px){
  :root{--fs-body:1rem;--fs-display:2rem;--fs-h2:1.625rem;--fs-h3:1.25rem}
  .tbl tbody th{white-space:normal}
  .hero__note{flex-direction:column;gap:6px}
  .steps{grid-template-columns:1fr}
  .steps li{border-inline-end:0;padding-inline:0}
  .feat,.feat--2,.feat--4{grid-template-columns:1fr;gap:0}
  .timeline{grid-template-columns:1fr}
  .timeline li{border-inline-end:0;padding-inline:0}
  .spaces{grid-template-columns:1fr}
  .gallery,.gallery--4{grid-template-columns:repeat(2,1fr);gap:12px}
  .gallery a.is-wide{grid-column:span 2;grid-row:auto}
  .prods,.prods--4{grid-template-columns:repeat(2,1fr);gap:var(--s3) 12px}
  .prod h3{font-size:.9375rem}
  .prod p{font-size:.8125rem}
  .prod .code{font-size:.75rem}
  .tiers .tbl-wrap{display:none}
  .tiers-m{display:block}
  .footer__grid{grid-template-columns:1fr}
  .proof ul{flex-direction:column;align-items:center;gap:6px}
  .proof li + li::before{display:none}
  .btn-row .btn{width:100%}
  .wa-float{display:none}
  .actionbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;inset-inline:0;z-index:var(--z-float);background:#fff;border-top:1px solid var(--hair);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom))}
  .actionbar .btn{min-height:48px;font-size:.9375rem}
  body{padding-bottom:72px}
  .footer{padding-bottom:var(--s3)}
  .tbl th,.tbl td{padding:12px 10px;font-size:.875rem}
  .tiers .tbl{min-width:640px}
  .article ol.qlist li{grid-template-columns:40px 1fr}
  .drawer__panel{width:100%}
}
@media print{.header,.footer,.wa-float,.actionbar,.cta{display:none}}

/* ===== تعديلات زافورا فوق النظام الأساسي ===== */
.brand img{height:60px}
.footer__brand img{height:64px}
.steps li + li,.services a + a,.timeline li + li{padding-inline-start:var(--s3)}
@media(max-width:1100px){.steps li:nth-child(2n+1){padding-inline-start:0}.services--4 a:nth-child(2n+1){padding-inline-start:0}}
@media(max-width:900px){.brand img{height:42px}.services a + a{padding-inline-start:0}}
@media(max-width:600px){.steps li + li{padding-inline-start:0}}