/*
Theme Name: شركة مكين الرائدة للمحاماة والاستشارات القانونية
Theme URI: https://makin.sa
Author: Vision Technical and Marketing Solutions
Description: ثيم مؤسسي لشركة مكين الرائدة للمحاماة — 8 صفحات (الرئيسية، عن مكين، خدماتنا، منتجاتنا، المقالات، الأسئلة الشائعة، عملاؤنا، تواصل معنا)، تصميم كحلي وذهبي هادئ، حركة ناعمة، وكل المحتوى قابل للتعديل من لوحة التحكم.
Version: 4.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: makin-alraedah
Tags: law-firm, rtl, custom
*/

/* ========== الخطوط (مضمّنة داخل القالب) ========== */
@font-face{font-family:"Alexandria";font-weight:500;font-display:swap;src:url(assets/fonts/alexandria-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Alexandria";font-weight:600;font-display:swap;src:url(assets/fonts/alexandria-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Alexandria";font-weight:700;font-display:swap;src:url(assets/fonts/alexandria-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Alexandria";font-weight:500;font-display:swap;src:url(assets/fonts/alexandria-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Alexandria";font-weight:600;font-display:swap;src:url(assets/fonts/alexandria-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Alexandria";font-weight:700;font-display:swap;src:url(assets/fonts/alexandria-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(assets/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ========== الهوية ========== */
:root{
  --navy:#002663; --navy-2:#0f1954; --navy-3:#0a3a85; --navy-deep:#001a45;
  --ink:#1d1d1d; --text:#555; --muted:#777;
  --paper:#f2f2f2; --paper-2:#e9e9e9; --white:#fff;
  --line:#e5e5e5; --line-2:#dcdcdc; --line-d:rgba(255,255,255,.12); --line-d2:rgba(255,255,255,.22);
  --gold:#c5a047; --gold-2:#d8b968; --gold-3:#a8852f; --gold-soft:rgba(197,160,71,.12);
  --f-head:"Alexandria","IBM Plex Sans Arabic",Tahoma,sans-serif;
  --f-body:"IBM Plex Sans Arabic","Alexandria",Tahoma,sans-serif;
  --r:4px; --r-sm:3px; --container:1200px;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --sh:0 20px 50px -20px rgba(0,38,99,.3); --sh-sm:0 10px 30px -12px rgba(0,38,99,.22);
}
body.theme-platinum{ --gold:#8a97a8; --gold-2:#aab5c3; --gold-3:#5f6c7d; --gold-soft:rgba(138,151,168,.14); }
body.theme-emerald { --gold:#2f8a68; --gold-2:#4eae8a; --gold-3:#1f6a4f; --gold-soft:rgba(47,138,104,.12); }
body.theme-sapphire{ --gold:#3c6fb6; --gold-2:#5f8fd2; --gold-3:#2b558f; --gold-soft:rgba(60,111,182,.12); }

/* ========== الأساس ========== */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; overflow-x:hidden; overflow-x:clip; }
body.mk-site > *:not(.hlf-modal-overlay):not(.hlf-toast):not(#mk-preloader){ max-width:100vw; }
.section,.hero,.cta-band,.geo,.page-hero,.site-footer{ overflow-x:clip; }
body.mk-site{ margin:0; font-family:var(--f-body); font-size:16px; line-height:1.9; color:var(--text); background:var(--white); direction:rtl; overflow-x:hidden; overflow-x:clip; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body.mk-site h1,body.mk-site h2,body.mk-site h3,body.mk-site h4,body.mk-site h5{ font-family:var(--f-head); color:var(--ink); font-weight:600; line-height:1.45; margin:0 0 .5em; letter-spacing:0; }
body.mk-site p{ margin:0 0 1em; }
body.mk-site a{ color:inherit; text-decoration:none; transition:color .25s; }
body.mk-site img{ max-width:100%; height:auto; display:block; }
body.mk-site button{ font-family:inherit; }
body.mk-site ul,body.mk-site ol{ margin:0; padding:0; list-style:none; }
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }
.narrow{ max-width:880px; }
.screen-reader-text{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
::selection{ background:var(--gold); color:#fff; }
@media (max-width:1100px){ .hide-md{ display:none !important; } }
@media (max-width:640px){ .hide-sm{ display:none !important; } .container{ padding:0 18px; } }

.section{ padding:110px 0; position:relative; }
.section--white{ background:var(--white); }
.section--paper{ background:var(--paper); }
.section--navy{ background:var(--navy); color:rgba(255,255,255,.72); }
body.mk-site .section--navy h2,body.mk-site .section--navy h3{ color:#fff; }
@media (max-width:900px){ .section{ padding:76px 0; } }

/* عناوين الأقسام */
.kicker{ display:inline-flex; align-items:center; gap:12px; font-family:var(--f-head); font-size:13px; font-weight:500; color:var(--gold); letter-spacing:.02em; margin-bottom:14px; }
.kicker::before{ content:""; width:28px; height:1px; background:currentColor; }
.sec-head{ margin-bottom:56px; max-width:720px; }
.sec-head--center{ text-align:center; margin-inline:auto; }
.sec-head--center .kicker::after{ content:""; width:28px; height:1px; background:currentColor; }
body.mk-site .sec-title{ font-size:clamp(28px,3.2vw,42px); font-weight:600; line-height:1.35; margin:0; }
.sec-sub{ margin:16px 0 0 !important; color:var(--muted); font-size:16.5px; }
body.mk-site .sec-head--dark .sec-title{ color:#fff; }
.sec-head--dark .sec-sub{ color:rgba(255,255,255,.6); }
.sec-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:56px; flex-wrap:wrap; }
.sec-row .sec-head{ margin:0; }
.lead{ font-size:18px; color:var(--text); line-height:2; }
.mk-empty{ grid-column:1/-1; text-align:center; color:var(--muted); padding:30px; border:1px dashed var(--line-2); border-radius:var(--r); }

/* الأزرار — حشوة كحلي مائلة عند المرور */
.btn{ position:relative; overflow:hidden; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 34px; border-radius:50px; font-family:var(--f-head); font-size:15px; font-weight:600; line-height:1.2; cursor:pointer; border:1px solid transparent; transition:color .4s, border-color .4s, transform .3s var(--ease-out); white-space:nowrap; }
.btn::before{ content:""; position:absolute; top:0; bottom:0; right:-15%; width:0; z-index:-1; transform:skewX(-25deg); transition:width .5s var(--ease-out); }
.btn:hover::before{ width:130%; }
.btn i{ font-size:13px; }
.btn-gold{ background:var(--gold); color:#fff !important; }
.btn-gold::before{ background:var(--navy-2); }
.btn-navy{ background:var(--navy); color:#fff !important; }
.btn-navy::before{ background:var(--gold); }
.btn-white{ background:#fff; color:var(--navy) !important; }
.btn-white::before{ background:var(--navy); }
.btn-white:hover{ color:#fff !important; }
.btn-line{ background:transparent; color:#fff !important; border-color:rgba(255,255,255,.7); }
.btn-line::before{ background:var(--gold); }
.btn-line:hover{ border-color:var(--gold); }
.btn-ghost{ background:transparent; color:#fff !important; border-color:rgba(255,255,255,.6); }
.btn-ghost::before{ background:var(--gold); }
.btn-outline{ background:transparent; color:var(--navy) !important; border-color:var(--gold); }
.btn-outline::before{ background:var(--gold); }
.btn-outline:hover{ color:#fff !important; }
.btn-dark{ background:var(--navy); color:#fff !important; }
.btn-dark::before{ background:var(--gold); }
.btn-sm{ padding:11px 22px; font-size:14px; }
.btn-block{ width:100%; }
.btn-group{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.center-btn{ text-align:center; margin-top:50px; }
.link-arrow{ display:inline-flex; align-items:center; gap:10px; font-family:var(--f-head); font-size:14.5px; font-weight:600; color:var(--gold-3) !important; background:none; border:0; padding:0; cursor:pointer; }
.link-arrow i{ font-size:12px; transition:transform .3s var(--ease-out); }
.link-arrow:hover i{ transform:translateX(-5px); }

/* عنوان القسم: أيقونة + سطر صغير + عنوان */
.sec-icon{ display:block; color:var(--gold); font-size:44px; line-height:1; margin-bottom:14px; }
.sec-head--center .kicker::before,.sec-head--center .kicker::after{ display:none; }
.sec-head--center .kicker{ display:block; }
.sec-head--center .sec-title::after{ content:""; display:block; width:70px; height:3px; background:var(--gold); margin:18px auto 0; border-radius:2px; }
.sec-head--start .sec-title::after{ content:""; display:block; width:60px; height:3px; background:var(--gold); margin-top:16px; border-radius:2px; }
.section--gray{ background:var(--paper); }

/* ظهور تدريجي */
.mk-anim .reveal{ opacity:0; transform:translate3d(0,28px,0); transition:opacity .9s var(--ease-out), transform 1s var(--ease-out); transition-delay:var(--d,0ms); }
.mk-anim .reveal[data-anim="right"]{ transform:translate3d(40px,0,0); }
.mk-anim .reveal[data-anim="left"]{ transform:translate3d(-40px,0,0); }
.mk-anim .reveal.is-visible{ opacity:1; transform:none; }
.reduce-motion .reveal{ opacity:1 !important; transform:none !important; }

/* شاشة الافتتاح */
#mk-preloader{ position:fixed; inset:0; z-index:9999; background:var(--navy); display:grid; place-items:center; transition:opacity .6s var(--ease), visibility .6s; animation:mkPreOut .5s 2.8s forwards; }
#mk-preloader.is-done{ opacity:0; visibility:hidden; }
.mk-seen #mk-preloader,.no-js #mk-preloader{ display:none; }
@keyframes mkPreOut{ to{ opacity:0; visibility:hidden; } }
.mk-pre-inner{ text-align:center; color:var(--gold-2); }
.mk-pre-mark{ display:block; width:64px; height:64px; margin:0 auto 18px; animation:mkPulse 1.6s var(--ease) infinite; }
.mk-pre-mark svg,.mk-pre-mark img{ width:100%; height:100%; object-fit:contain; }
.mk-pre-name{ display:block; font-family:var(--f-head); font-size:20px; color:#fff; margin-bottom:18px; }
.mk-pre-line{ display:block; width:160px; height:1px; background:rgba(255,255,255,.15); margin:0 auto; overflow:hidden; }
.mk-pre-line i{ display:block; height:100%; width:40%; background:var(--gold); animation:mkLine 1.2s var(--ease) infinite; }
@keyframes mkLine{ from{ transform:translateX(160%); } to{ transform:translateX(-260%); } }
@keyframes mkPulse{ 50%{ opacity:.55; } }

/* ========== الهيدر (3 طبقات) ========== */
.hdr-top{ background:var(--navy-deep); color:rgba(255,255,255,.75); font-size:13px; }
.hdr-top__in{ display:flex; justify-content:space-between; align-items:center; min-height:42px; gap:16px; }
.hdr-top__info{ display:flex; gap:28px; }
.hdr-top__info li{ display:flex; align-items:center; gap:8px; }
.hdr-top__info i{ color:var(--gold); }
.hdr-top__social{ display:flex; gap:2px; }
body.mk-site .hdr-top__social a{ width:32px; height:32px; display:grid; place-items:center; color:rgba(255,255,255,.75); transition:color .25s, background .25s; }
body.mk-site .hdr-top__social a:hover{ color:#fff; background:var(--gold); }

.site-header{ position:sticky; top:-108px; z-index:500; background:#fff; box-shadow:0 2px 0 rgba(0,0,0,.03); transition:box-shadow .35s; }
.admin-bar .site-header{ top:-76px; }
.site-header.is-scrolled{ box-shadow:0 12px 30px -12px rgba(0,38,99,.25); }
.hdr-upper{ border-bottom:1px solid var(--line); overflow:hidden; }
/* الشعار في الفوتر */
.brand{ display:flex; align-items:center; gap:14px; color:#fff; }
.brand__mark{ width:56px; height:56px; flex:none; display:grid; place-items:center; color:var(--gold-2); border:1px solid rgba(216,185,104,.45); border-radius:50%; padding:10px; }
.brand__mark svg,.brand__mark img{ width:100%; height:100%; object-fit:contain; }
.brand__mark--img{ width:auto; height:64px; max-width:170px; border:0; border-radius:0; padding:0; }
.brand__mark--img img{ width:auto !important; height:100% !important; }
.brand__text{ display:flex; flex-direction:column; line-height:1.4; }
.brand__name{ font-family:var(--f-head); font-weight:700; font-size:19px; color:#fff; }
.brand__tag{ font-size:12px; color:var(--gold-2); margin-top:3px; }
.hdr-upper__in{ display:flex; align-items:center; gap:30px; height:108px; }
body.mk-site .logo-box{ position:relative; display:flex; align-items:center; gap:14px; background:var(--navy); color:#fff; height:108px; padding:0 30px; margin-inline-start:-30px; flex:none; }
.logo-box::before{ content:""; position:absolute; bottom:0; inset-inline:0; height:5px; background:var(--gold); }
.logo-box::after{ content:""; position:absolute; top:0; bottom:0; left:100%; right:auto; width:100vw; background:var(--navy); }
.logo-box::before{ z-index:1; }
.logo-box__mark{ width:58px; height:58px; display:grid; place-items:center; color:var(--gold-2); border:1px solid rgba(216,185,104,.5); border-radius:50%; padding:10px; flex:none; }
.logo-box__mark svg,.logo-box__mark img{ width:100%; height:100%; object-fit:contain; }
.logo-box__mark--img{ width:auto; height:70px; max-width:170px; border:0; border-radius:0; padding:0; }
.logo-box__mark--img img{ width:auto !important; height:100% !important; }
.logo-box__text{ display:flex; flex-direction:column; line-height:1.4; }
.logo-box__text b{ font-family:var(--f-head); font-size:20px; font-weight:700; }
.logo-box__text small{ font-size:12px; color:var(--gold-2); }
.hdr-info{ flex:1; display:flex; justify-content:flex-end; gap:36px; }
body.mk-site .hdr-info__item{ display:flex; align-items:center; gap:14px; color:var(--navy-2); }
.hdr-info__ic{ width:50px; height:50px; flex:none; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line-2); color:var(--gold); font-size:19px; transition:background .3s, color .3s, border-color .3s; }
.hdr-info__item:hover .hdr-info__ic{ background:var(--gold); color:#fff; border-color:var(--gold); }
.hdr-info__item small{ display:block; font-size:12.5px; color:var(--muted); }
.hdr-info__item b,.hdr-info__item bdi{ font-family:var(--f-head); font-weight:600; font-size:15px; color:var(--navy-2); }
.hdr-lower{ background:#fff; }
.hdr-lower__in{ display:flex; align-items:center; justify-content:space-between; gap:20px; height:64px; }
.main-navigation{ flex:1; display:flex; }
.main-navigation .menu{ display:flex; align-items:center; gap:0; height:64px; }
.main-navigation li{ position:relative; height:100%; display:flex; align-items:center; }
body.mk-site .main-navigation a{ display:flex; align-items:center; height:100%; padding:0 17px; font-family:var(--f-head); font-weight:600; font-size:15px; color:var(--navy-2); white-space:nowrap; position:relative; }
.main-navigation > .menu > li + li::before{ content:""; position:absolute; inset-inline-start:0; top:50%; width:1px; height:14px; margin-top:-7px; background:var(--line-2); }
.main-navigation > .menu > li > a::after{ content:""; position:absolute; inset-inline:17px; top:0; height:3px; background:var(--gold); transform:scaleX(0); transition:transform .35s var(--ease-out); }
body.mk-site .main-navigation > .menu > li > a:hover,body.mk-site .main-navigation > .menu > .current-menu-item > a:not([href*="#"]),body.mk-site .main-navigation > .menu > li > a.is-active{ color:var(--gold-3); }
.main-navigation > .menu > li > a:hover::after,.main-navigation > .menu > .current-menu-item > a:not([href*="#"])::after{ transform:scaleX(1); }
.main-navigation .sub-menu{ position:absolute; top:100%; inset-inline-start:0; min-width:230px; padding:0; background:#fff; border-top:3px solid var(--gold); box-shadow:var(--sh); opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .25s, transform .3s var(--ease-out), visibility .25s; }
.main-navigation li:hover > .sub-menu{ opacity:1; visibility:visible; transform:none; }
body.mk-site .main-navigation .sub-menu a{ height:auto; padding:12px 20px; font-size:14px; border-bottom:1px solid var(--line); }
body.mk-site .main-navigation .sub-menu a:hover{ background:var(--navy); color:#fff; }
.nav-mobile-extra{ display:none; }
.hc-book{ flex:none; }
.menu-toggle{ display:none; width:48px; height:48px; border-radius:var(--r); border:0; background:var(--navy); cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:5px; position:relative; z-index:700; padding:0; margin-inline-start:auto; }
.menu-toggle span{ display:block; width:22px; height:2px; background:#fff; transition:transform .3s, opacity .3s; }
.menu-toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.menu-toggle.is-open span:nth-child(2){ opacity:0; }
.menu-toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
@media (max-width:1300px){ .hide-xl{ display:none !important; } body.mk-site .main-navigation a{ padding:0 12px; font-size:14.5px; } .main-navigation > .menu > li > a::after{ inset-inline:12px; } }
@media (max-width:1100px){ .hide-lg{ display:none !important; } }
@media (max-width:1000px){
  .site-header{ top:0; }
  .admin-bar .site-header{ top:0; }
  .hdr-upper__in{ height:80px; gap:14px; }
  body.mk-site .logo-box{ height:80px; padding:0 18px; margin-inline-start:-18px; }
  .logo-box__mark{ width:46px; height:46px; }
  .logo-box__mark--img{ height:52px; }
  .logo-box__text b{ font-size:17px; }
  .menu-toggle{ display:flex; }
  .hdr-info{ display:none; }
  .hdr-lower{ height:0; overflow:visible; }
  .hdr-lower__in{ height:0; }
  .hc-book{ display:none !important; }
  .main-navigation{ position:fixed; top:0; bottom:0; inset-inline-start:0; width:min(360px,88vw); z-index:600; background:var(--navy); padding:96px 26px 30px; flex-direction:column; overflow-y:auto; transform:translateX(100%); transition:transform .45s var(--ease-out); box-shadow:var(--sh); }
  .main-navigation.is-open{ transform:none; }
  .main-navigation .menu{ flex-direction:column; align-items:stretch; height:auto; }
  .main-navigation li{ height:auto; display:block; }
  .main-navigation > .menu > li + li::before{ display:none; }
  body.mk-site .main-navigation a{ height:auto; padding:15px 2px; border-bottom:1px solid var(--line-d); font-size:16px; color:#fff; white-space:normal; }
  body.mk-site .main-navigation > .menu > .current-menu-item > a:not([href*="#"]){ color:var(--gold-2); }
  .main-navigation > .menu > li > a::after{ display:none; }
  .main-navigation .sub-menu{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; background:transparent; border:0; display:none; padding-inline-start:14px; }
  body.mk-site .main-navigation .sub-menu a{ color:rgba(255,255,255,.75); border-color:var(--line-d); }
  .main-navigation li.is-open > .sub-menu{ display:block; }
  .nav-mobile-extra{ display:grid; gap:14px; margin-top:28px; }
  body.mk-site .nav-mobile-extra__ph{ color:rgba(255,255,255,.8); justify-content:center; border:0; }
  .mk-nav-overlay{ position:fixed; inset:0; z-index:490; background:rgba(0,10,30,.6); opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
  .mk-nav-overlay.is-open{ opacity:1; visibility:visible; }
}
@media (max-width:640px){ .hdr-top{ display:none; } .logo-box__text small{ display:none; } }

/* ========== البانر (سلايدر بعرض الشاشة) ========== */
.banner{ position:relative; height:max(560px,calc(100vh - 214px)); min-height:560px; max-height:820px; background:var(--navy-deep); overflow:hidden; color:#fff; }
.mk-bgimg{ position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; }
.banner .mk-slide{ position:absolute; inset:0; display:flex; align-items:center; opacity:0; visibility:hidden; transition:opacity 1.1s var(--ease), visibility 1.1s; }
.banner .mk-slide.is-active{ opacity:1; visibility:visible; z-index:1; }
.no-js .banner .mk-slide:first-child{ opacity:1; visibility:visible; }
.mk-slide__bg{ position:absolute; inset:0; overflow:hidden; }
.mk-slide__bg .mk-bgimg{ transform:scale(1.15); transition:transform 7s linear; }
.mk-slide.is-active .mk-slide__bg .mk-bgimg{ transform:scale(1); }
.mk-slide__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(270deg,rgba(0,26,69,.92) 0%,rgba(0,26,69,.7) 45%,rgba(0,26,69,.35) 100%); }
.mk-slide__inner{ position:relative; z-index:2; text-align:start; }
.mk-slide__kicker,.mk-slide__title,.mk-slide__text,.mk-slide__btns{ max-width:720px; opacity:0; transform:scale(.92) translateY(30px); transition:opacity .8s var(--ease-out), transform 1s var(--ease-out); }
.no-js .mk-slide__kicker,.no-js .mk-slide__title,.no-js .mk-slide__text,.no-js .mk-slide__btns{ opacity:1; transform:none; }
.mk-slide.is-active .mk-slide__kicker{ opacity:1; transform:none; transition-delay:.3s; }
.mk-slide.is-active .mk-slide__title{ opacity:1; transform:none; transition-delay:.6s; }
.mk-slide.is-active .mk-slide__text{ opacity:1; transform:none; transition-delay:.9s; }
.mk-slide.is-active .mk-slide__btns{ opacity:1; transform:none; transition-delay:1.2s; }
.mk-slide__kicker{ display:inline-block; font-family:var(--f-head); font-size:15px; font-weight:600; color:var(--gold-2); margin-bottom:18px; padding-bottom:10px; border-bottom:2px solid var(--gold); }
body.mk-site .mk-slide__title{ font-size:clamp(34px,4.6vw,62px); font-weight:700; line-height:1.3; color:#fff; margin:0 0 22px; text-shadow:0 2px 20px rgba(0,0,0,.25); }
.mk-slide__title .gold-text{ color:var(--gold-2); -webkit-text-fill-color:currentColor; background:none; }
body.mk-site .mk-slide__text{ font-size:18px; line-height:2; color:rgba(255,255,255,.85); margin:0 0 36px; max-width:620px; }
.mk-hero__ui{ position:absolute; z-index:3; bottom:40px; inset-inline:0; display:flex; justify-content:center; align-items:center; gap:14px; }
.mk-hero__dots{ display:flex; gap:10px; }
.mk-hero__dots button{ width:12px; height:12px; padding:0; border-radius:50%; border:2px solid #fff; background:transparent; cursor:pointer; transition:background .3s, transform .3s; }
.mk-hero__dots button.is-active{ background:var(--gold); border-color:var(--gold); transform:scale(1.2); }
.mk-arrow{ width:50px; height:50px; border-radius:50%; border:2px solid rgba(255,255,255,.6); background:transparent; color:#fff; cursor:pointer; display:grid; place-items:center; padding:0; font-size:18px; transition:background .3s, border-color .3s, color .3s; }
.mk-arrow:hover{ background:var(--gold); border-color:var(--gold); }
.banner .mk-arrow{ position:absolute; top:50%; margin-top:-25px; bottom:auto; }
.banner .mk-arrow--prev{ right:30px; }
.banner .mk-arrow--next{ left:30px; }
.banner .mk-hero__ui{ position:static; }
.banner .mk-hero__dots{ position:absolute; z-index:3; bottom:36px; left:50%; transform:translateX(-50%); }
.mk-arrow--dark{ border-color:var(--line-2); color:var(--navy); }
.mk-hero__progress{ position:absolute; z-index:3; bottom:0; inset-inline:0; height:4px; background:rgba(255,255,255,.12); }
.mk-hero__progress span{ display:block; height:100%; width:100%; background:var(--gold); transform:scaleX(0); transform-origin:right; }
.mk-hero__progress span.is-run{ animation:mkBar var(--dur,7s) linear forwards; }
@keyframes mkBar{ to{ transform:scaleX(1); } }
@keyframes mkKen{ from{ transform:scale(1.12); } to{ transform:scale(1); } }
@media (max-width:1000px){ .banner .mk-arrow{ display:none; } .banner{ height:auto; min-height:540px; } .banner .mk-slide{ padding:90px 0 110px; } }
@media (max-width:640px){ body.mk-site .mk-slide__text{ font-size:16px; } .mk-slide__btns .btn{ flex:1 1 auto; } }

/* ========== عن الشركة ========== */
.about-sec__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; }
.about-sec__media{ position:relative; padding-inline-end:90px; padding-bottom:90px; }
.about-sec__img{ position:relative; aspect-ratio:4/4.6; overflow:hidden; border-radius:var(--r); }
.about-sec__img2{ position:absolute; bottom:0; inset-inline-end:0; width:52%; aspect-ratio:1/1; overflow:hidden; border:8px solid #fff; box-shadow:var(--sh); }
.about-sec__img .mk-bgimg,.about-sec__img2 .mk-bgimg{ transition:transform 1.2s var(--ease-out); }
.about-sec__media:hover .mk-bgimg{ transform:scale(1.05); }
.exp-badge{ position:absolute; top:40px; inset-inline-end:20px; z-index:2; width:150px; height:150px; border-radius:50%; background:var(--gold); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 0 0 10px rgba(197,160,71,.25); animation:mkFloat 4s ease-in-out infinite; }
.exp-badge b{ font-family:var(--f-head); font-size:40px; font-weight:700; line-height:1; direction:ltr; }
.exp-badge span{ font-size:12.5px; line-height:1.5; padding:6px 14px 0; }
@keyframes mkFloat{ 50%{ transform:translateY(-10px); } }
body.mk-site .about-sec__lead{ font-size:22px; color:var(--navy-2); margin:6px 0 16px; }
.about-sec__body p{ font-size:16.5px; line-height:2; }
.about-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin:22px 0 34px !important; }
.about-list li{ display:flex; align-items:center; gap:10px; font-family:var(--f-head); font-weight:600; color:var(--navy-2); }
.about-list i{ width:26px; height:26px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--gold-soft); color:var(--gold); font-size:12px; }
body.mk-site .about-call{ display:flex; align-items:center; gap:12px; color:var(--navy-2); }
.about-call > span:first-child{ width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:var(--navy); color:#fff; animation:mkRing 2.4s ease-in-out infinite; }
.about-call small{ display:block; font-size:12.5px; color:var(--muted); }
.about-call bdi{ font-family:var(--f-head); font-weight:700; font-size:17px; }
@keyframes mkRing{ 0%,100%{ box-shadow:0 0 0 0 rgba(0,38,99,.35); } 50%{ box-shadow:0 0 0 10px rgba(0,38,99,0); } }
@media (max-width:1000px){ .about-sec__grid{ grid-template-columns:1fr; gap:50px; } }
@media (max-width:640px){ .about-sec__media{ padding:0; } .exp-badge{ width:120px; height:120px; top:auto; bottom:-20px; } .exp-badge b{ font-size:32px; } .about-list{ grid-template-columns:1fr; } }

/* ========== الخدمات (كروت) ========== */
.practice-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.practice{ position:relative; background:#fff; padding:44px 34px 38px; text-align:center; border-bottom:3px solid transparent; overflow:hidden; isolation:isolate; transition:transform .4s var(--ease-out), box-shadow .4s, border-color .4s; }
.practice::before{ content:""; position:absolute; inset:0; background:var(--navy); z-index:-1; transform:translateY(100%); transition:transform .5s var(--ease-out); }
.practice:hover{ transform:translateY(-8px); box-shadow:var(--sh); border-color:var(--gold); }
.practice:hover::before{ transform:none; }
.practice__ic{ width:86px; height:86px; margin:0 auto 24px; display:grid; place-items:center; border-radius:50%; border:1px dashed var(--gold); color:var(--gold); font-size:32px; transition:background .4s, color .4s, transform .6s var(--ease-out); }
.practice:hover .practice__ic{ background:var(--gold); color:#fff; transform:rotateY(360deg); }
body.mk-site .practice h3{ font-size:19px; margin-bottom:12px; }
body.mk-site .practice h3 a{ color:var(--ink); transition:color .4s; }
body.mk-site .practice p{ font-size:14.5px; color:var(--text); line-height:1.95; transition:color .4s; }
body.mk-site .practice__more{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-head); font-weight:600; font-size:14px; color:var(--gold-3); transition:color .4s; }
body.mk-site .practice:hover h3 a{ color:#fff; }
body.mk-site .practice:hover p{ color:rgba(255,255,255,.75); }
body.mk-site .practice:hover .practice__more{ color:var(--gold-2); }
@media (max-width:1000px){ .practice-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .practice-grid{ grid-template-columns:1fr; } }

/* ========== عدّاد ========== */
.fact-counter{ position:relative; background:var(--navy); overflow:hidden; }
.fact-counter__bg{ position:absolute; inset:0; }
.fact-counter__bg .mk-bgimg{ opacity:.14; }
.fact-counter__grid{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); padding-top:80px; padding-bottom:80px; }
.counter{ text-align:center; color:#fff; padding:10px 20px; }
.counter + .counter{ border-inline-start:1px solid var(--line-d); }
.counter i{ font-size:38px; color:var(--gold); margin-bottom:18px; display:block; }
.counter b{ display:block; font-family:var(--f-head); font-size:46px; font-weight:700; line-height:1.1; direction:ltr; }
.counter span{ display:block; margin-top:8px; color:rgba(255,255,255,.75); font-size:15px; }
@media (max-width:900px){ .fact-counter__grid{ grid-template-columns:1fr 1fr; gap:40px 0; } .counter:nth-child(3){ border-inline-start:0; } }

/* ========== شريط الرؤية ========== */
.vision-band{ position:relative; overflow:hidden; background:var(--navy-deep); text-align:center; }
.vision-band__bg{ position:absolute; inset:-15% 0; }
.vision-band__bg .mk-bgimg{ opacity:.35; }
.vision-band::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,26,69,.55),rgba(0,26,69,.85)); }
.vision-band__in{ position:relative; z-index:1; padding-top:110px; padding-bottom:110px; }
.vision-band__k{ display:inline-block; padding:8px 26px; border:1px solid var(--gold); border-radius:50px; color:var(--gold-2); font-family:var(--f-head); font-weight:600; margin-bottom:22px; }
body.mk-site .vision-band h2{ color:#fff; font-size:clamp(28px,3.6vw,48px); margin:0; }
.vision-cards{ padding-top:0; }
.vision-cards .vision-grid{ margin-top:-60px; position:relative; z-index:2; box-shadow:var(--sh); }

/* ========== تعريف + رؤية ========== */
.intro__grid{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:80px; align-items:center; }
.intro__media{ position:relative; isolation:isolate; }
.intro__img{ position:relative; aspect-ratio:4/5; border-radius:var(--r); overflow:hidden; background:var(--navy); }
.intro__img .mk-bgimg{ transition:transform 1.2s var(--ease-out); }
.intro__media:hover .mk-bgimg{ transform:scale(1.04); }
.intro__media::before{ content:""; position:absolute; inset:-18px 18px 18px -18px; border:1px solid var(--gold); border-radius:var(--r); z-index:-1; }
.intro__badge{ position:absolute; bottom:32px; inset-inline-start:-32px; background:var(--navy); color:#fff; padding:22px 28px; border-radius:var(--r); box-shadow:var(--sh); display:flex; flex-direction:column; }
.intro__badge b{ font-family:var(--f-head); font-size:38px; font-weight:600; color:var(--gold-2); line-height:1.1; direction:ltr; text-align:right; }
.intro__badge span{ font-size:13.5px; color:rgba(255,255,255,.75); }
body.mk-site .intro__body .sec-title{ margin-bottom:22px; }
.value-chips{ display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 30px !important; }
.value-chips li{ padding:7px 18px; border:1px solid var(--line-2); border-radius:99px; font-size:14px; color:var(--ink); font-weight:500; }
.intro__vision{ margin-top:120px; }
.vision-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#fff; }
.vcard{ padding:40px 30px; border-inline-start:1px solid var(--line); position:relative; transition:background .4s var(--ease); }
.vcard:first-child{ border-inline-start:0; }
.vcard::after{ content:""; position:absolute; top:0; inset-inline:0; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .5s var(--ease-out); }
.vcard:hover{ background:var(--paper); }
.vcard:hover::after{ transform:scaleX(1); }
.vcard__ic{ width:52px; height:52px; display:grid; place-items:center; border:1px solid var(--line-2); border-radius:50%; color:var(--gold); font-size:19px; margin-bottom:24px; transition:background .4s, color .4s, border-color .4s; }
.vcard:hover .vcard__ic{ background:var(--gold); border-color:var(--gold); color:#fff; }
body.mk-site .vcard h3{ font-size:18px; margin-bottom:10px; }
body.mk-site .vcard p{ font-size:14.5px; color:var(--muted); margin:0; line-height:1.9; }
@media (max-width:1000px){ .intro__grid{ grid-template-columns:1fr; gap:60px; } .intro__media{ max-width:520px; } .vision-grid{ grid-template-columns:1fr 1fr; } .vcard:nth-child(3){ border-inline-start:0; } .vcard:nth-child(n+3){ border-top:1px solid var(--line); } }
@media (max-width:560px){ .vision-grid{ grid-template-columns:1fr; } .vcard{ border-inline-start:0 !important; } .vcard + .vcard{ border-top:1px solid var(--line); } .intro__badge{ inset-inline-start:12px; } .intro__media::before{ inset:-10px 10px 10px -10px; } .intro__vision{ margin-top:80px; } }

/* ========== الخدمات ========== */
.svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line-2); border-inline-start:1px solid var(--line-2); }
.svc{ position:relative; padding:44px 36px 40px; border-bottom:1px solid var(--line-2); border-inline-end:1px solid var(--line-2); overflow:hidden; isolation:isolate; }
.svc::before{ content:""; position:absolute; inset:0; background:var(--navy); transform:scaleY(0); transform-origin:bottom; transition:transform .55s var(--ease-out); z-index:-1; }
.svc:hover::before{ transform:scaleY(1); }
.svc__no{ position:absolute; top:28px; inset-inline-end:30px; font-family:var(--f-head); font-size:14px; color:var(--muted); transition:color .45s; }
.svc__ic{ width:56px; height:56px; display:grid; place-items:center; border-radius:50%; background:var(--gold-soft); color:var(--gold); font-size:21px; margin-bottom:26px; transition:background .45s, color .45s; }
body.mk-site .svc h3{ font-size:19px; margin-bottom:12px; transition:color .45s; }
body.mk-site .svc p{ font-size:14.5px; color:var(--muted); line-height:1.95; transition:color .45s; }
body.mk-site .svc__more{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-head); font-size:14px; color:var(--gold-3); transition:color .45s; }
body.mk-site .svc:hover h3{ color:#fff; }
body.mk-site .svc:hover p,.svc:hover .svc__no{ color:rgba(255,255,255,.65); }
.svc:hover .svc__ic{ background:var(--gold); color:#fff; }
body.mk-site .svc:hover .svc__more{ color:var(--gold-2); }
@media (max-width:1000px){ .svc-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .svc-grid{ grid-template-columns:1fr; } .svc{ padding:36px 26px; } }

/* ========== رحلة مكين (خط زمني) ========== */
.timeline{ display:grid; grid-template-columns:repeat(4,1fr); position:relative; }
.timeline::before{ content:""; position:absolute; top:28px; inset-inline:0; height:1px; background:var(--line-2); }
.timeline::after{ content:""; position:absolute; top:28px; inset-inline:0; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform 1.6s var(--ease-out); }
.timeline.is-drawn::after{ transform:scaleX(1); }
.timeline__item{ position:relative; padding-inline-end:34px; }
.timeline__no{ position:relative; z-index:1; display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:var(--paper); border:1px solid var(--gold); color:var(--gold-3); font-family:var(--f-head); font-weight:600; font-size:16px; margin-bottom:28px; transition:background .4s, color .4s; }
.timeline__item:hover .timeline__no{ background:var(--gold); color:#fff; }
body.mk-site .timeline__item h3{ font-size:20px; margin-bottom:12px; }
body.mk-site .timeline__item p{ font-size:14.5px; color:var(--muted); margin:0; line-height:1.95; }
@media (max-width:900px){
  .timeline{ grid-template-columns:1fr; gap:36px; }
  .timeline::before,.timeline::after{ top:0; bottom:0; right:28px; left:auto; inset-inline:auto; width:1px; height:auto; }
  .timeline::before,.timeline::after{ right:28px; }
  .timeline::after{ transform:scaleY(0); transform-origin:top; }
  .timeline.is-drawn::after{ transform:scaleY(1); }
  .timeline__item{ padding:0 82px 0 0; min-height:56px; }
  .timeline__no{ position:absolute; right:0; top:0; margin:0; }
}

/* ========== الاعتمادات ========== */
.acc{ display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr); gap:70px; align-items:start; }
.acc .sec-head{ margin:0; position:sticky; top:120px; }
.acc__grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.acc__item{ display:flex; align-items:center; gap:18px; padding:24px 26px; border:1px solid var(--line); border-radius:var(--r); background:#fff; transition:border-color .3s, box-shadow .4s, transform .4s var(--ease-out); }
.acc__item:hover{ border-color:var(--gold); box-shadow:var(--sh-sm); transform:translateY(-3px); }
.acc__no{ font-family:var(--f-head); font-size:13px; color:var(--gold); flex:none; }
.acc__name{ flex:1; font-family:var(--f-head); font-weight:500; font-size:15.5px; color:var(--ink); line-height:1.6; }
.acc__item i{ color:var(--gold); opacity:.5; }
@media (max-width:900px){ .acc{ grid-template-columns:1fr; gap:40px; } .acc .sec-head{ position:static; } }
@media (max-width:560px){ .acc__grid{ grid-template-columns:1fr; } }

/* ========== رحلة العميل (7 خطوات) ========== */
.cj{ position:relative; display:grid; grid-template-columns:repeat(7,1fr); gap:10px; }
.cj__line{ position:absolute; top:27px; inset-inline:calc(100%/14); height:1px; background:var(--line-d2); }
.cj__line i{ display:block; height:100%; background:var(--gold-2); transform:scaleX(0); transform-origin:right; transition:transform 2s var(--ease-out); }
.cj.is-drawn .cj__line i{ transform:scaleX(1); }
.cj__step{ position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; }
.cj__dot{ position:relative; z-index:1; width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:var(--navy); border:1px solid var(--gold-2); color:var(--gold-2); font-family:var(--f-head); font-weight:600; margin-bottom:20px; transition:background .4s, color .4s, transform .4s var(--ease-out); }
.cj__step:hover .cj__dot{ background:var(--gold); color:#fff; transform:scale(1.08); }
.cj__step strong{ font-family:var(--f-head); font-weight:600; font-size:17px; color:#fff; }
.cj__step small{ display:block; margin-top:6px; font-size:13px; color:rgba(255,255,255,.55); line-height:1.7; }
.section--paper .cj__line{ background:var(--line-2); }
.section--paper .cj__dot{ background:var(--paper); color:var(--gold-3); }
.section--paper .cj__step strong{ color:var(--ink); }
@media (max-width:900px){
  .cj{ grid-template-columns:1fr; gap:22px; max-width:420px; margin:0 auto; }
  .cj__line{ top:0; bottom:0; right:27px; left:auto; inset-inline:auto; right:27px; width:1px; height:auto; }
  .cj__line i{ height:100%; width:100%; transform:scaleY(0); transform-origin:top; }
  .cj.is-drawn .cj__line i{ transform:scaleY(1); }
  .cj__step{ flex-direction:row; text-align:start; gap:20px; }
  .cj__dot{ margin:0; flex:none; }
}

/* ========== المقالات ========== */
.art-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.art{ background:#fff; border-radius:var(--r); overflow:hidden; border:1px solid var(--line); display:flex; flex-direction:column; transition:box-shadow .4s, transform .4s var(--ease-out); }
.art:hover{ box-shadow:var(--sh); transform:translateY(-5px); }
.art__media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:var(--navy); }
.art__media .mk-bgimg{ transition:transform 1s var(--ease-out); }
.art:hover .art__media .mk-bgimg{ transform:scale(1.06); }
.art__body{ padding:28px 28px 30px; display:flex; flex-direction:column; flex:1; }
.art__meta{ display:flex; gap:14px; align-items:center; font-size:13px; color:var(--muted); margin-bottom:14px; }
.art__meta span{ color:var(--gold-3); font-weight:600; }
.art__meta span + time::before{ content:"•"; margin-inline-end:14px; color:var(--line-2); }
body.mk-site .art h3{ font-size:18.5px; line-height:1.6; margin-bottom:12px; }
body.mk-site .art h3 a:hover{ color:var(--gold-3); }
body.mk-site .art p{ font-size:14.5px; color:var(--muted); line-height:1.95; flex:1; }
@media (max-width:1000px){ .art-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .art-grid{ grid-template-columns:1fr; } }

/* ========== شريط الدعوة (بأشكال متحركة) ========== */
.cta-band{ position:relative; overflow:hidden; background:linear-gradient(120deg,var(--gold-3),var(--gold) 55%,var(--gold-2)); }
.cta-shape{ position:absolute; border:2px solid rgba(255,255,255,.35); pointer-events:none; }
.cta-shape--1{ width:220px; height:220px; border-radius:50%; top:-90px; right:6%; animation:mkSpin 24s linear infinite; border-style:dashed; }
.cta-shape--2{ width:70px; height:70px; left:12%; top:24px; transform:rotate(20deg); animation:mkFloat 5s ease-in-out infinite; }
.cta-shape--3{ width:16px; height:16px; border-radius:50%; background:rgba(255,255,255,.5); border:0; left:38%; bottom:30px; animation:mkFloat 3.5s ease-in-out infinite; }
.cta-shape--4{ width:120px; height:120px; border-radius:50%; left:-40px; bottom:-50px; border-style:dotted; animation:mkSpin 18s linear infinite reverse; }
.cta-shape--5{ width:46px; height:46px; border-radius:10px; right:30%; bottom:22px; animation:mkSpin 12s linear infinite; }
@keyframes mkSpin{ to{ transform:rotate(360deg); } }
.cta-band__inner{ position:relative; display:flex; align-items:center; gap:30px; padding-top:70px; padding-bottom:70px; flex-wrap:wrap; }
.cta-band__ic{ width:90px; height:90px; flex:none; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--gold); font-size:36px; box-shadow:0 0 0 12px rgba(255,255,255,.2); }
.cta-band__txt{ flex:1; min-width:260px; }
body.mk-site .cta-band h2{ color:#fff; font-size:clamp(23px,2.6vw,34px); margin-bottom:8px; }
body.mk-site .cta-band p{ color:rgba(255,255,255,.9); margin:0; }
.cta-band .btn-line::before{ background:var(--navy); }
.cta-band .btn-line:hover{ border-color:var(--navy); }

/* ========== آراء العملاء + الشركاء ========== */
.mk-carousel{ position:relative; }
.mk-carousel__track{ display:flex; gap:30px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:10px 4px 30px; }
.mk-carousel__track::-webkit-scrollbar{ display:none; }
.mk-tcard{ flex:0 0 calc((100% - 60px)/3); scroll-snap-align:start; margin:0; background:#fff; border:1px solid #dedede; padding:36px 32px 30px; position:relative; transition:border-color .3s, box-shadow .4s; }
.mk-tcard:hover{ border-color:var(--gold); box-shadow:var(--sh-sm); }
.mk-tcard blockquote{ margin:0 0 26px; font-size:15.5px; line-height:2; color:var(--text); }
.mk-tcard figcaption{ display:flex; align-items:center; gap:14px; padding-top:20px; border-top:1px solid var(--line); }
.mk-tcard__av{ width:54px; height:54px; flex:none; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:var(--navy); color:var(--gold-2); }
.mk-tcard__av img{ width:100%; height:100%; object-fit:cover; }
.mk-tcard strong{ display:block; font-family:var(--f-head); color:var(--navy-2); }
.mk-tcard small{ color:var(--gold-3); }
.mk-carousel__nav{ display:flex; justify-content:center; gap:10px; }
@media (max-width:1000px){ .mk-tcard{ flex-basis:calc((100% - 30px)/2); } }
@media (max-width:640px){ .mk-tcard{ flex-basis:88%; } }
.partners-sec{ padding:100px 0 90px; background:var(--paper); }
.mk-marquee{ overflow:hidden; direction:ltr; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.mk-marquee__track{ display:flex; width:max-content; animation:mkMarquee 40s linear infinite; }
.mk-marquee:hover .mk-marquee__track{ animation-play-state:paused; }
.mk-marquee__group{ display:flex; gap:24px; padding-inline-end:24px; }
.mk-logo{ width:190px; height:110px; display:grid; place-items:center; background:#fff; padding:20px; border:1px solid var(--line); }
.mk-logo img{ max-height:64px; width:auto; filter:grayscale(1); opacity:.75; transition:filter .4s, opacity .4s; }
.mk-logo:hover img{ filter:none; opacity:1; }

/* ========== التواصل ========== */
.contact{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:70px; align-items:start; }
.contact .sec-head{ margin-bottom:34px; }
.contact__list{ display:grid; border-top:1px solid var(--line); }
.contact__list li{ display:flex; gap:18px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
.contact__list i{ width:46px; height:46px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--gold-soft); color:var(--gold); }
.contact__list small{ display:block; font-size:12.5px; color:var(--muted); }
body.mk-site .contact__list a,.contact__list span{ font-family:var(--f-head); font-weight:500; color:var(--ink); font-size:15.5px; }
body.mk-site .contact__list a:hover{ color:var(--gold-3); }
.social-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
body.mk-site .social-row a{ width:42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line-2); color:var(--ink); transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease-out); }
body.mk-site .social-row a:hover{ background:var(--gold); border-color:var(--gold); color:#fff; transform:translateY(-3px); }
body.mk-site .social-row--dark a{ border-color:var(--line-d2); color:rgba(255,255,255,.75); }
.contact__form{ background:var(--paper); border-radius:var(--r); padding:44px; border:1px solid var(--line); }
body.mk-site .contact__form h3{ font-size:22px; margin-bottom:6px; }
body.mk-site .contact__form > p{ color:var(--muted); font-size:14.5px; margin-bottom:28px; }
@media (max-width:1000px){ .contact{ grid-template-columns:1fr; gap:50px; } }
@media (max-width:560px){ .contact__form{ padding:28px 22px; } }

/* الحقول */
.field{ margin-bottom:18px; text-align:right; }
.field label{ display:block; font-size:13px; font-weight:600; color:var(--ink); margin-bottom:8px; font-family:var(--f-head); }
.field input,.field select,.field textarea,.case-search-row input{ width:100%; padding:14px 16px; border-radius:var(--r-sm); border:1px solid var(--line-2); background:#fff; color:var(--ink); font-family:var(--f-body); font-size:15px; transition:border-color .25s, box-shadow .25s; }
.field input:focus,.field select:focus,.field textarea:focus,.case-search-row input:focus{ outline:none; border-color:var(--gold); box-shadow:0 0 0 3px var(--gold-soft); }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:560px){ .field-row{ grid-template-columns:1fr; } }

/* الأدوات (الحاسبة/المتابعة) */
.tool-panel{ background:#fff; border-radius:var(--r); padding:36px; border:1px solid var(--line); color:var(--ink); }
.section--navy .tool-panel{ background:var(--navy-2); border-color:var(--line-d); }
.section--navy .field label{ color:rgba(255,255,255,.8); }
.section--navy .field select{ background:var(--navy); border-color:var(--line-d2); color:#fff; }
.calc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:24px; }
@media (max-width:820px){ .calc-grid{ grid-template-columns:1fr; } }
.calc-result-box{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; padding:24px; border-radius:var(--r); border:1px dashed var(--gold); }
.calc-result-num{ font-family:var(--f-head); font-size:34px; font-weight:600; color:var(--gold-2); }
.calc-result-num span{ font-size:13px; }
.calc-result-note{ display:block; font-size:12px; color:rgba(255,255,255,.5); }
.case-search-row{ display:flex; gap:12px; flex-wrap:wrap; }
.case-search-row input{ flex:1 1 260px; width:auto; }
.case-result{ margin-top:20px; padding:22px; background:var(--paper); border-radius:var(--r); }
.case-result-grid{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; }
.case-result-grid .label{ font-size:12px; color:var(--muted); display:block; }
.case-result-grid .value{ font-weight:600; }
.status-pill{ padding:5px 14px; border-radius:20px; font-size:12px; font-weight:600; background:#e7f5ee; color:#1f7a50; align-self:center; }

/* ========== الصفحات الداخلية ========== */
.page-hero{ position:relative; background:var(--navy); color:#fff; overflow:hidden; padding:110px 0 100px; }
.page-hero__bg{ position:absolute; inset:0; }
.page-hero__bg .mk-bgimg{ opacity:.3; animation:mkKen 12s var(--ease) forwards; }
.page-hero__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(270deg,rgba(12,27,46,.96),rgba(12,27,46,.7)); }
.page-hero__inner{ position:relative; }
.crumbs{ display:flex; gap:10px; font-size:13.5px; color:rgba(255,255,255,.55); margin-bottom:18px; }
body.mk-site .crumbs a:hover{ color:var(--gold-2); }
body.mk-site .page-hero h1{ color:#fff; font-size:clamp(32px,4.4vw,54px); margin:0 0 14px; animation:mkUp .9s var(--ease-out) both; }
body.mk-site .page-hero p{ color:rgba(255,255,255,.72); font-size:17.5px; max-width:640px; margin:0; animation:mkUp .9s .15s var(--ease-out) both; }
@keyframes mkUp{ from{ opacity:0; transform:translateY(20px); } to{ opacity:1; transform:none; } }
.post-meta{ display:flex; flex-wrap:wrap; gap:18px; color:rgba(255,255,255,.65); font-size:14px; }
.post-meta span:first-child{ color:var(--gold-2); }
@media (max-width:640px){ .page-hero{ padding:80px 0 70px; } }

.about-intro{ max-width:980px; text-align:center; }
body.mk-site .about-intro__text{ font-family:var(--f-head); font-size:clamp(21px,2.4vw,30px); line-height:1.9; color:var(--ink); font-weight:500; margin:0; }

/* شريط الشعار المتحرك */
.logo-band{ overflow:hidden; border-block:1px solid var(--line); background:#fff; direction:ltr; }
.logo-band__track{ display:flex; width:max-content; animation:mkMarquee 38s linear infinite; }
.logo-band:hover .logo-band__track{ animation-play-state:paused; }
.logo-band__group{ display:flex; }
.logo-band__item{ display:flex; align-items:center; gap:16px; padding:26px 48px; direction:rtl; }
.logo-band__item b{ font-family:var(--f-head); font-weight:600; font-size:20px; white-space:nowrap; }
.logo-band__mark{ width:46px; height:46px; display:grid; place-items:center; }
.logo-band__mark svg,.logo-band__mark img{ width:100%; height:100%; object-fit:contain; }
.logo-band__item--light{ background:var(--navy); color:#fff; }
.logo-band__item--light .logo-band__mark{ color:var(--gold-2); }
.logo-band__item--dark{ background:#fff; color:var(--navy); }
.logo-band__item--dark .logo-band__mark{ color:var(--navy); }
@keyframes mkMarquee{ to{ transform:translateX(-50%); } }

/* القيم */
.values{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.values__item{ position:relative; text-align:center; padding:42px 18px 34px; border:1px solid var(--line); border-radius:var(--r); transition:border-color .3s, transform .4s var(--ease-out), box-shadow .4s; }
.values__item:hover{ border-color:var(--gold); transform:translateY(-5px); box-shadow:var(--sh-sm); }
.values__no{ position:absolute; top:14px; inset-inline-end:16px; font-size:12px; color:var(--muted); font-family:var(--f-head); }
.values__item i{ font-size:26px; color:var(--gold); margin-bottom:18px; display:block; }
.values__item strong{ font-family:var(--f-head); font-weight:600; font-size:19px; color:var(--ink); }
@media (max-width:1000px){ .values{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px){ .values{ grid-template-columns:1fr 1fr; } }

/* النطاق الجغرافي */
.geo{ position:relative; background:var(--navy); overflow:hidden; }
.geo__bg{ position:absolute; inset:0; }
.geo__bg .mk-bgimg{ opacity:.2; }
.geo__in{ position:relative; display:flex; align-items:center; gap:34px; padding-top:80px; padding-bottom:80px; }
.geo__ic{ width:84px; height:84px; flex:none; display:grid; place-items:center; border-radius:50%; border:1px solid var(--gold-2); color:var(--gold-2); font-size:32px; }
body.mk-site .geo p{ font-family:var(--f-head); font-size:clamp(20px,2.2vw,28px); color:#fff; margin:0; line-height:1.7; }
@media (max-width:640px){ .geo__in{ flex-direction:column; align-items:flex-start; } }

/* الشركاء المؤسسون */
.founders{ display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.founder{ display:grid; grid-template-columns:190px 1fr; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:#fff; transition:box-shadow .4s; }
.founder:hover{ box-shadow:var(--sh); }
.founder__photo{ position:relative; background:var(--navy); min-height:260px; }
.founder__photo img{ position:absolute; inset:0; width:100% !important; height:100% !important; object-fit:cover; }
.founder__initial{ position:absolute; inset:0; display:grid; place-items:center; color:var(--gold-2); opacity:.55; }
.founder__initial svg,.founder__initial img{ width:74px; height:74px; object-fit:contain; }
.founder__body{ padding:32px 30px; }
body.mk-site .founder h3{ font-size:22px; margin-bottom:4px; }
.founder__role{ display:inline-block; font-size:13.5px; color:var(--gold-3); font-weight:600; margin-bottom:18px; }
.checks li{ position:relative; padding-inline-start:24px; font-size:14.5px; color:var(--text); margin-bottom:9px; line-height:1.8; }
.checks li::before{ content:""; position:absolute; right:0; top:.62em; width:10px; height:6px; border-left:1.5px solid var(--gold); border-bottom:1.5px solid var(--gold); transform:rotate(-45deg); }
@media (max-width:1100px){ .founders{ grid-template-columns:1fr; } }
@media (max-width:640px){ .founder{ grid-template-columns:1fr; } .founder__photo{ min-height:200px; } }

/* صفحة الخدمات */
.svc-page{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:70px; align-items:start; }
.svc-index{ position:sticky; top:110px; background:var(--paper); border-radius:var(--r); padding:28px 22px; }
.svc-index ol{ display:grid; gap:2px; max-height:calc(100vh - 220px); overflow:auto; }
body.mk-site .svc-index a{ display:flex; gap:12px; padding:9px 10px; border-radius:var(--r-sm); font-size:14px; color:var(--text); transition:background .25s, color .25s; }
.svc-index a span{ font-family:var(--f-head); font-size:12px; color:var(--gold); padding-top:2px; }
body.mk-site .svc-index a:hover{ background:#fff; color:var(--ink); }
.svc-row{ padding:44px 0; border-bottom:1px solid var(--line); scroll-margin-top:110px; }
.svc-row:first-child{ padding-top:0; }
.svc-row__head{ display:flex; align-items:center; gap:18px; margin-bottom:18px; }
.svc-row__no{ font-family:var(--f-head); font-size:14px; color:var(--muted); }
.svc-row__head .svc__ic{ margin:0; width:52px; height:52px; font-size:19px; flex:none; }
body.mk-site .svc-row h2{ font-size:clamp(21px,2.2vw,28px); margin:0; }
body.mk-site .svc-row__body p{ font-size:16.5px; line-height:2.05; color:var(--text); }
@media (max-width:1000px){ .svc-page{ grid-template-columns:1fr; gap:40px; } .svc-index{ position:static; } .svc-index ol{ grid-template-columns:1fr 1fr; max-height:none; } }
@media (max-width:560px){ .svc-index ol{ grid-template-columns:1fr; } }

/* المنتجات */
.products{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; max-width:1000px; margin:0 auto; }
.product{ position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:56px 44px 48px; overflow:hidden; transition:box-shadow .4s, transform .4s var(--ease-out); }
.product::after{ content:""; position:absolute; top:0; inset-inline:0; height:3px; background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .6s var(--ease-out); }
.product:hover{ box-shadow:var(--sh); transform:translateY(-6px); }
.product:hover::after{ transform:scaleX(1); }
.product__no{ position:absolute; top:24px; inset-inline-end:28px; font-family:var(--f-head); font-size:46px; font-weight:600; color:var(--paper-2); line-height:1; }
.product__ic{ width:70px; height:70px; display:grid; place-items:center; border-radius:50%; background:var(--navy); color:var(--gold-2); font-size:26px; margin-bottom:28px; }
body.mk-site .product h2{ font-size:26px; }
body.mk-site .product p{ color:var(--muted); margin-bottom:28px; }
@media (max-width:760px){ .products{ grid-template-columns:1fr; } .product{ padding:44px 28px 38px; } }

/* الأسئلة الشائعة */
.faq-wrap{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:60px; align-items:start; }
.faq{ border-top:1px solid var(--line); }
.faq__item{ border-bottom:1px solid var(--line); }
.faq__item summary{ list-style:none; display:flex; align-items:center; gap:18px; padding:26px 0; cursor:pointer; }
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__no{ font-family:var(--f-head); font-size:13px; color:var(--gold); flex:none; }
.faq__q{ flex:1; font-family:var(--f-head); font-weight:500; font-size:18px; color:var(--ink); transition:color .25s; }
.faq__item summary:hover .faq__q{ color:var(--gold-3); }
.faq__ic{ position:relative; width:34px; height:34px; flex:none; border-radius:50%; border:1px solid var(--line-2); transition:background .3s, border-color .3s; }
.faq__ic::before,.faq__ic::after{ content:""; position:absolute; top:50%; left:50%; width:12px; height:1.5px; background:var(--ink); transform:translate(-50%,-50%); transition:transform .4s var(--ease-out), background .3s; }
.faq__ic::after{ transform:translate(-50%,-50%) rotate(90deg); }
.faq__item[open] .faq__ic{ background:var(--gold); border-color:var(--gold); }
.faq__item[open] .faq__ic::before,.faq__item[open] .faq__ic::after{ background:#fff; }
.faq__item[open] .faq__ic::after{ transform:translate(-50%,-50%) rotate(0); }
.faq__a{ padding:0 31px 26px 52px; color:var(--text); font-size:16px; line-height:2; animation:mkUp .45s var(--ease-out); }
.faq__a p:last-child{ margin:0 !important; }
.faq-side{ position:sticky; top:110px; background:var(--navy); color:rgba(255,255,255,.7); border-radius:var(--r); padding:34px 28px; display:grid; gap:12px; }
body.mk-site .faq-side h3{ color:#fff; font-size:20px; margin:0; }
body.mk-site .faq-side p{ margin:0 0 8px; font-size:14.5px; }
body.mk-site .faq-side .btn-outline{ color:#fff !important; border-color:var(--line-d2); }
@media (max-width:1000px){ .faq-wrap{ grid-template-columns:1fr; } .faq-side{ position:static; } .faq__a{ padding-inline:31px 0; } .faq__q{ font-size:16.5px; } }

/* عملاؤنا */
.logos{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-inline-start:1px solid var(--line); }
.logos li{ border-bottom:1px solid var(--line); border-inline-end:1px solid var(--line); }
.logos li > a,.logos li > img,.logos li > b{ display:grid; place-items:center; min-height:150px; padding:28px; }
.logos img{ max-height:70px; width:auto; margin:auto; filter:grayscale(1); opacity:.7; transition:filter .4s, opacity .4s; }
.logos li:hover img{ filter:none; opacity:1; }
.logos b{ font-family:var(--f-head); color:var(--ink); }
@media (max-width:900px){ .logos{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px){ .logos{ grid-template-columns:1fr 1fr; } }
.testi{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.testi__card{ margin:0; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:36px 32px; position:relative; }
.testi__q{ color:var(--gold); font-size:26px; opacity:.5; margin-bottom:16px; display:block; }
.testi blockquote{ margin:0 0 22px; font-size:16px; line-height:2; color:var(--text); }
.testi figcaption strong{ display:block; font-family:var(--f-head); color:var(--ink); }
.testi figcaption small{ color:var(--muted); }
@media (max-width:1000px){ .testi{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .testi{ grid-template-columns:1fr; } }

/* قنوات التواصل */
.channels{ display:flex; flex-wrap:wrap; justify-content:center; gap:18px; }
.channels > .channel{ flex:1 1 250px; max-width:300px; }
body.mk-site .channel{ display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:22px; transition:border-color .3s, box-shadow .4s, transform .4s var(--ease-out); }
body.mk-site .channel:hover{ border-color:var(--gold); box-shadow:var(--sh-sm); transform:translateY(-4px); }
.channel__ic{ width:50px; height:50px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--navy); color:var(--gold-2); font-size:19px; transition:background .3s; }
.channel--whatsapp .channel__ic{ background:#1f9d55; color:#fff; }
.channel:hover .channel__ic{ background:var(--gold); color:#fff; }
.channel__t{ flex:1; min-width:0; }
.channel__t strong{ display:block; font-family:var(--f-head); font-weight:600; color:var(--ink); }
.channel__t small{ display:block; color:var(--muted); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; }
.channel__go{ color:var(--gold); font-size:12px; transition:transform .3s var(--ease-out); }
.channel:hover .channel__go{ transform:translateX(-4px); }
@media (max-width:560px){ .channels > .channel{ max-width:none; flex-basis:100%; } }
.map-full iframe{ display:block; width:100%; height:420px; border:0; filter:grayscale(.4); }

/* المقال */
.entry-content{ font-size:17.5px; line-height:2.1; color:var(--text); }
body.mk-site .entry-content h2{ font-size:26px; margin:1.6em 0 .6em; }
body.mk-site .entry-content h3{ font-size:21px; margin:1.4em 0 .5em; }
body.mk-site .entry-content a{ color:var(--gold-3); text-decoration:underline; text-underline-offset:4px; }
body.mk-site .entry-content ul,body.mk-site .entry-content ol{ padding-inline-start:1.4em; margin:0 0 1.2em; list-style:disc; }
.entry-content blockquote{ margin:1.6em 0; padding:8px 26px; border-inline-start:2px solid var(--gold); font-family:var(--f-head); font-size:20px; color:var(--ink); }
.entry-content img{ border-radius:var(--r); margin:1.4em 0; }
.post-cta{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:50px; padding:28px 30px; background:var(--paper); border-radius:var(--r); border-inline-start:3px solid var(--gold); }
.post-cta strong{ display:block; font-family:var(--f-head); color:var(--ink); font-size:18px; }
.post-cta span{ color:var(--muted); font-size:14.5px; }
.pager{ margin-top:50px; text-align:center; }
.pager .page-numbers{ display:inline-grid; place-items:center; min-width:42px; height:42px; margin:0 3px; border:1px solid var(--line-2); border-radius:var(--r-sm); }
.pager .page-numbers.current{ background:var(--navy); color:#fff; border-color:var(--navy); }

/* ========== الفوتر ========== */
.site-footer{ background:var(--navy-deep); border-top:5px solid var(--gold); color:rgba(255,255,255,.62); padding:90px 0 0; font-size:14.5px; }
.footer-top{ display:grid; grid-template-columns:1.5fr 1fr 1.2fr 1.3fr; gap:50px; padding-bottom:60px; }
.brand--footer{ margin-bottom:24px; }
body.mk-site .footer-desc{ line-height:2; margin-bottom:18px; }
.footer-license{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--gold-2); }
body.mk-site .footer-col h4{ color:#fff; font-size:16px; margin-bottom:22px; position:relative; padding-bottom:14px; }
.footer-col h4::after{ content:""; position:absolute; bottom:0; inset-inline-start:0; width:28px; height:1px; background:var(--gold); }
.footer-col ul{ display:grid; gap:11px; }
body.mk-site .footer-col a{ transition:color .25s, padding .3s var(--ease-out); }
body.mk-site .footer-col ul a:hover{ color:var(--gold-2); padding-inline-start:5px; }
.footer-contact li{ display:flex; gap:12px; align-items:flex-start; }
.footer-contact li i{ color:var(--gold); margin-top:6px; font-size:13px; }
.footer-contact .social-row{ margin-top:22px; }
.footer-bottom{ border-top:1px solid var(--line-d); padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:13px; flex-wrap:wrap; }
body.mk-site .to-top{ position:relative; width:44px; height:44px; display:grid; place-items:center; color:var(--gold-2); }
.to-top svg{ position:absolute; inset:0; transform:rotate(-90deg); }
.to-top circle{ fill:none; stroke:var(--gold); stroke-width:1.5; stroke-dasharray:100; stroke-dashoffset:var(--p,100); transition:stroke-dashoffset .2s; }
@media (max-width:1000px){ .footer-top{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .footer-top{ grid-template-columns:1fr; gap:38px; } .site-footer{ padding-top:64px; } }

/* ========== النافذة المنبثقة + التنبيه + واتساب ========== */
.hlf-modal-overlay{ position:fixed; inset:0; z-index:2000; background:rgba(4,10,18,.7); display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
.hlf-modal-overlay.is-open{ opacity:1; visibility:visible; }
.hlf-modal{ background:#fff; border-radius:var(--r); max-width:540px; width:100%; padding:38px 34px; position:relative; max-height:90vh; overflow-y:auto; transform:translateY(24px); transition:transform .45s var(--ease-out); border-top:3px solid var(--gold); }
.hlf-modal-overlay.is-open .hlf-modal{ transform:none; }
.hlf-modal-close{ position:absolute; top:16px; left:16px; width:36px; height:36px; border-radius:50%; background:var(--paper); border:none; color:var(--ink); cursor:pointer; }
.hlf-modal-close:hover{ background:var(--gold); color:#fff; }
.hlf-modal-head{ margin-bottom:24px; }
body.mk-site .hlf-modal-head h3{ font-size:22px; margin:0; }
body.mk-site .hlf-modal-head p{ font-size:14px; color:var(--gold-3); margin:4px 0 0; }
.hlf-toast{ position:fixed; bottom:26px; left:50%; z-index:2100; transform:translate(-50%,30px); display:flex; align-items:center; gap:10px; padding:14px 22px; border-radius:var(--r); background:var(--navy); color:#fff; font-weight:500; box-shadow:var(--sh); opacity:0; visibility:hidden; transition:opacity .35s, transform .35s var(--ease-out), visibility .35s; }
.hlf-toast.is-visible{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.hlf-toast i{ color:#4ade80; }
body.mk-site .whatsapp-float{ position:fixed; bottom:24px; left:24px; z-index:900; width:56px; height:56px; border-radius:50%; background:#1f9d55; color:#fff; display:grid; place-items:center; font-size:26px; box-shadow:0 12px 28px -8px rgba(31,157,85,.6); transition:transform .3s var(--ease-out); }
body.mk-site .whatsapp-float:hover{ transform:scale(1.08); }
.whatsapp-float::before{ content:""; position:absolute; inset:0; border-radius:50%; border:1px solid #1f9d55; animation:mkWa 2.4s ease-out infinite; }
@keyframes mkWa{ from{ transform:scale(1); opacity:.8; } to{ transform:scale(1.6); opacity:0; } }