/* ==========================================================================
   غسن وود — نظام التصميم — المِشْكاة / MISHKĀT
   الاتجاه: جدار أخضر ملمّع · لقطة مضاءة · حافة نحاسية
   
   ========================================================================== */

:root{
  /* ---------- LACQUER — الأخضر العميق ---------- */
  --lacquer-900:#071320; --lacquer-800:#0D1B2A; --lacquer-700:#16283C;
  --lacquer-600:#1E3550; --lacquer-500:#22364B; --lacquer-card:#132435;

  /* ---------- PLASTER — الجص الدافئ ---------- */
  --plaster-hi:#FDFAF6; --plaster:#F7F1E8; --plaster-lo:#EFE5D6;
  --plaster-edge:#E2D5C1; --plaster-edge-2:#D8C4A6;

  /* ---------- BRASS — النحاس ---------- */
  --brass-400:#D8AE86; --brass-500:#C89A6B; --brass-600:#A8724D;
  --brass-700:#8A5A3B; --brass-800:#6E4327;

  /* ---------- SUPPORT ---------- */
  --jade-300:#B4BFCC; --jade-100:#D8C4A6; --cream:#F4EEE5;
  --ink:#12202E; --ink-2:#4A5866; --ink-3:#56646F;
  --clay-700:#9E3A25; --clay-600:#B4462F; --clay-300:#E0785C;
  --ok-700:#1F6B57; --ok-300:#7FD0A8; --wa:#25D366;

  /* ---------- SEMANTIC — سياق فاتح (افتراضي) ---------- */
  --bg:var(--plaster); --bg-alt:var(--plaster-lo); --bg-raised:var(--plaster-hi);
  --fg:var(--ink); --fg-muted:var(--ink-2); --fg-faint:var(--ink-3);
  --line:var(--plaster-edge); --line-2:var(--plaster-edge-2);
  --line-strong:var(--plaster-edge-2);
  --copper:var(--brass-700); --copper-rule:var(--brass-500);
  --walnut:var(--lacquer-700); --focus:var(--lacquer-700);
  --field-bg:var(--plaster-hi); --field-edge:#6B7887; --placeholder:var(--ink-3);
  --error:var(--clay-700); --danger:var(--clay-700); --ok:var(--ok-700);
  --edge-top:inset 0 1px 0 rgba(255,253,250,.92);
  --bloom-rest:.24; --panel-bg:var(--grad-plaster);
  --sel-bg:var(--brass-400); --sel-fg:var(--lacquer-900);
  --header-bg:rgba(247,241,232,.88);

  /* توافق مع الأسماء القديمة */
  --bone:var(--plaster); --bone-2:var(--plaster-lo); --bone-3:var(--plaster-edge);
  --surface:var(--lacquer-700); --surface-2:var(--lacquer-600);
  --warm-grey:var(--ink-3); --warm-grey-2:var(--jade-300);
  --dark-fg:var(--cream); --dark-fg-muted:var(--jade-300);
  --dark-line:rgba(216,174,134,.18);

  /* ---------- TYPE ---------- */
  --step--1:0.8125rem;
  --step-0 :clamp(1rem,     .96rem + .20vw, 1.0625rem);
  --step-1 :clamp(1.125rem, 1.02rem + .45vw, 1.375rem);
  --step-2 :clamp(1.375rem, 1.10rem + 1.20vw, 2rem);
  --step-3 :clamp(1.75rem,  1.25rem + 2.20vw, 3rem);
  --step-4 :clamp(2.25rem,  1.40rem + 3.80vw, 4.25rem);
  --step-5 :clamp(2.75rem,  1.30rem + 6.40vw, 6.25rem);
  --step-num:clamp(2rem,    1.40rem + 2.40vw, 3.5rem);

  --lh-display-ar:1.24; --lh-h1-ar:1.28; --lh-h2-ar:1.34;
  --lh-h3-ar:1.42; --lh-lead-ar:1.85; --lh-body-ar:1.90;
  --measure:66ch; --measure-ar:62ch;

  /* ---------- SPACING ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;
  --pad-block:clamp(4.5rem, 2rem + 8vw, 10rem);
  --pad-block-tight:clamp(3rem, 1.5rem + 5vw, 6rem);
  --pad-inline:clamp(1.25rem, .5rem + 3.5vw, 3rem);
  --panel-lap:clamp(20px, 3vw, 44px);
  --gap:clamp(1rem, 2.2vw, 2rem);
  --niche-reveal:clamp(10px, 1.2vw, 16px);
  --header-h:clamp(60px, 4vw + 44px, 84px);

  --wrap:76rem; --wrap-narrow:44rem; --wrap-wide:96rem;

  /* ---------- RADII ---------- */
  --r-xs:4px; --r-sm:8px; --radius:14px; --r-md:14px; --r-lg:22px; --r-xl:32px;
  --radius-lg:22px; --r-pill:999px; --arch-h:50%; --arch-v:40%;

  /* ---------- SHADOWS ---------- */
  --sh-1:0 1px 2px rgba(7,19,32,.06), 0 2px 6px -1px rgba(7,19,32,.05);
  --sh-2:0 2px 4px rgba(7,19,32,.06), 0 8px 20px -6px rgba(7,19,32,.10);
  --sh-3:0 4px 8px rgba(7,19,32,.07), 0 18px 40px -12px rgba(7,19,32,.16);
  --sh-4:0 8px 16px rgba(7,19,32,.08), 0 40px 80px -24px rgba(7,19,32,.28);
  --sh-panel:0 -2px 4px rgba(7,19,32,.05), 0 -24px 60px -30px rgba(7,19,32,.35);
  --sh-bloom:0 26px 64px -30px var(--bloom, #B98A5C);
  --sh-vitrine:
    inset 0 0 0 1px rgba(216,174,134,.20),
    inset 0 -14px 24px -14px rgba(7,19,32,.42),
    inset 7px 0 18px -14px rgba(7,19,32,.28),
    inset -7px 0 18px -14px rgba(7,19,32,.28);

  /* ---------- GRADIENTS ---------- */
  --glow-x:78%;
  --grad-lacquer:
    radial-gradient(120% 90% at var(--glow-x) -12%, #1E3550 0%, rgba(30,53,80,0) 62%),
    linear-gradient(180deg, #0D1B2A 0%, #071320 100%);
  --grad-plaster:radial-gradient(110% 70% at 50% 0%, #FDFAF6 0%, #F7F1E8 58%);
  --grad-brass:linear-gradient(90deg, rgba(200,154,107,0) 0%, #A8724D 12%, #C89A6B 32%,
    #D8AE86 50%, #B98A5C 68%, #A8724D 88%, rgba(200,154,107,0) 100%);
  --grad-led:linear-gradient(to bottom, transparent 0%, #C89A6B 14%, #F2E2CE 50%, #C89A6B 86%, transparent 100%);
  --scrim:linear-gradient(to top, rgba(7,19,32,.86) 0%, rgba(7,19,32,.52) 40%, rgba(7,19,32,0) 82%);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");

  /* ---------- FONTS ---------- */
  --font-ar:"IBM Plex Sans Arabic","Noto Sans Arabic","Geeza Pro",system-ui,sans-serif;
  --font-ar-display:"Noto Kufi Arabic","IBM Plex Sans Arabic",sans-serif;
  --font-en:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* ---------- MOTION ---------- */
  --dur:260ms; --dur-1:160ms; --dur-2:260ms; --dur-3:480ms; --dur-4:620ms;
  --dur-sheen:900ms;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.40,0,.20,1);
  --ease-settle:cubic-bezier(.20,.90,.25,1.02);
  --stagger:70ms;
  --bloom:#B98A5C; --focus-w:2px; --focus-off:3px;
}

/* ---------- سياق غائر فاتح ---------- */
[data-tone="lo"]{
  --bg:var(--plaster-lo); --bg-alt:var(--plaster); --bg-raised:var(--plaster-hi);
  --fg-faint:var(--ink-2); --copper:var(--brass-800);
  --line:var(--plaster-edge-2); --panel-bg:var(--plaster-lo);
}
/* ---------- سياق أخضر ---------- */
[data-tone="dark"], .dark{
  --bg:var(--lacquer-800); --bg-alt:var(--lacquer-900); --bg-raised:var(--lacquer-700);
  --fg:var(--cream); --fg-muted:var(--jade-300); --fg-faint:var(--jade-300);
  --line:rgba(216,174,134,.18); --line-2:rgba(216,174,134,.28);
  --line-strong:rgba(216,174,134,.28);
  --copper:var(--brass-500); --copper-rule:var(--brass-500);
  --focus:var(--brass-400);
  --field-bg:var(--lacquer-700); --field-edge:#5E7085; --placeholder:var(--jade-300);
  --error:var(--clay-300); --danger:var(--clay-300); --ok:var(--ok-300);
  --edge-top:inset 0 1px 0 rgba(216,174,134,.14);
  --panel-bg:var(--grad-lacquer);
  --dark-fg:var(--cream); --dark-fg-muted:var(--jade-300);
  --surface:var(--lacquer-card); --surface-2:var(--lacquer-600);
  --bone:var(--cream); --bone-2:var(--lacquer-700); --bone-3:var(--lacquer-600);
  --header-bg:rgba(7,19,32,.84);
}
[dir="ltr"]{ --glow-x:22%; }
::selection{ background:var(--sel-bg); color:var(--sel-fg); }

/* ==== إعادة ضبط ==== */
*,*::before,*::after{box-sizing:border-box}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:var(--font-ar); font-size:var(--step-0); font-weight:400;
  line-height:1.75; letter-spacing:0;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{margin:0;font-weight:600;line-height:1.25;letter-spacing:-.01em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
hr{border:0;border-top:1px solid var(--line);margin:0}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.skip-link{position:absolute;inset-inline-start:-9999px;top:0;z-index:999;background:var(--ink);color:var(--bone);padding:.75rem 1.25rem}
.skip-link:focus{inset-inline-start:0}
main{outline:none}
::selection{background:var(--walnut);color:var(--bone)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ==== تخطيط ==== */
.wrap{width:min(100% - 2.5rem, var(--wrap));margin-inline:auto}
@media (max-width:640px){ .wrap{width:min(100% - 2rem, var(--wrap))} }
.wrap-narrow{width:min(100% - 2.5rem, var(--wrap-narrow));margin-inline:auto}
.section{padding-block:clamp(3.5rem,7vw,7rem)}
.section-sm{padding-block:clamp(2.5rem,4.5vw,4rem)}
.dark{background:var(--ink);color:var(--dark-fg)}
.dark h1,.dark h2,.dark h3,.dark h4{color:var(--bone)}
.alt{background:var(--bg-alt)}
.grid{display:grid;gap:var(--sp-5)}
.stack > * + *{margin-block-start:var(--sp-4)}

/* ==== عناصر نصية ==== */
.eyebrow{
  font-family:var(--font-en); font-size:.72rem; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--copper);
  display:flex; align-items:center; gap:.65rem; margin-bottom:var(--sp-4);
}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;flex:none}
.eyebrow.ar{font-family:var(--font-ar);letter-spacing:.06em;font-size:.8rem;text-transform:none}
.h-display{font-size:var(--step-5);font-weight:700;line-height:1.1;letter-spacing:-.02em}
.h1{font-size:var(--step-4);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.h2{font-size:var(--step-3);font-weight:600;line-height:1.2}
.h3{font-size:var(--step-2);font-weight:600}
.h4{font-size:var(--step-1);font-weight:600}
.lead{font-size:var(--step-1);line-height:1.8;color:var(--fg-muted);font-weight:300}
.dark .lead{color:var(--dark-fg-muted)}
.muted{color:var(--fg-muted)}
.dark .muted{color:var(--dark-fg-muted)}
.small{font-size:var(--step--1);line-height:1.7}
.en{font-family:var(--font-en);direction:ltr;unicode-bidi:isolate;letter-spacing:.02em}
.term{display:block;font-family:var(--font-en);font-size:.75rem;font-weight:400;letter-spacing:.1em;
  color:var(--warm-grey);margin-top:.3rem;direction:ltr;text-align:start;unicode-bidi:isolate}
.dark .term{color:var(--warm-grey)}
.measure{max-width:68ch}
.measure-sm{max-width:56ch}

/* ==== أزرار ==== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  padding:.9rem 1.6rem;border:1px solid transparent;border-radius:var(--radius);
  font-size:var(--step-0);font-weight:500;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform .2s var(--ease);
  text-align:center;line-height:1.4;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.btn-primary:hover{background:var(--walnut);border-color:var(--walnut)}
.dark .btn-primary{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.dark .btn-primary:hover{background:var(--copper);border-color:var(--copper);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--bone)}
.dark .btn-ghost{color:var(--bone);border-color:var(--dark-line)}
.dark .btn-ghost:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.btn-sm{padding:.6rem 1.1rem;font-size:var(--step--1)}
.btn-block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}

.link-arrow{
  display:inline-flex;align-items:center;gap:.5rem;font-weight:500;
  border-bottom:1px solid var(--line-strong);padding-bottom:.2rem;
  transition:gap .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.link-arrow::after{content:"←";font-family:var(--font-en);transition:transform .3s var(--ease)}
.link-arrow:hover{gap:.85rem;border-color:var(--walnut);color:var(--walnut)}
.dark .link-arrow{border-color:var(--dark-line)}
.dark .link-arrow:hover{color:var(--copper);border-color:var(--copper)}

/* ==== الهيدر ==== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:var(--header-bg);backdrop-filter:saturate(1.4) blur(14px);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line);
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
.site-header.on-dark{color:var(--cream)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);height:var(--header-h)}
.logo{display:flex;flex-direction:column;justify-content:center;line-height:1;flex:none}
.logo-ar{font-size:1.32rem;font-weight:700;letter-spacing:.01em}
.logo-en{font-family:var(--font-en);font-size:.6rem;font-weight:500;letter-spacing:.34em;
  color:var(--copper);margin-top:.28rem;direction:ltr}
.nav{display:flex;align-items:center;gap:.15rem}
.nav-link{
  padding:.55rem .6rem;font-size:.9rem;font-weight:500;border-radius:var(--radius);
  position:relative;transition:color .25s var(--ease);white-space:nowrap;
}
.nav-link::after{
  content:"";position:absolute;inset-inline:.7rem;bottom:.28rem;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease);
}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{transform:scaleX(1)}
.nav-link[aria-current="page"]{color:var(--walnut)}
.on-dark .nav-link[aria-current="page"]{color:var(--copper)}
.header-actions{display:flex;align-items:center;gap:var(--sp-3);flex:none}

/* Mega menu */
.has-mega{position:relative}
.mega-btn{display:flex;align-items:center;gap:.35rem;background:none;border:0;cursor:pointer}
.mega-btn .chev{font-size:.6rem;transition:transform .3s var(--ease)}
.has-mega[data-open="true"] .chev{transform:rotate(180deg)}
.mega{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-8px);
  width:min(92vw,860px);background:var(--bone);border:1px solid var(--line);
  box-shadow:0 30px 70px -20px rgba(20,17,15,.35);
  padding:var(--sp-6);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5) var(--sp-6);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
}
.has-mega[data-open="true"] .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-col h4{font-size:.72rem;font-family:var(--font-en);letter-spacing:.16em;text-transform:uppercase;
  color:var(--copper);margin-bottom:var(--sp-3);font-weight:500}
.mega-col.ar h4{font-family:var(--font-ar);letter-spacing:.04em;text-transform:none;font-size:.8rem}
.mega-col a{display:block;padding:.4rem 0;font-size:.9rem;color:var(--ink);border-bottom:1px solid transparent;transition:color .2s,padding-inline-start .25s var(--ease)}
.mega-col a:hover{color:var(--walnut);padding-inline-start:.35rem}

/* Mobile nav */
.burger{display:none;background:none;border:1px solid var(--line-strong);border-radius:var(--radius);
  width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.on-dark .burger{border-color:var(--dark-line)}
.burger span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-nav{
  position:fixed;inset:var(--header-h) 0 0;background:var(--ink);color:var(--bone);
  z-index:99;overflow-y:auto;padding:var(--sp-6) 0 var(--sp-9);
  transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
}
.mobile-nav[data-open="true"]{opacity:1;visibility:visible;transform:none}
.mobile-nav a{display:block;padding:1rem 0;font-size:1.1rem;border-bottom:1px solid var(--dark-line)}
.mobile-nav .m-cta{margin-top:var(--sp-6)}

/* ==== Hero ==== */
.hero{background:var(--ink);color:var(--bone);position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:min(76vh,660px);align-items:stretch}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,4vw,4.5rem) clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,3rem)}
.hero-media{position:relative;overflow:hidden;min-height:340px}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;
  animation:heroIn 1.6s var(--ease) both}
.hero-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to left,rgba(20,17,15,.55),rgba(20,17,15,0) 45%)}
@keyframes heroIn{from{transform:scale(1.07);opacity:0}to{transform:scale(1);opacity:1}}
.hero h1{font-size:var(--step-5);font-weight:700;line-height:1.18;letter-spacing:-.025em;max-width:17ch}
.hero .lead{margin-top:var(--sp-4);max-width:52ch;font-size:var(--step-0)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}
.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:var(--sp-6);
  padding-top:var(--sp-4);border-top:1px solid var(--dark-line);font-size:.8rem;color:var(--warm-grey-2)}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-media{order:-1;aspect-ratio:4/3;min-height:0}
  .hero-media::after{background:linear-gradient(to top,rgba(20,17,15,.7),rgba(20,17,15,0) 55%)}
  .hero h1{max-width:100%}
}

/* ==== الصور ==== */
.ph{position:relative;overflow:hidden;background:var(--bone-3)}
.ph::before{content:"";display:block;padding-block-end:125%} /* 4:5 */
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s var(--ease),opacity .6s var(--ease)}
.ph.is-loading img{opacity:0}
.ratio-4-3::before{padding-block-end:75%}
.ratio-3-2::before{padding-block-end:66.66%}
.ratio-1-1::before{padding-block-end:100%}
.ratio-16-9::before{padding-block-end:56.25%}
a:hover > .ph img,.card:hover .ph img{transform:scale(1.045)}

/* ==== بطاقات ==== */
.card{display:block;background:transparent;transition:transform .4s var(--ease)}
.card-body{padding-block:var(--sp-4)}
.card-title{font-size:var(--step-1);font-weight:600;line-height:1.35}
.card-meta{font-size:var(--step--1);color:var(--fg-muted);margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.35rem .75rem}
.dark .card-meta{color:var(--dark-fg-muted)}

.tile{border:1px solid var(--line);padding:var(--sp-6);background:var(--bone);height:100%;
  display:flex;flex-direction:column;transition:border-color .35s var(--ease),background .35s var(--ease)}
.tile:hover{border-color:var(--line-strong)}
.dark .tile{background:var(--surface);border-color:var(--dark-line)}
.dark .tile:hover{border-color:rgba(245,241,234,.3)}
.tile-num{font-family:var(--font-en);font-size:.75rem;letter-spacing:.15em;color:var(--copper);margin-bottom:var(--sp-4)}
.tile h3{margin-bottom:var(--sp-3)}
.tile p{color:var(--fg-muted);font-size:var(--step-0)}
.dark .tile p{color:var(--dark-fg-muted)}
.tile ul{margin-top:var(--sp-4);display:grid;gap:.4rem}
.tile li{font-size:var(--step--1);color:var(--fg-muted);padding-inline-start:1rem;position:relative}
.tile li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:5px;height:1px;background:var(--copper)}
.dark .tile li{color:var(--dark-fg-muted)}
.tile .link-arrow{margin-top:auto;padding-top:var(--sp-5);align-self:flex-start}

.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){ .cols-4{grid-template-columns:repeat(2,1fr)} .cols-3{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .cols-4,.cols-3,.cols-2{grid-template-columns:1fr} }

/* ==== أقسام تحريرية ==== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.split.top{align-items:start}
@media (max-width:900px){ .split{grid-template-columns:1fr} }
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);
  align-items:end;margin-bottom:clamp(2rem,4vw,3.5rem)}
@media (max-width:820px){ .section-head{grid-template-columns:1fr;align-items:start} }

/* شريط المشاريع التحريري */
.editorial{display:grid;gap:clamp(3rem,6vw,6rem)}
.editorial-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.editorial-row:nth-child(even) .editorial-media{order:2}
@media (max-width:820px){ .editorial-row{grid-template-columns:1fr} .editorial-row:nth-child(even) .editorial-media{order:0} }
.editorial-copy .h2{margin-bottom:var(--sp-4)}

/* ==== قوائم مفهرسة ==== */
.index-list{border-top:1px solid var(--line)}
.dark .index-list{border-color:var(--dark-line)}
.index-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-5);align-items:baseline;
  padding:var(--sp-5) 0;border-bottom:1px solid var(--line);transition:padding-inline .35s var(--ease),background .35s var(--ease)}
.dark .index-item{border-color:var(--dark-line)}
.index-item:hover{padding-inline:var(--sp-3)}
.index-num{font-family:var(--font-en);font-size:.75rem;color:var(--copper);letter-spacing:.1em}
.index-title{font-size:var(--step-2);font-weight:600}
.index-desc{font-size:var(--step--1);color:var(--fg-muted);margin-top:.35rem;max-width:60ch}
.dark .index-desc{color:var(--dark-fg-muted)}
.index-go{font-family:var(--font-en);font-size:1.1rem;color:var(--warm-grey);transition:transform .3s var(--ease)}
.index-item:hover .index-go{transform:translateX(-6px);color:var(--walnut)}
@media (max-width:640px){ .index-item{grid-template-columns:auto 1fr} .index-go{display:none} }

/* ==== المعرض والفلاتر ==== */
.filters{border-block:1px solid var(--line);padding-block:var(--sp-4);margin-bottom:var(--sp-6)}
.filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.search-field{position:relative;flex:1 1 240px;min-width:200px}
.search-field input{width:100%;padding:.7rem 2.4rem .7rem 1rem;border:1px solid var(--line-strong);
  background:transparent;border-radius:var(--radius);font-size:var(--step--1)}
.search-field input:focus{outline:none;border-color:var(--walnut)}
.search-field::after{content:"⌕";position:absolute;inset-inline-end:.85rem;top:50%;transform:translateY(-50%);
  color:var(--warm-grey);font-size:1.1rem;pointer-events:none}
.filter-group{position:relative}
.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--line-strong);
  background:transparent;border-radius:var(--radius);font-size:var(--step--1);cursor:pointer;white-space:nowrap;
  transition:border-color .25s,background .25s}
.filter-toggle:hover{border-color:var(--ink)}
.filter-toggle[data-active="true"]{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.filter-count{font-family:var(--font-en);font-size:.7rem;background:var(--copper);color:var(--ink);
  border-radius:99px;min-width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .3rem}
.filter-panel{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:40;
  background:var(--bone);border:1px solid var(--line-strong);box-shadow:0 22px 50px -18px rgba(20,17,15,.32);
  padding:var(--sp-4);min-width:230px;max-height:340px;overflow-y:auto;display:none}
.filter-group[data-open="true"] .filter-panel{display:block}
.filter-panel label{display:flex;align-items:center;gap:.6rem;padding:.4rem .2rem;font-size:var(--step--1);cursor:pointer;border-radius:2px}
.filter-panel label:hover{background:var(--bone-2)}
.filter-panel input[type=checkbox]{accent-color:var(--walnut);width:15px;height:15px;flex:none}
.active-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--sp-4)}
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;background:var(--ink);color:var(--bone);
  font-size:.78rem;border-radius:99px;border:0;cursor:pointer}
.chip:hover{background:var(--walnut)}
.chip::after{content:"×";font-size:.95rem;line-height:1}
.chip.clear{background:transparent;color:var(--fg-muted);border:1px solid var(--line-strong)}
.chip.clear::after{content:""}
.chip.clear:hover{color:var(--ink);border-color:var(--ink);background:transparent}
.result-count{font-size:var(--step--1);color:var(--fg-muted);margin-inline-start:auto;white-space:nowrap}
.view-toggle{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}
.view-toggle button{background:transparent;border:0;padding:.6rem .9rem;cursor:pointer;font-size:var(--step--1)}
.view-toggle button[aria-pressed="true"]{background:var(--ink);color:var(--bone)}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
@media (max-width:900px){ .gallery-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .gallery-grid{grid-template-columns:1fr} }
.empty-state{padding:var(--sp-9) 0;text-align:center;color:var(--fg-muted)}

/* ==== Lightbox ==== */
.lb{position:fixed;inset:0;z-index:200;background:rgba(12,10,9,.96);display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}
.lb[data-open="true"]{opacity:1;visibility:visible}
.lb-img{max-width:min(94vw,1100px);max-height:82vh;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb-cap{position:absolute;bottom:1.5rem;inset-inline:0;text-align:center;color:var(--warm-grey-2);font-size:.85rem;padding-inline:1rem}
.lb-close,.lb-prev,.lb-next{position:absolute;background:rgba(245,241,234,.1);border:1px solid rgba(245,241,234,.2);
  color:var(--bone);width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;transition:background .25s}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:rgba(245,241,234,.25)}
.lb-close{top:1.25rem;inset-inline-end:1.25rem}
.lb-prev{inset-inline-end:1.25rem;top:50%;transform:translateY(-50%)}
.lb-next{inset-inline-start:1.25rem;top:50%;transform:translateY(-50%)}
@media (max-width:640px){ .lb-prev{inset-inline-end:.5rem} .lb-next{inset-inline-start:.5rem} }

/* ==== صفحة المشروع ==== */
.spec-table{border-top:1px solid var(--line);margin-top:var(--sp-5)}
.dark .spec-table{border-color:var(--dark-line)}
.spec-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:var(--sp-4);
  padding:.9rem 0;border-bottom:1px solid var(--line);font-size:var(--step-0)}
.dark .spec-row{border-color:var(--dark-line)}
.spec-row dt{color:var(--fg-muted);font-size:var(--step--1)}
.dark .spec-row dt{color:var(--dark-fg-muted)}
.spec-row dd{margin:0}
@media (max-width:560px){ .spec-row{grid-template-columns:1fr;gap:.15rem} }
.pill{display:inline-block;padding:.28rem .7rem;border:1px solid var(--line-strong);border-radius:99px;
  font-size:.78rem;margin:0 0 .4rem .4rem}
.dark .pill{border-color:var(--dark-line)}

/* ==== الأكورديون / الأسئلة ==== */
.acc{border-top:1px solid var(--line)}
.dark .acc{border-color:var(--dark-line)}
.acc-item{border-bottom:1px solid var(--line)}
.dark .acc-item{border-color:var(--dark-line)}
.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);
  background:none;border:0;padding:1.15rem 0;cursor:pointer;text-align:start;font-size:var(--step-0);font-weight:500;line-height:1.6}
.acc-btn:hover{color:var(--walnut)}
.acc-icon{flex:none;width:20px;height:20px;position:relative;margin-top:.35rem}
.acc-icon::before,.acc-icon::after{content:"";position:absolute;background:currentColor;transition:transform .3s var(--ease),opacity .3s}
.acc-icon::before{inset-inline:0;top:9.5px;height:1px}
.acc-icon::after{inset-block:0;inset-inline-start:9.5px;width:1px}
.acc-btn[aria-expanded="true"] .acc-icon::after{transform:rotate(90deg);opacity:0}
.acc-panel{overflow:hidden;max-height:0;transition:max-height .45s var(--ease)}
.acc-panel-inner{padding-bottom:1.35rem;color:var(--fg-muted);max-width:74ch;font-size:var(--step-0)}
.dark .acc-panel-inner{color:var(--dark-fg-muted)}

/* ==== الجداول ==== */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line)}
table.data{width:100%;border-collapse:collapse;min-width:720px;font-size:var(--step--1)}
table.data th,table.data td{padding:.85rem 1rem;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
table.data thead th{background:var(--ink);color:var(--bone);font-weight:500;position:sticky;top:0;white-space:nowrap}
table.data tbody tr:hover{background:var(--bone-2)}
table.data td:first-child{font-weight:600;white-space:nowrap}

/* ==== الخطوات ==== */
.steps{counter-reset:s;display:grid;gap:0;border-top:1px solid var(--line)}
.dark .steps{border-color:var(--dark-line)}
.step{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-5);padding:var(--sp-5) 0;border-bottom:1px solid var(--line);align-items:start}
.dark .step{border-color:var(--dark-line)}
.step-num{font-family:var(--font-en);font-size:.8rem;color:var(--copper);letter-spacing:.12em;padding-top:.35rem;min-width:2.5rem}
.step h3{font-size:var(--step-1);margin-bottom:.4rem}
.step p{color:var(--fg-muted);max-width:70ch}
.dark .step p{color:var(--dark-fg-muted)}

/* ==== النموذج ==== */
.form-progress{display:flex;gap:.35rem;margin-bottom:var(--sp-6)}
.form-progress span{flex:1;height:2px;background:var(--line);transition:background .4s var(--ease)}
.form-progress span[data-done="true"]{background:var(--walnut)}
.form-step-label{font-family:var(--font-en);font-size:.72rem;letter-spacing:.16em;color:var(--copper);margin-bottom:var(--sp-3)}
.field{margin-bottom:var(--sp-5)}
.field > label,.field-label{display:block;font-size:var(--step-0);font-weight:500;margin-bottom:var(--sp-2)}
.field-hint{font-size:var(--step--1);color:var(--fg-muted);margin-bottom:var(--sp-3)}
.field input[type=text],.field input[type=tel],.field input[type=email],.field input[type=number],
.field select,.field textarea{
  width:100%;padding:.85rem 1rem;border:1px solid var(--line-strong);background:var(--bone);
  border-radius:var(--radius);font-size:var(--step-0);transition:border-color .25s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--walnut);box-shadow:0 0 0 3px rgba(122,83,53,.12)}
.field textarea{min-height:130px;resize:vertical}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--danger)}
.err{color:var(--danger);font-size:var(--step--1);margin-top:.4rem;display:none}
.err[data-show="true"]{display:block}
.opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}
.opt{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border:1px solid var(--line-strong);
  border-radius:var(--radius);cursor:pointer;font-size:var(--step--1);transition:border-color .25s,background .25s;background:var(--bone)}
.opt:hover{border-color:var(--walnut)}
.opt input{accent-color:var(--walnut);flex:none;width:16px;height:16px}
.opt:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--bone)}
.dropzone{border:1px dashed var(--line-strong);padding:var(--sp-6);text-align:center;border-radius:var(--radius);background:var(--bone)}
.dropzone input{display:none}
.file-list{margin-top:var(--sp-3);display:grid;gap:.4rem;font-size:var(--step--1);text-align:start}
.file-list li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .7rem;background:var(--bone-2)}
.form-nav{display:flex;gap:var(--sp-3);justify-content:space-between;margin-top:var(--sp-6);
  padding-top:var(--sp-5);border-top:1px solid var(--line)}
.form-success{text-align:center;padding:var(--sp-8) var(--sp-4);border:1px solid var(--line)}
.form-success .mark{width:56px;height:56px;border:1px solid var(--copper);border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-5);color:var(--copper);font-size:1.5rem}
.summary-box{border:1px solid var(--line);padding:var(--sp-5);background:var(--bone-2);margin-bottom:var(--sp-5)}
.summary-box dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem var(--sp-4);font-size:var(--step--1);margin:0}
.summary-box dt{color:var(--fg-muted)}
.summary-box dd{margin:0}

/* ==== الفوتر ==== */
.site-footer{background:var(--ink);color:var(--dark-fg);padding-block:clamp(3rem,6vw,5rem) var(--sp-6)}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--sp-6)}
@media (max-width:1000px){ .footer-top{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .footer-top{grid-template-columns:1fr} }
.footer-col h4{font-size:.78rem;letter-spacing:.05em;color:var(--copper);margin-bottom:var(--sp-4);font-weight:500}
.footer-col a{display:block;padding:.32rem 0;font-size:.9rem;color:var(--warm-grey-2);transition:color .2s}
.footer-col a:hover{color:var(--bone)}
.footer-brand .logo-ar{font-size:1.5rem}
.footer-brand p{color:var(--warm-grey-2);font-size:.9rem;margin-top:var(--sp-4);max-width:38ch}
.footer-contact{margin-top:var(--sp-5);display:grid;gap:.5rem;font-size:.85rem}
.footer-contact .pending{color:var(--warm-grey);font-style:normal}
.footer-contact .pending::after{content:" — " attr(data-pending);font-size:.75rem;opacity:.7}
.social-row{display:flex;gap:.6rem;margin-top:var(--sp-5)}
.social-row span{width:36px;height:36px;border:1px solid var(--dark-line);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--warm-grey);
  font-family:var(--font-en);cursor:not-allowed}
.footer-bottom{margin-top:clamp(2.5rem,5vw,4rem);padding-top:var(--sp-5);border-top:1px solid var(--dark-line);
  display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;font-size:.8rem;color:var(--warm-grey)}
.footer-bottom nav{display:flex;gap:var(--sp-5);flex-wrap:wrap}
.draft-note{margin-top:var(--sp-4);font-size:.75rem;color:var(--warm-grey);opacity:.75;max-width:70ch}

/* ==== CTA ثابت على الجوال ==== */
.mobile-cta{position:fixed;inset-inline:0;bottom:0;z-index:90;display:none;
  background:rgba(20,17,15,.96);backdrop-filter:blur(10px);border-top:1px solid var(--dark-line);
  padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));gap:.6rem}
.mobile-cta .btn{flex:1;padding:.75rem 1rem;font-size:.9rem}
@media (max-width:768px){ .mobile-cta{display:flex} body{padding-bottom:76px} }

/* ==== شارة "مسودة" ==== */
.draft-badge{position:fixed;bottom:1rem;inset-inline-start:1rem;z-index:80;
  background:rgba(20,17,15,.9);color:var(--copper);border:1px solid rgba(176,138,94,.35);
  font-size:.68rem;letter-spacing:.05em;padding:.4rem .7rem;border-radius:99px;pointer-events:none}
@media (max-width:768px){ .draft-badge{display:none} }

/* ==== ظهور ناعم ====
   قاعدة أمان: المحتوى مرئي افتراضيًا. الإخفاء يحدث فقط عندما يضيف JS الصنف
   has-reveal على <html>، فإن تعطّل JS أو المراقب بقي المحتوى ظاهرًا. */
.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.has-reveal .reveal:not(.in){opacity:0;transform:translateY(18px)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html.has-reveal .reveal:not(.in){opacity:1;transform:none}
}

/* ==== فتات الخبز ==== */
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.78rem;color:var(--fg-muted);margin-bottom:var(--sp-4)}
.dark .crumbs{color:var(--dark-fg-muted)}
.crumbs a:hover{color:var(--walnut)}
.crumbs span::after{content:"/";margin-inline-start:.4rem;opacity:.5}

/* ==== رأس الصفحة الداخلية ==== */
.page-head{background:var(--ink);color:var(--bone);padding-block:clamp(3rem,7vw,6rem) clamp(2.5rem,5vw,4.5rem)}
.page-head h1{max-width:20ch}
.page-head .lead{max-width:62ch;margin-top:var(--sp-4)}
.page-head.with-media{padding-bottom:0}
.page-head-media{margin-top:clamp(2rem,5vw,4rem)}

/* ==== شبكة تفاصيل ==== */
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
@media (max-width:900px){ .detail-grid{grid-template-columns:repeat(2,1fr)} }
.detail-grid .ph::before{padding-block-end:100%}
.detail-cap{font-size:.75rem;color:var(--fg-muted);margin-top:.5rem;line-height:1.5}
.dark .detail-cap{color:var(--dark-fg-muted)}

/* ==== CTA قسم ==== */
.cta-band{background:var(--walnut);color:var(--bone);padding-block:clamp(3rem,6vw,5rem)}
.cta-band h2{max-width:22ch;margin-bottom:var(--sp-5);color:var(--bone)}
.cta-band .btn-primary{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.cta-band .btn-primary:hover{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.cta-band .btn-ghost{color:var(--bone);border-color:rgba(245,241,234,.4)}
.cta-band .btn-ghost:hover{background:var(--bone);color:var(--walnut);border-color:var(--bone)}

/* ==== ملاحظة داخلية ==== */
.note{border-inline-start:2px solid var(--copper);padding:var(--sp-4) var(--sp-5);background:var(--bone-2);
  font-size:var(--step--1);color:var(--fg-muted);margin-block:var(--sp-5)}
.dark .note{background:var(--surface);color:var(--dark-fg-muted)}
.note strong{color:var(--fg);font-weight:600}
.dark .note strong{color:var(--bone)}

/* ==== مقال ==== */
.article-body{font-size:1.05rem;line-height:1.95}
.article-body > * + *{margin-top:var(--sp-5)}
.article-body h2{font-size:var(--step-2);margin-top:var(--sp-7)}
.article-body h3{font-size:var(--step-1);margin-top:var(--sp-6)}
.article-body ul{display:grid;gap:.55rem;margin-inline-start:0}
.article-body li{padding-inline-start:1.4rem;position:relative;color:var(--fg-muted)}
.article-body li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:8px;height:1px;background:var(--copper)}
.article-body p{color:var(--fg-muted)}
.article-body p strong{color:var(--fg)}

/* ==== منتقي المقارنة ==== */
.compare-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--sp-5)}
.toggle-pill{padding:.5rem 1rem;border:1px solid var(--line-strong);background:transparent;border-radius:99px;
  cursor:pointer;font-size:var(--step--1);transition:all .25s var(--ease)}
.toggle-pill[aria-pressed="true"]{background:var(--ink);color:var(--bone);border-color:var(--ink)}

/* شريط تنقل مضغوط على الشاشات المتوسطة */
@media (max-width:1240px){ .nav-link{padding:.5rem .45rem;font-size:.84rem} }
@media (max-width:1100px){
  .nav{display:none}
  .burger{display:flex}
}
@media (min-width:1101px){ .burger{display:none} }
@media (max-width:520px){ .header-actions .btn{display:none} }

/* تفادي تداخل شارة المسودة مع وسوم الهيرو */
@media (min-width:769px){ .hero-tags{padding-inline-start:11rem} }

/* ==========================================================================
   قسم المعدات التصنيعية
   ========================================================================== */

/* --- موضع صورة مؤقت (Placeholder) --- */
.shot-ph{position:relative;overflow:hidden;margin:0;
  background:
    repeating-linear-gradient(45deg, transparent, transparent 9px, rgba(122,83,53,.045) 9px, rgba(122,83,53,.045) 18px),
    var(--bone-2);
  border:1px dashed var(--line-strong);border-radius:var(--radius)}
.dark .shot-ph{background:
  repeating-linear-gradient(45deg, transparent, transparent 9px, rgba(245,241,234,.04) 9px, rgba(245,241,234,.04) 18px),
  var(--surface);border-color:var(--dark-line)}
.shot-ph::before{content:"";display:block;padding-block-end:75%}
.shot-ph-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:.5rem;padding:1.25rem;text-align:center}
.shot-ph-icon{width:34px;height:26px;border:1.5px solid var(--warm-grey);border-radius:2px;position:relative;flex:none;opacity:.75}
.shot-ph-icon::before{content:"";position:absolute;inset:auto 4px 4px 4px;height:9px;
  border-top:1.5px solid var(--warm-grey);
  clip-path:polygon(0 100%,32% 0,58% 45%,76% 22%,100% 100%)}
.shot-ph-icon::after{content:"";position:absolute;top:5px;inset-inline-start:5px;width:5px;height:5px;
  border-radius:50%;background:var(--warm-grey)}
.shot-ph-label{font-size:var(--step--1);font-weight:500;color:var(--fg-muted);line-height:1.5;max-width:26ch}
.dark .shot-ph-label{color:var(--dark-fg-muted)}
.shot-ph-note{font-size:.7rem;letter-spacing:.04em;color:var(--copper)}

/* --- كتلة الماكينة --- */
.machine{scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.machine-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);
  align-items:end;padding-bottom:var(--sp-5);border-bottom:1px solid var(--line);margin-bottom:var(--sp-6)}
@media (max-width:820px){ .machine-head{grid-template-columns:1fr;align-items:start} }
.machine-model{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-top:.75rem}
.machine-brand{font-family:var(--font-en);font-size:1.05rem;font-weight:600;letter-spacing:.16em;
  color:var(--ink);direction:ltr;unicode-bidi:isolate}
.machine-modelname{font-family:var(--font-en);font-size:.9rem;letter-spacing:.08em;
  color:var(--copper);direction:ltr;unicode-bidi:isolate;
  border:1px solid var(--line-strong);border-radius:99px;padding:.2rem .7rem}
.machine-meta{display:grid;gap:.65rem;margin:0}
.machine-meta > div{display:grid;grid-template-columns:minmax(90px,120px) 1fr;gap:var(--sp-4);
  padding-bottom:.6rem;border-bottom:1px solid var(--line)}
.machine-meta dt{font-size:var(--step--1);color:var(--fg-muted);margin:0}
.machine-meta dd{margin:0;font-size:var(--step--1)}
.machine-meta a{border-bottom:1px solid var(--copper);color:var(--walnut)}
.machine-meta a:hover{color:var(--ink)}
.machine-body{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media (max-width:960px){ .machine-body{grid-template-columns:1fr} }
.machine-shots{position:sticky;top:calc(var(--header-h) + 1.5rem)}
@media (max-width:960px){ .machine-shots{position:static} }

/* --- قوائم --- */
.dash-list{display:grid;gap:.55rem}
.dash-list li{padding-inline-start:1.3rem;position:relative;color:var(--fg-muted)}
.dash-list li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;
  width:8px;height:1px;background:var(--copper)}
.dark .dash-list li{color:var(--dark-fg-muted)}
.num-list{counter-reset:n;display:grid;gap:.5rem;margin-top:1rem}
.num-list li{counter-increment:n;padding-inline-start:2rem;position:relative;
  color:var(--fg-muted);font-size:var(--step--1)}
.num-list li::before{content:counter(n,decimal-leading-zero);position:absolute;inset-inline-start:0;
  font-family:var(--font-en);font-size:.7rem;color:var(--copper);top:.25em}

/* --- سلسلة المنظومة --- */
.chain{display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;margin-top:var(--sp-4)}
.chain-step{flex:1 1 130px;min-width:120px;border:1px solid var(--line);background:var(--bone);
  padding:.85rem 1rem;display:flex;flex-direction:column;gap:.35rem;position:relative;border-radius:var(--radius)}
.chain-step:not(:last-child)::after{content:"←";position:absolute;inset-inline-start:-.62rem;top:50%;
  transform:translateY(-50%);font-family:var(--font-en);color:var(--copper);font-size:.85rem;z-index:2}
@media (max-width:560px){ .chain-step::after{display:none} }
.chain-num{font-family:var(--font-en);font-size:.65rem;letter-spacing:.12em;color:var(--copper)}
.chain-label{font-size:var(--step--1);font-weight:500;line-height:1.4}

/* --- وسم الماكينة داخل المرحلة --- */
.stage-tag{display:inline-block;margin-inline-start:.6rem;font-family:var(--font-en);font-size:.65rem;
  letter-spacing:.1em;color:var(--copper);border:1px solid rgba(176,138,94,.4);
  border-radius:99px;padding:.15rem .6rem;vertical-align:middle;direction:ltr;unicode-bidi:isolate}
.stage-tag:hover{background:var(--copper);color:var(--ink)}

/* وميض عند الانتقال إلى مرحلة */
.flash{animation:flashBg 1.4s var(--ease)}
@keyframes flashBg{0%{background:rgba(176,138,94,.22)}100%{background:transparent}}

/* --- قائمة التصوير --- */
.photo-brief{margin-top:var(--sp-6);border:1px solid var(--line);padding:var(--sp-4) var(--sp-5);background:var(--bone)}
.photo-brief summary{cursor:pointer;font-weight:500;font-size:var(--step-0);list-style:none}
.photo-brief summary::-webkit-details-marker{display:none}
.photo-brief summary::before{content:"+";font-family:var(--font-en);color:var(--copper);
  margin-inline-end:.6rem;font-size:1.1rem}
.photo-brief[open] summary::before{content:"–"}

/* --- بطاقة المعدات في الصفحة الرئيسية --- */
.equip-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;
  border:1px solid var(--dark-line);padding:clamp(1.5rem,3vw,2.5rem)}
@media (max-width:820px){ .equip-card{grid-template-columns:1fr} }
.equip-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.equip-badge{font-family:var(--font-en);font-size:.72rem;letter-spacing:.1em;
  border:1px solid var(--dark-line);border-radius:99px;padding:.35rem .8rem;
  color:var(--warm-grey-2);direction:ltr;unicode-bidi:isolate}

/* ==== زر واتساب ==== */
.wa-btn{gap:.5rem}
.wa-mark{width:15px;height:15px;flex:none;border-radius:50%;position:relative;
  background:currentColor;-webkit-mask:var(--wa-mask) center/contain no-repeat;mask:var(--wa-mask) center/contain no-repeat}
:root{--wa-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2zm0 18a8 8 0 01-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8 8 0 1112 20zm4.4-5.8c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1-.6.8-.7.9-.3.2-.5.1a6.5 6.5 0 01-1.9-1.2 7.3 7.3 0 01-1.4-1.7c-.1-.2 0-.4.1-.5l.4-.4.2-.4v-.4l-.7-1.7c-.2-.4-.4-.4-.5-.4h-.5a1 1 0 00-.7.3A2.9 2.9 0 006 9.5a5 5 0 001.1 2.7 11.6 11.6 0 004.4 3.9c.6.3 1.1.4 1.5.5a3.6 3.6 0 001.6.1 2.7 2.7 0 001.7-1.2 2.1 2.1 0 00.2-1.2c-.1-.1-.2-.1-.4-.2z'/%3E%3C/svg%3E")}
.fc-link{border-bottom:1px solid var(--copper);color:var(--bone);unicode-bidi:isolate}
.fc-link:hover{color:var(--copper)}
.footer-contact .btn{margin-top:.35rem}
@media (max-width:1100px){ .hide-sm{display:none} }

/* ==========================================================================
   مبدّل اللغة وتعدد اللغات
   ========================================================================== */
.lang-switch{position:relative;flex:none}
.lang-btn{display:flex;align-items:center;gap:.45rem;background:transparent;
  border:1px solid var(--line-strong);border-radius:var(--radius);
  padding:.5rem .7rem;cursor:pointer;font-size:.85rem;transition:border-color .25s,background .25s}
.lang-btn:hover{border-color:var(--ink)}
.on-dark .lang-btn{border-color:var(--dark-line);color:var(--bone)}
.on-dark .lang-btn:hover{border-color:var(--bone)}
.lang-globe{width:14px;height:14px;flex:none;border:1.4px solid currentColor;border-radius:50%;position:relative}
.lang-globe::before{content:"";position:absolute;inset:-1.4px 3px;border:1.4px solid currentColor;border-radius:50%}
.lang-globe::after{content:"";position:absolute;inset-inline:-1.4px;top:5px;height:1.4px;background:currentColor}
.lang-current{white-space:nowrap;max-width:8ch;overflow:hidden;text-overflow:ellipsis}
.lang-switch .chev{font-size:.55rem;transition:transform .3s var(--ease)}
.lang-switch[data-open="true"] .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:120;
  background:var(--bone);border:1px solid var(--line-strong);
  box-shadow:0 24px 55px -18px rgba(20,17,15,.35);
  min-width:210px;max-height:min(70vh,420px);overflow-y:auto;padding:.35rem;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.lang-switch[data-open="true"] .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-opt{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;width:100%;
  background:transparent;border:0;cursor:pointer;padding:.55rem .7rem;
  font-size:.9rem;color:var(--ink);border-radius:2px;text-align:start}
.lang-opt:hover{background:var(--bone-2)}
.lang-opt[aria-current="true"]{background:var(--ink);color:var(--bone)}
.lang-en{font-family:var(--font-en);font-size:.68rem;letter-spacing:.08em;
  color:var(--warm-grey);direction:ltr;unicode-bidi:isolate;flex:none}
.lang-opt[aria-current="true"] .lang-en{color:var(--copper)}
@media (max-width:520px){ .lang-current{display:none} }

/* شريط تنبيه اللغة */
.locale-notice{background:var(--surface-2);color:var(--dark-fg-muted);
  border-bottom:1px solid var(--dark-line);font-size:.8rem;line-height:1.6}
.locale-notice .wrap{display:flex;align-items:flex-start;gap:.7rem;padding-block:.7rem}
.ln-mark{flex:none;width:17px;height:17px;border:1px solid var(--copper);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--copper);
  font-family:var(--font-en);font-size:.65rem;margin-top:.15rem}

/* خطوط اللغات غير اللاتينية */
html[data-locale="zh"]{--font-ar:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
html[data-locale="hi"]{--font-ar:"Noto Sans Devanagari","Nirmala UI",system-ui,sans-serif}
html[data-locale="bn"]{--font-ar:"Noto Sans Bengali","Nirmala UI",system-ui,sans-serif}
html[data-locale="ur"]{--font-ar:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","IBM Plex Sans Arabic",system-ui,sans-serif}
html[data-locale="fa"]{--font-ar:"Vazirmatn","IBM Plex Sans Arabic","Noto Naskh Arabic",system-ui,sans-serif}
html[dir="ltr"] .term,html[dir="ltr"] .en{text-align:start}
html[dir="ltr"] .link-arrow::after{content:"→"}
html[dir="ltr"] .index-go{transform:none}
html[dir="ltr"] .index-item:hover .index-go{transform:translateX(6px)}


/* ==== منع التجاوز الأفقي في الاتجاهين ==== */
html,body{max-width:100%;overflow-x:clip}
.mega{max-width:min(92vw,860px)}
@media (max-width:960px){ .mega{display:none} }
html[dir="ltr"] .mega-col.ar h4{font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
html[dir="ltr"] .eyebrow.ar{font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
html[dir="ltr"] .logo-en{letter-spacing:.3em}


/* ==== محاذاة تتبع اتجاه العنصر ==== */
[dir="auto"],[dir="rtl"],[dir="ltr"]{text-align:start}
.chain-step,.tile,.step > div,.machine-copy{text-align:start}
html[dir="ltr"] .crumbs span::after{margin-inline-start:.4rem}

/* ==== شريط الإجراءات على الجوال: منع التفاف النص ==== */
@media (max-width:768px){
  .mobile-cta .btn{padding:.7rem .5rem;font-size:.82rem;white-space:nowrap;min-width:0}
  .mobile-cta .wa-mark{width:13px;height:13px}
}
@media (max-width:360px){ .mobile-cta .btn{font-size:.76rem;letter-spacing:-.01em} }

/* ==== كتلة الماكينة بعمودين نصيين (بلا صور) ==== */
.machine-body.single{grid-template-columns:1fr 1fr}
@media (max-width:820px){ .machine-body.single{grid-template-columns:1fr} }

/* ==========================================================================
   المِشْكاة — الطبقة البصرية
   ========================================================================== */

/* ---------- الخطوط ---------- */
html[lang="ar"]{ font-family:"Archivo", var(--font-ar); }
html[lang="ar"] :is(h1,h2,h3,.h-display,.h1,.h2,.h3){
  font-family:"Archivo", var(--font-ar-display); font-weight:400;
}
html[lang="en"]{ font-family:var(--font-en); }
html[lang="en"] :is(h1,h2,h3,.h-display,.h1,.h2,.h3){ font-family:var(--font-en); font-weight:600; }
[lang="ar"],[dir="rtl"]{ letter-spacing:0 !important; text-transform:none !important; }
html[dir="rtl"] .eyebrow{ letter-spacing:.04em !important; text-transform:none !important; }
:is(h1,h2,h3,h4){ text-wrap:balance }
p{ text-wrap:pretty }
html[dir="rtl"] body{ line-height:var(--lh-body-ar) }
html[dir="rtl"] .h-display{ line-height:var(--lh-display-ar) }
html[dir="rtl"] .h1{ line-height:var(--lh-h1-ar) }
html[dir="rtl"] .h2{ line-height:var(--lh-h2-ar) }
html[dir="rtl"] .h3,html[dir="rtl"] .h4{ line-height:var(--lh-h3-ar) }
html[dir="rtl"] .lead{ line-height:var(--lh-lead-ar) }
.measure{ max-inline-size:var(--measure-ar) }

/* ---------- الألواح: كل قسم لوح ملمّع ---------- */
.section,.section-sm,.page-head,.cta-band{ position:relative; isolation:isolate }
.dark,[data-tone="dark"]{
  background-image:var(--grain), var(--grad-lacquer);
  background-size:160px 160px, auto;
  background-blend-mode:soft-light, normal;
  color:var(--fg);
}
.alt,[data-tone="lo"]{ background:var(--plaster-lo) }
body{ background:var(--grad-plaster) }

/* حافة نحاسية علوية لكل لوح أخضر */
.dark::before,[data-tone="dark"]::before{
  content:""; position:absolute; inset-block-start:0; inset-inline:0; height:1px;
  background:var(--grad-brass); opacity:.55; z-index:2; pointer-events:none;
}
.dark,[data-tone="dark"]{ box-shadow:var(--sh-panel) }

/* ---------- الصور: مِشْكاة مضاءة ---------- */
.ph{
  border-radius:var(--r-lg); background:var(--lacquer-900);
  box-shadow:var(--sh-2), 0 22px 56px -34px var(--bloom);
  transition:box-shadow var(--dur-3) var(--ease-soft), transform var(--dur-3) var(--ease-soft);
}
.ph::after{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:2;
  pointer-events:none; box-shadow:var(--sh-vitrine);
}
a:hover > .ph,.card:hover .ph{
  box-shadow:var(--sh-3), 0 34px 78px -30px var(--bloom);
  transform:translateY(-3px);
}
.editorial-media .ph,.hero-media{ border-radius:var(--r-xl) }

/* قوس المشكاة — أعلى الصورة البطلة */
.hero-media{ overflow:hidden; border-end-start-radius:0; border-end-end-radius:0 }
.hero-media::before{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  box-shadow:var(--sh-vitrine);
  border-start-start-radius:var(--arch-h); border-start-end-radius:var(--arch-h);
}
@media (min-width:901px){
  .hero-media img{ border-start-start-radius:var(--arch-h); border-start-end-radius:var(--arch-h) }
}

/* ---------- الأسطح المرتفعة ---------- */
.tile{
  border-radius:var(--r-md); box-shadow:var(--sh-1), var(--edge-top);
  background:var(--bg-raised); border-color:transparent;
  transition:box-shadow var(--dur-2) var(--ease-soft), transform var(--dur-2) var(--ease-soft);
}
.tile:hover{ box-shadow:var(--sh-2), var(--edge-top); transform:translateY(-2px); border-color:transparent }
.dark .tile,[data-tone="dark"] .tile{ background:var(--lacquer-card); border-color:transparent }
.chain-step{ border-radius:var(--r-sm); box-shadow:var(--sh-1), var(--edge-top); border-color:transparent }
.note{
  border-radius:var(--r-sm); background:var(--bg-alt); border:0;
  border-inline-start:3px solid var(--copper-rule); box-shadow:var(--edge-top);
}

/* ---------- الأزرار ---------- */
.btn{ border-radius:var(--r-pill); font-weight:700; box-shadow:var(--sh-1) }
.btn-primary{ background:var(--lacquer-500); border-color:transparent; color:var(--plaster-hi) }
.btn-primary:hover{ background:var(--lacquer-600); border-color:transparent }
.dark .btn-primary,[data-tone="dark"] .btn-primary{
  background:var(--brass-500); color:var(--lacquer-900); border-color:transparent;
}
.dark .btn-primary:hover,[data-tone="dark"] .btn-primary:hover{ background:var(--brass-400); color:var(--lacquer-900) }
.btn-ghost{ background:transparent; border-color:var(--line-2); box-shadow:none }
.btn-ghost:hover{ background:var(--bg-raised); border-color:var(--copper-rule); color:var(--fg) }
.dark .btn-ghost:hover,[data-tone="dark"] .btn-ghost:hover{ background:var(--lacquer-700); color:var(--cream); border-color:var(--brass-500) }

/* لمعة نحاسية تمر على الزر الأساسي */
.btn-primary{ position:relative; overflow:hidden }
.btn-primary::after{
  content:""; position:absolute; inset-block:0; inset-inline-start:-60%; width:45%;
  background:linear-gradient(90deg, transparent, rgba(242,226,206,.30), transparent);
  transform:skewX(-18deg); opacity:0; pointer-events:none;
}
.btn-primary:hover::after{ animation:sheen var(--dur-sheen) var(--ease-soft) }
@keyframes sheen{ 0%{opacity:1;inset-inline-start:-60%} 100%{opacity:0;inset-inline-start:120%} }

/* ---------- الحقول ---------- */
.field input,.field select,.field textarea,.search-field input,.filter-toggle{
  border-radius:var(--r-sm); background:var(--field-bg); border-color:var(--field-edge);
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--focus); box-shadow:0 0 0 3px rgba(22,40,60,.14);
}
.opt{ border-radius:var(--r-sm); background:var(--bg-raised); border-color:var(--field-edge) }
.opt:has(input:checked){ background:var(--lacquer-500); border-color:var(--lacquer-500); color:var(--plaster-hi) }
.chip{ background:var(--lacquer-500) }
.chip:hover{ background:var(--lacquer-600) }
.filter-toggle[data-active="true"]{ background:var(--lacquer-500); border-color:var(--lacquer-500) }
.toggle-pill{ border-radius:var(--r-pill); border-color:var(--line-2) }
.toggle-pill[aria-pressed="true"]{ background:var(--lacquer-500); border-color:var(--lacquer-500); color:var(--plaster-hi) }
.pill{ border-radius:var(--r-pill); border-color:var(--line-2) }
a.pill:hover{ border-color:var(--copper-rule); color:var(--copper); background:var(--bg-raised) }

/* ---------- خط الضوء: يُرسم عند اللمس ---------- */
.index-item,.acc-item,.step{ position:relative }
.index-item::before,.acc-item::before,.step::before{
  content:""; position:absolute; inset-block:0; inset-inline-start:0; width:2px;
  background:var(--grad-led); transform:scaleY(0); transform-origin:top;
  transition:transform var(--dur-3) var(--ease); border-radius:2px;
}
.index-item:hover::before,.index-item:focus-within::before,
.acc-item:has([aria-expanded="true"])::before,
.step:hover::before{ transform:scaleY(1) }

/* ---------- الفوتر والهيدر ---------- */
.site-footer{ background-image:var(--grain), var(--grad-lacquer); background-size:160px 160px,auto;
  background-blend-mode:soft-light,normal; }
.site-footer::before{ content:""; display:block; height:1px; background:var(--grad-brass);
  opacity:.55; margin-bottom:clamp(3rem,6vw,5rem) }
.logo-en{ color:var(--copper-rule) }

/* ---------- الأكورديون والجداول ---------- */
.acc-btn:hover{ color:var(--copper) }
table.data thead th{ background:var(--lacquer-700); color:var(--cream) }
table.data tbody tr:hover{ background:var(--plaster-lo) }
.mobile-cta{ background:rgba(7,19,32,.96); border-top-color:rgba(216,174,134,.18) }
.lang-menu,.filter-panel{ border-radius:var(--r-md); box-shadow:var(--sh-3); border-color:var(--line-2) }
.lang-btn,.view-toggle{ border-radius:var(--r-pill); border-color:var(--line-2) }
.view-toggle{ overflow:hidden }
.lang-opt[aria-current="true"]{ background:var(--lacquer-500); color:var(--plaster-hi) }
.locale-notice{ background:var(--lacquer-700) }
.cta-band{ background-image:var(--grain), var(--grad-lacquer); background-size:160px 160px,auto;
  background-blend-mode:soft-light,normal; color:var(--cream) }
.cta-band h2{ color:var(--cream) }
.cta-band .btn-primary{ background:var(--brass-500); color:var(--lacquer-900); border-color:transparent }
.cta-band .btn-primary:hover{ background:var(--brass-400); color:var(--lacquer-900) }
.cta-band .btn-ghost{ color:var(--cream); border-color:rgba(216,174,134,.35) }
.cta-band .btn-ghost:hover{ background:var(--brass-500); color:var(--lacquer-900); border-color:var(--brass-500) }

/* ---------- الحركة ---------- */
.reveal{ transition:opacity var(--dur-4) var(--ease), transform var(--dur-4) var(--ease) }
html.has-reveal .reveal:not(.in){ opacity:0; transform:translateY(22px) }
@media (prefers-reduced-motion: reduce){
  html.has-reveal .reveal:not(.in){ opacity:1; transform:none }
  .btn-primary:hover::after{ animation:none }
  .index-item::before,.acc-item::before,.step::before{ transition:none }
}

/* ==========================================================================
   ضبط الهيرو والقوس
   ========================================================================== */
.hero h1{
  font-size:var(--step-4);
  line-height:var(--lh-h1-ar);
  letter-spacing:-.015em;
  max-width:16ch;
}
html[dir="ltr"] .hero h1{ line-height:1.12; max-width:15ch }
.hero-grid{ min-height:min(78vh,700px); align-items:stretch }
.hero-media{ min-height:0 }
.hero-media img{ height:100%; width:100%; object-fit:cover }

/* القوس: نصف دائرة حقيقية — أفقي 50% × رأسي 40% */
@media (min-width:901px){
  .hero-media,
  .hero-media img,
  .hero-media::before{
    border-start-start-radius:var(--arch-h) var(--arch-v);
    border-start-end-radius:var(--arch-h) var(--arch-v);
    border-end-start-radius:0; border-end-end-radius:0;
  }
}
@media (max-width:900px){
  .hero-media,.hero-media img,.hero-media::before{ border-radius:var(--r-xl) }
  .hero-media{ margin-inline:var(--pad-inline); margin-top:var(--sp-5) }
  .hero-grid{ min-height:0 }
}

/* عناوين الأقسام: مقياس متزن */
.h-display{ font-size:var(--step-4) }
.h1{ font-size:var(--step-3) }
.h2{ font-size:var(--step-2) }
.h3{ font-size:var(--step-1) }
.h4{ font-size:var(--step-0); font-weight:700 }
.page-head h1{ font-size:var(--step-3); max-width:20ch }
.index-title{ font-size:var(--step-1) }
.card-title{ font-size:var(--step-0); font-weight:700 }
.lead{ font-size:var(--step-1); font-weight:400; color:var(--fg-muted) }

/* الرقم في القوائم: نحاسي بارز */
.index-num,.tile-num,.step-num,.chain-num{
  font-family:var(--font-en); color:var(--copper-rule); font-weight:600;
}
.step-num{ font-size:var(--step-1) }

/* ==========================================================================
   تصحيح التباين — كل نص يحقق AA
   ========================================================================== */
/* المصطلح الإنجليزي تحت العربي: كان رماديًا باهتًا */
.term{ color:var(--fg-muted); font-size:.72rem; letter-spacing:.08em }
.dark .term,[data-tone="dark"] .term{ color:var(--jade-300) }
.machine-modelname{ color:var(--copper); border-color:var(--line-2) }
.dark .machine-modelname,[data-tone="dark"] .machine-modelname{ color:var(--brass-500) }

/* العنوان الفوقي: نحاس أغمق على الفاتح */
.eyebrow{ color:var(--copper); font-size:.78rem; font-weight:700 }
.dark .eyebrow,[data-tone="dark"] .eyebrow{ color:var(--brass-500) }
[data-tone="lo"] .eyebrow,.alt .eyebrow{ color:var(--brass-800) }

/* النصوص الخافتة */
.muted,.detail-cap,.card-meta,.index-desc,.small.muted{ color:var(--fg-muted) }
.dark .muted,.dark .detail-cap,.dark .card-meta,.dark .index-desc,
[data-tone="dark"] .muted,[data-tone="dark"] .detail-cap{ color:var(--jade-300) }
.alt .muted,[data-tone="lo"] .muted,.alt .index-desc{ color:var(--ink-2) }

/* الأرقام النحاسية على الفاتح */
.index-num,.tile-num,.chain-num{ color:var(--brass-800) }
.dark .index-num,.dark .tile-num,.dark .chain-num,
[data-tone="dark"] .index-num,[data-tone="dark"] .tile-num{ color:var(--brass-500) }
.alt .index-num,.alt .tile-num,.alt .chain-num{ color:var(--brass-800) }
.step-num{ color:var(--brass-800) }
.dark .step-num,[data-tone="dark"] .step-num{ color:var(--brass-500) }

/* الروابط النحاسية */
.link-arrow:hover{ color:var(--copper); border-color:var(--copper-rule) }
.dark .link-arrow:hover,[data-tone="dark"] .link-arrow:hover{ color:var(--brass-400); border-color:var(--brass-400) }
.stage-tag{ color:var(--brass-800); border-color:var(--line-2) }
.dark .stage-tag,[data-tone="dark"] .stage-tag{ color:var(--brass-500); border-color:rgba(216,174,134,.35) }
.stage-tag:hover{ background:var(--brass-500); color:var(--lacquer-900) }
.lang-en{ color:var(--fg-muted) }
.social-row span{ color:var(--jade-300); border-color:rgba(216,174,134,.22) }
.footer-col a{ color:var(--jade-300) }
.footer-col a:hover{ color:var(--cream) }
.footer-col h4{ color:var(--brass-500) }
.footer-brand p,.footer-bottom{ color:var(--jade-300) }
.fc-link{ color:var(--cream); border-color:var(--brass-500) }
.result-count,.field-hint,.placeholder{ color:var(--fg-muted) }
.shot-ph-note{ color:var(--brass-800) }

/* التركيز مرئي دائمًا */
:focus-visible{ outline:var(--focus-w) solid var(--focus); outline-offset:var(--focus-off) }
/* رقم الموديل على الخلفية الغائرة */
.alt .machine-modelname,[data-tone="lo"] .machine-modelname{ color:var(--brass-800) }

/* ==========================================================================
   مشاريع الضيافة الرائدة
   ========================================================================== */
.flagship-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.25rem,3vw,2.5rem) }
@media (max-width:860px){ .flagship-grid{ grid-template-columns:1fr } }
.flagship-card{ display:block; transition:transform var(--dur-3) var(--ease-soft) }
.flagship-card .ph{ border-radius:var(--r-lg) }
.flagship-card:hover{ transform:translateY(-4px) }
.flagship-body{ padding-block:var(--sp-5) 0 }
.flagship-count{
  margin-top:var(--sp-4); font-family:var(--font-en); font-size:.72rem;
  letter-spacing:.12em; color:var(--brass-500);
}
.flagship .ph{ box-shadow:var(--sh-3), 0 30px 70px -32px var(--bloom) }
.flagship-card:hover .ph{ box-shadow:var(--sh-4), 0 44px 90px -28px var(--bloom) }

/* الصور الأفقية داخل صفحة المشروع */
.ratio-16-9::before{ padding-block-end:56.25% }

/* ==========================================================================
   الهوية البصرية — شعار غسن وود
   ========================================================================== */
.logo{ flex-direction:row; align-items:center; gap:.65rem }
.brand-mark{ width:auto; height:34px; flex:none; display:block }
.brand-mark .bm-a{ fill:var(--fg) }
.brand-mark .bm-b{ fill:var(--copper-rule) }
.on-dark .brand-mark .bm-a,.dark .brand-mark .bm-a,
[data-tone="dark"] .brand-mark .bm-a{ fill:var(--cream) }
.logo-words{ display:flex; flex-direction:column; justify-content:center; line-height:1 }
.logo-ar{ font-family:var(--font-ar-display); font-size:1.18rem; font-weight:400; letter-spacing:0 }
.logo-en{ font-family:var(--font-en); font-size:.55rem; font-weight:400;
  letter-spacing:.26em; text-transform:uppercase; color:var(--copper); margin-top:.3rem; direction:ltr }
.on-dark .logo-en,.dark .logo-en,[data-tone="dark"] .logo-en{ color:var(--brass-500) }
.footer-logo{ display:inline-flex }
.footer-logo .brand-mark{ height:44px }
.footer-logo .logo-ar{ font-size:1.5rem; color:var(--cream) }
@media (max-width:520px){ .brand-mark{ height:28px } .logo-ar{ font-size:1.05rem } }

/* عناوين بخط الهوية الكوفي */
html[dir="rtl"] :is(.h-display,.h1,.h2,.hero h1,.page-head h1){
  font-family:"Noto Kufi Arabic", var(--font-ar); font-weight:400; letter-spacing:0;
}
html[dir="rtl"] :is(.h3,.h4,.card-title,.index-title){ font-family:var(--font-ar); font-weight:700 }
.eyebrow,.term,.logo-en,.index-num,.tile-num,.chain-num,.step-num,.machine-brand,.machine-modelname,.flagship-count{
  font-family:var(--font-en);
}

/* ==========================================================================
   إصلاح: لون خلفية صريح تحت التدرجات + سياق الهيدر الشفاف
   ========================================================================== */
.dark,[data-tone="dark"],.cta-band,.site-footer{ background-color:var(--lacquer-800) }
.page-head.dark,.hero.dark{ background-color:var(--lacquer-800) }
.alt,[data-tone="lo"]{ background-color:var(--plaster-lo) }
body{ background-color:var(--plaster) }

/* الهيدر فوق قسم داكن يرث سياق الألوان الداكن */
.site-header.on-dark{
  --header-bg:rgba(7,19,32,.84);
  --fg:var(--cream); --fg-muted:var(--jade-300); --fg-faint:var(--jade-300);
  --line:rgba(216,174,134,.18); --line-2:rgba(216,174,134,.28);
  --line-strong:rgba(216,174,134,.28);
  --copper:var(--brass-500); --copper-rule:var(--brass-500); --focus:var(--brass-400);
  --bg-raised:var(--lacquer-700);
  color:var(--cream);
}
.site-header.on-dark .nav-link{ color:var(--cream) }
.site-header.on-dark .nav-link[aria-current="page"]{ color:var(--brass-500) }
.site-header.on-dark .btn-ghost{ color:var(--cream); border-color:rgba(216,174,134,.32) }
.site-header.on-dark .btn-ghost:hover{ background:var(--brass-500); color:var(--lacquer-900); border-color:var(--brass-500) }
.site-header.on-dark .btn-primary{ background:var(--brass-500); color:var(--lacquer-900); border-color:transparent }
.site-header.on-dark .btn-primary:hover{ background:var(--brass-400) }
.site-header.on-dark .lang-btn{ color:var(--cream); border-color:rgba(216,174,134,.32) }
.site-header:not(.on-dark) .nav-link{ color:var(--ink) }
.site-header:not(.on-dark) .nav-link[aria-current="page"]{ color:var(--brass-700) }
/* الهيدر: خلفية كل حالة (يجب أن تأتي بعد قواعد المِشْكاة) */
/* الشعار الإنجليزي في الفوتر: رملي فاتح بدل البني (تباين AA) */
.site-footer .logo-en{ color:var(--plaster-edge-2) }
.footer-logo .logo-en{ font-size:.6rem }

/* الشعار بلا الاسم العربي: الإنجليزي يكبر ويصبح الاسم الرئيسي */
.logo-en{ font-size:.78rem; letter-spacing:.26em; margin-top:0; color:var(--fg) }
.on-dark .logo-en,.dark .logo-en,[data-tone="dark"] .logo-en{ color:var(--cream) }
.footer-logo .logo-en{ font-size:.9rem; color:var(--cream) }
.site-footer .logo-en{ color:var(--cream) }
@media (max-width:520px){ .logo-en{ font-size:.62rem; letter-spacing:.2em } }

/* ==========================================================================
   طبقة الصقل الموحّدة — المِشكاة المضاءة (إضافات فقط، تُلحق بنهاية styles.css)
   ========================================================================== */

/* ---------- ١) الهيرو: الصورة تستقر عند 1.08 ثم تسلّم للبارالاكس ---------- */
@keyframes heroIn{from{transform:scale(1.14);opacity:0}to{transform:scale(1.08);opacity:1}}
.hero-media img{animation-fill-mode:backwards;will-change:transform}
@keyframes gwFade{to{opacity:1}}
.hero-media::after{opacity:0;animation:gwFade var(--dur-4) var(--ease) 420ms forwards}

/* صعود النسخة: العنوان كلمةً كلمة (spans .hl من mountCraft) ثم البقية */
@keyframes gwRise{to{opacity:1;transform:none}}
.hero h1 .hl{display:inline-block;opacity:0;transform:translateY(.55em);
  animation:gwRise var(--dur-3) var(--ease-settle) both;
  animation-delay:calc(200ms + var(--i,0)*var(--stagger))}
.hero .lead,.hero-actions,.hero-tags{opacity:0;transform:translateY(14px);
  animation:gwRise var(--dur-4) var(--ease-settle) both}
.hero .lead{animation-delay:480ms}
.hero-actions{animation-delay:600ms}
.hero-tags{animation-delay:740ms}
@keyframes gwRule{to{transform:scaleX(1)}}
.hero .eyebrow::before{transform:scaleX(0);animation:gwRule var(--dur-3) var(--ease-soft) 120ms forwards}

/* شريط المواصفات: سكة نحاسية وفواصل مائلة */
.hero-tags{border-top:0;position:relative;gap:.55rem 1.7rem}
.hero-tags::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;
  background:var(--grad-brass);opacity:.35}
.hero-tags span{position:relative}
.hero-tags span:not(:first-child)::after{content:"";position:absolute;inset-block-start:50%;
  inset-inline-start:-.9rem;width:1px;height:1em;
  transform:translateY(-50%) rotate(15deg);background:var(--brass-600);opacity:.6}

/* ---------- ٢) الهيدر: تكثيف عند التمرير + شعرة نحاسية (data-scrolled من mountCraft) ---------- */
.header-inner{transition:height var(--dur-2) var(--ease)}
html[data-scrolled] .header-inner{height:calc(var(--header-h) - 16px)}
html[data-scrolled] .mobile-nav{inset-block-start:calc(var(--header-h) - 16px)}
.site-header::after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;height:1px;
  background:var(--grad-brass);opacity:0;transition:opacity var(--dur-2) var(--ease)}
html[data-scrolled] .site-header::after{opacity:.85}
html[data-scrolled] .site-header{box-shadow:0 12px 28px -20px rgba(7,19,32,.55)}
.logo .brand-mark{transition:transform var(--dur-2) var(--ease-soft)}
html[data-scrolled] .logo .brand-mark{transform:scale(.86)}

/* ---------- ٣) رأس الصفحة: علامة G مائية + مسطرة تحت المسار ---------- */
.page-head{position:relative;overflow:hidden}
.page-head .wrap{position:relative;z-index:1}
.page-head::before{content:"";position:absolute;inset-block-start:-6%;inset-inline-end:-4%;
  height:112%;aspect-ratio:104/128;pointer-events:none;background:var(--grad-brass);opacity:.06;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 128'%3E%3Cpath d='M0 24H104V52H88V40H16V112H104V128H0Z'/%3E%3Cpath d='M56 72H104V106H88V88H56Z'/%3E%3Crect x='64' width='16' height='16'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 128'%3E%3Cpath d='M0 24H104V52H88V40H16V112H104V128H0Z'/%3E%3Cpath d='M56 72H104V106H88V88H56Z'/%3E%3Crect x='64' width='16' height='16'/%3E%3C/svg%3E") center/contain no-repeat}
.page-head h1{font-size:var(--step-4);max-width:15ch}
.page-head .crumbs{position:relative;padding-block-end:.9rem;margin-bottom:var(--sp-5)}
.page-head .crumbs::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;
  width:min(200px,55%);height:1px;background:var(--grad-brass);opacity:.7}

/* ---------- ٤) نظام المشكاة: شفة نحاسية، تكبير موحّد، لوح التسمية يرتفع ---------- */
.ph::after{transition:box-shadow var(--dur-2) var(--ease)}
a:hover > .ph::after,.card:hover .ph::after,
.flagship-card:hover .ph::after,[data-lb]:hover > .ph::after{
  box-shadow:var(--sh-vitrine), inset 0 0 0 1px var(--brass-600)}
a:hover > .ph img,.card:hover .ph img,.flagship-card:hover .ph img{transform:scale(1.03)}
.card:hover .ph{box-shadow:var(--sh-3), 0 34px 78px -30px var(--bloom), 0 14px 30px -18px var(--bloom)}
.card-body,.flagship-body{transition:transform var(--dur-2) var(--ease-settle)}
.card:hover .card-body{transform:translateY(-4px)}
.flagship-card:hover .ph{box-shadow:var(--sh-4), 0 44px 90px -28px var(--bloom), 0 16px 34px -18px var(--bloom)}
.flagship-card:hover .flagship-body{transform:translateY(-3px)}
.flagship-count::after{content:"←";font-family:var(--font-en);display:inline-block;
  margin-inline-start:.55rem;transition:translate var(--dur-2) var(--ease-settle)}
html[dir="ltr"] .flagship-count::after{content:"→"}
.flagship-card:hover .flagship-count::after{translate:-6px 0}
html[dir="ltr"] .flagship-card:hover .flagship-count::after{translate:6px 0}

/* المعرض: خلجان متدرّجة + دخول متعاقب عند كل فلترة (يغطي الشبكة والتحرير) */
@media (min-width:901px){
  .gallery-grid > *:nth-child(3n-1){translate:0 28px}
  .gallery-grid{padding-block-end:28px}
}
@keyframes gwUp{from{opacity:0;transform:translateY(16px)}}
#projResults .card,#projResults .editorial-row{
  animation:gwUp var(--dur-3) var(--ease-settle) both;
  animation-delay:calc(min(var(--i,0), 11) * var(--stagger))}

/* الصفوف التحريرية: رقم نحاسي مفرّغ خلف النص + تقارب الفجوة */
.editorial{counter-reset:ed}
.editorial-row{counter-increment:ed}
.editorial-copy{position:relative;isolation:isolate}
.editorial-copy::before{content:counter(ed, decimal-leading-zero);
  position:absolute;inset-block-start:-.38em;inset-inline-start:-.1em;z-index:-1;
  font-family:var(--font-en);font-weight:700;line-height:1;letter-spacing:0;
  font-size:clamp(4.5rem, 9vw, 7.5rem);color:transparent;
  -webkit-text-stroke:1px var(--brass-600);opacity:.3;pointer-events:none}
.dark .editorial-copy::before,[data-tone="dark"] .editorial-copy::before{
  -webkit-text-stroke-color:var(--brass-500);opacity:.35}
@media (min-width:821px){
  .editorial-row .editorial-copy{margin-inline-start:calc(clamp(1rem, 2.5vw, 2.25rem) * -1)}
  .editorial-row:nth-child(even) .editorial-copy{
    margin-inline-start:0;margin-inline-end:calc(clamp(1rem, 2.5vw, 2.25rem) * -1)}
}

/* الرقائق والمبدّلات: حلقة نحاسية */
.chip{border-radius:var(--r-pill);padding:.4rem .85rem;box-shadow:inset 0 0 0 1px var(--brass-700);
  transition:box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}
.chip:hover{box-shadow:inset 0 0 0 1px var(--brass-500)}
.chip.clear{box-shadow:none}
.filter-toggle{border-radius:var(--r-pill)}
.filter-toggle[data-active="true"]{box-shadow:0 0 0 1px var(--brass-600), var(--sh-1)}
.filter-count{min-inline-size:1.4em;text-align:center;padding:.12em .45em;
  border-radius:var(--r-pill);background:var(--brass-500);color:var(--lacquer-900)}
.view-toggle button[aria-pressed="true"],
.toggle-pill[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--brass-600)}

/* ---------- ٥) نظام الحركة: تأخير متدرّج عبر --i، وخط LED أسمك بهالة ---------- */
html.has-reveal .reveal.in{transition-delay:calc(var(--i, 0) * var(--stagger))}
.reveal.in:hover,.reveal.in:focus-within{transition-delay:0s}
.index-item::before,.acc-item::before,.step::before{
  width:3px;border-radius:3px;opacity:0;
  box-shadow:0 0 10px 1px rgba(216,174,134,.55), 0 0 26px 6px rgba(216,174,134,.20);
  transition:transform var(--dur-3) var(--ease),opacity var(--dur-2) var(--ease)}
.index-item:hover::before,.index-item:focus-within::before,
.acc-item:has([aria-expanded="true"])::before,
.step:hover::before{opacity:1}

/* فيزياء الأزرار + مقاسات موحّدة وحلقات تركيز */
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),
    background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.btn-sm{min-height:38px;gap:.45rem}
.btn:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}
.btn:active{transform:translateY(0) scale(.985);box-shadow:var(--sh-1);transition-duration:calc(var(--dur-1) / 2)}
.btn-ghost:hover{box-shadow:var(--sh-1)}
.btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.dark .btn:focus-visible,[data-tone="dark"] .btn:focus-visible,
.site-footer .btn:focus-visible,.mobile-cta .btn:focus-visible{outline-color:var(--brass-400)}
/* علامة واتساب: خضراء على التعبئة الكحلية فقط، currentColor على النحاسية */
.btn-primary.wa-btn .wa-mark{color:#31C561}
.dark .btn-primary.wa-btn .wa-mark,[data-tone="dark"] .btn-primary.wa-btn .wa-mark,
.cta-band .wa-btn .wa-mark,.mobile-cta .wa-btn .wa-mark{color:currentColor}

/* صندوق الضوء: دخول الصورة والتعليق وتوهّج الأزرار */
.lb-img{opacity:0;transform:scale(.96);
  transition:opacity var(--dur-3) var(--ease-settle),transform var(--dur-3) var(--ease-settle)}
.lb[data-open="true"] .lb-img{opacity:1;transform:none}
.lb-cap{opacity:0;transform:translateY(10px);
  transition:opacity var(--dur-3) var(--ease) var(--dur-1),transform var(--dur-3) var(--ease) var(--dur-1)}
.lb[data-open="true"] .lb-cap{opacity:1;transform:none}
.lb-close,.lb-prev,.lb-next{transition:background var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{
  box-shadow:0 0 0 1px rgba(216,174,134,.45), 0 0 18px rgba(216,174,134,.30)}

/* تقدّم النموذج: تعبئة نحاسية تُرسم من البداية + دخول الخطوات */
.form-progress span{position:relative;height:3px;border-radius:2px;overflow:hidden;background:var(--line)}
.form-progress span::after{content:"";position:absolute;inset:0;background:var(--grad-brass);
  transform:scaleX(0);transform-origin:100% 50%;transition:transform var(--dur-3) var(--ease-settle)}
html[dir="ltr"] .form-progress span::after{transform-origin:0 50%}
.form-progress span[data-done="true"]{background:var(--line)}
.form-progress span[data-done="true"]::after{transform:scaleX(1)}
@keyframes gwStep{from{opacity:0;transform:translateY(12px)}}
.fstep:not([hidden]){animation:gwStep var(--dur-3) var(--ease-settle) both}

/* ---------- ٦) الطباعة والإيقاع: عناوين متوازنة وشرطة نامية وأرقام شبحية ---------- */
.h-display,.h1,.h2,.hero h1,.page-head h1,.section-head h2{text-wrap:balance}
.section-head h2{max-inline-size:24ch}
html[dir="rtl"] :is(.h-display,.hero h1,.page-head h1){line-height:1.22}
html[dir="ltr"] :is(.h-display,.h1,.hero h1,.page-head h1){letter-spacing:-.028em}
.eyebrow::before{height:2px;border-radius:1px;background:var(--grad-brass);
  transform-origin:100% 50%;transition:transform var(--dur-4) var(--ease-settle) calc(var(--stagger)*2)}
html[dir="ltr"] .eyebrow::before{transform-origin:0 50%}
html.has-reveal .reveal:not(.in) .eyebrow::before{transform:scaleX(0)}

/* الأرقام الشبحية خلف القوائم + شرطة البلاطات */
.steps{counter-reset:s}
.step{counter-increment:s}
.index-list{counter-reset:ix}
.index-item{counter-increment:ix}
.step,.index-item{overflow:hidden;isolation:isolate}
.step::after,.index-item::after{
  position:absolute;z-index:-1;inset-block-start:50%;inset-inline-start:-.04em;
  transform:translateY(-50%);pointer-events:none;
  font-family:var(--font-en);font-weight:700;font-size:var(--step-num);
  line-height:1;color:var(--brass-800);opacity:.14}
.step::after{content:counter(s,decimal-leading-zero)}
.index-item::after{content:counter(ix,decimal-leading-zero)}
:is(.dark,[data-tone="dark"]) :is(.step,.index-item)::after{color:var(--brass-400);opacity:.11}
:is(.alt,[data-tone="lo"]) :is(.step,.index-item)::after{opacity:.12}
.tile-num{display:flex;align-items:center;gap:.55rem}
.tile-num::after{content:"";width:22px;height:1px;background:var(--copper-rule);opacity:.75}

/* وصلات الأقسام: الألواح الداكنة تركب فوق الفاتحة، والفوتر يختم */
:is(.section,.section-sm):not(.dark):not([data-tone="dark"])
  + :is(.section.dark,.section[data-tone="dark"],.cta-band){
  position:relative;
  border-start-start-radius:var(--r-xl);border-start-end-radius:var(--r-xl);
  margin-block-start:clamp(-2.25rem,-3vw,-1rem);
  box-shadow:var(--sh-panel), 0 -22px 48px -28px rgba(7,19,32,.5)}
:is(.section,.section-sm):not(.dark):not([data-tone="dark"])
  + :is(.section.dark,.section[data-tone="dark"])::before{inset-inline:var(--r-xl)}
.site-footer{position:relative;overflow:hidden;
  border-start-start-radius:var(--r-xl);border-start-end-radius:var(--r-xl);
  margin-block-start:clamp(-2.25rem,-3vw,-1rem);
  box-shadow:0 -22px 48px -28px rgba(7,19,32,.5)}

/* إيقاع النثر: سطر تمهيدي، جداول المواصفات، المقالة */
.page-head .lead,.section-head .lead{
  border-inline-start:2px solid var(--copper-rule);padding-inline-start:var(--sp-5)}
.spec-table{position:relative}
.spec-table::before{content:"";position:absolute;top:-1px;inset-inline-start:0;
  width:52px;height:3px;border-radius:2px;background:var(--grad-brass)}
.spec-row{padding-block:1rem}
.spec-row dt{font-weight:600;color:var(--ink-2)}
.dark .spec-row dt,[data-tone="dark"] .spec-row dt{color:var(--jade-300)}
.spec-row dd{line-height:1.75}
.article-body h2{position:relative;padding-top:var(--sp-4)}
.article-body h2::before{content:"";position:absolute;top:0;inset-inline-start:0;
  width:44px;height:2px;background:var(--grad-brass)}
.note{line-height:1.85}

/* ---------- ٧) الحقول والنماذج: حلقة كحلية على الفاتح ونحاسية على الداكن ---------- */
.field :is(input,select,textarea):focus{
  border-color:var(--lacquer-700);box-shadow:0 0 0 3px rgba(30,53,80,.16);background:var(--plaster-hi)}
.dark .field :is(input,select,textarea):focus,
[data-tone="dark"] .field :is(input,select,textarea):focus{
  border-color:var(--brass-400);box-shadow:0 0 0 3px rgba(216,174,134,.22);background:var(--lacquer-900)}
.opt{border-radius:var(--r-sm);background:var(--bg-raised);
  transition:border-color var(--dur-1) var(--ease),background var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}
.opt:hover{border-color:var(--brass-600)}
.opt:has(input:checked){background:var(--lacquer-700);border-color:var(--lacquer-700);color:var(--cream);
  box-shadow:inset 0 2px 8px rgba(7,19,32,.5), 0 12px 26px -16px rgba(13,27,42,.55)}
.opt:has(input:checked) input{accent-color:var(--brass-400)}
.dark .opt:has(input:checked),[data-tone="dark"] .opt:has(input:checked){
  background:var(--lacquer-900);border-color:var(--brass-500)}
.dropzone{border-radius:var(--r-lg);transition:border-color var(--dur-2) var(--ease),background var(--dur-2) var(--ease)}
.dropzone:hover,.dropzone:focus-within{border-color:var(--brass-600);background:var(--plaster-hi)}

/* ---------- ٨) الأكورديون والجداول ---------- */
.acc-btn,.acc-panel-inner{padding-inline:var(--sp-4)}
.acc-item{transition:background var(--dur-2) var(--ease)}
.acc-item:has(.acc-btn[aria-expanded="true"]){background:var(--bg-raised)}
.acc-panel{transition:max-height var(--dur-3) var(--ease-settle)}
.table-scroll{border-color:var(--line-2);border-radius:var(--r-sm)}
table.data thead th{border-bottom:2px solid var(--brass-500)}
table.data tbody tr{transition:background var(--dur-1) var(--ease)}
table.data tbody tr:hover{background:var(--plaster-hi)}
@media (max-width:768px){
  table.data :is(th,td):first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--bg-raised)}
  table.data thead th:first-child{z-index:2;background:var(--lacquer-700)}
  table.data tbody tr:hover td:first-child{background:var(--plaster-hi)}
  table.data :is(th,td):first-child::after{content:"";position:absolute;inset-block:0;inset-inline-end:-12px;
    width:12px;pointer-events:none;background:linear-gradient(to left,rgba(13,27,42,.14),transparent)}
  html[dir="ltr"] table.data :is(th,td):first-child::after{
    background:linear-gradient(to right,rgba(13,27,42,.14),transparent)}
}

/* ---------- ٩) الفوتر والشريط السفلي وقائمة اللغات ---------- */
.footer-logo .brand-mark{height:52px}
.footer-top{gap:var(--sp-7) var(--sp-6);align-items:start}
.footer-col a{padding:.28rem 0}
.footer-contact{gap:.65rem}
.footer-contact > div{position:relative;padding-inline-start:1rem}
.footer-contact > div::before{content:"";position:absolute;inset-inline-start:0;top:.52em;
  width:5px;height:5px;border-radius:50%;background:var(--brass-500);box-shadow:0 0 8px rgba(216,174,134,.55)}
.footer-bottom{border-top-color:rgba(216,174,134,.16);font-size:.78rem}
.footer-bottom a{color:var(--jade-300);transition:color var(--dur-1) var(--ease)}
.footer-bottom a:hover{color:var(--cream)}
.mobile-cta{background:rgba(7,19,32,.8);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  border-top:1px solid rgba(216,174,134,.22);box-shadow:0 -18px 40px -24px rgba(7,19,32,.8)}
.mobile-cta .btn{min-height:44px}
.mobile-cta .btn-primary{background:var(--brass-500);color:var(--lacquer-900);border-color:transparent}
.mobile-cta .btn-primary:active{background:var(--brass-600)}
.mobile-cta .btn-ghost{color:var(--cream);border-color:rgba(216,174,134,.32)}
.mobile-cta .btn-ghost:active{background:rgba(216,174,134,.14)}
.lang-menu{padding:.45rem;background:var(--bg-raised);border-color:var(--line)}
.lang-opt{border-radius:var(--r-xs);position:relative;padding-inline-start:1.75rem}
.lang-opt::before{content:"";position:absolute;inset-inline-start:.65rem;top:50%;width:8px;height:5px;
  border-left:2px solid var(--brass-400);border-bottom:2px solid var(--brass-400);opacity:0;
  transform:translateY(-70%) rotate(-45deg) scale(.4);
  transition:transform var(--dur-2) var(--ease-settle),opacity var(--dur-1)}
.lang-opt[aria-current="true"]{background:var(--lacquer-700);color:var(--plaster-hi)}
.lang-opt[aria-current="true"]::before{opacity:1;transform:translateY(-70%) rotate(-45deg) scale(1)}
.lang-opt[aria-current="true"] .lang-en{color:var(--brass-400)}
.locale-notice{background-color:var(--lacquer-900);
  background-image:linear-gradient(180deg,rgba(200,154,107,.16),rgba(200,154,107,.04));
  border-bottom:1px solid rgba(216,174,134,.28);color:var(--cream);font-size:.78rem}
.locale-notice .wrap{padding-block:.55rem;align-items:center}
.ln-mark{border-color:var(--brass-400);color:var(--brass-400);margin-top:0}

/* ---------- ١٠) الحركة المخفّضة: الحالة النهائية فورًا ---------- */
@media (prefers-reduced-motion: reduce){
  .hero-media img,.hero-media::after,.hero h1 .hl,.hero .eyebrow::before,
  .hero .lead,.hero-actions,.hero-tags,
  #projResults .card,#projResults .editorial-row,.fstep:not([hidden]){animation:none}
  .hero h1 .hl,.hero .lead,.hero-actions,.hero-tags,.hero-media::after,
  .lb-img,.lb-cap{opacity:1;transform:none}
  .hero .eyebrow::before{transform:none}
  html.has-reveal .reveal.in{transition-delay:0s}
  html.has-reveal .reveal:not(.in) .eyebrow::before{transform:none}
  .header-inner,.logo .brand-mark,.site-header::after,.eyebrow::before,
  .ph::after,.card-body,.flagship-body,.flagship-count::after,.chip,
  .index-item::before,.acc-item::before,.step::before,
  .btn,.opt,.dropzone,.acc-item,.acc-panel,.form-progress span::after,
  table.data tbody tr,.lang-opt::before,.footer-bottom a,.lb-img,.lb-cap{transition:none}
  .btn:hover,.btn:active{transform:none}
  .card:hover .card-body,.flagship-card:hover .flagship-body{transform:none}
  .flagship-card:hover .flagship-count::after{translate:none}
  a:hover > .ph img,.card:hover .ph img,.flagship-card:hover .ph img{transform:none}
}