/* SMAZOD — الصفحة الرئيسية بنفس تصميم الصورة المرجعية + هوية الشعار الجديد.
   يتحمّل آخر ملف CSS في index.html. للتراجع: امسح سطر الـ link وعناصر .eg-* من index.html. */
.hv2{--ink:#1f2022;--eg-blue:#2f74dc;--eg-orange:#ff8a00}

/* الهيدر: ماركة الشعار + اسم SMAZOD جنب بعض */
.hv2 .eg-brand{display:flex;align-items:center;gap:10px;line-height:0}
.hv2 .eg-brand img{display:block}
.hv2 .eg-brand .eg-mark{width:auto;height:38px}
.hv2 .eg-brand .eg-word{width:auto;height:22px}
.hv2 .nav-in{height:76px}

/* البطل */
.hv2 .eg-hero{position:relative;overflow:hidden;padding:46px 0 72px;background:linear-gradient(180deg,#eef2fa 0,#f4f7fc 55%,#fff 100%)}
.hv2 .eg-hero>.w{position:relative;z-index:1}
.hv2 .eg-art{position:absolute;inset-block-start:0;left:0;right:auto;z-index:0;width:clamp(210px,27vw,360px);pointer-events:none;user-select:none}
.hv2 .eg-art img{display:block;width:100%;height:auto}
.hv2 .chip{background:#fff;border:1px solid #eef2fa;padding:5px 6px 5px 16px;font-size:13.5px}
.hv2 .chip b{background:#1f9d5b}
.hv2 .eg-hero h1{font-size:clamp(34px,5vw,56px);margin-top:18px}
.hv2 .eg-hero h1 .mk:before,.hv2 .eg-hero h1 .mk:after{display:none!important;content:none}
.hv2 .eg-hero h1 .mk{color:var(--p);background:none;-webkit-text-fill-color:currentColor}
.hv2 .eg-hero .sub{max-width:40em;margin-inline:auto}
.hv2 .eg-hero .btn.pr.lg{min-width:190px;height:54px;border-radius:12px;font-size:17px;box-shadow:0 10px 22px -12px rgba(47,116,220,.7)}
.hv2 .eg-hero .fine{margin-top:18px}

/* كارت التطبيقات */
.hv2 .eg-hero .stage{max-width:1080px;margin-top:40px}
.hv2 .eg-hero .win{border-radius:22px;border:1px solid #eef2fa;background:#f9fafd;box-shadow:0 30px 60px -34px rgba(47,116,220,.35)}
.hv2 .eg-hero .win-c{background:transparent;padding:34px 34px 40px}
.hv2 .eg-hero .hello b{font-size:22px;font-weight:700;color:var(--ink)}
.hv2 .eg-hero .hello small{font-size:14px}
.hv2 .eg-hero .srch{max-width:520px;height:46px;border-radius:99px;border-color:#eef2fa;margin-bottom:34px}
.hv2 .eg-hero .grid{max-width:900px;gap:26px 10px}
.hv2 .eg-hero .app{width:110px}
.hv2 .eg-hero .tile{width:70px;height:70px;border-radius:20px;box-shadow:0 1px 2px rgba(47,116,220,.06),0 10px 22px -8px rgba(47,116,220,.18)}
.hv2 .eg-hero .tile svg{width:40px;height:40px}
.hv2 .eg-hero .app span{font-size:13.5px;font-weight:600;color:#2a2b2d}

/* شريط الأرقام */
.hv2 .eg-hero .proof{max-width:1080px;border-color:#eef2fa;border-radius:18px;box-shadow:0 14px 30px -26px rgba(47,116,220,.35)}
.hv2 .eg-hero .proof b{font-size:26px;font-weight:700}

/* الفوتر */
.hv2 .eg-ft-logo{display:inline-block;background:transparent;border-radius:0;padding:0;margin-bottom:14px;line-height:0}
.hv2 .eg-ft-logo img{width:210px;height:auto;display:block}

@media(max-width:900px){
  .hv2 .eg-art{width:150px;opacity:.55}
  .hv2 .eg-hero .win-c{padding:26px 16px 30px}
  .hv2 .eg-hero .app{width:88px}.hv2 .eg-hero .tile{width:60px;height:60px}.hv2 .eg-hero .tile svg{width:34px;height:34px}}
@media(max-width:640px){
  .hv2 .eg-art{display:none}
  .hv2 .eg-hero{padding-top:34px}
  .hv2 .eg-brand .eg-mark{height:30px}.hv2 .eg-brand .eg-word{height:17px}}
@media(max-width:380px){.hv2 .eg-brand .eg-word{display:none}}
html.dark .hv2 .eg-hero{background:linear-gradient(180deg,#1b1740 0,#14123a 100%)}

/* بدون صور: الأقسام عمود واحد */
.hv2 .gi-in,.hv2 .pos-in{grid-template-columns:minmax(0,1fr);gap:0;max-width:820px;margin-inline:auto}
.hv2 .gi-acc{max-width:none}
.hv2 .eg-hero{padding-top:56px}

/* ===== الأقسام الثلاثة الأولى بنفس الصورة المرجعية (إدارة العمليات / دورة الشراء والبيع / إدارة الأصول) ===== */
.hv2{--eg-ln:#eef2fa;--eg-ac:#2f74dc;--eg-ok:#16a36a;--eg-tile:#eef2fa}
.hv2 .gi-k{background:var(--eg-tile);color:var(--eg-ac);font-weight:600}
.hv2 .gi-hd{text-align:center;max-width:60em;margin:0 auto 40px}
.hv2 .gi-hd p{margin-inline:auto;max-width:42em}
.hv2 .gi-hd h2{color:var(--ink)}

/* 1) بطاقات الأقسام */
.ov-cards{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ov-c{background:#fff;border:1px solid var(--eg-ln);border-radius:14px;padding:18px 16px 16px;display:flex;flex-direction:column;min-height:176px;transition:border-color .2s,box-shadow .2s,transform .2s}
.ov-c.on{border-color:#9db8e0;box-shadow:0 14px 28px -20px rgba(47,116,220,.55)}
.ov-i{width:42px;height:42px;border-radius:12px;background:var(--eg-tile);color:var(--eg-ac);display:grid;place-items:center;flex:none}
.ov-i svg,.op-s svg,.as-si svg,.ov-s svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ov-c h3{font-size:16.5px;font-weight:700;color:var(--ink);margin:14px 0 4px}
.ov-c p{font-size:13.5px;line-height:1.75;color:var(--mu);margin:0 0 12px}
.ov-ok{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--eg-ok)}
.ov-ok:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--eg-ok)}

/* شريط: عميل ← طلب ← فاتورة ← تحصيل */
.ov-flow{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;align-items:flex-start;gap:0;max-width:640px}
.ov-flow li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}
.ov-flow li+li:before{content:"";position:absolute;inset-inline-end:calc(50% + 34px);inset-inline-start:calc(-50% + 34px);top:24px;border-top:2px dashed #b3c2dc}
.ov-flow li+li:after{content:"";position:absolute;inset-inline-start:calc(50% - 33px);top:20px;width:8px;height:8px;border-left:2px solid var(--eg-ac);border-bottom:2px solid var(--eg-ac);transform:rotate(45deg)}
.ov-s{width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid var(--eg-ln);color:var(--eg-ac);display:grid;place-items:center}
.ov-flow b{font-size:14px;font-weight:600;color:var(--ink)}

/* 2) دورة المشتريات والمبيعات */
.hv2 .eg-ops .gi-in{max-width:none;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.hv2 .eg-ops .gi-h em{font-style:normal;color:var(--eg-ac);margin-inline-end:6px}
.hv2 .eg-ops .gi-it{border-color:var(--eg-ln)}
.hv2 .eg-ops .gi-it.on{border-color:#9db8e0;background:#f4f7fc}
.hv2 .eg-ops .gi-tx>.btn.pr{height:40px;padding:0 20px;border-radius:10px;font-size:14px;background:#fff;color:var(--eg-ac);border:1px solid var(--eg-ln)}
.op-flow{list-style:none;margin:0;padding:22px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px;background:#fff;border:1px solid var(--eg-ln);border-radius:18px;box-shadow:0 24px 48px -34px rgba(47,116,220,.35);counter-reset:o}
.op-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--alt);border-radius:14px;padding:18px 8px 14px}
.op-flow li:not(:nth-child(3n+1)):after{content:"←";position:absolute;inset-inline-end:auto;inset-inline-start:-14px;top:50%;transform:translateY(-50%);color:var(--eg-ac);font-size:15px;font-weight:700;z-index:1}
.op-s{width:50px;height:50px;border-radius:12px;background:#fff;color:var(--eg-ac);display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(47,116,220,.5)}
.op-flow b{font-size:14px;font-weight:600;color:var(--ink);line-height:1.5}

/* 3) إدارة الأصول */
.hv2 .eg-assets{background:var(--alt)}
.as-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:40px;align-items:center}
.as-tx .gi-lead{margin-bottom:0}
.as-vis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}
.as-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.as-c{background:#fff;border:1px solid var(--eg-ln);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:128px}
.as-c .ov-i{width:34px;height:34px;border-radius:10px}.as-c .ov-i svg{width:18px;height:18px}
.as-c h3{font-size:14.5px;font-weight:700;color:var(--ink);margin:0}
.as-c p{font-size:12.5px;line-height:1.6;color:var(--mu);margin:2px 0 6px}
.as-c .ov-ok{font-size:12px}
.as-map{display:flex;align-items:center;justify-content:center;gap:22px}
.as-core{width:112px;flex:none;background:#fff;border:1px solid #9db8e0;border-radius:14px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 14px 28px -18px rgba(47,116,220,.6)}
.as-core b{font-size:13.5px;font-weight:700;color:var(--ink)}
.as-sat{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.as-sat:before{content:"";position:absolute;inset-block:18px;inset-inline-end:100%;margin-inline-end:11px;border-inline-start:2px dashed #b3c2dc}
.as-sat li{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--eg-ln);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.as-sat li:before{content:"";position:absolute;inset-inline-end:100%;width:11px;border-top:2px dashed #b3c2dc;top:50%}
.as-si{color:var(--eg-ac);display:grid;place-items:center}.as-si svg{width:18px;height:18px}

@media(max-width:1100px){
  .ov-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .as-in{grid-template-columns:1fr;gap:28px}}
@media(max-width:900px){
  .hv2 .eg-ops .gi-in{grid-template-columns:1fr;gap:28px}
  .as-vis{grid-template-columns:1fr}}
@media(max-width:640px){
  .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ov-c{min-height:0}
  .op-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .op-flow li:after{display:none!important}
  .as-cards{grid-template-columns:1fr}
  .as-map{flex-direction:column}
  .as-sat:before,.as-sat li:before{display:none}
  .ov-flow li+li:before{inset-inline-end:calc(50% + 28px);inset-inline-start:calc(-50% + 28px)}}
html.dark .ov-c,html.dark .as-c,html.dark .op-flow,html.dark .as-core,html.dark .as-sat li,html.dark .ov-s{background:#1f2022;border-color:#1f2022}
@media(max-width:1100px){.hv2 .eg-assets .gi-st,.hv2 .eg-ops .gi-st{order:0}}

/* ===== فريق العمل / التوسع والنمو / التقارير والتنبيهات (مخطط + أكورديون بأيقونات) ===== */
.hv2 .gx{padding:56px 0}
.hv2 .gx-alt{background:var(--alt)}
.hv2 .gx-hd{max-width:46em;margin-bottom:28px}
.hv2 .gx-hd .gi-lead{max-width:none;margin:0}
.gx-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.gx-acc .gi-acc{margin:0 0 20px}
.hv2 .gx .gi-it{border-color:var(--eg-ln)}
.hv2 .gx .gi-it.on{border-color:#9db8e0;background:#f4f7fc}
.hv2 .gx-alt .gi-it.on{background:#fff}
.hv2 .gx .gi-h{padding:14px 16px;gap:14px}
.gx-ico{width:40px;height:40px;border-radius:10px;background:var(--eg-tile);color:var(--eg-ac);display:grid;place-items:center;flex:none}
.gx-ico svg,.gx-ci svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gx-t{flex:1;min-width:0}
.gi-h .gx-chev{width:18px;height:18px;transition:transform .25s}
.hv2 .gx .gi-b p{padding-inline:70px 18px}
.hv2 .gx .gi-it.on .gi-b p{padding-bottom:16px}
.hv2 .gx-acc>.btn.pr{height:40px;padding:0 20px;border-radius:10px;font-size:14px;background:#fff;color:var(--eg-ac);border:1px solid #d2dcec}
.gx-map{display:flex;align-items:center;justify-content:center;gap:26px;position:relative}
.gx-core{width:118px;flex:none;background:#fff;border:1px solid #9db8e0;border-radius:14px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 14px 28px -18px rgba(47,116,220,.6);position:relative}
.gx-core:after{content:"";position:absolute;inset-inline-start:100%;top:50%;width:60px;border-top:2px dashed #b3c2dc}
.gx-core b{font-size:14px;font-weight:700;color:var(--ink)}
.gx-ci{width:36px;height:36px;border-radius:10px;background:var(--eg-tile);color:var(--eg-ac);display:grid;place-items:center;flex:none}
.gx-ci.lg{width:48px;height:48px;border-radius:12px}.gx-ci.lg svg{width:26px;height:26px}
.gx-sat{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.gx-sat:before{content:"";position:absolute;inset-block:22px;inset-inline-end:100%;margin-inline-end:12px;border-inline-start:2px dashed #b3c2dc}
.gx-sat li{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--eg-ln);border-radius:10px;padding:8px 14px 8px 12px;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;min-width:170px}
.gx-sat li:before{content:"";position:absolute;inset-inline-end:100%;width:12px;border-top:2px dashed #b3c2dc;top:50%}
.gx-sat li:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--eg-ok);margin-inline-start:auto}
.gx-sat .gx-ci{width:30px;height:30px;border-radius:8px}.gx-sat .gx-ci svg{width:17px;height:17px}
@media(max-width:900px){
  .gx-row{grid-template-columns:1fr;gap:28px}
  .gx-core:after{display:none}}
@media(max-width:520px){
  .gx-map{flex-direction:column}
  .gx-sat:before,.gx-sat li:before{display:none}
  .gx-sat li{min-width:0;width:100%}
  .hv2 .gx .gi-b p{padding-inline:18px}}
html.dark .gx-core,html.dark .gx-sat li{background:#1f2022;border-color:#1f2022}
.hv2 .gx .gi-it.on .gi-h svg{transform:none}
.hv2 .gx .gi-it.on .gi-h .gx-chev{transform:rotate(180deg)}
.hv2 .gx .gi-it.on .gi-h{color:var(--ink)}
.gx-core:after{inset-inline-start:auto;inset-inline-end:100%;width:48px}

/* ===== ميزة مميزة / نقاط البيع / الأسئلة / الدعوة للتجربة ===== */
.any-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.any-vis{position:relative;max-width:460px;margin-inline:auto;width:100%}
.any-art{display:block;width:100%;height:auto}
.any-b{position:absolute;width:52px;height:52px;border-radius:14px;background:#fff;box-shadow:0 10px 24px -10px rgba(47,116,220,.45);display:grid;place-items:center;color:var(--eg-ac)}
.any-b svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.any-b.b0{top:2%;inset-inline-start:46%}.any-b.b1{top:34%;inset-inline-end:2%}.any-b.b2{top:34%;inset-inline-start:2%}.any-b.b3{top:84%;inset-inline-end:6%;width:42px;height:42px}
.hv2 .gx-any .gx-acc{max-width:none}

/* نقاط البيع */
.hv2 .eg-pos{padding:64px 0}
.pos-hd{text-align:center;max-width:52em;margin:0 auto 32px}
.hv2 .pos-hd .pos-k{background:var(--eg-tile);border-color:var(--eg-tile);color:var(--eg-ac);font-weight:600}
.hv2 .pos-hd .pos-lead{margin-inline:auto;max-width:none}
.pf-grid{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pf{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--eg-ln);border-radius:14px;padding:20px 18px;transition:border-color .2s,box-shadow .2s}
.pf .gx-ico{width:46px;height:46px;border-radius:12px}.pf .gx-ico svg{width:24px;height:24px}
.pf h3{font-size:15.5px;font-weight:700;color:var(--ink);margin:0 0 4px;line-height:1.6}
.pf p{font-size:13.5px;line-height:1.8;color:var(--mu);margin:0}
.pf-cta{text-align:center}
.hv2 .pf-cta .btn.pr{height:40px;padding:0 22px;border-radius:10px;font-size:14px;background:#fff;color:var(--eg-ac);border:1px solid #d2dcec;box-shadow:none}

/* الأسئلة */
.hv2 .faq{background:#fff;padding:24px 0}
.hv2 .faq-in{background:var(--alt);border-radius:28px;padding:44px 40px;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr) minmax(0,.8fr);gap:36px;align-items:center}
.hv2 .faq-hd{position:static}
.hv2 .faq-hd h2{position:relative;padding-bottom:16px;margin-bottom:18px}
.hv2 .faq-hd h2:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:70px;height:2px;background:var(--eg-ac);border-radius:2px}
.hv2 .faq-hd .btn{display:inline-flex;align-items:center;gap:8px;height:40px;border-radius:10px;font-size:14px;background:#fff;color:var(--eg-ac);border:1px solid #d2dcec}
.hv2 .faq-hd .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hv2 .faq details{border-color:var(--eg-ln);border-radius:12px}
.hv2 .faq details[open]{border-color:#9db8e0}
.hv2 .faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}
.hv2 .faq summary::-webkit-details-marker{display:none}
.hv2 .faq summary:after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--eg-ac);font-weight:400}
.hv2 .faq details[open] summary:after{content:"−"}
.faq-vis{display:grid;place-items:center}.faq-art{width:100%;max-width:240px;height:auto}

/* الدعوة */
.hv2 .cta2{padding:24px 0 56px}
.hv2 .cta2-in{background:linear-gradient(180deg,#eef2fa 0,#f4f7fc 100%);border-radius:28px;padding:52px 32px 48px}
.hv2 .cta2 h2{color:var(--ink)}
.hv2 .cta2 p{color:var(--tx);margin-bottom:24px}
.hv2 .cta2 .btn.pr{background:var(--eg-ac);color:#fff}
.cta2-ft{list-style:none;margin:20px 0 0;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--eg-ln);border-radius:16px}
.cta2-ft li{display:flex;align-items:center;gap:12px;padding:14px 18px}
.cta2-ft li+li{border-inline-start:1px solid var(--eg-ln)}
.cta2-ft b{font-size:14px;font-weight:600;color:var(--ink);line-height:1.6}

@media(max-width:1000px){
  .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv2 .faq-in{grid-template-columns:1fr;padding:32px 20px;gap:24px}
  .faq-vis{display:none}
  .cta2-ft{grid-template-columns:1fr 1fr}
  .cta2-ft li:nth-child(3){border-inline-start:0}}
@media(max-width:900px){.any-row{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.pf-grid{grid-template-columns:1fr}.cta2-ft{grid-template-columns:1fr}.cta2-ft li+li{border-inline-start:0;border-top:1px solid var(--eg-ln)}}
html.dark .pf,html.dark .cta2-ft,html.dark .any-b{background:#1f2022;border-color:#1f2022}
.hv2 .faq details[open] summary:after{content:"";width:14px;height:2px;border-radius:2px;background:var(--eg-ac);font-size:0}
.hv2 .faq summary:after{min-width:14px;text-align:center}

/* خط الموقع الموحّد (Noto Sans Arabic / Inter) بدل Cairo — للرئيسية فقط */
.hv2,html[lang=en] .hv2{--font:"Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif}

/* ===== توحيد الألوان (بدون أزرق) — الرئيسية فقط ===== */
.hv2{--ink:#1f2022;--tx:#434649;--mu:#6b6e72;--alt:#f4f7fc;--navy:#1a2333}
html body.hv2 .ft2{background:#1a2333}
html body.hv2 .ft2 h3,html body.hv2 .ft2 h4{color:#fff!important}
html body.hv2 .ft2 li a,html body.hv2 .ft2-brand p{color:#d7dce4!important}
html body.hv2 .ft2-bot,html body.hv2 .ft2-bot span{color:#b7becb!important;border-top-color:rgba(255,255,255,.14)}
html.dark .hv2 .ft2{background:#17181a}

/* ===== بلاطات التطبيقات: ملوّنة + أيقونات خطية (نفس شاشة التطبيقات داخل النظام) ===== */
html body.hv2 .eg-hero .app{--c:#64748b}
html body.hv2 .eg-hero .tile{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 72%,#fff),var(--c))!important;border:0!important;border-radius:24px!important;box-shadow:0 10px 20px -10px color-mix(in srgb,var(--c) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.35)!important}
html body.hv2 .eg-hero .tile svg{width:54%!important;height:54%!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
html body.hv2 .eg-hero .tile svg>g[stroke]{stroke:#fff!important}
html body.hv2 .eg-hero .tile svg>g[fill]:not([fill=none]){fill:#fff!important}

/* لوجو الهيدر: كلمة SMAZOD بيضاء في الوضع الداكن */
html.dark .hv2 .eg-brand .eg-word{content:url(../assets/nextsod-logo-wordmark-white.png)}
html.dark .hv2 .eg-brand .eg-mark{content:url(../assets/nextsod-logo-mark-dark.png)}
/* SMAZOD: الشعار الجديد أعرض (كلمة طويلة) — مقاسات الهيدر */
.hv2 .eg-brand .eg-mark{height:34px}.hv2 .eg-brand .eg-word{height:16px}
@media(max-width:760px){.hv2 .eg-brand .eg-mark{height:28px}.hv2 .eg-brand .eg-word{height:13px}.hv2 .eg-ft-logo img{width:180px}}
.hv2 .eg-brand{direction:ltr}

/* ===== Hero بعمودين: النص يسار + صورة مكتب الأعمال يمين (تدرّج ناعم يذوب في الخلفية) ===== */
html body.hv2 .eg-hero .eg-top{position:relative;display:flex;align-items:center;min-height:clamp(330px,30vw,400px)}
html body.hv2 .eg-hero .eg-copy{position:relative;z-index:2;width:min(540px,50%);margin-right:auto;margin-left:0;text-align:start}
html body.hv2 .eg-hero .eg-copy h1{font-size:clamp(30px,3.7vw,48px);margin-top:16px}
html body.hv2 .eg-hero .eg-copy .sub{margin-inline:0;max-width:32em}
html body.hv2 .eg-hero .eg-copy .cta-row{justify-content:flex-start}
html body.hv2 .eg-hero .eg-copy .fine{justify-content:flex-start;margin-top:16px}
html body.hv2 .eg-hero .eg-copy .fine span{font-size:13.5px}
html body.hv2 .eg-hero .eg-copy .fine span+span:before{margin-inline:10px}

/* الصورة: تلتصق بيمين الشاشة وتذوب يساراً وأسفل وأعلى */
html body.hv2 .eg-hero .eg-hero-art{position:absolute;z-index:1;right:calc(50% - 50vw);top:50%;transform:translateY(-50%);width:min(52vw,720px);aspect-ratio:3/2;pointer-events:none;user-select:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 10%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
  mask-composite:intersect}
html body.hv2 .eg-hero .eg-hero-art img{display:block;width:100%;height:100%;object-fit:cover;animation:none}
/* لمسة إضاءة ناعمة خلف الصورة */
html body.hv2 .eg-hero .eg-top:before{content:"";position:absolute;z-index:0;right:calc(50% - 50vw);top:50%;transform:translateY(-50%);width:min(52vw,720px);height:120%;pointer-events:none;
  background:radial-gradient(60% 55% at 62% 50%,rgba(47,116,220,.13),rgba(47,116,220,0) 72%)}

@media(max-width:1180px){
  html body.hv2 .eg-hero .eg-copy{width:46%}
  html body.hv2 .eg-hero .eg-hero-art,html body.hv2 .eg-hero .eg-top:before{width:52vw}}
@media(max-width:900px){
  html body.hv2 .eg-hero .eg-top{display:block;min-height:0}
  html body.hv2 .eg-hero .eg-top:before{display:none}
  html body.hv2 .eg-hero .eg-copy{width:100%;margin:0 auto;text-align:center}
  html body.hv2 .eg-hero .eg-copy h1{font-size:clamp(30px,7vw,42px)}
  html body.hv2 .eg-hero .eg-copy .sub{margin-inline:auto}
  html body.hv2 .eg-hero .eg-copy .cta-row,html body.hv2 .eg-hero .eg-copy .fine{justify-content:center}
  html body.hv2 .eg-hero .eg-hero-art{position:relative;right:auto;top:auto;transform:none;width:calc(100% + 8%);max-width:560px;margin:18px auto 0;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%)}}
@media(max-width:640px){
  html body.hv2 .eg-hero .eg-copy .fine{flex-direction:column;align-items:center;gap:4px}
  html body.hv2 .eg-hero .eg-copy .fine span+span:before{display:none}}
/* الوضع الداكن: نخفف سطوع الصورة */
html.dark body.hv2 .eg-hero .eg-hero-art img{filter:brightness(.82) saturate(.95)}
html.dark body.hv2 .eg-hero .eg-top:before{opacity:.6}

/* الجوال/التابلت: اللوجو يمين وأيقونة القائمة (الثلاث شرط) أقصى الشمال */
@media(max-width:860px){html body.hv2 .nav .nav-in .burger{margin-inline-start:auto}html body.hv2 .nav .nav-in .nav-cta{margin-inline-start:0}}

/* نزّل محتوى الهيدرو تحت الهيدر الملزوق */
.hv2 .eg-hero{padding-top:104px}
@media(max-width:760px){.hv2 .eg-hero{padding-top:84px}}

/* صورة الـ hero حسب اللغة: العربية للواجهة العربية، الإنجليزية لأي لغة تانية */
html[lang="ar"] body.hv2 .eg-hero .eg-art-en,
html:not([lang="ar"]) body.hv2 .eg-hero .eg-art-ar{display:none}