/* =====================================================
   مكين v5 — نفس الهوية (الكحلي + الذهبي) بتدرجات مريحة،
   أقسام بصرية للخدمات والإنجازات والفريق، تنقل أسهل، وحركة هادئة.
===================================================== */
:root{
  --g-navy:linear-gradient(135deg,#002663 0%,#0a3a85 55%,#001a45 100%);
  --g-navy-soft:linear-gradient(160deg,#0a2f6e 0%,#002663 60%,#001a45 100%);
  --g-gold:linear-gradient(120deg,#e0c27a 0%,#c5a047 50%,#a8852f 100%);
  --g-paper:linear-gradient(180deg,#f7f5f0 0%,#f1efe9 100%);
  --g-white:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%);
  --sh-card:0 18px 40px -22px rgba(0,38,99,.28);
  --sh-hover:0 28px 60px -24px rgba(0,38,99,.38);
  --r-card:14px;
}

/* ---------- تدرجات عامة (بدون المساس بوضوح المحتوى) ---------- */
.mk-v5 .section--paper,.mk-v5 .section--gray{ background:var(--g-paper); }
.mk-v5 .section--white{ background:var(--g-white); }
.mk-v5 .section--navy{ background:var(--g-navy); }
.mk-v5 .btn-gold{ background:var(--g-gold); box-shadow:0 12px 26px -12px rgba(168,133,47,.65); }
.mk-v5 .btn-navy{ background:var(--g-navy); box-shadow:0 12px 26px -14px rgba(0,38,99,.6); }
.mk-v5 .btn{ transition:transform .3s var(--ease-out), box-shadow .3s; }
.mk-v5 .btn:hover{ transform:translateY(-2px); }
.mk-v5 .page-hero{ background:var(--g-navy); }
.mk-v5 .page-hero__bg::after{ background:linear-gradient(270deg,rgba(0,26,69,.94) 0%,rgba(0,38,99,.82) 50%,rgba(10,58,133,.62) 100%); }
.mk-v5 .cta-band{ background:var(--g-navy); }
.mk-v5 .site-footer{ background:linear-gradient(180deg,#001a45 0%,#00102e 100%); }

/* ---------- الهيدر: زر استشارة بارز + قوائم فرعية ---------- */
.mk-v5 .hc-book{ background:var(--g-gold) !important; color:#fff !important; box-shadow:0 10px 24px -10px rgba(168,133,47,.75); position:relative; }
.mk-v5 .hc-book::after{ content:""; position:absolute; inset:-4px; border-radius:inherit; border:1px solid rgba(197,160,71,.55); animation:v5Ring 2.8s ease-out infinite; pointer-events:none; }
@keyframes v5Ring{ 0%{ opacity:.9; transform:scale(1); } 80%,100%{ opacity:0; transform:scale(1.12); } }
.v5-caret{ font-size:10px; margin-inline-start:6px; transition:transform .3s; opacity:.7; }
.main-navigation li:hover > a .v5-caret{ transform:rotate(180deg); }
.mk-v5 .main-navigation .sub-menu{ min-width:260px; border-radius:0 0 12px 12px; overflow:hidden; border-top:3px solid var(--gold); }
body.mk-site.mk-v5 .main-navigation .sub-menu a{ display:flex; align-items:center; gap:10px; }
.mk-v5 .main-navigation .sub-menu a i{ width:18px; color:var(--gold); text-align:center; }
.mk-v5 .main-navigation .sub-menu a:hover i{ color:#fff; }
body.mk-site.mk-v5 .main-navigation .v5-sub-all a{ background:var(--paper); color:var(--navy); font-weight:700; justify-content:space-between; }
@media (max-width:1000px){
  body.mk-site.mk-v5 .main-navigation .sub-menu a{ border-bottom-color:rgba(255,255,255,.08); }
  body.mk-site.mk-v5 .main-navigation .v5-sub-all a{ background:transparent; color:var(--gold-2); }
  .mk-v5 .main-navigation .sub-menu{ border-top:0; }
}

/* ---------- شريط تنقل داخلي ثابت ---------- */
.v5-subnav{ position:sticky; top:100px; z-index:400; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); box-shadow:0 10px 24px -20px rgba(0,38,99,.35); }
.admin-bar .v5-subnav{ top:132px; }
.v5-subnav ul{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; padding:10px 0; }
.v5-subnav ul::-webkit-scrollbar{ display:none; }
.v5-subnav a{ display:block; white-space:nowrap; padding:8px 16px; border-radius:30px; font-family:var(--f-head); font-size:14px; font-weight:600; color:var(--navy-2); transition:background .25s,color .25s; }
.v5-subnav a:hover,.v5-subnav a.is-active{ background:var(--g-navy); color:#fff; }
@media (max-width:1000px){ .v5-subnav{ top:80px; } .admin-bar .v5-subnav{ top:80px; } }
[id]{ scroll-margin-top:170px; }

/* ---------- وصول سريع بعد الواجهة ---------- */
.v5-quick{ position:relative; z-index:5; margin-top:-56px; }
.v5-quick__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.v5-quick__item{ display:flex; align-items:center; gap:14px; padding:20px 18px; border-radius:var(--r-card); background:#fff; box-shadow:var(--sh-card); border:1px solid rgba(0,38,99,.06); color:var(--navy) !important; transition:transform .35s var(--ease-out), box-shadow .35s; }
.v5-quick__item:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); }
.v5-quick__ic{ flex:none; width:52px; height:52px; display:grid; place-items:center; border-radius:12px; background:var(--g-navy); color:var(--gold-2); font-size:20px; }
.v5-quick__item strong{ display:block; font-family:var(--f-head); font-size:15px; line-height:1.5; }
.v5-quick__item small{ display:block; color:var(--muted); font-size:13px; }
.v5-quick__go{ margin-inline-start:auto; color:var(--gold); font-size:13px; transition:transform .3s; }
.v5-quick__item:hover .v5-quick__go{ transform:translateX(-4px); }
@media (max-width:1000px){ .v5-quick__grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .v5-quick{ margin-top:-34px; } .v5-quick__grid{ grid-template-columns:1fr; gap:10px; } .v5-quick__item{ padding:14px; } }

/* ---------- رحلة مكين: خط زمني ---------- */
.v5-tl__list{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.v5-tl__list::before{ content:""; position:absolute; top:26px; inset-inline:6%; height:2px; background:linear-gradient(90deg,var(--gold-2),var(--navy-3)); opacity:.5; }
.v5-tl__item{ position:relative; text-align:center; }
.v5-tl__dot{ position:relative; z-index:1; display:grid; place-items:center; width:54px; height:54px; margin:0 auto 18px; border-radius:50%; background:var(--g-navy); color:#fff; font-family:var(--f-head); font-weight:700; font-size:18px; box-shadow:0 0 0 6px #fff, 0 0 0 7px rgba(197,160,71,.45); }
.v5-tl__card{ height:calc(100% - 72px); padding:24px 20px; border-radius:var(--r-card); background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); transition:transform .35s var(--ease-out), box-shadow .35s; text-align:start; }
.v5-tl__item:hover .v5-tl__card{ transform:translateY(-6px); box-shadow:var(--sh-hover); }
.v5-tl__k{ display:inline-block; font-size:12px; font-weight:700; color:var(--gold-3); background:var(--gold-soft); padding:3px 12px; border-radius:20px; margin-bottom:10px; }
body.mk-site .v5-tl__card h3{ font-size:18px; }
body.mk-site .v5-tl__card p{ font-size:14.5px; line-height:1.9; margin:0; color:var(--text); }
@media (max-width:1000px){
  .v5-tl__list{ grid-template-columns:1fr; gap:16px; }
  .v5-tl__list::before{ top:0; bottom:0; inset-inline:auto; inset-inline-start:26px; width:2px; height:auto; background:linear-gradient(180deg,var(--gold-2),var(--navy-3)); }
  .v5-tl__item{ display:grid; grid-template-columns:54px 1fr; gap:14px; align-items:start; }
  .v5-tl__dot{ margin:0; }
  .v5-tl__card{ height:auto; }
}

/* ---------- الإنجازات بالأرقام ---------- */
.v5-ach{ background:var(--g-navy); color:rgba(255,255,255,.8); overflow:hidden; }
.v5-ach::before{ content:""; position:absolute; inset:0; background:radial-gradient(50% 60% at 85% 0%,rgba(197,160,71,.18),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(10,58,133,.6),transparent 70%); pointer-events:none; }
.v5-ach .container{ position:relative; }
body.mk-site .v5-ach h2,body.mk-site .v5-ach h3{ color:#fff; }
.v5-ach .sec-sub{ color:rgba(255,255,255,.7); }
.v5-nums{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.v5-num{ text-align:center; padding:28px 16px; border-radius:var(--r-card); background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.12); }
.v5-num i{ display:block; color:var(--gold-2); font-size:24px; margin-bottom:12px; }
.v5-num b{ display:block; font-family:var(--f-head); font-size:clamp(34px,4vw,48px); line-height:1.1; background:var(--g-gold); -webkit-background-clip:text; background-clip:text; color:transparent; }
.v5-num span{ display:block; margin-top:8px; font-size:14.5px; color:rgba(255,255,255,.82); }
.v5-growth{ display:grid; grid-template-columns:1fr 1.1fr; gap:40px; align-items:center; margin-top:36px; padding:34px; border-radius:18px; background:linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12); }
.v5-growth .kicker{ color:var(--gold-2); }
body.mk-site .v5-growth h3{ font-size:22px; }
body.mk-site .v5-growth p{ color:rgba(255,255,255,.75); margin:0; font-size:15px; }
.v5-bars{ display:flex; align-items:flex-end; justify-content:space-around; gap:18px; height:230px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,.2); }
.v5-bar{ flex:1; max-width:110px; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:8px; }
.v5-bar__col{ position:relative; width:100%; height:100%; display:flex; align-items:flex-end; }
.v5-bar__col i{ display:block; width:100%; height:0; border-radius:10px 10px 0 0; background:var(--g-gold); transition:height 1.4s var(--ease-out); }
.v5-growth.is-visible .v5-bar__col i{ height:var(--h); }
.v5-bar:nth-child(2) .v5-bar__col i{ transition-delay:.15s; } .v5-bar:nth-child(3) .v5-bar__col i{ transition-delay:.3s; }
.v5-bar__val{ font-family:var(--f-head); font-weight:700; color:#fff; font-size:18px; }
.v5-bar__lbl{ font-size:13px; color:rgba(255,255,255,.75); white-space:nowrap; transform:translateY(30px); margin-top:-22px; }
.v5-ach .btn-line{ border-color:var(--gold-2); }
@media (max-width:900px){ .v5-nums{ grid-template-columns:1fr 1fr; } .v5-growth{ grid-template-columns:1fr; padding:24px; gap:24px; } .v5-bars{ height:190px; margin-bottom:26px; } }

/* ---------- الاعتمادات كشارات ---------- */
.v5-acc__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; }
.v5-badge{ position:relative; display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; padding:28px 18px 24px; border-radius:var(--r-card); background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); transition:transform .35s var(--ease-out), box-shadow .35s, border-color .35s; }
.v5-badge:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); border-color:rgba(197,160,71,.5); }
.v5-badge__ic{ width:66px; height:66px; display:grid; place-items:center; border-radius:50%; background:var(--g-navy); color:var(--gold-2); font-size:24px; box-shadow:0 0 0 6px var(--gold-soft); }
.v5-badge__name{ font-family:var(--f-head); font-weight:600; color:var(--navy-2); font-size:15px; line-height:1.6; }
.v5-badge__ok{ position:absolute; top:12px; inset-inline-end:12px; color:var(--gold); font-size:16px; }

/* ---------- الخدمات: تبويبات + كروت ---------- */
.v5-svcs{ background:var(--g-paper); }
.v5-tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:28px; }
.v5-tab{ display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:40px; border:1px solid var(--line-2); background:#fff; font-family:var(--f-head); font-size:14.5px; font-weight:600; color:var(--navy-2); cursor:pointer; transition:all .3s; }
.v5-tab i{ color:var(--gold); }
.v5-tab:hover{ border-color:var(--gold); }
.v5-tab.is-active{ background:var(--g-navy); color:#fff; border-color:transparent; box-shadow:0 12px 24px -14px rgba(0,38,99,.7); }
.v5-tab.is-active i{ color:var(--gold-2); }
.v5-tabpane{ display:none; }
.v5-tabpane.is-active{ display:block; animation:v5Fade .5s var(--ease-out); }
@keyframes v5Fade{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
.v5-tabpane__desc{ text-align:center; max-width:720px; margin:0 auto 30px !important; color:var(--text); }
.v5-svc-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.v5-svc{ position:relative; display:flex; flex-direction:column; padding:28px 26px 24px; border-radius:var(--r-card); background:#fff; border:1px solid rgba(0,38,99,.07); box-shadow:var(--sh-card); color:var(--text) !important; overflow:hidden; transition:transform .4s var(--ease-out), box-shadow .4s, border-color .4s; }
.v5-svc::before{ content:""; position:absolute; inset:0 0 auto; height:3px; background:var(--g-gold); transform:scaleX(0); transform-origin:right; transition:transform .5s var(--ease-out); }
.v5-svc:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); border-color:rgba(197,160,71,.35); }
.v5-svc:hover::before{ transform:scaleX(1); }
.v5-svc__ic{ width:58px; height:58px; display:grid; place-items:center; border-radius:14px; background:linear-gradient(140deg,rgba(0,38,99,.08),rgba(197,160,71,.14)); color:var(--navy); font-size:22px; margin-bottom:16px; transition:background .4s,color .4s; }
.v5-svc:hover .v5-svc__ic{ background:var(--g-navy); color:var(--gold-2); }
.v5-svc__cat{ font-size:12px; font-weight:700; color:var(--gold-3); margin-bottom:6px; }
body.mk-site .v5-svc h3{ font-size:18px; margin-bottom:8px; }
body.mk-site .v5-svc p{ font-size:14.5px; line-height:1.85; color:var(--text); flex:1; }
.v5-svc__go{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-head); font-weight:600; font-size:14px; color:var(--gold-3); }
.v5-svc__go i{ font-size:12px; transition:transform .3s; }
.v5-svc:hover .v5-svc__go i{ transform:translateX(-5px); }
@media (max-width:1000px){ .v5-svc-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .v5-svc-grid{ grid-template-columns:1fr; } .v5-tabs{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; scrollbar-width:none; } .v5-tab{ flex:none; } }

/* صفحة الخدمات */
.v5-svc-intro{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; margin-bottom:50px; border-radius:var(--r-card); background:linear-gradient(120deg,rgba(0,38,99,.05),rgba(197,160,71,.08)); border:1px solid var(--line); }
body.mk-site .v5-svc-intro p{ margin:0; font-family:var(--f-head); color:var(--navy-2); font-size:16px; }
.v5-catblock{ margin-bottom:64px; }
.v5-catblock:last-child{ margin-bottom:0; }
.v5-catblock__head{ display:flex; gap:20px; align-items:center; margin-bottom:26px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.v5-catblock__ic{ flex:none; width:68px; height:68px; display:grid; place-items:center; border-radius:16px; background:var(--g-navy); color:var(--gold-2); font-size:26px; box-shadow:0 14px 28px -14px rgba(0,38,99,.7); }
.v5-catblock__head .kicker{ margin-bottom:4px; }
body.mk-site .v5-catblock__head h2{ font-size:clamp(22px,2.6vw,28px); margin-bottom:4px; }
body.mk-site .v5-catblock__head p{ margin:0; color:var(--text); }
@media (max-width:640px){ .v5-catblock__head{ align-items:flex-start; } .v5-catblock__ic{ width:54px; height:54px; font-size:20px; } }

/* صفحة الخدمة */
.v5-svc-hero .page-hero__inner{ max-width:820px; }
.v5-svc-hero__ic{ display:grid; place-items:center; width:64px; height:64px; border-radius:16px; background:var(--g-gold); color:#fff; font-size:26px; margin:14px 0 18px; box-shadow:0 14px 28px -12px rgba(197,160,71,.7); }
.v5-svc-hero p{ font-size:17px; color:rgba(255,255,255,.85); max-width:640px; }
.v5-sd{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:48px; align-items:start; }
.v5-sd__block{ margin-bottom:46px; }
body.mk-site .v5-sd__block h2{ font-size:clamp(22px,2.4vw,28px); }
.v5-incl{ display:grid; gap:12px; }
.v5-incl li{ display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:12px; background:var(--g-paper); border:1px solid var(--line); font-weight:500; color:var(--ink); transition:border-color .3s, transform .3s; }
.v5-incl li:hover{ border-color:var(--gold); transform:translateX(-4px); }
.v5-incl li span{ flex:none; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--g-navy); color:#fff; font-family:var(--f-head); font-size:13px; }
.v5-for{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.v5-for li{ display:flex; gap:12px; align-items:center; padding:16px; border-radius:12px; background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); color:var(--ink); }
.v5-for i{ color:var(--gold); font-size:18px; }
.v5-steps{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; counter-reset:st; }
.v5-steps li{ position:relative; padding:22px 16px; border-radius:12px; background:#fff; border:1px solid var(--line); text-align:center; }
.v5-steps li::after{ counter-increment:st; content:counter(st); position:absolute; top:10px; inset-inline-end:14px; font-family:var(--f-head); font-weight:700; color:var(--paper-2); font-size:30px; line-height:1; }
.v5-steps__ic{ display:grid; place-items:center; width:48px; height:48px; margin:0 auto 12px; border-radius:50%; background:var(--gold-soft); color:var(--gold-3); font-size:18px; }
.v5-steps b{ display:block; font-family:var(--f-head); color:var(--navy-2); font-size:15px; }
.v5-steps small{ display:block; color:var(--muted); font-size:13px; line-height:1.7; margin-top:4px; }
.v5-sd__side{ position:sticky; top:130px; display:grid; gap:18px; }
.v5-sd__cta{ padding:30px 26px; border-radius:18px; background:var(--g-navy); color:rgba(255,255,255,.82); text-align:center; box-shadow:var(--sh-hover); }
.v5-sd__cta-ic{ display:grid; place-items:center; width:60px; height:60px; margin:0 auto 14px; border-radius:50%; background:rgba(197,160,71,.18); color:var(--gold-2); font-size:24px; }
body.mk-site .v5-sd__cta h3{ color:#fff; font-size:20px; }
body.mk-site .v5-sd__cta p{ font-size:14.5px; }
.v5-sd__phone{ display:inline-flex; gap:8px; align-items:center; margin-top:14px; color:#fff !important; font-weight:600; }
.v5-sd__phone i{ color:var(--gold-2); }
.v5-sd__list{ padding:22px; border-radius:16px; background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); }
body.mk-site .v5-sd__list h4{ font-size:16px; margin-bottom:12px; padding-bottom:10px; border-bottom:2px solid var(--gold); display:inline-block; }
.v5-sd__list a{ display:flex; align-items:center; gap:10px; padding:10px 6px; border-bottom:1px solid var(--line); font-size:14.5px; color:var(--navy-2) !important; }
.v5-sd__list li:last-child a{ border-bottom:0; }
.v5-sd__list a i{ width:18px; text-align:center; color:var(--gold); }
.v5-sd__list a:hover{ color:var(--gold-3) !important; padding-inline-start:10px; }
.v5-sd__list small{ color:var(--muted); }
.v5-sd__all{ display:flex; align-items:center; justify-content:center; gap:10px; padding:14px; border-radius:12px; border:1px dashed var(--gold); font-family:var(--f-head); font-weight:600; color:var(--navy) !important; }
@media (max-width:1000px){ .v5-sd{ grid-template-columns:1fr; } .v5-sd__side{ position:static; } .v5-steps{ grid-template-columns:1fr 1fr; } }

/* ---------- الفريق ---------- */
.v5-founders{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:28px; }
.v5-founder{ display:grid; grid-template-columns:200px 1fr; gap:24px; padding:22px; border-radius:18px; background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); transition:transform .4s var(--ease-out), box-shadow .4s; }
.v5-founder:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); }
.v5-founder__photo{ position:relative; aspect-ratio:4/5; border-radius:14px; overflow:hidden; background:var(--g-navy); }
.v5-founder__photo img{ width:100%; height:100%; object-fit:cover; }
.v5-founder__tag{ position:absolute; bottom:10px; inset-inline:10px; text-align:center; padding:6px; border-radius:8px; background:rgba(0,26,69,.82); color:var(--gold-2); font-size:12.5px; font-weight:700; backdrop-filter:blur(4px); }
body.mk-site .v5-founder h3{ font-size:20px; margin-bottom:6px; }
.v5-role{ display:inline-block; font-size:13px; font-weight:700; color:var(--gold-3); background:var(--gold-soft); padding:3px 12px; border-radius:20px; margin-bottom:12px; }
.v5-checks{ display:grid; gap:8px; }
.v5-checks li{ position:relative; padding-inline-start:24px; font-size:14px; line-height:1.75; color:var(--text); }
.v5-checks li::before{ content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; inset-inline-start:0; top:2px; color:var(--gold); font-size:12px; }
.v5-checks--sm li{ font-size:13px; }
.v5-avatar{ position:absolute; inset:0; display:grid; place-items:center; background:var(--g-navy); }
.v5-avatar span{ font-family:var(--f-head); font-size:56px; font-weight:700; background:var(--g-gold); -webkit-background-clip:text; background-clip:text; color:transparent; }
.v5-crew{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:18px; }
.v5-member{ text-align:center; padding:20px 16px 22px; border-radius:16px; background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); transition:transform .4s var(--ease-out), box-shadow .4s; }
.v5-member:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); }
.v5-member__photo{ position:relative; width:118px; height:118px; margin:0 auto 14px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 5px #fff, 0 0 0 6px rgba(197,160,71,.5); background:var(--g-navy); }
.v5-member__photo img{ width:100%; height:100%; object-fit:cover; }
.v5-member .v5-avatar span{ font-size:40px; }
.v5-member strong{ display:block; font-family:var(--f-head); color:var(--ink); font-size:16px; margin-bottom:6px; }
.v5-member .v5-checks{ text-align:start; margin-top:8px; }
@media (max-width:1000px){ .v5-founders{ grid-template-columns:1fr; } }
@media (max-width:560px){ .v5-founder{ grid-template-columns:1fr; } .v5-founder__photo{ max-width:180px; width:100%; margin:0 auto; } .v5-crew{ grid-template-columns:1fr 1fr; gap:12px; } .v5-member__photo{ width:90px; height:90px; } }

/* ---------- المنتجات ---------- */
.v5-prod-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; }
.v5-prod{ display:flex; flex-direction:column; padding:26px 24px; border-radius:var(--r-card); background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); transition:transform .4s var(--ease-out), box-shadow .4s; }
.v5-prod:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); }
.v5-prod[hidden]{ display:none; }
.v5-prod__top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.v5-prod__ic{ width:58px; height:58px; display:grid; place-items:center; border-radius:14px; background:var(--g-navy); color:var(--gold-2); font-size:22px; }
.v5-prod__cat{ font-size:12px; font-weight:700; color:var(--gold-3); background:var(--gold-soft); padding:4px 12px; border-radius:20px; }
body.mk-site .v5-prod h3{ font-size:19px; }
body.mk-site .v5-prod p{ font-size:14.5px; flex:1; }
.v5-prod__btns{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.v5-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 30px; }
.v5-chip{ display:inline-flex; align-items:center; gap:8px; padding:9px 18px; border-radius:30px; border:1px solid var(--line-2); background:#fff; font-family:var(--f-head); font-weight:600; font-size:14px; color:var(--navy-2); cursor:pointer; transition:all .3s; }
.v5-chip span{ font-size:12px; min-width:22px; height:22px; display:inline-grid; place-items:center; border-radius:20px; background:var(--paper); color:var(--muted); }
.v5-chip.is-active{ background:var(--g-navy); color:#fff; border-color:transparent; }
.v5-chip.is-active span{ background:rgba(255,255,255,.18); color:#fff; }
@media (max-width:640px){ .v5-chips{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; scrollbar-width:none; } .v5-chip{ flex:none; } }

/* عارض الملفات */
.v5-viewer{ position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:20px; }
.v5-viewer[hidden]{ display:none; }
.v5-viewer__bg{ position:absolute; inset:0; background:rgba(0,16,46,.75); backdrop-filter:blur(4px); }
.v5-viewer__box{ position:relative; width:min(1000px,100%); height:min(86vh,900px); display:flex; flex-direction:column; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 40px 80px rgba(0,0,0,.4); animation:v5Fade .35s var(--ease-out); }
.v5-viewer__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; background:var(--g-navy); color:#fff; font-family:var(--f-head); }
.v5-viewer__head button{ width:36px; height:36px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; cursor:pointer; font-size:16px; }
.v5-viewer iframe{ flex:1; width:100%; border:0; }

/* ---------- المقالات ---------- */
.v5-feat{ display:grid; grid-template-columns:1.1fr 1fr; border-radius:18px; overflow:hidden; background:#fff; box-shadow:var(--sh-hover); margin-bottom:40px; }
.v5-feat__media{ position:relative; min-height:340px; display:block; overflow:hidden; }
.v5-feat__media .mk-bgimg{ transition:transform 1.2s var(--ease-out); }
.v5-feat:hover .v5-feat__media .mk-bgimg{ transform:scale(1.05); }
.v5-feat__badge{ position:absolute; top:16px; inset-inline-start:16px; padding:6px 14px; border-radius:20px; background:var(--g-gold); color:#fff; font-size:13px; font-weight:700; }
.v5-feat__body{ padding:38px 36px; display:flex; flex-direction:column; justify-content:center; }
body.mk-site .v5-feat__body h2{ font-size:clamp(22px,2.4vw,30px); }
.v5-feat__body .btn{ align-self:flex-start; }
.v5-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; font-size:13px; color:var(--muted); margin-bottom:10px; }
.v5-meta i{ color:var(--gold); }
.v5-meta__cat{ font-weight:700; color:var(--gold-3); background:var(--gold-soft); padding:3px 12px; border-radius:20px; }
.v5-art-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.v5-art{ display:flex; flex-direction:column; border-radius:var(--r-card); overflow:hidden; background:#fff; border:1px solid var(--line); box-shadow:var(--sh-card); transition:transform .4s var(--ease-out), box-shadow .4s; }
.v5-art[hidden]{ display:none; }
.v5-art:hover{ transform:translateY(-6px); box-shadow:var(--sh-hover); }
.v5-art__media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; }
.v5-art__media .mk-bgimg{ transition:transform 1s var(--ease-out); }
.v5-art:hover .v5-art__media .mk-bgimg{ transform:scale(1.07); }
.v5-art__cat{ position:absolute; top:12px; inset-inline-start:12px; padding:4px 12px; border-radius:20px; background:rgba(0,26,69,.85); color:var(--gold-2); font-size:12px; font-weight:700; }
.v5-art__body{ display:flex; flex-direction:column; flex:1; padding:20px 22px 22px; }
body.mk-site .v5-art h3{ font-size:17px; line-height:1.6; }
body.mk-site .v5-art h3 a:hover{ color:var(--gold-3); }
body.mk-site .v5-art p{ font-size:14px; flex:1; }
@media (max-width:1000px){ .v5-art-grid{ grid-template-columns:1fr 1fr; } .v5-feat{ grid-template-columns:1fr; } .v5-feat__media{ min-height:220px; } .v5-feat__body{ padding:26px; } }
@media (max-width:640px){ .v5-art-grid{ grid-template-columns:1fr; } }
.v5-post{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; align-items:start; }
.v5-post__side{ position:sticky; top:130px; display:grid; gap:18px; }
.v5-post .entry-content{ font-size:17px; line-height:2.05; }
@media (max-width:1000px){ .v5-post{ grid-template-columns:1fr; } .v5-post__side{ position:static; } }
.v5-progress{ position:fixed; top:0; inset-inline:0; height:3px; z-index:1500; pointer-events:none; }
.v5-progress span{ display:block; height:100%; width:0; background:var(--g-gold); }

/* ---------- عن مكين ---------- */
.v5-about-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; }
.v5-about-links a{ display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:40px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); color:#fff !important; font-family:var(--f-head); font-weight:600; font-size:14.5px; backdrop-filter:blur(4px); transition:background .3s, border-color .3s; }
.v5-about-links a i{ color:var(--gold-2); }
.v5-about-links a:hover{ background:var(--g-gold); border-color:transparent; }
.v5-about-links a:hover i{ color:#fff; }

/* ---------- زر الاستشارة العائم + شريط الجوال ---------- */
.v5-float-cta{ position:fixed; bottom:24px; right:24px; z-index:890; display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border:0; border-radius:40px; background:var(--g-gold); color:#fff; font-family:var(--f-head); font-weight:700; font-size:15px; cursor:pointer; box-shadow:0 16px 34px -12px rgba(168,133,47,.8); transform:translateY(120px); opacity:0; transition:transform .5s var(--ease-out), opacity .4s, box-shadow .3s; }
.v5-float-cta.is-on{ transform:none; opacity:1; }
.v5-float-cta:hover{ box-shadow:0 20px 40px -10px rgba(168,133,47,.95); }
.v5-mbar{ display:none; }
@media (max-width:760px){
  .v5-float-cta{ display:none; }
  .v5-mbar{ position:fixed; bottom:0; inset-inline:0; z-index:950; display:grid; grid-template-columns:1fr 1.5fr 1fr; align-items:stretch; background:#fff; box-shadow:0 -10px 30px -10px rgba(0,38,99,.3); padding-bottom:env(safe-area-inset-bottom); }
  .v5-mbar a,.v5-mbar button{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:9px 4px; border:0; background:none; font-family:var(--f-head); font-size:12px; font-weight:600; color:var(--navy) !important; cursor:pointer; }
  .v5-mbar i{ font-size:18px; color:var(--gold-3); }
  .v5-mbar .fa-whatsapp{ color:#1f9d55; }
  .v5-mbar .v5-mbar__main{ background:var(--g-navy); color:#fff !important; }
  .v5-mbar .v5-mbar__main i{ color:var(--gold-2); }
  body.mk-site.mk-v5{ padding-bottom:62px; }
  body.mk-site.mk-v5 .whatsapp-float{ display:none; }
  body.mk-site.mk-v5 .to-top{ bottom:76px !important; }
}

/* ---------- جوال: وضوح أكبر ---------- */
@media (max-width:640px){
  body.mk-site.mk-v5{ font-size:15.5px; }
  .mk-v5 .sec-head{ margin-bottom:34px; }
  .mk-v5 .btn{ padding:13px 24px; }
  .mk-v5 .center-btn{ margin-top:32px; }
}

/* ---------- تقليل الحركة ---------- */
html.reduce-motion .mk-v5 *,html.reduce-motion .hc-book::after{ animation:none !important; transition:none !important; }
@media (min-width:1001px){
  .mk-v5 .hdr-upper .main-navigation .sub-menu{ top:100%; padding:6px 0; background:#fff; box-shadow:0 24px 50px -20px rgba(0,38,99,.4); }
  .mk-v5 .hdr-upper .main-navigation .sub-menu li{ height:auto; display:block; }
  body.mk-site.mk-v5 .hdr-upper .main-navigation .sub-menu a{ height:auto; padding:12px 20px; font-size:14.5px; white-space:nowrap; border-bottom:1px solid var(--line); color:var(--navy-2); }
  body.mk-site.mk-v5 .hdr-upper .main-navigation .sub-menu li:last-child a{ border-bottom:0; }
  body.mk-site.mk-v5 .hdr-upper .main-navigation .sub-menu a:hover{ background:var(--g-navy); color:#fff; }
  body.mk-site.mk-v5 .hdr-upper .main-navigation .v5-sub-all a{ margin-top:4px; }
}

/* ---------- v5.0.1 — الهيدر يتكيّف مع عرض الشعار: لا تداخل بين القائمة والشعار وزر الاستشارة ---------- */
@media (min-width:1001px){
  .mk-v5 .hdr-upper .container{ max-width:1440px; }
  .mk-v5 .logo-box__mark--img{ height:62px; max-width:150px; }
  .mk-v5 .hdr-upper .main-navigation{ overflow:visible; }
  .mk-v5 .hdr-upper .main-navigation .menu{ flex-wrap:nowrap; }
  html.hfit-1 body.mk-site .hdr-upper .main-navigation > .menu > li > a{ padding:0 8px; font-size:14px; }
  html.hfit-1 .hdr-upper .main-navigation > .menu > li > a::after{ inset-inline:8px; }
  html.hfit-1 .main-navigation > .menu > li + li::before{ display:none; }
  html.hfit-2 .hdr-upper .hc-book span{ display:none; }
  html.hfit-2 .hdr-upper .hc-book{ padding-inline:16px; }
  html.hfit-3 .logo-box__text small{ display:none; }
  html.hfit-3 body.mk-site .hdr-upper .main-navigation > .menu > li > a{ padding:0 6px; font-size:13.5px; }
  /* آخر حل: القائمة في سطر مستقل تحت الشعار */
  html.hfit-4 .hdr-upper__in{ flex-wrap:wrap; height:auto; row-gap:0; }
  html.hfit-4 .hdr-upper .main-navigation{ order:5; flex:0 0 100%; border-top:1px solid var(--line); }
  html.hfit-4 .hdr-upper .main-navigation .menu{ height:56px; justify-content:center; width:100%; }
  html.hfit-4 body.mk-site .hdr-upper .main-navigation > .menu > li > a{ padding:0 14px; font-size:15px; }
  html.hfit-4 .hdr-upper .hc-book{ margin-inline-start:auto; }
  html.hfit-4 .hdr-upper .hc-book span{ display:inline; }
  html.hfit-4 .logo-box__text small{ display:block; }
  html.hfit-4 .v5-subnav{ top:156px; }
}

/* ---------- v5.1 — خلفيات حية للأقسام الكحلي (رحلة العميل، شريط الاستشارة، رؤوس الصفحات) ---------- */
.mk-v5 .section--navy,.mk-v5 .cta-band,.mk-v5 .v5-ach{ position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(125deg,#001a45 0%,#002663 30%,#0a3a85 55%,#002663 78%,#001a45 100%); background-size:260% 260%; animation:v5Grad 18s ease-in-out infinite alternate; }
@keyframes v5Grad{ 0%{ background-position:0% 40%; } 100%{ background-position:100% 60%; } }
/* أضواء ذهبية وزرقاء تتحرك ببطء */
.mk-v5 .section--navy::before,.mk-v5 .cta-band::before{ content:""; position:absolute; inset:-30%; z-index:-1; pointer-events:none;
  background:radial-gradient(28% 32% at 20% 30%,rgba(197,160,71,.20),transparent 70%),radial-gradient(30% 34% at 80% 70%,rgba(60,120,210,.28),transparent 70%),radial-gradient(22% 26% at 60% 15%,rgba(216,185,104,.12),transparent 70%);
  animation:v5Orbs 22s ease-in-out infinite alternate; }
@keyframes v5Orbs{ 0%{ transform:translate3d(0,0,0) rotate(0deg); } 50%{ transform:translate3d(4%,-3%,0) rotate(8deg); } 100%{ transform:translate3d(-4%,3%,0) rotate(-6deg); } }
/* شبكة نقاط خفيفة تنساب */
.mk-v5 .section--navy::after,.mk-v5 .cta-band::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35;
  background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.4px); background-size:34px 34px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent); mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);
  animation:v5Dots 40s linear infinite; }
@keyframes v5Dots{ to{ background-position:340px 170px; } }
.mk-v5 .section--navy > .container,.mk-v5 .cta-band > .container{ position:relative; z-index:1; }
/* خط رحلة العميل: وميض يمر على الخط */
.mk-v5 #journey .cj__line{ overflow:hidden; }
.mk-v5 #journey .cj__line::after{ content:""; position:absolute; top:0; bottom:0; width:120px; background:linear-gradient(90deg,transparent,rgba(232,206,140,.9),transparent); animation:v5Sweep 4.5s ease-in-out infinite; }
@keyframes v5Sweep{ 0%{ right:-120px; } 100%{ right:100%; } }
.mk-v5 #journey .cj__dot{ animation:v5Pulse 3s ease-in-out infinite; }
.mk-v5 #journey .cj__step:nth-child(3) .cj__dot{ animation-delay:.4s; } .mk-v5 #journey .cj__step:nth-child(4) .cj__dot{ animation-delay:.8s; }
.mk-v5 #journey .cj__step:nth-child(5) .cj__dot{ animation-delay:1.2s; } .mk-v5 #journey .cj__step:nth-child(6) .cj__dot{ animation-delay:1.6s; }
.mk-v5 #journey .cj__step:nth-child(7) .cj__dot{ animation-delay:2s; } .mk-v5 #journey .cj__step:nth-child(8) .cj__dot{ animation-delay:2.4s; }
@keyframes v5Pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(197,160,71,0); } 50%{ box-shadow:0 0 0 8px rgba(197,160,71,.18); } }
/* رؤوس الصفحات: صورة تتحرك ببطء + لمعة */
.mk-v5 .page-hero::before{ content:""; position:absolute; inset:-20%; z-index:1; pointer-events:none; background:radial-gradient(26% 40% at 15% 60%,rgba(197,160,71,.16),transparent 70%),radial-gradient(30% 40% at 85% 30%,rgba(60,120,210,.2),transparent 70%); animation:v5Orbs 20s ease-in-out infinite alternate; }
.mk-v5 .page-hero__inner{ z-index:2; }
html.reduce-motion .mk-v5 .section--navy,html.reduce-motion .mk-v5 .cta-band,html.reduce-motion .mk-v5 .section--navy::before,html.reduce-motion .mk-v5 .section--navy::after,html.reduce-motion .mk-v5 .cta-band::before,html.reduce-motion .mk-v5 .cta-band::after,html.reduce-motion .mk-v5 .page-hero::before{ animation:none !important; }
@media (max-width:900px){
  .mk-v5 #journey .cj__line::after{ width:auto; height:90px; inset-inline:0; background:linear-gradient(180deg,transparent,rgba(232,206,140,.9),transparent); animation:v5SweepV 4.5s ease-in-out infinite; }
}
@keyframes v5SweepV{ 0%{ top:-90px; } 100%{ top:100%; } }

/* ---------- v5.2 — حركة في كل خلفيات الموقع ---------- */
.v5-host{ position:relative; isolation:isolate; }
.v5-host > .container,.v5-host > .mk-slide,.v5-host > .mk-hero__ui,.v5-host > .mk-marquee{ position:relative; z-index:1; }
.banner.v5-host > .mk-slide{ position:absolute; }
.banner.v5-host > .mk-slide.is-active{ z-index:1; }
.v5-live{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.banner > .v5-live{ z-index:2; }
.v5-blob{ position:absolute; width:46vw; height:46vw; max-width:620px; max-height:620px; border-radius:50%; filter:blur(10px); will-change:transform; }
.v5-blob--a{ top:-22%; right:-12%; animation:v5BlobA 26s ease-in-out infinite alternate; }
.v5-blob--b{ bottom:-26%; left:-14%; animation:v5BlobB 32s ease-in-out infinite alternate; }
.v5-live--light .v5-blob--a{ background:radial-gradient(circle,rgba(197,160,71,.13),transparent 65%); }
.v5-live--light .v5-blob--b{ background:radial-gradient(circle,rgba(10,58,133,.09),transparent 65%); }
.v5-live--dark .v5-blob--a{ background:radial-gradient(circle,rgba(197,160,71,.16),transparent 65%); }
.v5-live--dark .v5-blob--b{ background:radial-gradient(circle,rgba(80,140,230,.18),transparent 65%); }
@keyframes v5BlobA{ 0%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(-18%,14%,0) scale(1.12); } 100%{ transform:translate3d(-30%,-6%,0) scale(.95); } }
@keyframes v5BlobB{ 0%{ transform:translate3d(0,0,0) scale(1); } 50%{ transform:translate3d(20%,-12%,0) scale(1.1); } 100%{ transform:translate3d(34%,8%,0) scale(.92); } }
/* أشكال هندسية خفيفة */
.v5-sh{ position:absolute; display:block; will-change:transform; }
.v5-live--light .v5-sh{ border-color:rgba(197,160,71,.32); }
.v5-live--dark .v5-sh{ border-color:rgba(255,255,255,.22); }
.v5-sh--ring{ width:180px; height:180px; border:1.5px dashed; border-radius:50%; top:8%; left:5%; animation:v5Spin 40s linear infinite; }
.v5-sh--sq{ width:56px; height:56px; border:1.5px solid; border-radius:10px; bottom:14%; right:7%; animation:v5Float 9s ease-in-out infinite, v5Spin 24s linear infinite; }
.v5-sh--dia{ width:26px; height:26px; border:1.5px solid; transform:rotate(45deg); top:22%; right:22%; animation:v5Bob 7s ease-in-out infinite; }
.v5-sh--dot{ width:10px; height:10px; border-radius:50%; bottom:22%; left:30%; animation:v5Bob 5.5s ease-in-out infinite; }
.v5-live--light .v5-sh--dot{ background:rgba(197,160,71,.45); }
.v5-live--dark .v5-sh--dot{ background:rgba(255,255,255,.4); }
.v5-sh--arc{ width:320px; height:320px; border:1px solid; border-radius:50%; border-left-color:transparent !important; border-bottom-color:transparent !important; bottom:-160px; right:30%; animation:v5Spin 50s linear infinite reverse; }
.v5-live--v1 .v5-sh--ring{ left:auto; right:4%; top:auto; bottom:10%; }
.v5-live--v1 .v5-sh--sq{ right:auto; left:9%; bottom:auto; top:16%; }
.v5-live--v1 .v5-sh--dia{ right:auto; left:40%; top:auto; bottom:12%; }
.v5-live--v2 .v5-sh--ring{ left:42%; top:-60px; }
.v5-live--v2 .v5-sh--dot{ left:auto; right:12%; bottom:auto; top:30%; }
.v5-live--v2 .v5-sh--arc{ right:auto; left:-120px; bottom:auto; top:-140px; }
@keyframes v5Spin{ to{ rotate:360deg; } }
@keyframes v5Float{ 0%,100%{ translate:0 0; } 50%{ translate:0 -18px; } }
@keyframes v5Bob{ 0%,100%{ translate:0 0; } 50%{ translate:12px -14px; } }
/* البانر: أشكال أخف حتى لا تشوش على الكلام */
.banner > .v5-live .v5-sh{ opacity:.6; }
.banner > .v5-live .v5-blob{ opacity:.7; }
/* حركة إضافية: أيقونات الأقسام والكروت */
.mk-v5 .sec-icon i{ display:inline-block; animation:v5Sway 4s ease-in-out infinite; transform-origin:50% 10%; }
@keyframes v5Sway{ 0%,100%{ rotate:-6deg; } 50%{ rotate:6deg; } }
.mk-v5 .v5-quick__ic,.mk-v5 .v5-badge__ic,.mk-v5 .v5-catblock__ic{ animation:v5Glow 4s ease-in-out infinite; }
.mk-v5 .v5-badge:nth-child(2n) .v5-badge__ic{ animation-delay:1s; } .mk-v5 .v5-badge:nth-child(3n) .v5-badge__ic{ animation-delay:2s; }
@keyframes v5Glow{ 0%,100%{ box-shadow:0 0 0 0 rgba(197,160,71,0); } 50%{ box-shadow:0 0 0 7px rgba(197,160,71,.16); } }
.mk-v5 .sec-head .sec-title::after{ background-size:200% 100%; }
@media (max-width:760px){
  .v5-sh--arc,.v5-sh--ring{ display:none; }
  .v5-blob{ width:80vw; height:80vw; }
}
html.reduce-motion .v5-live,html.reduce-motion .mk-v5 .sec-icon i{ display:none; animation:none !important; }