:root{
  /* النسخة الداكنة الفاخرة — حسب توجيه العميل */
  --blue:#1E8FD5; --blue-deep:#1275B4; --blue-lt:#63BDEE; --blue-soft:rgba(30,143,213,.14);
  --gold:#D8A63C; --gold-deep:#B8842A; --gold-lt:#EBC470; --gold-soft:rgba(216,166,60,.14);
  --red:#C8102E; --red-lt:#E85A4F;
  --ink:#0A0B0D; --ink-2:#121418; --ink-3:#1B1E23;
  --hero:#0A1017; --sec-blue:#08202F; --foot-blue:#06141F;
  --txt:#F3F5F7; --txt-2:#AAB2BA; --txt-3:#7C848C;
  --bg:#0C0D10; --surf:rgba(255,255,255,.05); --surf-2:rgba(255,255,255,.08); --surf-3:rgba(255,255,255,.12);
  --disp:"Alexandria","Readex Pro",system-ui,sans-serif;
  --body:"Readex Pro","Alexandria",system-ui,sans-serif;
  --r-s:6px; --r-m:12px; --r-l:14px; --r-xl:18px;
  --sh:0 1px 0 rgba(255,255,255,.05) inset, 0 22px 44px -26px rgba(0,0,0,.9);
  --gut:clamp(18px,4.4vw,54px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--body);
  font-size:16px;font-weight:400;line-height:1.85;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--disp);font-weight:800;line-height:1.22;margin:0}
p{margin:0}a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit;border:0;background:none}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}

/* ---------- الأزرار: مصمتة بلا حدود ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 32px;border-radius:8px;font-family:var(--disp);font-weight:600;font-size:15.5px;
  cursor:pointer;transition:transform .16s,background .18s,color .18s;line-height:1;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--blue-deep)}
.btn-dark{background:var(--ink);color:#F4F5F6}
.btn-dark:hover{background:#393F45}
.btn-ghost{background:rgba(255,255,255,.10);color:#EFF0F1}
.btn-ghost:hover{background:rgba(255,255,255,.18)}
.btn-line{background:transparent;color:#C6C8CB;padding-inline:18px}
.btn-line:hover{color:#fff}
.btn-gold{background:var(--gold-soft);color:var(--gold-deep)}
.btn-gold:hover{background:var(--gold-deep);color:#fff}
.btn-nav{background:var(--blue-soft);color:#004B80;padding-inline:26px}
.btn-nav svg{width:15px;height:15px;flex:0 0 auto;transition:transform .18s}
.btn-nav:hover{background:var(--blue);color:#fff}
.btn-nav:hover svg{transform:translateX(-4px)}
.txtlink{font-weight:500;color:var(--blue-deep)}
.txtlink:hover{color:#003D69}

/* ---------- شريط الهوية ---------- */
.brandbar{display:flex;height:4px}
.brandbar i{flex:1}
.brandbar i:nth-child(1){background:var(--blue);flex:14}
.brandbar i:nth-child(2){background:var(--gold);flex:4}
.brandbar i:nth-child(3){background:var(--red);flex:1}

/* ---------- الترويسة ---------- */
.topbar{background:var(--ink);color:#B0B2B6;font-size:13px}
.topbar .wrap,.head .wrap{max-width:1600px}
.topbar .wrap{display:flex;align-items:center;gap:22px;min-height:42px;flex-wrap:wrap}
.topbar a:hover{color:var(--gold-lt)}
.topbar .push{margin-inline-start:auto;display:flex;gap:20px;align-items:center}
.topbar b{color:#EDEEEF;font-weight:500}
.lang{display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.08);border-radius:8px;padding:3px}
.lang b,.lang a{display:block;padding:3px 12px;border-radius:8px;font-size:12.5px;line-height:1.6}
.lang b{background:var(--blue);color:#fff;font-weight:600}
.lang a{color:#BCBEC1}
.lang a:hover{color:#fff}
.head{position:sticky;top:0;z-index:70;background:rgba(247,248,249,.92);backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(0,58,99,.08)}
.head .wrap{display:flex;align-items:center;gap:14px;min-height:100px}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.brand .mark{width:auto;height:78px;flex:0 0 auto;display:block;image-rendering:auto}
.brand .nm{display:block;font-family:var(--disp);font-weight:700;font-size:16.5px;line-height:1.3;white-space:nowrap}
.brand .sb{display:block;font-size:11px;color:var(--txt-2);line-height:1.4;white-space:nowrap}
.nav{display:flex;align-items:center;gap:2px;margin-inline-start:22px}
.head .wrap > .btn{margin-inline-start:auto}
.nav a{padding:9px 12px;border-radius:8px;font-size:14px;font-weight:400;color:var(--txt-2);white-space:nowrap;transition:.16s}
.nav a:hover{background:var(--surf-2);color:var(--txt)}
.nav a.on{background:var(--ink);color:#F4F5F6;font-weight:500}
.burger{display:none;width:46px;height:46px;border-radius:8px;background:var(--surf-2);
  cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;margin-inline-start:auto}
.burger i{width:18px;height:2px;background:var(--txt);border-radius:2px}

/* ---------- الواجهة ---------- */
.hero{position:relative;background:var(--hero);color:#F1F2F3;overflow:hidden;
  border-radius:0 0 var(--r-xl) var(--r-xl)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(210deg,rgba(0,107,182,.34),transparent 60%),
             linear-gradient(20deg,rgba(216,148,0,.10),transparent 40%)}
.hero .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.38;filter:grayscale(.22) contrast(1.02)}
.hero-mark{position:absolute;inset-block-start:-60px;inset-inline-start:-80px;width:min(48vw,600px);
  height:auto;opacity:.10;pointer-events:none;z-index:1}
.hero .veil{position:absolute;inset:0;background:rgba(12,36,58,.55)}
.hero .wrap{position:relative;z-index:2;padding-block:clamp(48px,7vw,84px) clamp(40px,5vw,64px)}
.hero-top{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);
  padding:8px 16px;border-radius:8px;font-size:13.5px;color:#D6D8DA;margin-bottom:24px}
.eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--gold-lt)}
.hero h1{font-size:clamp(36px,5.6vw,66px);font-weight:800;line-height:1.12;letter-spacing:-.6px;
  color:#FAFAFB;max-width:16ch}
.hero .lede{margin-top:22px;font-size:clamp(16px,1.5vw,18.5px);color:#B5B7BA;max-width:50ch;font-weight:400}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-art{background:linear-gradient(160deg,#2C3136,#23272B);border-radius:var(--r-l);
  padding:26px;display:flex;align-items:center;justify-content:center;min-height:300px}
.hero-art img{width:100%;max-width:330px;height:auto;filter:drop-shadow(0 26px 34px rgba(0,0,0,.45))}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 0;
  margin-top:clamp(38px,5vw,56px);padding-top:clamp(26px,3vw,34px);
  border-block-start:1px solid rgba(255,255,255,.14)}
.stat .n{display:flex;align-items:baseline;gap:8px;line-height:1.1;white-space:nowrap;
  font-feature-settings:"tnum";color:var(--gold-lt)}
.stat .n b{font-family:var(--disp);font-weight:800;font-size:clamp(27px,2.9vw,36px);letter-spacing:-.5px;direction:ltr;unicode-bidi:isolate}
.stat .n span{font-family:var(--disp);font-weight:600;font-size:clamp(13px,1.25vw,16px);opacity:.85}
.stat .l{font-size:13.5px;min-height:2.9em;color:#A7AEB6;margin-top:9px;font-weight:400;line-height:1.6;max-width:26ch}
.stat{padding-inline:clamp(0px,2.2vw,30px)}
.stat + .stat{border-inline-start:1px solid rgba(255,255,255,.14)}
@media (max-width:719px){.stat:nth-child(odd){border-inline-start:0}
  .stats{gap:22px 0}
  .stat:nth-child(n+3){padding-top:20px;border-block-start:1px solid rgba(255,255,255,.14)}}

/* ---------- شريط الأسانيد ---------- */
.trust{margin-top:-28px;position:relative;z-index:5}
.trust .wrap{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.trust .wrap::-webkit-scrollbar{display:none}
.tcard{background:var(--surf);border-radius:8px;padding:14px 24px;display:flex;gap:11px;
  align-items:center;white-space:nowrap;box-shadow:var(--sh);flex:0 0 auto}
.tcard svg{width:17px;height:17px;flex:0 0 auto}
.tcard b{font-family:var(--disp);font-weight:600;font-size:14.5px}
.tcard span{font-size:13px;color:var(--txt-2);font-weight:400}

/* ---------- أقسام ---------- */
.sec{padding-block:clamp(58px,7vw,104px)}
.sec.dark{background:var(--sec-blue);color:#EAEBEC;border-radius:var(--r-xl);margin-inline:clamp(0px,1.6vw,22px)}
.head-2{max-width:60ch;margin-bottom:clamp(32px,4vw,52px)}
.kicker{font-size:14px;color:var(--blue-deep);font-weight:500;margin-bottom:12px}
.sec.dark .kicker{color:#9FD0EE}
.head-2 h2{font-size:clamp(27px,3.6vw,44px);font-weight:700;letter-spacing:-.4px}
.head-2 p{margin-top:16px;color:var(--txt-2);font-size:16.5px;font-weight:400;max-width:56ch}
.sec.dark .head-2 p{color:#A2A4A7}
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* ---------- المنتجات ---------- */
.prods{display:grid;gap:20px}
.pcard{background:var(--surf);border-radius:var(--r-l);padding:clamp(22px,3vw,34px);
  display:grid;grid-template-columns:1fr;gap:26px;align-items:center;box-shadow:var(--sh)}
.pcard .art{background:var(--surf-2);border-radius:var(--r-m);min-height:230px;
  display:flex;align-items:center;justify-content:center;padding:26px}
.pcard .art img{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 18px 26px rgba(27,26,24,.22))}
.pcard .art.dk{background:linear-gradient(150deg,#2C3136,#1E2226)}
.pcard h3{font-size:clamp(22px,2.4vw,29px)}
.pcard p{margin-top:12px;color:var(--txt-2);font-size:15.5px;font-weight:400;max-width:54ch}
.types{margin-top:14px;font-size:14px;font-weight:400;color:var(--txt-2);line-height:1.9}
.pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.pill{background:var(--surf-2);border-radius:8px;padding:9px 17px;font-size:14px;font-weight:400}
.pill b{font-weight:600;font-family:var(--disp);font-size:14px}
.pcard .go{margin-top:22px;display:inline-flex}
.codes{margin-top:20px;background:var(--bg);border-radius:var(--r-m);padding:16px 20px}
.codes summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--blue-deep);list-style:none}
.codes summary::-webkit-details-marker{display:none}
.codes summary::after{content:"+";margin-inline-start:8px;font-weight:600}
.codes[open] summary::after{content:"–"}
.codes ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.codes li{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:400;color:var(--txt-2)}
.codes li b{font-weight:600;color:var(--txt);font-family:var(--disp);font-size:13.5px}

/* ---------- المواصفات ---------- */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tab{padding:12px 24px;border-radius:8px;background:rgba(255,255,255,.07);color:#AFB1B5;
  font-family:var(--disp);font-weight:500;font-size:14.5px;cursor:pointer;transition:.16s}
.tab:hover{background:rgba(255,255,255,.13);color:#EAEBEC}
.tab[aria-selected="true"]{background:var(--blue);color:#fff}
.tp{display:none}.tp.on{display:grid;gap:12px}
.drow{background:rgba(255,255,255,.05);border-radius:var(--r-m);padding:20px 26px;
  display:grid;grid-template-columns:1fr;gap:8px;align-items:center}
.drow .nm{font-family:var(--disp);font-weight:600;font-size:16.5px;color:#F1F2F3}
.drow .val{font-family:var(--disp);font-weight:700;font-size:20px;color:#4FB0E8;line-height:1.3}
.drow .meta{font-size:14px;color:#A2A4A7;font-weight:400}
.labnote{margin-top:16px;font-size:14px;font-weight:400;color:#A2A4A7;line-height:1.85;max-width:76ch}
.dlbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:32px}
.dlbar span{font-size:14.5px;color:#A2A4A7;font-weight:400;max-width:44ch}

/* ---------- المزايا ---------- */
.feats{display:grid;grid-template-columns:1fr;gap:14px}
.feat{background:var(--surf);border-radius:var(--r-l);padding:26px 26px 28px;box-shadow:var(--sh);
  display:flex;flex-direction:column;height:100%;transition:box-shadow .18s}
.feat:hover{box-shadow:0 1px 2px rgba(27,26,24,.05), 0 18px 34px -20px rgba(0,58,99,.35)}
.ft{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.feat .ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:var(--blue-soft);
  display:flex;align-items:center;justify-content:center}
.feat .ic svg{width:20px;height:20px}
.feat h3{font-size:17.5px;line-height:1.4}
.feat p{color:var(--txt-2);font-size:14.5px;font-weight:400;line-height:1.85;margin:0}

/* ---------- مراحل الإنتاج ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px;counter-reset:st}
.steps li{background:var(--surf);border-radius:var(--r-m);padding:24px 26px;box-shadow:var(--sh);position:relative}
.steps .n{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;
  background:var(--gold-soft);color:var(--gold-deep);font-family:var(--disp);font-weight:700;font-size:15px;margin-bottom:14px}
.steps h3{font-size:17px;line-height:1.4}
.steps p{margin-top:8px;color:var(--txt-2);font-size:14.5px;font-weight:400}

/* ---------- داخل المصنع ---------- */
.kit{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.kit span{background:var(--surf);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:400;
  color:var(--txt-2);box-shadow:var(--sh)}
.kit b{font-family:var(--disp);font-weight:700;color:var(--gold-deep);font-size:14.5px;margin-inline-start:6px}
.gallery{display:grid;grid-template-columns:1fr;gap:16px}
.gallery figure{margin:0}
.gallery .gph{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:var(--r-m);background:var(--surf-2)}
.gallery .g-big .gph{aspect-ratio:16/10}
.gallery figcaption{margin-top:11px;font-size:13.5px;color:var(--txt-2);font-weight:400}

/* ---------- المشاريع ---------- */
.pjshot{margin:0}
.pjshot img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-l);
  background:rgba(255,255,255,.08)}
.pjshot figcaption{margin-top:10px;font-size:12.5px;color:#8FA6B8;font-weight:400}
.pjx{display:grid;grid-template-columns:1fr;gap:22px}
.pjlist{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.pjlist::-webkit-scrollbar{display:none}
.pjbtn{text-align:start;background:rgba(255,255,255,.05);border-radius:8px;padding:13px 22px;
  color:#A2A4A7;font-size:14.5px;font-weight:400;cursor:pointer;white-space:nowrap;flex:0 0 auto;transition:.16s}
.pjbtn:hover{background:rgba(255,255,255,.11);color:#EAEBEC}
.pjbtn[aria-selected="true"]{background:var(--blue-deep);color:#fff;font-weight:500}
.pjpanel{display:none}
.pjpanel.on{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
.pjbody .tag{display:inline-block;margin-bottom:16px}
.pjbody h3{font-size:clamp(23px,2.6vw,30px);color:#FAFAFB;line-height:1.3}
.pjbody .ref{margin-top:8px;font-size:13.5px;color:#8A8C90;font-weight:400}
.pjmeta{display:grid;grid-template-columns:1fr;gap:0;margin-top:22px;max-width:620px}
.pjmeta div{display:flex;gap:18px;padding:14px 0;border-block-end:1px solid rgba(234,235,236,.10)}
.pjmeta div:last-child{border-block-end:0}
.pjmeta .k{flex:0 0 108px;font-size:13px;color:#8A8C90;font-weight:400}
.pjmeta .v{font-size:15.5px;color:#EAEBEC;font-weight:400}
.tag{border-radius:8px;padding:7px 16px;font-size:12.5px;font-weight:500;white-space:nowrap;font-family:var(--disp)}
.tag.done{background:rgba(46,155,220,.26);color:#A9DBF7}
.tag.run{background:rgba(255,255,255,.14);color:#DCE6ED}

/* ---------- العملاء ---------- */
.clients-sec{padding-block:clamp(58px,7vw,96px)}
.mq{overflow:hidden;margin-block:6px 26px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mq-track{display:flex;width:max-content;gap:14px;animation:mq 52s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-item{flex:0 0 auto;width:220px;height:110px;background:var(--surf);border-radius:var(--r-m);
  box-shadow:var(--sh);display:flex;align-items:center;justify-content:center;padding:18px 24px}
.mq-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:grayscale(.85) contrast(1.02);opacity:.9;transition:filter .2s,opacity .2s}
.mq-item:hover img{filter:none;opacity:1}
.mq-note{font-size:14.5px;color:var(--txt-2);font-weight:400;line-height:1.9;max-width:80ch}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none}.mq{overflow-x:auto}}

/* ---------- الاعتمادات ---------- */
.policy{background:var(--surf);border-radius:var(--r-l);padding:clamp(24px,3vw,36px);box-shadow:var(--sh);
  display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:22px}
.policy h3{font-size:21px}
.policy p{margin-top:12px;color:var(--txt-2);font-size:15.5px;font-weight:400;max-width:52ch}
.policy ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.policy li{position:relative;padding-inline-start:26px;font-size:14.5px;font-weight:400;color:var(--txt-2)}
.policy li::before{content:"";position:absolute;inset-inline-start:2px;top:8px;width:12px;height:7px;
  border-left:2.2px solid var(--blue);border-bottom:2.2px solid var(--blue);transform:rotate(-45deg)}
.certs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cert{background:var(--surf);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh);position:relative}
.cert::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;z-index:2;background:var(--gold)}
.cert .ph{display:block;width:100%;height:auto;aspect-ratio:1/1.24;object-fit:cover;object-position:top center;
  background:var(--surf-2)}
.cert .bd{padding:20px 22px 24px}
.cert h3{font-size:17px}
.cert .iss{font-size:13.5px;color:var(--txt-2);margin-top:6px;font-weight:400;line-height:1.6}
.cert .no{font-size:12.5px;color:var(--txt-3);margin-top:12px;font-weight:400;line-height:1.7}

/* ---------- طلب عرض سعر ---------- */
.rfq-sec{position:relative;overflow:hidden;border-radius:var(--r-xl);
  margin-inline:clamp(0px,1.6vw,22px);background:var(--surf-2);
  background-image:linear-gradient(rgba(0,107,182,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(0,107,182,.05) 1px,transparent 1px);
  background-size:64px 64px}
.rfq-sec .wrap{position:relative;z-index:2}
.rfq-mark{position:absolute;inset-block-end:-70px;inset-inline-start:-60px;width:min(34vw,380px);
  height:auto;opacity:.07;pointer-events:none;z-index:1}
.needs{margin-top:22px;background:var(--surf);border-radius:var(--r-l);padding:26px 28px;box-shadow:var(--sh)}
.needs h3{font-size:17px;line-height:1.5}
.needs ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.needs li{position:relative;padding-inline-start:26px;font-size:14.5px;font-weight:400;color:var(--txt-2)}
.needs li::before{content:"";position:absolute;inset-inline-start:2px;top:8px;width:11px;height:6px;
  border-left:2.2px solid var(--blue);border-bottom:2.2px solid var(--blue);transform:rotate(-45deg)}
.needs-note{margin-top:18px;padding-top:16px;border-block-start:1px solid rgba(0,0,0,.08);
  font-size:13.5px;color:var(--gold-deep);font-weight:500}
.rfq{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
.ways{display:grid;gap:10px;margin-top:30px}
.way{background:var(--surf);border-radius:8px;padding:15px 22px;display:flex;
  align-items:center;gap:16px;transition:background .16s;box-shadow:var(--sh)}
a.way:hover{background:var(--surf-2)}
.way .k{font-size:13px;color:var(--txt-3);font-weight:400;flex:0 0 76px}
.way .v{font-weight:600;color:var(--txt);font-size:15.5px}
a.way:hover .v{color:var(--blue)}
.form{background:var(--surf);border-radius:var(--r-l);padding:clamp(24px,3vw,38px);color:var(--txt);box-shadow:var(--sh)}
.fg{display:grid;grid-template-columns:1fr;gap:16px}
label{display:block;font-size:13px;color:var(--txt-2);margin-bottom:8px;font-weight:400}
.form input,.form select,.form textarea{width:100%;background:var(--bg);border-radius:var(--r-s);
  padding:14px 16px;font-size:15.5px;font-weight:400;transition:box-shadow .16s}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;box-shadow:0 0 0 2px var(--blue)}
.form textarea{min-height:108px;resize:vertical;font-family:var(--body)}
.form .btn{margin-top:26px;width:100%}
.note{font-size:12.5px;color:var(--txt-3);margin-top:14px;font-weight:400;line-height:1.7}
.ok{display:none;margin-top:16px;background:var(--blue-soft);border-radius:var(--r-s);
  padding:14px 18px;font-size:14.5px;color:#004B80}
.ok.on{display:block}
.req{color:var(--red)}

/* ---------- المدونة ---------- */
.posts{display:grid;grid-template-columns:1fr;gap:16px}
.post{background:var(--surf);border-radius:var(--r-m);padding:28px 30px;box-shadow:var(--sh);transition:transform .18s}
.post:hover{transform:translateY(-3px)}
.post .cat{font-size:12.5px;color:var(--blue-deep);font-weight:500}

.post h3{font-size:18px;margin-top:10px;line-height:1.45}
.post p{margin-top:10px;color:var(--txt-2);font-size:14.5px;font-weight:400}

/* ---------- التذييل ---------- */
.foot{background:var(--foot-blue);color:#A9BCCB;margin-top:clamp(50px,6vw,80px);
  border-radius:var(--r-xl) var(--r-xl) 0 0;padding-block:clamp(48px,6vw,76px) 0}
.fg2{display:grid;grid-template-columns:1fr;gap:38px}
.flogo{width:200px;height:auto;margin-bottom:26px;display:block}
.foot h4{font-family:var(--disp);font-size:15px;color:#F2F6F9;margin-bottom:18px;font-weight:600;position:relative;padding-bottom:12px}
.foot h4::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:34px;height:3px;background:var(--red-lt)}
.foot ul{list-style:none;margin:0;padding:0;font-size:15px;font-weight:400}
.foot li{padding:5px 0}
.foot li a{display:flex;gap:12px;align-items:baseline}
.foot .fk{flex:0 0 78px;color:var(--txt-3);font-size:13px;font-weight:400}
.foot a:hover{color:var(--gold-lt)}
.regs{display:grid;gap:9px;font-size:14px;font-weight:400}
.regs div{display:flex;justify-content:space-between;gap:14px;padding-block:3px}
.regs b{color:#EAF1F6;font-weight:600}
.map{margin-top:22px;aspect-ratio:16/11;border-radius:var(--r-m);overflow:hidden;
  background:rgba(255,255,255,.08);box-shadow:0 10px 26px -14px rgba(0,0,0,.55)}
.map iframe{width:100%;height:100%;border:0;display:block;background:#E1E8ED}
.btn-map{margin-top:14px;background:rgba(255,255,255,.12);color:#EAF1F6;padding:13px 22px;font-size:14.5px}
.btn-map svg{width:16px;height:16px;flex:0 0 auto;color:var(--gold-lt)}
.btn-map:hover{background:var(--blue);color:#fff}
.btn-map:hover svg{color:#fff}
.fbar{margin-top:46px;padding-block:22px;border-block-start:1px solid rgba(255,255,255,.10);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#8FA6B8;font-weight:400}

@media (max-width:620px){
  .certs{grid-template-columns:repeat(2,1fr)}
  .cert .ph{aspect-ratio:1/1.1;font-size:11.5px}
  .cert .bd{padding:16px 16px 18px}
  .cert h3{font-size:15px}
}
@media (min-width:720px){
  .certs{grid-template-columns:repeat(4,1fr)}
  .stats{grid-template-columns:repeat(4,1fr);gap:0}
  .fg{grid-template-columns:1fr 1fr}
  .fg .full{grid-column:1/-1}
  .feats{grid-template-columns:repeat(2,1fr)}
  .pjlist{flex-wrap:wrap;overflow:visible;margin-bottom:8px}
  .posts{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .gallery .g-big{grid-column:1/-1}
  .drow{grid-template-columns:1.4fr 1fr 1.3fr;gap:20px}
  .pcard{grid-template-columns:300px 1fr;gap:38px}
  .pcard.rev{grid-template-columns:1fr 300px}
}
@media (min-width:1180px){
  .hero-top{grid-template-columns:1.25fr .9fr;gap:52px}
  .feats{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(5,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}
  .gallery .g-big{grid-column:span 3}
  .certs{grid-template-columns:repeat(4,1fr)}
  .rfq{grid-template-columns:.95fr 1.15fr;gap:56px}
  .pjpanel.on{grid-template-columns:.8fr 1.2fr;gap:48px}
  .policy{grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .fg2{grid-template-columns:1.25fr .8fr .9fr 1.1fr;gap:44px}
  .pcard{grid-template-columns:340px 1fr}
  .pcard.rev{grid-template-columns:1fr 340px}
}
@media (max-width:1294px){
  .brand .mark{height:60px}
  .nav{display:none;position:absolute;top:100%;inset-inline:var(--gut);background:var(--surf);
    border-radius:var(--r-m);flex-direction:column;align-items:stretch;padding:10px;gap:2px;box-shadow:var(--sh)}
  .nav.open{display:flex}
  .nav a{padding:12px 16px;font-size:15.5px}
  .burger{display:flex}
  .head .btn{display:none}
  .hide-s{display:none}
}
.wa{position:fixed;inset-inline-start:22px;inset-block-end:22px;z-index:80;display:flex;align-items:center;gap:10px;
  background:#25A366;color:#fff;border-radius:10px;padding:13px 20px;font-size:14.5px;font-weight:500;
  box-shadow:0 10px 26px -10px rgba(0,58,99,.55);transition:transform .16s,background .16s}
.wa:hover{background:#1E8C57;transform:translateY(-2px)}
.wa svg{width:21px;height:21px;flex:0 0 auto}
@media (max-width:640px){.wa span{display:none}.wa{padding:14px;inset-inline-start:16px;inset-block-end:16px}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .post:hover,.wa:hover{transform:none}
}

/* ---------- ضبط نصوص قسم طلب عرض السعر ---------- */
.rfq .lede{margin-top:18px;color:var(--txt-2);font-size:16.5px;font-weight:400;line-height:1.85;max-width:46ch}

/* ==========================================================
   طبقة النسخة الداكنة الفاخرة: زجاج + إطارات ذهبية وزرقاء + أزرار حمراء
   ========================================================== */
body{background:
  radial-gradient(1200px 600px at 85% -10%, rgba(30,143,213,.10), transparent 60%),
  radial-gradient(900px 500px at 0% 100%, rgba(216,166,60,.08), transparent 60%),
  var(--bg)}

.head{background:rgba(10,11,13,.82);backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(255,255,255,.07)}
.nav a{color:var(--txt-2)}
.nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav a.on{background:rgba(255,255,255,.10);color:#fff}
.topbar{background:#07080A;color:#9AA2AA}
.brandbar i:nth-child(1){background:var(--blue)}
.brandbar i:nth-child(2){background:var(--gold)}
.brandbar i:nth-child(3){background:var(--red)}

/* الأزرار: الأحمر بارز للتفاعل */
.btn-primary,.btn-dark{background:var(--red);color:#fff;
  box-shadow:0 10px 26px -12px rgba(200,16,46,.75)}
.btn-primary:hover,.btn-dark:hover{background:#A80C25}
.btn-gold{background:transparent;color:var(--gold-lt);box-shadow:inset 0 0 0 1px rgba(216,166,60,.55)}
.btn-gold:hover{background:rgba(216,166,60,.16);color:#fff}
.btn-nav{background:rgba(30,143,213,.14);color:var(--blue-lt);box-shadow:inset 0 0 0 1px rgba(30,143,213,.35)}
.btn-nav:hover{background:var(--blue);color:#fff}
.btn-soft,.btn-map{background:rgba(255,255,255,.07);color:var(--txt)}

/* الأسطح الزجاجية */
.pcard,.feat,.needs,.form,.way,.proj,.cert,.post,.tcard,.rfq-sec,.policy,
.steps li,.hero-art,.drow,.codes,.pjshot img,.map,.pcard .art{
  backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25)}
.pcard,.feat,.needs,.form,.way,.proj,.cert,.post,.tcard,.rfq-sec,.policy{
  background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(255,255,255,.08),
             0 24px 48px -30px rgba(0,0,0,.9)}
.steps li{background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.03))}
.pill,.codes{background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.pcard .art{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.pill,.codes,.clients div{background:rgba(255,255,255,.07);color:var(--txt-2)}
.codes li b{color:var(--txt)}
.form input,.form select,.form textarea{background:rgba(255,255,255,.06);color:var(--txt)}
.form input::placeholder,.form textarea::placeholder{color:#78808A}
.mq-item{background:#fff;box-shadow:0 18px 34px -24px rgba(0,0,0,.9)}

/* إطارات ذهبية للشهادات */
.cert{box-shadow:inset 0 0 0 1px rgba(216,166,60,.42), 0 24px 46px -28px rgba(0,0,0,.9)}
.cert::before{background:linear-gradient(90deg,var(--gold-deep),var(--gold-lt),var(--gold-deep))}
.cert .ph{background:rgba(255,255,255,.06)}
.cert h3{color:var(--gold-lt)}

/* إطارات زرقاء للمواصفات الفنية */
.drow{background:rgba(30,143,213,.07);box-shadow:inset 0 0 0 1px rgba(30,143,213,.28)}
.drow .val{color:var(--blue-lt)}
.tab{background:rgba(255,255,255,.06);color:var(--txt-2)}
.tab[aria-selected="true"]{background:var(--blue-deep);color:#fff}

/* عناوين بإطار ذهبي خفيف */
.head-2 h2::after,.rfq h2::after{background:linear-gradient(90deg,var(--gold),var(--red))}
.kicker{color:var(--gold-lt)}
.sec.dark .kicker{color:var(--gold-lt)}
.sec.dark{background:linear-gradient(160deg,var(--sec-blue),#061722);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.rfq-sec{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  background-image:linear-gradient(rgba(30,143,213,.06) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(30,143,213,.06) 1px,transparent 1px);
  background-size:64px 64px}

/* الواجهة */
.hero{background:linear-gradient(165deg,#0B1219,#060A0F)}
.hero::after{background:linear-gradient(210deg,rgba(30,143,213,.22),transparent 58%),
                        linear-gradient(20deg,rgba(216,166,60,.14),transparent 42%)}
.hero-art{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.eyebrow{background:rgba(255,255,255,.07);color:#D6DCE2}
.stat .n{display:flex;align-items:baseline;gap:8px;line-height:1.1;white-space:nowrap;
  font-feature-settings:"tnum";color:var(--gold-lt)}
.stat .n b{font-family:var(--disp);font-weight:800;font-size:clamp(27px,2.9vw,36px);letter-spacing:-.5px;direction:ltr;unicode-bidi:isolate}
.stat .n span{font-family:var(--disp);font-weight:600;font-size:clamp(13px,1.25vw,16px);opacity:.85}

/* التذييل */
.foot{background:linear-gradient(180deg,#07141F,#050D15);color:#9FB0BD}
.foot h4::after{background:var(--red)}
.map{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}

/* تفاصيل */
.txtlink{color:var(--blue-lt)}
.txtlink:hover{color:#fff}
.feat .ic{background:rgba(216,166,60,.14)}
.feat .ic svg{stroke:var(--gold-lt)}
.steps li{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.steps .n{background:rgba(216,166,60,.16);color:var(--gold-lt)}
.needs li::before,.policy li::before{border-color:var(--blue-lt)}
.needs-note{color:var(--gold-lt);border-block-start-color:rgba(255,255,255,.10)}
.pjmeta div{border-block-end-color:rgba(255,255,255,.10)}
.mq-item img{filter:none;opacity:1}
.req{color:var(--red-lt)}
.ok{background:rgba(30,143,213,.16);color:var(--blue-lt)}


/* ==========================================================
   طابع الكتلة: نقش رباط المداميك + إبراز وزن المنتج
   ========================================================== */
/* نقش الجدار: صف من الوحدات 2:1 بإزاحة نصف وحدة في الصف التالي */
.sec.dark::before,.foot::before,.hero .bond{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:120px 60px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%);
          mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%)}
.sec.dark::after,.foot::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:120px 60px;background-position:60px 30px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%);
          mask-image:radial-gradient(120% 90% at 50% 0%,#000 20%,transparent 78%)}
.sec.dark,.foot{position:relative}
.sec.dark > .wrap,.foot > .wrap{position:relative;z-index:2}
.hero .bond{opacity:.42;z-index:0}

/* كتلة المنتج: تكبير + ظل جانبي + إضاءة حادّة تُظهر الخشونة */
.hero-art{padding:18px}
.hero-art img{max-width:400px;
  filter:drop-shadow(-26px 30px 30px rgba(0,0,0,.75)) contrast(1.10) saturate(1.05) brightness(1.04)}
.pcard .art{padding:16px;position:relative;overflow:hidden}
.pcard .art::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 78% 8%,rgba(255,255,255,.16),transparent 58%)}
.pcard .art img{max-width:100%;
  filter:drop-shadow(-22px 24px 26px rgba(0,0,0,.7)) contrast(1.12) saturate(1.04) brightness(1.05)}
@media (min-width:1180px){
  .pcard{grid-template-columns:400px 1fr}
  .pcard.rev{grid-template-columns:1fr 400px}
  .pcard .art{min-height:300px}
}

/* ---------- خط ذهبي متدرّج تحت عناوين الأقسام + إطار المختبرات أزرق ---------- */
.head-2 h2,.rfq h2{position:relative;padding-bottom:18px}
.head-2 h2::after,.rfq h2::after{content:"";position:absolute;inset-inline-start:0;bottom:0;
  width:72px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold-lt),var(--gold),var(--red))}
.head-2 h2::before{content:"";position:absolute;inset-inline-start:0;bottom:6px;
  width:150px;height:1px;background:linear-gradient(90deg,rgba(216,166,60,.55),transparent)}
/* بطاقة تقارير المختبر بإطار أزرق تمييزًا لها عن الشهادات الذهبية */
.cert.lab{box-shadow:inset 0 0 0 1px rgba(30,143,213,.45), 0 24px 46px -28px rgba(0,0,0,.9)}
.cert.lab::before{background:linear-gradient(90deg,var(--blue-deep),var(--blue-lt),var(--blue-deep))}
.cert.lab h3{color:var(--blue-lt)}


/* ---------- ورقة المواصفات: مدرّجات بدل الجداول ---------- */
.axis{display:flex;justify-content:space-between;direction:rtl;font-size:12px;
  letter-spacing:.3px;margin:4px 0 14px;opacity:.75}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bars li{display:grid;grid-template-columns:1fr;gap:10px;align-items:center}
.bl b{display:block;font-family:var(--disp);font-weight:600;font-size:15.5px;line-height:1.4}
.bl span{display:block;font-size:12.5px;opacity:.7;margin-top:2px}
.track{position:relative;height:38px;border-radius:8px;overflow:hidden}
.track i{position:absolute;top:6px;bottom:6px;inset-inline-start:var(--a);width:var(--w);
  border-radius:6px;display:block;
  animation:grow .7s cubic-bezier(.2,.7,.3,1) both}
.bars.c90 .track::before,.bars.c90 .track::after{content:"";position:absolute;top:0;bottom:0;width:0;
  border-inline-start:1px dashed rgba(255,255,255,.45)}
.bars.c90 .track::before{inset-inline-start:20.7%}
.bars.c90 .track::after{inset-inline-start:65.5%}
.bv{font-family:var(--disp);font-weight:700;font-size:19px;white-space:nowrap;
  direction:ltr;unicode-bidi:isolate;text-align:start}
.bv em{font-style:normal;font-size:13px;font-weight:600;opacity:.8}
@keyframes grow{from{transform:scaleX(.02);transform-origin:right}to{transform:none}}
@media (prefers-reduced-motion:reduce){.track i{animation:none}}

.minis{display:grid;grid-template-columns:1fr;gap:12px}
.mini{border-radius:var(--r-m);padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.mini .k{font-size:13.5px;opacity:.75}
.mini .v{font-family:var(--disp);font-weight:800;font-size:26px;direction:ltr;unicode-bidi:isolate}
.mini .v em{font-style:normal;font-size:13.5px;font-weight:600;opacity:.8}
.mini .s{font-size:12.5px;opacity:.6}

.dims{display:grid;grid-template-columns:1fr;gap:12px}
.dim{border-radius:var(--r-m);padding:20px 22px}
.dim b{font-family:var(--disp);font-weight:600;font-size:16px}
.dim .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.dim .chips span{border-radius:6px;padding:5px 11px;font-size:13px;direction:ltr;unicode-bidi:isolate}
.dim .wt{margin-top:12px;font-family:var(--disp);font-weight:700;font-size:17px}
.dim .us{font-size:13px;opacity:.7;margin-top:4px}
@media (min-width:860px){
  .bars li{grid-template-columns:230px 1fr 130px;gap:20px}
  .axis{padding-inline:calc(230px + 20px) calc(130px + 20px)}
  .minis{grid-template-columns:repeat(3,1fr)}
  .dims{grid-template-columns:repeat(2,1fr)}
}

.track{background:rgba(30,143,213,.10);box-shadow:inset 0 0 0 1px rgba(30,143,213,.28)}
.track i{background:linear-gradient(90deg,#63BDEE,#1275B4);box-shadow:0 6px 18px -8px rgba(30,143,213,.8)}
.bv{color:var(--blue-lt)}
.axis{color:#8FA0AE}
.mini,.dim{background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(30,143,213,.28)}
.mini .v{color:var(--blue-lt)}
.dim .chips span{background:rgba(255,255,255,.08);color:#C9D2DA}
.dim .wt{color:var(--gold-lt)}

@media (max-width:859px){
  .axis{display:none}
  .bars li{grid-template-columns:1fr;gap:6px}
  .track{height:30px}
  .bv{font-size:17px}
}


/* ---------- بطاقات القيم في ورقة المواصفات ---------- */
.tp-intro{font-size:15.5px;line-height:1.9;margin:0 0 22px;max-width:74ch;font-weight:400}
.vcards{display:grid;grid-template-columns:1fr;gap:14px}
.vc{border-radius:var(--r-l);padding:24px 26px;display:flex;flex-direction:column;height:100%}
.vc h3{font-size:16px;font-weight:600;line-height:1.5}
.vc-v{display:flex;align-items:baseline;gap:8px;margin-top:14px;
  direction:ltr;unicode-bidi:isolate;justify-content:flex-end}
.vc-v b{font-family:var(--disp);font-weight:800;font-size:clamp(30px,3.2vw,40px);
  line-height:1;letter-spacing:-.5px}
.vc-v span{font-family:var(--disp);font-weight:600;font-size:14px;opacity:.85}
.vc p{margin-top:12px;font-size:14.5px;line-height:1.8;flex:1}
.vc-tag{align-self:flex-start;margin-top:16px;border-radius:6px;padding:5px 12px;
  font-size:12.5px;font-weight:600;direction:ltr;unicode-bidi:isolate}
@media (min-width:760px){.vcards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1120px){.vcards{grid-template-columns:repeat(3,1fr)}}

.tp-intro{color:#B7C2CC}
.vc{background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(30,143,213,.30)}
.vc h3{color:#EDF3F8}
.vc-v b,.vc-v span{color:var(--blue-lt)}
.vc p{color:#AEBAC4}
.vc-tag{background:rgba(30,143,213,.18);color:var(--blue-lt)}


/* ==========================================================
   انعكاس الزجاج: لمعة قطرية خفيفة + حافة سفلية مضيئة
   ========================================================== */
.pcard,.feat,.vc,.cert,.post,.needs,.form,.way,.mini,.dim,.steps li,.tcard,.rfq-sec,.policy{
  position:relative;overflow:hidden}
.pcard::after,.feat::after,.vc::after,.cert::after,.post::after,.needs::after,
.form::after,.way::after,.mini::after,.dim::after,.steps li::after,.tcard::after,.policy::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 24%,rgba(255,255,255,0) 48%),
    radial-gradient(120% 70% at 88% -12%,rgba(255,255,255,.10),transparent 62%)}
/* المحتوى فوق طبقة الانعكاس */
.pcard > *,.feat > *,.vc > *,.cert > *,.post > *,.needs > *,.form > *,.way > *,
.mini > *,.dim > *,.steps li > *,.tcard > *,.policy > *{position:relative;z-index:2}
/* حافة سفلية مضيئة تعمّق الإحساس بالسماكة */
.pcard,.feat,.vc,.cert,.post,.needs,.form,.mini,.dim,.steps li{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
             inset 0 -1px 0 rgba(255,255,255,.06),
             inset 0 0 0 1px rgba(255,255,255,.08),
             0 26px 50px -30px rgba(0,0,0,.95)}
.cert{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
                 inset 0 0 0 1px rgba(216,166,60,.42),
                 0 26px 50px -30px rgba(0,0,0,.95)}
.cert.lab{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
                     inset 0 0 0 1px rgba(30,143,213,.45),
                     0 26px 50px -30px rgba(0,0,0,.95)}
.vc{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
              inset 0 0 0 1px rgba(30,143,213,.30),
              0 26px 50px -30px rgba(0,0,0,.95)}
/* لمعة تمر عند المرور على البطاقة */
.pcard::after,.feat::after,.vc::after,.cert::after,.post::after{
  transition:background-position .5s ease;background-size:200% 200%;background-position:0% 0%}
.pcard:hover::after,.feat:hover::after,.vc:hover::after,.cert:hover::after,.post:hover::after{
  background-position:36% 24%}
@media (prefers-reduced-motion:reduce){
  .pcard::after,.feat::after,.vc::after,.cert::after,.post::after{transition:none}}


/* ---------- مبدّل اللغة ---------- */
.lang{position:relative;display:inline-flex;align-items:center;gap:0;padding:3px;border-radius:8px;
  isolation:isolate}
.lang-globe{width:15px;height:15px;margin-inline:6px 4px;flex:0 0 auto;opacity:.75}
.lang-btn{position:relative;z-index:2;border:0;cursor:pointer;background:none;
  font-family:var(--body);font-size:12.5px;font-weight:500;line-height:1;
  padding:7px 14px;border-radius:6px;transition:color .22s;white-space:nowrap}
.lang-ind{position:absolute;z-index:1;top:3px;bottom:3px;inset-inline-start:29px;width:52px;
  border-radius:6px;transition:transform .28s cubic-bezier(.4,.1,.2,1)}
.lang.en .lang-ind{transform:translateX(-56px)}
@media (prefers-reduced-motion:reduce){.lang-ind{transition:none}}

.lang{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.lang-globe{color:#9AA2AA}
.lang-btn{color:#9AA2AA}
.lang-btn.on{color:#fff}
.lang-btn:hover{color:#E6EAEE}
.lang-ind{background:linear-gradient(135deg,var(--gold),var(--gold-deep));
  box-shadow:0 4px 14px -4px rgba(216,166,60,.85)}
.lang.en .lang-ind{width:66px;transform:translateX(-58px)}

/* أهداف لمس مريحة على اللمس */
@media (pointer:coarse){
  .nav a,.foot li a,.topbar a:not(.hide-s),.txtlink,.lang-btn{min-height:44px;display:inline-flex;align-items:center}
  .ha-dot{min-height:44px}
  .theme-switch{min-width:44px;justify-content:center}
  .foot li{padding:2px 0}
  .trust .wrap{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .tcard{scroll-snap-align:start}
}
/* شاشات فائقة العرض: منع تمدّد النص */
@media (min-width:1800px){
  .wrap{max-width:1360px}
  .topbar .wrap,.head .wrap{max-width:1720px}
}


/* ---------- عرض المنتجات التفاعلي في الواجهة ---------- */
.ha-stage{position:relative;width:100%;aspect-ratio:1/.92;display:grid;place-items:center;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.ha-img{grid-area:1/1;justify-self:stretch;align-self:stretch;
  width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:0 6%;
  opacity:0;transform:scale(.94);transition:opacity .45s ease, transform .45s cubic-bezier(.2,.7,.3,1)}
.ha-img.on{opacity:1;transform:none}
.ha-cap{margin-top:6px;text-align:center;font-size:14.5px;font-weight:500;min-height:2.6em}
.ha-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:6px}
.ha-dot{border:0;cursor:pointer;border-radius:8px;padding:8px 14px;font-family:var(--body);
  font-size:13px;font-weight:500;transition:.18s;line-height:1}
@media (prefers-reduced-motion:reduce){.ha-img{transition:none}}

.ha-cap{color:#B7C2CC}
.ha-dot{background:rgba(255,255,255,.08);color:#AEB6BE;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.ha-dot:hover{background:rgba(255,255,255,.14);color:#EDF3F8}
.ha-dot.on{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#fff;
  box-shadow:0 6px 16px -6px rgba(216,166,60,.8)}

/* ضبط حاوية العرض التفاعلي */
.hero-art{display:flex;flex-direction:column;align-items:stretch;justify-content:center;
  gap:10px;padding:clamp(18px,2vw,26px);min-height:340px}
.ha-stage{flex:1;min-height:230px}
.hero-art img{max-width:100%}

@media (min-width:1060px){
  .hero-top{grid-template-columns:1.08fr 1fr;gap:clamp(36px,4vw,64px)}
  .hero-art{min-height:420px}
  .ha-stage{min-height:300px}
}

/* منع سمات width/height في الوسم من تعطيل نسب العرض إلى الارتفاع */
.cert .ph,.pjshot img,.gallery .gph{height:auto}

/* عرض الوثائق كاملة داخل إطار موحّد بدل قصّها */
.cert .ph{aspect-ratio:1/1.2;object-fit:contain;object-position:center;padding:10px}
.cert{display:flex;flex-direction:column}
.cert .bd{flex:1;display:flex;flex-direction:column}
.cert .no{margin-top:auto;padding-top:10px}
.cert .ph{background:#F4F6F8}


/* ==========================================================
   حصر الأحمر في أزرار الإجراء فقط
   ========================================================== */
/* خط عناوين الأقسام: ذهبي خالص بلا أحمر */
.head-2 h2::after,.rfq h2::after{
  background:linear-gradient(90deg,var(--gold-lt),var(--gold-deep))}
/* خط عناوين التذييل: ذهبي */
.foot h4::after{background:var(--gold)}
/* نجمة الحقول المطلوبة: ذهبي فاتح */
.req{color:var(--gold-lt)}
/* شريط الهوية: شريحة الأحمر أرفع */
.brandbar i:nth-child(1){flex:18}
.brandbar i:nth-child(2){flex:4}
.brandbar i:nth-child(3){flex:.6}
/* الأحمر حصريًا لأزرار الإجراء: طلب السعر · التواصل · طلب التوريد */
.btn-cta,.btn-dark{background:var(--red);color:#fff;
  box-shadow:0 10px 26px -12px rgba(200,16,46,.7)}
.btn-cta:hover,.btn-dark:hover{background:#A80C25;color:#fff}
/* أزرار التصفّح والتحميل: أزرق الهوية */
.btn-primary{background:var(--blue-deep);color:#fff;box-shadow:none}
.btn-primary:hover{background:#0F63A0}

/* ضبط العنوان الرئيسي بعد إطالته */
.hero h1{font-size:clamp(29px,4vw,50px);line-height:1.2;max-width:22ch;letter-spacing:-.4px}
@media (min-width:1060px){.hero-top{grid-template-columns:1.15fr .95fr}}


/* ---------- بطاقة المنتج كمدخل بيع ---------- */
.bens{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px}
.bens li{position:relative;padding-inline-start:26px;font-size:15px;font-weight:400;line-height:1.75}
.bens li::before{content:"";position:absolute;inset-inline-start:2px;top:9px;width:11px;height:6px;
  border-left:2.2px solid currentColor;border-bottom:2.2px solid currentColor;transform:rotate(-45deg);opacity:.9}
.pacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.btn-dl{padding-inline:22px}
.btn-dl svg{width:15px;height:15px;flex:0 0 auto}

.bens li{color:#AEB6BE}
.bens li::before{color:var(--gold-lt)}
.btn-dl{background:transparent;color:var(--gold-lt);box-shadow:inset 0 0 0 1px rgba(216,166,60,.5)}
.btn-dl:hover{background:rgba(216,166,60,.16);color:#fff}

/* ترتيب البطاقة: النص أولًا ثم الصورة على الشاشات الصغيرة */
.pcard .types{font-size:13.5px;line-height:1.9;opacity:.85;margin-top:16px}
.pcard .codes{margin-top:16px}
@media (max-width:759px){
  .pacts .btn{flex:1 1 100%;justify-content:center}
}


/* ---------- شريط الجهات المانحة ---------- */
.auths{display:grid;grid-template-columns:1fr;gap:12px}
.auth{display:flex;align-items:center;gap:14px;border-radius:var(--r-m);padding:18px 20px}
.auth-ic{flex:0 0 auto;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.auth-ic svg{width:22px;height:22px}
.auth-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.auth-t b{font-family:var(--disp);font-weight:600;font-size:15px;line-height:1.4}
.auth-t em{font-style:normal;font-size:13px;line-height:1.5}
.auths-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}
.auths-note{font-size:14px;font-weight:400;line-height:1.8;max-width:56ch}
@media (min-width:760px){.auths{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1120px){.auths{grid-template-columns:repeat(3,1fr)}}

.auth{background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(216,166,60,.30),
             0 22px 44px -30px rgba(0,0,0,.9)}
.auth-ic{background:rgba(216,166,60,.16);color:var(--gold-lt)}
.auth-t b{color:#EDF3F8}
.auth-t em{color:#AEB6BE}
.auths-note{color:#AEB6BE}


/* ---------- طبقة بيانات المشروع فوق الصورة ---------- */
.pjshot{position:relative;overflow:hidden;border-radius:var(--r-l)}
.pjov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  gap:12px;padding:22px 22px 20px;margin:0;
  background:linear-gradient(0deg,rgba(4,12,20,.94) 0%,rgba(4,12,20,.72) 42%,rgba(4,12,20,0) 78%);
  opacity:0;transition:opacity .28s ease}
.pjshot:hover .pjov,.pjshot:focus-within .pjov{opacity:1}
.pjov-t{font-family:var(--disp);font-weight:700;font-size:17px;color:#fff;line-height:1.45}
.pjov-m{display:grid;gap:7px}
.pjov-m div{display:flex;gap:10px;font-size:13.5px;line-height:1.5}
.pjov-m span{flex:0 0 78px;color:#9FB3C2;font-weight:400}
.pjov-m b{color:#EAF1F6;font-weight:600}
.pjhint{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:2;
  border-radius:6px;padding:5px 11px;font-size:12px;font-weight:500;
  background:rgba(4,12,20,.72);color:#DCE6ED;transition:opacity .2s}
.pjshot:hover .pjhint{opacity:0}
@media (hover:none){
  .pjov{opacity:1}
  .pjhint{display:none}
}

.pjov-m span{flex:0 0 96px}
.pjov{padding:20px 18px 18px;gap:10px}
.pjov-t{font-size:16px}
@media (max-width:759px){.pjov-m span{flex:0 0 84px}.pjov-t{font-size:15px}.pjov-m div{font-size:12.5px}}

/* على أجهزة اللمس: تُعرض البيانات دائمًا لغياب المرور */
@media (hover:none){.pjov{opacity:1}.pjhint{display:none}}

/* على أجهزة اللمس تُخفى الطبقة لأن البيانات معروضة نصًّا أسفل الصورة */
@media (hover:none){.pjov{display:none}.pjhint{display:none}}

.clients-lede{margin-top:14px;font-size:15.5px;font-weight:400;line-height:1.9;max-width:62ch}
.clients-lede{color:#AEB6BE}

/* أزرار رؤوس الأقسام */
.head-row{align-items:flex-end}
.hd-btn{flex:0 0 auto;align-self:flex-end;margin-bottom:4px}
@media (max-width:759px){.hd-btn{align-self:flex-start;margin-bottom:0}}


/* ---------- مؤشرات الأداء داخل قسم الجودة ---------- */
.qmetrics{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:22px}
.qm{border-radius:var(--r-l);padding:24px 26px;display:flex;flex-direction:column;gap:8px}
.qm-ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.qm-ic svg{width:21px;height:21px}
.qm-k{font-size:14px;font-weight:500}
.qm-v{display:flex;align-items:baseline;gap:8px;direction:ltr;unicode-bidi:isolate;justify-content:flex-end}
.qm-v b{font-family:var(--disp);font-weight:800;font-size:clamp(28px,3vw,36px);line-height:1;letter-spacing:-.5px}
.qm-v em{font-style:normal;font-family:var(--disp);font-weight:600;font-size:14px;opacity:.85}
.qm-s{font-size:13.5px;line-height:1.7}
@media (min-width:760px){.qmetrics{grid-template-columns:repeat(3,1fr)}}

.qm{background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(216,166,60,.30),
             0 22px 44px -30px rgba(0,0,0,.9)}
.qm-ic{background:rgba(216,166,60,.16);color:var(--gold-lt)}
.qm-k{color:#AEB6BE}
.qm-v b,.qm-v em{color:var(--gold-lt)}
.qm-s{color:#9AA3AC}

/* إزاحة زر رأس القسم قليلًا للأسفل ليستوي مع نهاية النص */
.hd-btn{margin-bottom:6px;margin-top:6px}
@media (min-width:760px){.hd-btn{margin-bottom:8px}}

/* شريط إجراء أسفل الأقسام */
.sec-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}
.sec-cta .mq-note{margin:0;flex:1 1 320px;min-width:0}

/* مبدّل مظهر الموقع */
.theme-switch{display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:7px 14px;
  font-size:12.5px;font-weight:500;line-height:1;transition:.18s;white-space:nowrap}
.theme-switch svg{width:15px;height:15px;flex:0 0 auto}

.theme-switch{background:rgba(255,255,255,.08);color:#C8CFD6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.theme-switch:hover{background:rgba(216,166,60,.18);color:#fff}

/* منع الشريط العلوي من التمدد على الجوال بسبب عناصر المبدّل */
@media (max-width:520px){
  .topbar .wrap{gap:10px;row-gap:6px}
  .theme-switch span{display:none}
  .theme-switch{padding:7px 10px}
  /* السطر كان يفرض عرضًا أدنى ٤٨٧ بكسل فيتمدد المستند ويتصاغر عرض الصفحة على الجوال */
  .topbar .push{flex-wrap:wrap;margin-inline-start:0;gap:8px 16px;row-gap:4px}
}

/* تباين لون فئة المقالة فوق الخلفية الداكنة */
.post .cat{color:var(--blue-lt)}

/* الشاشات الضيقة جدًا: الأزرار الطويلة كانت تفرض عرضًا أكبر من الشاشة */
@media (max-width:400px){
  .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.5;padding-inline:22px}
  .auths-cta{gap:12px}
}

/* قائمة الجوال في النسخة الداكنة: خلفية معتمة بدل السطح شبه الشفاف */
@media (max-width:1294px){
  .nav{background:#101318;backdrop-filter:blur(18px);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.09), 0 26px 50px -20px rgba(0,0,0,.92)}
}

/* ===== صور موقع التنفيذ في قسم التوصيل، وصور الشهادات في قسم الاعتمادات ===== */
.dphotos{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}
@media (min-width:760px){.dphotos{grid-template-columns:repeat(3,1fr)}}
.dphotos figure{margin:0;border-radius:var(--r-m);overflow:hidden;
  background:var(--surf);box-shadow:var(--sh)}
.dphotos img{width:100%;height:230px;object-fit:cover;display:block}

/* ===== معرض المشاريع المنفَّذة — رزمة صور بزوايا ===== */
.pile-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin:52px 0 26px}
.pile-head h3{font-family:var(--disp);font-size:clamp(18px,2.1vw,23px);font-weight:600;margin-bottom:6px}
.pile-head p{font-size:14.5px;color:var(--txt-2);max-width:58ch}
.pile-ctrl{display:flex;align-items:center;gap:12px}
.pile-btn{width:44px;height:44px;display:grid;place-items:center;cursor:pointer;border-radius:50%;
  background:rgba(127,127,127,.12);border:1px solid rgba(127,127,127,.24);color:inherit;
  transition:background .2s ease}
.pile-btn:hover{background:rgba(127,127,127,.24)}
.pile-btn svg{width:16px;height:16px}
.pile-count{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;color:var(--txt-3);min-width:52px;text-align:center}
.pile-count b{color:var(--gold);font-weight:600}

.pile{padding:26px 0 10px;overflow:hidden;--fan1:74%;--fan2:134%}
.pile-stage{position:relative;width:min(100%,340px);margin-inline:auto;aspect-ratio:3/4.42;
  cursor:pointer;touch-action:pan-y}
.shot{position:absolute;inset:0;margin:0;padding:11px 11px 0;border-radius:6px;transform-origin:50% 60%;
  background:#F3F4F6;box-shadow:0 18px 40px -16px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.18);
  transition:transform .78s cubic-bezier(.22,.72,.24,1), opacity .6s ease, filter .6s ease;
  will-change:transform,opacity;display:flex;flex-direction:column}
.shot-ph{overflow:hidden;border-radius:3px;flex:1 1 auto;background:#DFE3E8}
.shot-ph img{width:100%;height:100%;object-fit:cover;display:block}
.shot figcaption{padding:13px 4px 15px;text-align:center}
.shot figcaption b{display:block;font-family:var(--disp);font-size:15px;font-weight:700;color:#1C2126}
.shot figcaption span{display:block;margin-top:4px;font-size:12px;color:#606B75;line-height:1.6}
.shot.flying{transition:transform .62s cubic-bezier(.42,0,.3,1), opacity .5s ease}
@media (max-width:900px){.pile{--fan1:58%;--fan2:104%}}
@media (max-width:520px){.pile{--fan1:42%;--fan2:76%}.pile-stage{width:min(calc(100% - 74px),250px)}}
@media (prefers-reduced-motion:reduce){.shot{transition:none}}

/* الاسم الرسمي فوق عنوان الواجهة */
.hero-top .oname{display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  font-family:var(--disp);font-weight:600;font-size:clamp(16px,1.85vw,21px);
  line-height:1.75;letter-spacing:.2px;margin:2px 0 18px;color:var(--gold)}
.hero-top .oname::before{content:"";flex:0 0 auto;width:38px;height:2px;border-radius:2px;
  background:linear-gradient(to left,var(--gold),rgba(216,166,60,0))}
.hero-top .oname span{font-weight:400;font-size:.8em;letter-spacing:0;opacity:.82}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .hero-top .oname b{background:linear-gradient(100deg,#F2E0B4,var(--gold) 42%,#B8842A);
    -webkit-background-clip:text;background-clip:text;color:transparent}
}
/* فسحة أوسع بين سطور العنوان العربي حتى لا تتلامس الهمزات */
.hero h1{line-height:1.3}
.hero .eyebrow{margin-bottom:18px}

/* ===== وثائق الاعتماد داخل بطاقات المشاريع ===== */
.pjshot{position:relative}
.pjshot img.doc{aspect-ratio:4/5;object-fit:contain;object-position:center;
  background:#F4F6F8;padding:10px;cursor:zoom-in}
.pjshot:has(img.doc) .pjov{display:none}

/* نافذة التكبير */
.lb{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:clamp(14px,3vw,36px);
  background:rgba(6,9,13,.88);backdrop-filter:blur(4px)}
.lb.on{display:grid}
.lb figure{margin:0;max-width:min(96vw,1100px);max-height:92vh;display:flex;flex-direction:column;gap:10px}
.lb img{max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;
  border-radius:10px;background:#fff;box-shadow:0 30px 70px -24px rgba(0,0,0,.8)}
.lb figcaption{color:#E4EAF0;font-size:13.5px;text-align:center;line-height:1.8}
.lb-x{position:absolute;top:14px;inset-inline-end:16px;width:44px;height:44px;display:grid;
  place-items:center;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1}
.lb-x:hover{background:rgba(255,255,255,.22)}
@media (prefers-reduced-motion:no-preference){.lb.on figure{animation:lbIn .28s ease both}}
@keyframes lbIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}

/* ===== مروحة الوثائق الرسمية بإطار ذهبي ===== */
.dfan-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin:44px 0 22px}
.dfan-head h3{font-family:var(--disp);font-size:clamp(17px,2vw,21px);font-weight:600;margin-bottom:6px}
.dfan-head p{font-size:14.5px;color:var(--txt-2)}
.dfan-ctrl{display:flex;align-items:center;gap:12px}
.dfan .pile-stage{aspect-ratio:3/4.34;width:min(100%,356px)}
@media (max-width:520px){.dfan .pile-stage{width:min(calc(100% - 74px),252px)}}
.dcard{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;
  padding:9px 9px 0;border-radius:9px;transform-origin:50% 60%;
  background:linear-gradient(152deg,#F0DCA8 0%,#D8A63C 34%,#A9791E 72%,#E7CE93 100%);
  box-shadow:0 20px 44px -18px rgba(0,0,0,.62), 0 2px 6px rgba(0,0,0,.22),
             inset 0 0 0 1px rgba(255,255,255,.34);
  transition:transform .78s cubic-bezier(.22,.72,.24,1), opacity .6s ease, filter .6s ease;
  will-change:transform,opacity}
.dcard-ph{flex:1 1 auto;background:#fff;border-radius:4px;overflow:hidden;display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
.dcard-ph img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;
  padding:6px;cursor:zoom-in}
.dcard figcaption{padding:11px 6px 12px;text-align:center}
.dcard figcaption b{display:block;font-family:var(--disp);font-size:14px;font-weight:700;color:#2A1F05}
.dcard figcaption span{display:block;margin-top:3px;font-size:11.5px;color:#5A4512;line-height:1.6}
@media (prefers-reduced-motion:reduce){.dcard{transition:none}}

/* زر تحميل الملف التعريفي في صف إجراءات الواجهة */
.btn-doc{background:transparent;color:var(--gold);gap:9px;
  box-shadow:inset 0 0 0 1.5px rgba(216,166,60,.55)}
.btn-doc:hover{background:rgba(216,166,60,.13);color:#F0DCAB;
  box-shadow:inset 0 0 0 1.5px rgba(216,166,60,.85)}
.btn-doc svg{width:16px;height:16px;flex:0 0 auto}

/* الملف التعريفي في الشريط العلوي */
.topbar .tb-doc{display:inline-flex;align-items:center;gap:7px;
  padding:5px 12px;border-radius:99px;font-weight:500;color:var(--gold);
  box-shadow:inset 0 0 0 1px rgba(216,166,60,.45);transition:background .2s ease,color .2s ease}
.topbar .tb-doc:hover{background:rgba(216,166,60,.16);color:#F0DCAB}
.topbar .tb-doc svg{width:13px;height:13px;flex:0 0 auto}
@media (max-width:820px){.topbar .tb-doc span{display:none}.topbar .tb-doc{padding:6px 9px}}