/* =====================================================
   مكين v6 — طابع فاخر مستوحى من مواقع المكاتب الكبرى:
   هيدر داكن شفاف فوق الواجهة، شعار عملاق متحرك، فواصل ذهبية، كروت خدمات داكنة،
   رؤوس صفحات بلمسة ذهبية، شريط "للأعلى" جانبي، وحركات دخول أنيقة.
===================================================== */
:root{
  --v6-ink:#0b1630; --v6-navy:#0f1f45; --v6-navy-2:#16295a;
  --v6-gold:#c5a047; --v6-gold-l:#e3c784; --v6-gold-d:#9c7a2c;
  --v6-g-gold:linear-gradient(120deg,#e6cb85 0%,#c5a047 45%,#a5822f 100%);
}

/* ---------- شاشة الافتتاح ---------- */
body.mk-site #mk-preloader{ background:radial-gradient(60% 60% at 50% 45%,#13244f 0%,#0b1630 60%,#070f22 100%); }
.v6-pre-ring{ position:relative; display:grid; place-items:center; width:150px; height:150px; margin:0 auto 22px; border-radius:50%; border:1px solid rgba(197,160,71,.35); box-shadow:0 0 60px rgba(197,160,71,.12) inset; }
.v6-pre-ring::before{ content:""; position:absolute; inset:-1px; border-radius:50%; border:2px solid transparent; border-top-color:var(--v6-gold); animation:v6Spin 1.4s linear infinite; }
.v6-pre-ring .mk-pre-mark{ margin:0; width:76px; height:76px; animation:v6Breath 2.4s ease-in-out infinite; }
.v6-pre-tag{ display:block; font-size:13px; color:var(--v6-gold-l); margin:-10px 0 18px; letter-spacing:.02em; }
.v6-pre-dots{ display:flex; justify-content:center; gap:6px; margin-top:16px; }
.v6-pre-dots i{ width:6px; height:6px; border-radius:50%; background:#fff; opacity:.3; animation:v6Dot 1.2s ease-in-out infinite; }
.v6-pre-dots i:nth-child(2){ animation-delay:.2s; } .v6-pre-dots i:nth-child(3){ animation-delay:.4s; }
@keyframes v6Spin{ to{ transform:rotate(360deg); } }
@keyframes v6Breath{ 0%,100%{ transform:scale(.94); opacity:.85; } 50%{ transform:scale(1.04); opacity:1; } }
@keyframes v6Dot{ 0%,100%{ opacity:.25; transform:translateY(0); } 50%{ opacity:1; transform:translateY(-4px); } }

/* ---------- الهيدر الداكن ---------- */
@media (min-width:1001px){ body.mk-site.mk-v5 .hdr-top{ display:none; } }
body.mk-site.mk-v5 .site-header{ background:linear-gradient(180deg,rgba(11,22,48,.97),rgba(15,31,69,.95)); box-shadow:0 10px 30px -18px rgba(0,0,0,.6); border-bottom:1px solid rgba(197,160,71,.18); backdrop-filter:blur(10px); }
body.mk-site.mk-v5 .hdr-upper{ background:transparent; }
body.mk-site.mk-v5 .logo-box{ background:transparent; margin-inline-start:0; padding-inline:0; }
body.mk-site.mk-v5 .logo-box::before,body.mk-site.mk-v5 .logo-box::after{ display:none; }
body.mk-site.mk-v5 .logo-box__text small{ color:rgba(255,255,255,.65); }
body.mk-site.mk-v5 .hdr-upper .main-navigation > .menu > li > a{ color:rgba(255,255,255,.9); }
body.mk-site.mk-v5 .hdr-upper .main-navigation > .menu > li > a:hover,
body.mk-site.mk-v5 .hdr-upper .main-navigation > .menu > .current-menu-item > a{ color:var(--v6-gold-l); }
body.mk-site.mk-v5 .main-navigation > .menu > li > a::after{ background:var(--v6-g-gold); height:2px; }
body.mk-site.mk-v5 .main-navigation > .menu > li + li::before{ background:rgba(255,255,255,.14); }
body.mk-site.mk-v5 .hc-book{ border-radius:4px !important; padding:12px 22px; font-size:14.5px; }
body.mk-site.mk-v5 .hc-book::after{ border-radius:6px; }
.v6-hact{ display:flex; align-items:center; gap:12px; flex:none; }
.v6-hact__ph{ color:#fff !important; font-family:var(--f-head); font-weight:600; font-size:14.5px; white-space:nowrap; }
.v6-hact__ph:hover{ color:var(--v6-gold-l) !important; }
.v6-hact__wa{ width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#1f9d55; color:#fff !important; font-size:19px; box-shadow:0 8px 18px -8px rgba(31,157,85,.8); transition:transform .3s; }
.v6-hact__wa:hover{ transform:scale(1.1); }
html.hfit-2 .v6-hact__ph,html.hfit-3 .v6-hact__ph{ display:none; }
html.hfit-4 .v6-hact__ph{ display:inline; }
html.hfit-4 body.mk-site.mk-v5 .hdr-upper .main-navigation{ border-top-color:rgba(255,255,255,.1); }
body.mk-site.mk-v5 .menu-toggle{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); }
@media (max-width:1000px){
  .v6-hact__ph{ display:none; }
  .v6-hact{ margin-inline-start:auto; }
  body.mk-site.mk-v5 .hdr-top{ display:none; }
}
/* الرئيسية: الهيدر شفاف فوق الواجهة ثم يصبح داكنًا عند التمرير */
@media (min-width:1001px){
  body.home.mk-site.mk-v5 .site-header{ position:fixed; top:0; inset-inline:0; background:linear-gradient(180deg,rgba(7,15,34,.65),rgba(7,15,34,0)); box-shadow:none; border-bottom-color:transparent; backdrop-filter:none; transition:background .45s, box-shadow .45s, border-color .45s; }
  body.home.admin-bar.mk-site.mk-v5 .site-header{ top:32px; }
  body.home.mk-site.mk-v5 .site-header.is-scrolled{ background:linear-gradient(180deg,rgba(11,22,48,.97),rgba(15,31,69,.95)); box-shadow:0 10px 30px -18px rgba(0,0,0,.6); border-bottom-color:rgba(197,160,71,.18); backdrop-filter:blur(10px); }
  body.home.mk-site.mk-v5 .banner{ height:100vh; min-height:640px; max-height:none; }
  body.home.mk-site.mk-v5 .banner .mk-slide__inner{ padding-top:90px; }
}

/* ---------- الواجهة: شعار عملاق متحرك + زر استشارة بإطار ---------- */
.banner .v6-emblem{ position:absolute; z-index:2; top:50%; left:7%; width:min(34vw,460px); aspect-ratio:1; transform:translateY(-50%); opacity:.16; color:var(--v6-gold); pointer-events:none; animation:v6Emblem 14s ease-in-out infinite alternate; filter:drop-shadow(0 20px 40px rgba(0,0,0,.4)); }
.banner .v6-emblem svg,.banner .v6-emblem img{ width:100%; height:100%; object-fit:contain; }
@keyframes v6Emblem{ 0%{ transform:translateY(-50%) scale(.96) rotate(-2deg); opacity:.12; } 100%{ transform:translateY(-54%) scale(1.04) rotate(2deg); opacity:.22; } }
body.mk-site.mk-v5 .banner .mk-slide::after{ content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(270deg,rgba(7,15,34,.92) 0%,rgba(7,15,34,.7) 45%,rgba(7,15,34,.35) 100%),linear-gradient(0deg,rgba(7,15,34,.85) 0%,transparent 40%); pointer-events:none; }
.banner .mk-slide__inner{ position:relative; z-index:3; }
.v6-cta{ display:inline-flex; align-items:center; gap:14px; padding:6px 6px 6px 22px; border:1px solid rgba(197,160,71,.6); border-radius:6px; background:rgba(7,15,34,.35); color:#fff; font-family:var(--f-head); font-size:17px; font-weight:600; cursor:pointer; backdrop-filter:blur(4px); transition:background .35s, border-color .35s, transform .35s; }
.v6-cta__ic{ width:46px; height:46px; display:grid; place-items:center; border-radius:4px; background:var(--v6-g-gold); color:#fff; font-size:19px; transition:transform .4s; }
.v6-cta:hover{ background:rgba(197,160,71,.18); border-color:var(--v6-gold); transform:translateY(-2px); }
.v6-cta:hover .v6-cta__ic{ transform:rotate(-8deg) scale(1.06); }
@media (max-width:1000px){ .banner .v6-emblem{ width:60vw; left:-10%; opacity:.1; } }

/* ---------- عناوين الأقسام: أيقونة مطرقة ذهبية + فواصل ---------- */
body.mk-site.mk-v5 .kicker{ color:var(--v6-gold-d); font-weight:600; }
body.mk-site.mk-v5 .sec-head--center .kicker::before,body.mk-site.mk-v5 .sec-head--center .kicker::after{ display:none; }
body.mk-site.mk-v5 .sec-head--center .kicker{ gap:8px; }
body.mk-site.mk-v5 .sec-head--center .kicker::before{ display:inline-block; content:"\f0e3"; font-family:"Font Awesome 6 Free"; font-weight:900; width:auto; height:auto; background:none; font-size:14px; color:var(--v6-gold); transform:scaleX(-1); }
body.mk-site.mk-v5 .sec-head--dark .kicker,body.mk-site.mk-v5 .section--navy .kicker{ color:var(--v6-gold-l); }
body.mk-site.mk-v5 .sec-title{ font-size:clamp(28px,3.4vw,44px); font-weight:700; letter-spacing:-.01em; }
.v6-div{ position:absolute; top:0; left:50%; z-index:2; width:min(1100px,86%); height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(197,160,71,.65),transparent); pointer-events:none; }
.v6-div::after{ content:""; position:absolute; left:50%; top:-5px; width:10px; height:10px; transform:translateX(-50%) rotate(45deg); background:var(--v6-gold); box-shadow:0 0 0 4px rgba(197,160,71,.15); }

/* ---------- كروت الخدمات الداكنة ---------- */
body.mk-site.mk-v5 .v5-svc{ padding:0 0 22px; overflow:hidden; border-radius:10px; }
.v6-svc__vis{ position:relative; display:grid; place-items:center; height:170px; margin-bottom:18px; overflow:hidden; background:radial-gradient(120% 90% at 30% 20%,#1d3366 0%,#0f1f45 45%,#070f22 100%); }
.v6-svc__vis::before{ content:""; position:absolute; inset:0; background:repeating-radial-gradient(circle at 15% 110%,transparent 0 38px,rgba(197,160,71,.12) 38px 39px); opacity:.9; }
.v6-svc__vis::after{ content:""; position:absolute; top:-60%; left:-30%; width:40%; height:220%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); transform:rotate(20deg); transition:left .9s var(--ease-out); }
.v5-svc:hover .v6-svc__vis::after{ left:120%; }
.v6-svc__mark{ position:absolute; width:120px; height:120px; opacity:.12; color:var(--v6-gold); transition:transform 1.2s var(--ease-out), opacity .6s; }
.v6-svc__mark svg,.v6-svc__mark img{ width:100%; height:100%; object-fit:contain; }
.v5-svc:hover .v6-svc__mark{ transform:scale(1.18) rotate(-6deg); opacity:.2; }
body.mk-site.mk-v5 .v6-svc__vis .v5-svc__ic{ position:relative; z-index:1; margin:0; width:66px; height:66px; border-radius:50%; background:rgba(255,255,255,.06); border:1px solid rgba(197,160,71,.55); color:var(--v6-gold-l); font-size:24px; box-shadow:0 0 0 8px rgba(197,160,71,.08); }
body.mk-site.mk-v5 .v5-svc:hover .v6-svc__vis .v5-svc__ic{ background:var(--v6-g-gold); color:#fff; border-color:transparent; }
.v6-svc__badge{ position:absolute; top:12px; inset-inline-end:12px; z-index:1; padding:4px 12px; border-radius:20px; background:var(--v6-g-gold); color:#fff; font-size:11.5px; font-weight:700; box-shadow:0 6px 14px -6px rgba(0,0,0,.5); }
body.mk-site.mk-v5 .v5-svc h3,body.mk-site.mk-v5 .v5-svc p,body.mk-site.mk-v5 .v5-svc__go{ padding-inline:22px; }
body.mk-site.mk-v5 .v5-svc::before{ z-index:2; }
body.mk-site.mk-v5 .v5-svc__go{ align-self:flex-start; margin-inline-start:22px; padding:7px 14px; border-radius:4px; background:var(--paper); font-size:13px; transition:background .3s,color .3s; }
body.mk-site.mk-v5 .v5-svc:hover .v5-svc__go{ background:var(--v6-g-gold); color:#fff; }

/* ---------- رؤوس الصفحات الداخلية بلمسة ذهبية ---------- */
body.mk-site.mk-v5 .page-hero{ padding:150px 0 120px; text-align:center; }
body.mk-site.mk-v5 .page-hero__bg .mk-bgimg{ opacity:.55; filter:sepia(.55) saturate(1.2) contrast(1.05); }
body.mk-site.mk-v5 .page-hero__bg::after{ background:linear-gradient(180deg,rgba(11,22,48,.55) 0%,rgba(60,45,15,.45) 50%,rgba(11,22,48,.88) 100%),radial-gradient(60% 70% at 50% 50%,rgba(197,160,71,.22),transparent 70%); }
body.mk-site.mk-v5 .page-hero__inner{ display:flex; flex-direction:column; align-items:center; }
body.mk-site.mk-v5 .page-hero h1{ font-size:clamp(34px,5vw,60px); text-shadow:0 6px 30px rgba(0,0,0,.45); order:1; }
body.mk-site.mk-v5 .page-hero p{ order:2; max-width:700px; margin-inline:auto; }
body.mk-site.mk-v5 .page-hero .crumbs{ order:3; display:inline-flex; gap:8px; padding:7px 18px; margin-top:10px; border-radius:4px; background:var(--v6-g-gold); color:#fff; font-size:13.5px; }
body.mk-site.mk-v5 .page-hero .crumbs a,body.mk-site.mk-v5 .page-hero .crumbs span{ color:#fff !important; opacity:1; }
body.mk-site.mk-v5 .page-hero .btn-group,body.mk-site.mk-v5 .page-hero .v5-svc-hero__ic{ order:2; justify-content:center; }
body.mk-site.mk-v5 .page-hero--post{ text-align:center; }
@media (max-width:640px){ body.mk-site.mk-v5 .page-hero{ padding:110px 0 80px; } }

/* ---------- شريط الدعوة: تدرج أبيض ← كحلي مع أشكال ذهبية ---------- */
body.mk-site.mk-v5 .cta-band{ background:linear-gradient(90deg,#0b1630 0%,#0f1f45 45%,#c9cfdb 82%,#ffffff 100%) !important; animation:none; padding:90px 0; }
html[dir=ltr] body.mk-site.mk-v5 .cta-band{ background:linear-gradient(270deg,#0b1630 0%,#0f1f45 45%,#c9cfdb 82%,#ffffff 100%) !important; }
body.mk-site.mk-v5 .cta-band::before{ inset:auto; left:-60px; bottom:-40px; width:260px; height:150px; border-radius:90px; background:var(--v6-g-gold); opacity:.85; transform:rotate(-28deg); animation:v6Pill 8s ease-in-out infinite alternate; }
body.mk-site.mk-v5 .cta-band::after{ inset:auto; right:8%; top:-120px; width:240px; height:240px; border-radius:50%; background:none; border:28px solid rgba(197,160,71,.55); -webkit-mask-image:none; mask-image:none; opacity:1; animation:v6Pill 10s ease-in-out infinite alternate-reverse; }
@keyframes v6Pill{ 0%{ translate:0 0; } 100%{ translate:24px -16px; } }
body.mk-site.mk-v5 .cta-band .cta-shape{ display:none; }
body.mk-site.mk-v5 .cta-band .btn-white{ background:var(--v6-g-gold); color:#fff !important; border-radius:4px; }
body.mk-site.mk-v5 .cta-band .btn-line{ border-radius:4px; }
body.mk-site.mk-v5 .cta-band .cta-band__ic{ background:var(--v6-g-gold); color:#fff; }
@media (max-width:900px){ body.mk-site.mk-v5 .cta-band{ background:linear-gradient(180deg,#0b1630 0%,#0f1f45 70%,#2b3d6b 100%) !important; } }

/* ---------- الأقسام الكحلي: درجات أعمق ---------- */
body.mk-site.mk-v5 .section--navy,body.mk-site.mk-v5 .v5-ach{ background:linear-gradient(125deg,#070f22 0%,#0f1f45 35%,#16295a 60%,#0f1f45 82%,#070f22 100%); background-size:260% 260%; }

/* ---------- كروت عامة: زوايا أنحف + إطار ذهبي عند المرور ---------- */
body.mk-site.mk-v5 .v5-badge,body.mk-site.mk-v5 .v5-prod,body.mk-site.mk-v5 .v5-art,body.mk-site.mk-v5 .v5-tl__card,body.mk-site.mk-v5 .v5-quick__item,body.mk-site.mk-v5 .v5-member,body.mk-site.mk-v5 .v5-founder{ border-radius:10px; }
body.mk-site.mk-v5 .v5-badge::after,body.mk-site.mk-v5 .v5-prod::after,body.mk-site.mk-v5 .v5-tl__card::after{ content:""; position:absolute; inset:0; border-radius:inherit; border:1px solid transparent; transition:border-color .4s; pointer-events:none; }
body.mk-site.mk-v5 .v5-prod,body.mk-site.mk-v5 .v5-tl__card{ position:relative; }
body.mk-site.mk-v5 .v5-badge:hover::after,body.mk-site.mk-v5 .v5-prod:hover::after,body.mk-site.mk-v5 .v5-tl__card:hover::after{ border-color:rgba(197,160,71,.6); }
/* صور الفريق بإطار زوايا ذهبية */
body.mk-site.mk-v5 .v5-founder__photo{ border-radius:6px; overflow:visible; }
body.mk-site.mk-v5 .v5-founder__photo > img,body.mk-site.mk-v5 .v5-founder__photo > .v5-avatar{ border-radius:6px; }
body.mk-site.mk-v5 .v5-founder__photo::before,body.mk-site.mk-v5 .v5-founder__photo::after{ content:""; position:absolute; width:34px; height:34px; border:2px solid var(--v6-gold); pointer-events:none; z-index:2; }
body.mk-site.mk-v5 .v5-founder__photo::before{ top:-8px; right:-8px; border-left:0; border-bottom:0; }
body.mk-site.mk-v5 .v5-founder__photo::after{ bottom:-8px; left:-8px; border-right:0; border-top:0; }

/* ---------- شريط "للأعلى" الجانبي ---------- */
.v6-rail{ position:fixed; left:22px; bottom:120px; z-index:880; display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--v6-gold-d) !important; text-decoration:none; opacity:0; transform:translateY(20px); transition:opacity .4s, transform .4s; }
.v6-rail.is-on{ opacity:1; transform:none; }
.v6-rail span{ writing-mode:vertical-rl; transform:rotate(180deg); font-family:var(--f-head); font-size:10px; font-weight:700; letter-spacing:.25em; }
.v6-rail i{ position:relative; display:block; width:2px; height:70px; background:rgba(197,160,71,.25); overflow:hidden; }
.v6-rail b{ position:absolute; left:0; right:0; bottom:0; height:var(--rp,0%); background:var(--v6-g-gold); }
body.mk-site.mk-v5 .whatsapp-float{ bottom:24px; }
@media (max-width:760px){ .v6-rail{ display:none; } }

/* ---------- حركات دخول أنيقة إضافية ---------- */
.mk-anim .v5-svc.reveal:not(.is-visible){ transform:translateY(34px) scale(.98); }
.mk-anim .v5-badge.reveal:not(.is-visible){ transform:translateY(30px) rotateX(18deg); }
.mk-anim .sec-head.reveal .sec-title{ transition:letter-spacing 1s var(--ease-out); }
.mk-anim .sec-head.reveal:not(.is-visible) .sec-title{ letter-spacing:.06em; }

/* ---------- الفوتر ---------- */
body.mk-site.mk-v5 .site-footer{ background:linear-gradient(180deg,#0f1f45 0%,#0b1630 100%); border-top:2px solid rgba(197,160,71,.5); }
body.mk-site.mk-v5 .site-footer h4{ color:#fff; position:relative; padding-bottom:10px; }
body.mk-site.mk-v5 .site-footer h4::after{ content:""; position:absolute; bottom:0; inset-inline-start:0; width:36px; height:2px; background:var(--v6-g-gold); }
body.mk-site.mk-v5 .site-footer .social-row a,body.mk-site.mk-v5 .site-footer .footer-social a{ border-radius:50%; }

html.reduce-motion .banner .v6-emblem,html.reduce-motion .v6-pre-ring::before,html.reduce-motion body.mk-site.mk-v5 .cta-band::before,html.reduce-motion body.mk-site.mk-v5 .cta-band::after{ animation:none !important; }

/* =====================================================
   v6.1 — مؤشر ماوس، ضوء يتبع الماوس، ميلان الكروت، أزرار مغناطيسية،
   ونصوص البانر تطلع وتنزل كلمة كلمة
===================================================== */
/* كلمات النص */
.fx-w{ display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.12em; margin-bottom:-.12em; }
.fx-w__i{ display:inline-block; will-change:transform; }
/* البانر: الكلمات تطلع من تحت للشريحة الداخلة وتطلع لفوق للخارجة */
.banner .mk-slide__title,.banner .mk-slide__text{ opacity:1 !important; transform:none !important; transition:none !important; }
.banner .mk-slide .fx-w__i{ transform:translateY(110%) rotate(4deg); opacity:0; transition:transform .75s cubic-bezier(.2,.8,.2,1), opacity .5s; }
.banner .mk-slide__text .fx-w__i{ transform:translateY(105%); transition-duration:.55s; }
.banner .mk-slide.is-active .fx-w__i{ transform:none; opacity:1; transition-delay:calc(.25s + var(--i) * .07s); }
.banner .mk-slide.is-active .mk-slide__text .fx-w__i{ transition-delay:calc(.75s + var(--i) * .018s); }
.banner .mk-slide.is-leaving .fx-w__i{ transform:translateY(-110%) rotate(-3deg); opacity:0; transition:transform .5s cubic-bezier(.6,0,.4,1), opacity .4s; transition-delay:calc(var(--i) * .025s); }
.banner .mk-slide__kicker{ transform:translateX(-40px) !important; opacity:0; transition:transform .7s cubic-bezier(.2,.8,.2,1), opacity .5s !important; }
.banner .mk-slide.is-active .mk-slide__kicker{ transform:none !important; opacity:1; transition-delay:.1s !important; }
.banner .mk-slide__btns{ transform:translateY(40px) scale(.95) !important; transition:transform .7s cubic-bezier(.2,.8,.2,1), opacity .5s !important; }
.banner .mk-slide.is-active .mk-slide__btns{ transform:none !important; transition-delay:1.05s !important; }
.banner .mk-slide.is-leaving .mk-slide__kicker,.banner .mk-slide.is-leaving .mk-slide__btns{ transform:translateY(-30px) !important; opacity:0; transition-delay:0s !important; }
.banner .mk-slide{ transition:opacity .8s ease, visibility .8s !important; }
/* خط ذهبي يمسح تحت عنوان الشريحة */
.banner .mk-slide__title{ position:relative; }
.banner .mk-slide__title::after{ content:""; position:absolute; bottom:-8px; inset-inline-start:0; width:120px; height:3px; background:var(--v6-g-gold); transform:scaleX(0); transform-origin:right; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
html[dir=ltr] .banner .mk-slide__title::after{ transform-origin:left; }
.banner .mk-slide.is-active .mk-slide__title::after{ transform:scaleX(1); transition-delay:.9s; }
/* بارالاكس الماوس في البانر */
.banner .v6-emblem{ translate:calc(var(--mx,0) * -60px) calc(var(--my,0) * -40px); }
.banner .mk-slide.is-active .mk-slide__inner{ translate:calc(var(--mx,0) * 18px) calc(var(--my,0) * 12px); }
.banner .mk-slide.is-active .mk-slide__bg{ translate:calc(var(--mx,0) * 22px) calc(var(--my,0) * 16px); scale:1.05; }

/* العناوين تظهر كلمة كلمة */
.sec-title .fx-w__i,.page-hero h1 .fx-w__i{ transform:translateY(105%); transition:transform .8s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--i) * .08s); }
.sec-title.fx-in .fx-w__i,.page-hero h1.fx-in .fx-w__i{ transform:none; }
.page-hero h1 .fx-w__i{ transition-delay:calc(.3s + var(--i) * .1s); }
.mk-anim .sec-head.reveal:not(.is-visible) .sec-title{ letter-spacing:normal; }

/* مؤشر الماوس */
html.fx-cursor,html.fx-cursor body{ cursor:auto; }
.fx-cur-dot,.fx-cur-ring{ position:fixed; top:0; left:0; z-index:100000; pointer-events:none; opacity:0; transition:opacity .3s; }
html.fx-cur-on .fx-cur-dot,html.fx-cur-on .fx-cur-ring{ opacity:1; }
.fx-cur-dot{ width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:var(--v6-gold); box-shadow:0 0 10px rgba(197,160,71,.8); }
.fx-cur-ring > span{ position:absolute; left:50%; top:50%; display:grid; place-items:center; width:40px; height:40px; margin:-20px 0 0 -20px; border-radius:50%; border:1.5px solid rgba(197,160,71,.7); color:#fff; font-family:var(--f-head); font-size:0; font-weight:700; transition:width .35s cubic-bezier(.2,.8,.2,1), height .35s cubic-bezier(.2,.8,.2,1), margin .35s cubic-bezier(.2,.8,.2,1), background .35s, border-color .35s, font-size .2s; mix-blend-mode:normal; }
html.fx-cur-link .fx-cur-ring > span{ width:64px; height:64px; margin:-32px 0 0 -32px; background:rgba(197,160,71,.16); border-color:var(--v6-gold); }
html.fx-cur-link .fx-cur-dot{ transform-origin:center; background:#fff; }
html.fx-cur-view .fx-cur-ring > span{ width:78px; height:78px; margin:-39px 0 0 -39px; background:var(--v6-g-gold); border-color:transparent; font-size:13px; box-shadow:0 10px 30px -8px rgba(156,122,44,.7); }
html.fx-cur-view .fx-cur-dot{ opacity:0; }
html.fx-cur-text .fx-cur-ring > span{ width:4px; height:30px; margin:-15px 0 0 -2px; border-radius:2px; background:var(--v6-gold); }
html.fx-cur-down .fx-cur-ring > span{ width:28px; height:28px; margin:-14px 0 0 -14px; }

/* ضوء يتبع الماوس */
.fx-spot{ position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0; transition:opacity .5s; background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(197,160,71,.16),transparent 65%); }
.fx-spot-on > .fx-spot{ opacity:1; }
.site-footer > .fx-spot,.cta-band > .fx-spot{ z-index:0; }

/* ميلان الكروت + لمعة تتبع الماوس */
html.mk-fx .fx-tilt{ transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-6px) !important; transition:transform .15s ease-out, box-shadow .3s !important; box-shadow:0 30px 50px -28px rgba(11,22,48,.45); }
.v5-svc,.v5-badge,.v5-prod,.v5-tl__card,.v5-quick__item,.v5-art,.goal,.v5-member{ transform-style:preserve-3d; }
.v5-svc::after,.v5-badge::before,.v5-prod::before,.v5-quick__item::after,.v5-art::after{ pointer-events:none; }

/* أزرار مغناطيسية */
.fx-mag{ translate:var(--tx,0px) var(--ty,0px); transition:translate .25s cubic-bezier(.2,.8,.2,1), background .3s, color .3s, box-shadow .3s, transform .3s, border-color .3s; }

/* شاشة الافتتاح: خروج بستارة */
#mk-preloader.is-done{ opacity:1 !important; visibility:hidden; clip-path:inset(0 0 100% 0); transition:clip-path .8s cubic-bezier(.7,0,.3,1), visibility 0s .8s !important; }
#mk-preloader .mk-pre-name{ animation:fxPreIn .8s .1s both cubic-bezier(.2,.8,.2,1); }
#mk-preloader .v6-pre-tag{ animation:fxPreIn .8s .3s both cubic-bezier(.2,.8,.2,1); }
@keyframes fxPreIn{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
#mk-preloader .mk-pre-line i{ animation:fxLoad 1.6s cubic-bezier(.6,0,.3,1) forwards; width:100%; transform-origin:right; }
@keyframes fxLoad{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }

/* =====================================================
   v6.2 — الشعار واضح في البانر والهيدر + كروت «رحلة مكين» تتغير عند المرور
===================================================== */
/* شعار البانر: ظاهر بوضوح (ذهبي مضيء) بدل العلامة المائية الباهتة */
body.mk-site .banner .v6-emblem{ opacity:1; width:min(36vw,560px); aspect-ratio:auto; height:min(26vw,360px); left:5%; filter:drop-shadow(0 0 22px rgba(197,160,71,.45)) drop-shadow(0 18px 30px rgba(0,0,0,.55)) brightness(1.12); animation:v62Float 7s ease-in-out infinite; }
body.mk-site .banner .v6-emblem::before{ content:""; position:absolute; inset:-18% -10%; z-index:-1; border-radius:50%; background:radial-gradient(closest-side,rgba(197,160,71,.22),rgba(197,160,71,.06) 60%,transparent); animation:v62Glow 4.5s ease-in-out infinite; }
body.mk-site .banner .v6-emblem svg{ color:var(--v6-gold-l); }
@keyframes v62Float{ 0%,100%{ transform:translateY(-50%); } 50%{ transform:translateY(calc(-50% - 14px)); } }
@keyframes v62Glow{ 0%,100%{ opacity:.6; transform:scale(.96); } 50%{ opacity:1; transform:scale(1.04); } }
/* تخفيف التعتيم ناحية الشعار حتى يظهر */
body.mk-site.mk-v5 .banner .mk-slide::after{ background:linear-gradient(270deg,rgba(7,15,34,.9) 0%,rgba(7,15,34,.62) 42%,rgba(7,15,34,.25) 100%),linear-gradient(0deg,rgba(7,15,34,.75) 0%,transparent 35%); }
body.mk-site .banner .mk-slide__bg::after{ background:none; }
html[dir=ltr] body.mk-site .banner .v6-emblem{ left:auto; right:5%; }
@media (max-width:1000px){
  body.mk-site .banner .v6-emblem{ top:96px; left:50%; width:min(70vw,360px); height:120px; opacity:.95; animation:none; transform:translateX(-50%); translate:none !important; }
  body.mk-site .banner .mk-slide__inner{ padding-top:140px; }
}

/* شعار الهيدر أكبر وأوضح */
body.mk-site.mk-v5 .logo-box__mark--img{ height:74px; max-width:210px; }
body.mk-site.mk-v5 .logo-box__mark--img img{ filter:brightness(1.15) drop-shadow(0 0 10px rgba(197,160,71,.35)); }
html.hfit-2 body.mk-site.mk-v5 .logo-box__mark--img,html.hfit-3 body.mk-site.mk-v5 .logo-box__mark--img{ height:66px; max-width:190px; }
@media (max-width:1000px){ body.mk-site.mk-v5 .logo-box__mark--img{ height:56px; max-width:160px; } }

/* رحلة مكين: الكارت يتحول لكحلي وذهبي عند المرور */
.v5-tl__card{ position:relative; overflow:hidden; isolation:isolate; transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s, border-color .45s !important; }
.v5-tl__card::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(150deg,#16295a 0%,#0f1f45 55%,#070f22 100%); clip-path:circle(0% at 50% 0%); transition:clip-path .6s cubic-bezier(.6,0,.2,1); }
.v5-tl__card::after{ content:""; position:absolute; z-index:-1; right:-40px; bottom:-40px; width:140px; height:140px; border-radius:50%; border:22px solid rgba(197,160,71,.0); transition:border-color .6s .1s, transform .8s; transform:scale(.6); }
.v5-tl__card h3,.v5-tl__card p,.v5-tl__k{ transition:color .45s, background .45s; }
.v5-tl__item:hover .v5-tl__card,.v5-tl__item:focus-within .v5-tl__card{ border-color:transparent; box-shadow:0 30px 60px -25px rgba(11,22,48,.6); transform:translateY(-10px) !important; }
.v5-tl__item:hover .v5-tl__card::before,.v5-tl__item:focus-within .v5-tl__card::before{ clip-path:circle(150% at 50% 0%); }
.v5-tl__item:hover .v5-tl__card::after{ border-color:rgba(197,160,71,.25); transform:scale(1); }
body.mk-site .v5-tl__item:hover .v5-tl__card h3{ color:#fff; }
body.mk-site .v5-tl__item:hover .v5-tl__card p{ color:rgba(255,255,255,.82); }
.v5-tl__item:hover .v5-tl__k{ background:var(--v6-g-gold); color:#fff; }
.v5-tl__dot{ transition:transform .45s cubic-bezier(.2,.8,.2,1), background .45s, box-shadow .45s; }
.v5-tl__item:hover .v5-tl__dot{ transform:scale(1.12) rotate(360deg); background:var(--v6-g-gold); box-shadow:0 0 0 6px #fff, 0 0 0 8px rgba(197,160,71,.8), 0 10px 25px -5px rgba(156,122,44,.7); transition:transform .8s cubic-bezier(.2,.8,.2,1), background .45s, box-shadow .45s; }
/* الميلان ثلاثي الأبعاد يتعارض مع التحول — نلغيه هنا */
html.mk-fx .v5-tl__card.fx-tilt{ transform:translateY(-10px) !important; }
/* الهيدر الضيق: زر الاستشارة يظل مكتوبًا (كان يختفي النص ويبقى مربع فارغ) */
@media (min-width:1001px){
  html.hfit-2 .hdr-upper .hc-book span,html.hfit-3 .hdr-upper .hc-book span{ display:inline; }
  html.hfit-2 body.mk-site.mk-v5 .hdr-upper .hc-book,html.hfit-3 body.mk-site.mk-v5 .hdr-upper .hc-book{ padding:10px 14px; font-size:13px; white-space:nowrap; }
}
body.mk-site .logo-box .logo-box__mark--img > img{ height:100% !important; width:auto !important; max-width:100% !important; max-height:100% !important; object-fit:contain; }
body.mk-site .logo-box .logo-box__mark--img{ display:flex; align-items:center; justify-content:center; }
/* v6.2.1 — حذف الشعار الثابت من البانر بطلب العميل */
.banner .v6-emblem{ display:none !important; }
@media (max-width:1000px){ body.mk-site .banner .mk-slide__inner{ padding-top:0; } }

/* v6.3 — البانر شفاف: الصورة تظهر واضحة، والتعتيم يُضبط من التخصيص (تعتيم صورة البانر) */
body.mk-site .banner.banner--clear{ background:#0b1630; }
body.mk-site.mk-v5 .banner--clear .mk-slide::after{ background:linear-gradient(270deg,rgba(7,15,34,calc(var(--hov,.15) + .25)) 0%,rgba(7,15,34,var(--hov,.15)) 45%,rgba(7,15,34,calc(var(--hov,.15) * .5)) 100%),linear-gradient(180deg,rgba(7,15,34,.45) 0%,transparent 22%); }
body.mk-site .banner--clear .mk-slide__bg::after{ background:none !important; }
body.mk-site .banner--clear .mk-slide__bg .mk-bgimg{ opacity:1 !important; filter:none !important; }
body.mk-site .banner--clear > .v5-live,body.mk-site .banner--clear > .fx-spot{ display:none; }
/* الكلام يفضل مقروء فوق الصورة الواضحة */
body.mk-site .banner--clear .mk-slide__title{ text-shadow:0 2px 6px rgba(0,0,0,.55),0 8px 30px rgba(0,0,0,.6); }
body.mk-site .banner--clear .mk-slide__text,body.mk-site .banner--clear .mk-slide__kicker{ text-shadow:0 1px 4px rgba(0,0,0,.7),0 4px 18px rgba(0,0,0,.6); color:#fff; }
body.mk-site .banner--clear .mk-slide__kicker{ color:var(--v6-gold-l); }
body.mk-site .banner--clear .v6-cta,body.mk-site .banner--clear .mk-slide__btns .btn{ backdrop-filter:blur(6px); }
@media (max-width:1000px){ body.mk-site.mk-v5 .banner--clear .mk-slide::after{ background:linear-gradient(0deg,rgba(7,15,34,calc(var(--hov,.15) + .35)) 0%,rgba(7,15,34,var(--hov,.15)) 60%,rgba(7,15,34,.35) 100%); } }

/* v6.3.1 — الكلام داخل لوحة زجاجية في جانب واحد حتى لا يتداخل مع الشعار في الصورة */
body.mk-site .banner--clear .mk-slide__inner{ display:flex; justify-content:flex-start; }
body.mk-site .banner--clear.banner--side-left .mk-slide__inner{ justify-content:flex-end; }
html[dir=ltr] body.mk-site .banner--clear .mk-slide__inner{ justify-content:flex-end; }
html[dir=ltr] body.mk-site .banner--clear.banner--side-left .mk-slide__inner{ justify-content:flex-start; }
body.mk-site .banner--clear .mk-slide__panel{ position:relative; width:min(500px,100%); padding:30px 32px 28px; border-radius:14px; background:linear-gradient(160deg,rgba(11,22,48,.78),rgba(7,15,34,.62)); border:1px solid rgba(197,160,71,.35); box-shadow:0 30px 60px -20px rgba(0,0,0,.55); backdrop-filter:blur(10px) saturate(1.1); -webkit-backdrop-filter:blur(10px) saturate(1.1); opacity:0; transform:translateY(24px); transition:opacity .7s, transform .8s cubic-bezier(.2,.8,.2,1); }
body.mk-site .banner--clear .mk-slide.is-active .mk-slide__panel{ opacity:1; transform:none; }
body.mk-site .banner--clear .mk-slide.is-leaving .mk-slide__panel{ opacity:0; transform:translateY(-18px); }
body.mk-site .banner--clear .mk-slide__panel::before{ content:""; position:absolute; top:-1px; inset-inline:28px; height:3px; border-radius:0 0 3px 3px; background:var(--v6-g-gold); }
body.mk-site .banner--clear .mk-slide__kicker,body.mk-site .banner--clear .mk-slide__title,body.mk-site .banner--clear .mk-slide__text,body.mk-site .banner--clear .mk-slide__btns{ max-width:none; }
body.mk-site .banner--clear .mk-slide__kicker{ font-size:14px; margin-bottom:14px; }
body.mk-site.mk-v5 .banner--clear .mk-slide__title{ font-size:clamp(30px,3.2vw,46px); line-height:1.35; margin-bottom:18px; text-shadow:none; }
body.mk-site.mk-v5 .banner--clear .mk-slide__text{ font-size:16.5px; line-height:1.9; margin-bottom:26px; text-shadow:none; color:rgba(255,255,255,.88); }
body.mk-site .banner--clear .mk-slide__kicker{ text-shadow:none; }
body.mk-site .banner--clear .mk-slide__btns{ gap:12px; }
/* الصورة أوضح: بدون تعتيم جانبي قوي، فقط لمسة خفيفة */
body.mk-site.mk-v5 .banner--clear .mk-slide::after{ background:rgba(7,15,34,var(--hov,.15)),linear-gradient(180deg,rgba(7,15,34,.45) 0%,transparent 22%); background:linear-gradient(180deg,rgba(7,15,34,.45) 0%,rgba(7,15,34,var(--hov,.15)) 22%,rgba(7,15,34,var(--hov,.15)) 100%); }
body.mk-site .banner--img-left .mk-slide__bg .mk-bgimg{ object-position:left center; }
body.mk-site .banner--img-right .mk-slide__bg .mk-bgimg{ object-position:right center; }
body.mk-site .banner--img-center .mk-slide__bg .mk-bgimg{ object-position:center center; }
@media (max-width:1000px){
  body.mk-site .banner--clear .mk-slide__inner{ justify-content:center !important; }
  body.mk-site .banner--clear .mk-slide__panel{ padding:24px 20px 22px; }
  body.mk-site.mk-v5 .banner--clear .mk-slide__title{ font-size:clamp(26px,7vw,34px); }
  body.mk-site.mk-v5 .banner--clear .mk-slide__text{ font-size:15px; }
  body.mk-site.mk-v5 .banner--clear .mk-slide::after{ background:rgba(7,15,34,calc(var(--hov,.15) + .1)); }
}

/* v6.3.2 — بدون صندوق: الكلام شفاف فوق الصورة في عمود ضيق على اليمين بعيدًا عن الشعار */
body.mk-site .banner--clear .mk-slide__panel{ width:min(440px,32vw); padding:0; background:none; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; border-radius:0; }
body.mk-site .banner--clear .mk-slide__panel::before{ display:none; }
body.mk-site.mk-v5 .banner--clear .mk-slide__title{ font-size:clamp(28px,2.6vw,40px); text-shadow:0 2px 4px rgba(0,0,0,.7),0 6px 24px rgba(0,0,0,.65); }
body.mk-site.mk-v5 .banner--clear .mk-slide__text{ font-size:15.5px; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.85),0 3px 14px rgba(0,0,0,.7); }
body.mk-site .banner--clear .mk-slide__kicker{ font-size:13.5px; text-shadow:0 1px 3px rgba(0,0,0,.85),0 3px 12px rgba(0,0,0,.6); }
body.mk-site .banner--clear .v6-cta{ background:rgba(7,15,34,.45); font-size:15px; }
body.mk-site .banner--clear .v6-cta__ic{ width:40px; height:40px; font-size:17px; }
body.mk-site .banner--clear .mk-slide__btns .btn-line{ background:rgba(7,15,34,.35); }
/* ظل خفيف فقط خلف عمود الكلام حتى يُقرأ بدون ما يغطي الصورة */
body.mk-site.mk-v5 .banner--clear.banner--side-right .mk-slide::after{ background:linear-gradient(270deg,rgba(7,15,34,calc(var(--hov,.15) + .35)) 0%,rgba(7,15,34,calc(var(--hov,.15) + .1)) 24%,rgba(7,15,34,0) 40%),linear-gradient(180deg,rgba(7,15,34,.45) 0%,transparent 20%); }
body.mk-site.mk-v5 .banner--clear.banner--side-left .mk-slide::after{ background:linear-gradient(90deg,rgba(7,15,34,calc(var(--hov,.15) + .35)) 0%,rgba(7,15,34,calc(var(--hov,.15) + .1)) 24%,rgba(7,15,34,0) 40%),linear-gradient(180deg,rgba(7,15,34,.45) 0%,transparent 20%); }
@media (max-width:1000px){
  body.mk-site .banner--clear .mk-slide__panel{ width:100%; }
  body.mk-site.mk-v5 .banner--clear.banner--side-right .mk-slide::after,body.mk-site.mk-v5 .banner--clear.banner--side-left .mk-slide::after{ background:linear-gradient(0deg,rgba(7,15,34,.7) 0%,rgba(7,15,34,.35) 55%,rgba(7,15,34,.2) 100%); }
}