/* m-k-div Theme — Main CSS | Author: mohaned-kasem */
:root{
  --mkp:#8E7BB9;--mkp-d:#64528D;--mkp-dk:#3D2E5E;
  --mkp-l:#EAE6F4;--mko:#F38D5A;--mko-d:#D96E35;
  --mko-l:#FFF0E8;--mkbg:#FAF8FF;--mksurf:#F4F2FB;
  --mksurf-l:#EDEAF6;--mkcard:#FFFFFF;
  --mktxt:#1A1420;--mktxt-m:#4A3F6B;--mktxt-mu:#8078A0;
  --r-sm:6px;--r-md:14px;--r-lg:22px;--r-xl:32px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Cairo',sans-serif;background:var(--mkbg);color:var(--mktxt);direction:rtl;overflow-x:hidden}

/* NAV */
.mkdiv-nav{position:fixed;top:0;right:0;left:0;z-index:100;padding:0 5%;height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(250,248,255,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(142,123,185,.10)}
.mkdiv-nav-logo{display:flex;align-items:center;text-decoration:none}
.mkdiv-nav-logo img{height:38px;width:auto;display:block}
.mkdiv-logo-text{font-size:22px;font-weight:900;color:var(--mkp-d)}
.mkdiv-nav-links{display:flex;gap:2rem;list-style:none}
.mkdiv-nav-links a{
    text-decoration:none;font-size:15px;font-weight:500;
    color:var(--mktxt-m);transition:color .2s;
    position:relative;padding-bottom:2px;
}
.mkdiv-nav-links a::after{
    content:'';position:absolute;bottom:-1px;right:0;
    width:0;height:1.5px;background:var(--mko);
    border-radius:2px;transition:width .28s cubic-bezier(.22,1,.36,1);
}
.mkdiv-nav-links a:hover{color:var(--mkp-d)}
.mkdiv-nav-links a:hover::after{width:100%;right:auto;left:0}
.mkdiv-nav-cta{background:var(--mko);color:#fff;padding:10px 22px;border-radius:var(--r-md);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap}
.mkdiv-nav-cta:hover{background:var(--mko-d);transform:translateY(-1px)}
.mkdiv-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.mkdiv-hamburger span{display:block;width:24px;height:2px;background:var(--mkp-d);border-radius:2px;transition:all .3s}
.mkdiv-mobile-menu{display:none;position:fixed;top:68px;right:0;left:0;background:#fff;padding:1.5rem 5%;border-bottom:1px solid var(--mksurf-l);z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.mkdiv-mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}
.mkdiv-mobile-menu a{text-decoration:none;font-size:16px;font-weight:600;color:var(--mktxt-m)}
.mkdiv-mobile-menu.open{display:block}

/* HERO */
.mkdiv-hero{min-height:100vh;padding:100px 5% 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;position:relative}
.mkdiv-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}
.mkdiv-blob-1{width:600px;height:600px;background:var(--mkp-l);top:-150px;right:-200px;animation:mkBlob 9s ease-in-out infinite}
.mkdiv-blob-2{width:400px;height:400px;background:var(--mko-l);bottom:-100px;left:-100px;animation:mkBlob 12s ease-in-out infinite reverse}
@keyframes mkBlob{0%{transform:translate(0,0) scale(1)}33%{transform:translate(25px,-35px) scale(1.06)}66%{transform:translate(-15px,20px) scale(.97)}100%{transform:translate(0,0) scale(1)}}
.mkdiv-hero-content{position:relative;z-index:1}
.mkdiv-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--mko-l);color:var(--mko-d);padding:6px 16px;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:1.5rem}
.mkdiv-hero-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--mko);animation:mkPulse 2s ease infinite}
@keyframes mkPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.mkdiv-hero-title{font-size:clamp(2.8rem,5vw,4.4rem);font-weight:900;line-height:1.15;letter-spacing:-.025em;color:var(--mkp-dk);margin-bottom:1.5rem}
.mkdiv-title-line2{display:block;color:var(--mkp);font-size:85%}
.mkdiv-hero-sub{font-family:'Tajawal',sans-serif;font-size:17px;line-height:1.8;color:var(--mktxt-mu);max-width:460px;margin-bottom:2.5rem}
.mkdiv-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.mkdiv-btn-primary{background:var(--mko);color:#fff;padding:14px 30px;border-radius:var(--r-md);font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 8px 28px rgba(243,141,90,.30)}
.mkdiv-btn-primary:hover{background:var(--mko-d);transform:translateY(-2px);box-shadow:0 14px 36px rgba(243,141,90,.40)}
.mkdiv-btn-secondary{background:transparent;color:var(--mkp-d);padding:14px 28px;border-radius:var(--r-md);font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--mkp-l);transition:all .2s}
.mkdiv-btn-secondary:hover{border-color:var(--mkp);background:var(--mkp-l);transform:translateY(-2px)}
.mkdiv-hero-visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.mkdiv-card-stack{position:relative;width:100%;max-width:480px;padding:30px 0 0 50px}
.mkdiv-hero-card{background:var(--mkcard);border-radius:var(--r-xl);padding:2rem;box-shadow:0 20px 60px rgba(100,82,141,.12);position:relative;z-index:2}
.mkdiv-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.mkdiv-card-label{font-size:12px;font-weight:600;color:var(--mktxt-mu);text-transform:uppercase;letter-spacing:.08em}
.mkdiv-badge-live{display:flex;align-items:center;gap:5px;background:#EDFAF3;color:#1B7A4A;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}
.mkdiv-badge-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#22C55E;animation:mkPulse 1.5s infinite}
.mkdiv-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}
.mkdiv-metric-box{background:var(--mksurf);border-radius:var(--r-md);padding:.85rem;text-align:center}
.mkdiv-metric-num{font-size:22px;font-weight:900;color:var(--mkp-d)}
.mkdiv-metric-num.mkdiv-orange{color:var(--mko)}
.mkdiv-metric-lbl{font-size:10px;font-weight:500;color:var(--mktxt-mu);margin-top:2px}
.mkdiv-mini-chart{width:100%;height:80px;background:var(--mksurf);border-radius:var(--r-md);display:flex;align-items:flex-end;gap:4px;padding:10px 10px 0}
.mkdiv-bar{flex:1;border-radius:4px 4px 0 0}
.mkdiv-bar-p{background:var(--mkp)}
.mkdiv-bar-o{background:var(--mko);opacity:.7}
.mkdiv-floating-tag{position:absolute;background:var(--mkp-d);color:#fff;font-size:12px;font-weight:700;padding:8px 14px;border-radius:var(--r-md);white-space:nowrap;box-shadow:0 8px 24px rgba(100,82,141,.25);animation:mkTagFloat 5s ease-in-out infinite;z-index:5}
.mkdiv-tag-1{top:0;left:0}
.mkdiv-tag-2{bottom:20px;left:0;animation-delay:2s;background:var(--mko);box-shadow:0 8px 24px rgba(243,141,90,.25)}
@keyframes mkTagFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.02)}}

/* TRUST BAR */
.mkdiv-trust-bar{padding:2rem 5%;background:var(--mksurf);display:flex;align-items:center;gap:3rem;overflow:hidden}
.mkdiv-trust-label{font-size:12px;font-weight:600;color:var(--mktxt-mu);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}
.mkdiv-marquee-wrapper{display:flex;overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mkdiv-marquee-track{display:flex;gap:3rem;animation:mkMarquee 20s linear infinite;flex-shrink:0}
@keyframes mkMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mkdiv-marquee-item{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--mktxt-m);opacity:.65;white-space:nowrap}
.mkdiv-marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--mkp-l)}

/* STATS */
.mkdiv-stats{padding:6rem 5%;background:var(--mkp-dk);position:relative;overflow:hidden}
.mkdiv-stats-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}
.mkdiv-stat-item{padding:1.5rem}
.mkdiv-stat-num{
    font-size:clamp(2.5rem,4vw,3.5rem);font-weight:900;
    color:var(--mko);letter-spacing:-.02em;display:block;
    background:linear-gradient(135deg,var(--mko) 30%,#ffb380 60%,var(--mko) 80%);
    background-size:200% auto;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    background-clip:text;
    animation:mkStatShimmer 3s linear infinite;
}
@keyframes mkStatShimmer{to{background-position:200% center}}
.mkdiv-stat-label{font-size:15px;font-weight:500;color:rgba(255,255,255,.6);margin-top:6px;display:block}

/* ABOUT */
.mkdiv-about{padding:7rem 5%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.mkdiv-about-label{font-size:12px;font-weight:700;color:var(--mko);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;display:block}
.mkdiv-about-title{font-size:clamp(2rem,3.5vw,3rem);font-weight:900;color:var(--mkp-dk);line-height:1.2;letter-spacing:-.02em;margin-bottom:1.5rem}
.mkdiv-about-body{font-family:'Tajawal',sans-serif;font-size:16px;line-height:1.9;color:var(--mktxt-mu);margin-bottom:2rem}
.mkdiv-about-features{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-bottom:2.5rem}
.mkdiv-about-features li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--mktxt-m)}
.mkdiv-about-features li::before{content:'';width:20px;height:20px;border-radius:50%;background:var(--mko-l);flex-shrink:0}
.mkdiv-about-visual{position:relative}
.mkdiv-about-badge{position:absolute;top:-20px;left:-30px;background:var(--mko);color:#fff;padding:12px 18px;border-radius:var(--r-lg);font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(243,141,90,.30);line-height:1.4;animation:mkTagFloat 5s ease-in-out infinite}
.mkdiv-about-card{background:var(--mkcard);border-radius:var(--r-xl);padding:2.5rem;box-shadow:0 20px 60px rgba(100,82,141,.10)}
/* About card — service tiles (6-grid) */
.mkdiv-abt-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.2rem}
.mkdiv-abt-tile{border-radius:12px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s,box-shadow .2s;cursor:default;overflow:hidden}
.mkdiv-abt-tile:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(100,82,141,.10)}
.mkdiv-abt-tile--p{background:var(--mkp-l)}
.mkdiv-abt-tile--o{background:var(--mko-l)}
.mkdiv-abt-tile-icon{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mkdiv-abt-tile--p .mkdiv-abt-tile-icon{background:rgba(100,82,141,.13);color:var(--mkp-d)}
.mkdiv-abt-tile--o .mkdiv-abt-tile-icon{background:rgba(243,141,90,.13);color:var(--mko-d)}
.mkdiv-abt-tile-icon svg{display:block;width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px;flex-shrink:0}
.mkdiv-abt-tile-lbl{font-size:10px;font-weight:700;color:var(--mktxt-m);letter-spacing:.01em;white-space:nowrap;line-height:1}
.mkdiv-abt-footer{border-top:1px solid var(--mksurf-l);padding-top:.9rem;margin-top:.1rem;text-align:center}
.mkdiv-abt-footer-title{font-size:18px;font-weight:900;color:var(--mkp-dk);line-height:1.3;margin-bottom:3px}
.mkdiv-abt-footer-sub{font-size:11px;color:var(--mktxt-mu)}

/* SERVICES */
.mkdiv-services{padding:8rem 5% 9rem;background:#0E0B1A;position:relative;overflow:hidden}
.mkdiv-svc-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(142,123,185,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(142,123,185,.06) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.mkdiv-svc-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.mkdiv-svc-orb-1{width:600px;height:600px;background:rgba(142,123,185,.15);top:-200px;right:-150px;animation:mkOrb1 14s ease-in-out infinite}
.mkdiv-svc-orb-2{width:450px;height:450px;background:rgba(243,141,90,.10);bottom:-100px;left:-100px;animation:mkOrb2 18s ease-in-out infinite}
.mkdiv-svc-orb-3{width:300px;height:300px;background:rgba(142,123,185,.08);top:50%;left:40%;animation:mkOrb3 22s ease-in-out infinite}
@keyframes mkOrb1{0%,100%{transform:translate(0,0)}50%{transform:translate(-60px,80px)}}
@keyframes mkOrb2{0%,100%{transform:translate(0,0)}50%{transform:translate(70px,-50px)}}
@keyframes mkOrb3{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-40px,30px) scale(1.2)}66%{transform:translate(50px,-20px) scale(.9)}}
#mkdiv-particles{position:absolute;inset:0;pointer-events:none;z-index:0}
.mkdiv-services .mkdiv-section-header{position:relative;z-index:2;margin-bottom:3.5rem}
.mkdiv-services .mkdiv-section-label,.mkdiv-services .mkdiv-section-title{color:#fff !important}
.mkdiv-services .mkdiv-section-sub{color:rgba(255,255,255,.4) !important}
.mkdiv-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;position:relative;z-index:2}
.mkdiv-service-card{position:relative;padding:1.75rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);overflow:hidden;cursor:default;transition:border-color .4s,background .4s,transform .45s cubic-bezier(.23,1,.32,1),box-shadow .4s;will-change:transform;transform-style:preserve-3d}
.mkdiv-service-card::before{
    content:'';position:absolute;inset:-1px;border-radius:21px;
    background:conic-gradient(from 0deg,transparent 55%,var(--mko) 75%,var(--mkp) 88%,transparent 100%);
    opacity:0;transition:opacity .4s;z-index:0;pointer-events:none;
    transform-origin:50% 50%;
}
.mkdiv-service-card::after{content:'';position:absolute;inset:1px;border-radius:19px;background:#0E0B1A;z-index:0;pointer-events:none}
.mkdiv-service-card:hover{border-color:transparent;background:rgba(255,255,255,.05);transform:translateY(-10px) scale(1.015);box-shadow:0 35px 80px rgba(0,0,0,.5),0 0 40px rgba(142,123,185,.12)}
.mkdiv-service-card:hover::before{opacity:1;animation:mkBorderSpin 3s linear infinite}
@keyframes mkBorderSpin{to{transform:rotate(360deg)}}
.mkdiv-svc-inner{position:relative;z-index:1}
.mkdiv-svc-spot{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(243,141,90,.10) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;z-index:1}
.mkdiv-service-card:hover .mkdiv-svc-spot{opacity:1}
.mkdiv-svc-num{position:absolute;top:1rem;left:1.1rem;font-size:10px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.18);transition:color .3s;z-index:1}
.mkdiv-service-card:hover .mkdiv-svc-num{color:var(--mko)}
.mkdiv-svc-icon-box{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:mkIconIdle 4s ease-in-out infinite}
.mkdiv-svc-icon-box svg{width:26px;height:26px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.mkdiv-service-card:nth-child(2) .mkdiv-svc-icon-box{animation-delay:.5s}
.mkdiv-service-card:nth-child(3) .mkdiv-svc-icon-box{animation-delay:1s}
.mkdiv-service-card:nth-child(4) .mkdiv-svc-icon-box{animation-delay:.25s}
.mkdiv-service-card:nth-child(5) .mkdiv-svc-icon-box{animation-delay:.75s}
.mkdiv-service-card:nth-child(6) .mkdiv-svc-icon-box{animation-delay:1.25s}
@keyframes mkIconIdle{0%,100%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-6px) rotate(-3deg)}70%{transform:translateY(-3px) rotate(2deg)}}
.mkdiv-service-card:hover .mkdiv-svc-icon-box{animation:none;background:rgba(243,141,90,.15);border-color:rgba(243,141,90,.35);box-shadow:0 0 30px rgba(243,141,90,.20);transform:rotate(-8deg) scale(1.12)}
.mkdiv-service-card:hover .mkdiv-svc-icon-box svg{transform:rotate(8deg)}
.mkdiv-svc-title{font-size:17px;font-weight:800;color:#fff;margin-bottom:.6rem;line-height:1.3}
.mkdiv-svc-desc{font-family:'Tajawal',sans-serif;font-size:13.5px;line-height:1.85;color:rgba(255,255,255,.40);transition:color .35s}
.mkdiv-service-card:hover .mkdiv-svc-desc{color:rgba(255,255,255,.62)}
.mkdiv-svc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.06);transition:border-color .3s}
.mkdiv-service-card:hover .mkdiv-svc-foot{border-color:rgba(255,255,255,.12)}
.mkdiv-svc-link{font-size:12px;font-weight:700;color:rgba(255,255,255,.30);text-decoration:none;display:flex;align-items:center;gap:7px;transition:color .3s,gap .3s}
.mkdiv-service-card:hover .mkdiv-svc-link{color:var(--mko);gap:11px}
.mkdiv-svc-arr{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.mkdiv-svc-arr svg{width:12px;height:12px;stroke:currentColor}
.mkdiv-service-card:hover .mkdiv-svc-arr{background:var(--mko);border-color:var(--mko);transform:rotate(-45deg) scale(1.1)}
.mkdiv-svc-enter{
    opacity:0;
    transform:translateY(45px) scale(.95) rotateX(8deg);
    transform-origin:50% 100%;
    transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);
    perspective:800px;
}
.mkdiv-svc-enter.in{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}
.mkdiv-svc-enter.in{opacity:1;transform:translateY(0) scale(1)}
.mkdiv-service-card:nth-child(1).mkdiv-svc-enter{transition-delay:.05s}
.mkdiv-service-card:nth-child(2).mkdiv-svc-enter{transition-delay:.16s}
.mkdiv-service-card:nth-child(3).mkdiv-svc-enter{transition-delay:.27s}
.mkdiv-service-card:nth-child(4).mkdiv-svc-enter{transition-delay:.38s}
.mkdiv-service-card:nth-child(5).mkdiv-svc-enter{transition-delay:.49s}
.mkdiv-service-card:nth-child(6).mkdiv-svc-enter{transition-delay:.60s}

/* CTA BAND */
.mkdiv-cta-band{padding:6rem 5%;background:linear-gradient(135deg,var(--mkp-dk) 0%,var(--mkp-d) 100%);display:flex;align-items:center;justify-content:space-between;gap:3rem;position:relative;overflow:hidden}
.mkdiv-cta-band::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(243,141,90,.08);top:-200px;left:-100px}
.mkdiv-cta-content{position:relative;z-index:1}
.mkdiv-cta-title{font-size:clamp(2rem,3vw,2.8rem);font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:1rem;line-height:1.2}
.mkdiv-cta-title span{color:var(--mko)}
.mkdiv-cta-desc{font-family:'Tajawal',sans-serif;font-size:16px;color:rgba(255,255,255,.6);line-height:1.7}
.mkdiv-cta-actions{display:flex;gap:1rem;flex-shrink:0;position:relative;z-index:1}
.mkdiv-btn-white{background:#fff;color:var(--mkp-d);padding:14px 30px;border-radius:var(--r-md);font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.mkdiv-btn-white:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 36px rgba(0,0,0,.20)}
.mkdiv-btn-outline-white{background:transparent;color:#fff;padding:14px 28px;border-radius:var(--r-md);font-size:15px;font-weight:700;text-decoration:none;border:1.5px solid rgba(255,255,255,.25);transition:background .2s,border-color .2s}
.mkdiv-btn-outline-white:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}

/* PARTNERS */
.mkdiv-partners{padding:5rem 5%;background:var(--mksurf);overflow:hidden}
.mkdiv-partners-wrap{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mkdiv-partners-track{display:flex;gap:1.25rem;width:max-content;animation:mkPartners 28s linear infinite}
.mkdiv-partners-track:hover{animation-play-state:paused}
@keyframes mkPartners{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mkdiv-partner-card{display:flex;align-items:center;gap:12px;background:var(--mkcard);border:1px solid rgba(142,123,185,.10);border-radius:14px;padding:1rem 1.75rem;white-space:nowrap;transition:border-color .3s,box-shadow .3s;cursor:default;flex-shrink:0}
.mkdiv-partner-card:hover{border-color:rgba(243,141,90,.30);box-shadow:0 8px 24px rgba(142,123,185,.10)}
.mkdiv-partner-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.mkdiv-partner-name{font-size:15px;font-weight:700;color:var(--mktxt-m)}
.mkdiv-partner-type{font-size:11px;color:var(--mktxt-mu);margin-top:1px}

/* FAQ */
.mkdiv-faq{padding:7rem 5%;background:var(--mkbg)}
.mkdiv-faq-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start}
.mkdiv-faq-left{position:sticky;top:100px}
.mkdiv-faq-label{font-size:12px;font-weight:700;color:var(--mko);text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:1rem}
.mkdiv-faq-heading{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;color:var(--mkp-dk);line-height:1.25;letter-spacing:-.02em;margin-bottom:1.25rem}
.mkdiv-faq-sub{font-family:'Tajawal',sans-serif;font-size:15px;line-height:1.8;color:var(--mktxt-mu);margin-bottom:2rem}
.mkdiv-faq-cta{display:inline-flex;align-items:center;gap:8px;background:var(--mkp-d);color:#fff;padding:12px 24px;border-radius:var(--r-md);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s}
.mkdiv-faq-cta:hover{background:var(--mkp-dk);transform:translateY(-2px)}
.mkdiv-faq-list{display:flex;flex-direction:column}
.mkdiv-faq-item{border-bottom:1px solid var(--mksurf-l)}
.mkdiv-faq-item:first-child{border-top:1px solid var(--mksurf-l)}
.mkdiv-faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;font-size:16px;font-weight:700;color:var(--mkp-dk);text-align:right;direction:rtl;cursor:pointer;gap:1rem;font-family:'Cairo',sans-serif;transition:color .2s}
.mkdiv-faq-q:hover{color:var(--mkp-d)}
.mkdiv-faq-icon{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--mkp-l);display:flex;align-items:center;justify-content:center;color:var(--mkp);font-size:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
.mkdiv-faq-item.open .mkdiv-faq-icon{background:var(--mko);border-color:var(--mko);color:#fff;transform:rotate(45deg)}
.mkdiv-faq-a{
    font-family:'Tajawal',sans-serif;font-size:14.5px;line-height:1.85;color:var(--mktxt-mu);
    max-height:0;overflow:hidden;padding:0;
    transition:max-height .4s cubic-bezier(.22,1,.36,1),padding .35s ease,opacity .3s ease;
    opacity:0;
}
.mkdiv-faq-item.open .mkdiv-faq-a{
    max-height:300px;padding:0 0 1.25rem;opacity:1;
}

/* BLOG */
.mkdiv-blog{padding:7rem 5%;background:var(--mksurf)}
.mkdiv-blog-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem}
.mkdiv-blog-see-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--mko);text-decoration:none;transition:gap .2s;white-space:nowrap}
.mkdiv-blog-see-all:hover{gap:10px}
.mkdiv-blog-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1.25rem}
.mkdiv-blog-card{
    background:var(--mkcard);border-radius:var(--r-lg);overflow:hidden;
    transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
    display:flex;flex-direction:column;
}
.mkdiv-blog-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(100,82,141,.14)}
.mkdiv-blog-thumb img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.mkdiv-blog-card:hover .mkdiv-blog-thumb img{transform:scale(1.07)}
.mkdiv-blog-thumb{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden}
.mkdiv-blog-thumb img{width:100%;height:100%;object-fit:cover}
.mkdiv-blog-thumb.t1{background:linear-gradient(135deg,#EAE6F4,#C9BEE8)}
.mkdiv-blog-thumb.t2{background:linear-gradient(135deg,#FFF0E8,#FFD5BC)}
.mkdiv-blog-thumb.t3{background:linear-gradient(135deg,#E8F4FF,#BDD8F5)}
.mkdiv-blog-thumb-icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:26px}
.mkdiv-blog-body{padding:1.25rem 1.4rem 1.5rem;flex:1;display:flex;flex-direction:column}
.mkdiv-blog-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--mko);background:var(--mko-l);padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem}
.mkdiv-blog-title{font-size:15px;font-weight:800;color:var(--mkp-dk);line-height:1.4;margin-bottom:.75rem;flex:1}
.mkdiv-blog-title a{text-decoration:none;color:inherit}
.mkdiv-blog-title a:hover{color:var(--mkp-d)}
.mkdiv-blog-card.mkdiv-featured .mkdiv-blog-title{font-size:18px}
.mkdiv-blog-meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.mkdiv-blog-date{font-size:12px;color:var(--mktxt-mu)}
.mkdiv-blog-read{font-size:12px;font-weight:700;color:var(--mkp);text-decoration:none;transition:color .2s,gap .2s}
.mkdiv-blog-read:hover{color:var(--mko)}

/* CONTACT */
.mkdiv-contact{padding:7rem 5%;background:var(--mkbg)}
.mkdiv-contact-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;align-items:start}
.mkdiv-contact-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;color:var(--mkp-dk);line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}
.mkdiv-contact-desc{font-family:'Tajawal',sans-serif;font-size:15px;line-height:1.8;color:var(--mktxt-mu);margin-bottom:2.5rem}
.mkdiv-contact-info-item{display:flex;align-items:center;gap:14px;margin-bottom:1.1rem;cursor:default}
.mkdiv-ci-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--mkp-l);display:flex;align-items:center;justify-content:center;color:var(--mkp-d);transition:background .25s,color .25s}
.mkdiv-contact-info-item:hover .mkdiv-ci-icon{background:var(--mko-l);color:var(--mko-d)}
.mkdiv-ci-label{font-size:12px;color:var(--mktxt-mu);font-weight:500}
.mkdiv-ci-val{font-size:15px;font-weight:700;color:var(--mktxt-m);direction:ltr;text-align:right}
.mkdiv-contact-form-wrap{background:var(--mkcard);border-radius:var(--r-xl);padding:2.5rem;box-shadow:0 20px 60px rgba(100,82,141,.08);border:1px solid rgba(142,123,185,.08)}
.mkdiv-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.mkdiv-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}
.mkdiv-form-group label{font-size:12px;font-weight:700;color:var(--mktxt-m);text-transform:uppercase;letter-spacing:.07em}
.mkdiv-form-group input,.mkdiv-form-group textarea,.mkdiv-form-group select{width:100%;background:var(--mksurf);border:1.5px solid transparent;border-radius:var(--r-md);padding:12px 14px;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--mktxt);direction:rtl;outline:none;transition:border-color .25s,background .25s;resize:none;-webkit-appearance:none;appearance:none}
.mkdiv-form-group input:focus,.mkdiv-form-group textarea:focus,.mkdiv-form-group select:focus{border-color:var(--mkp);background:var(--mkcard)}
.mkdiv-form-group textarea{height:110px}
.mkdiv-form-submit{width:100%;background:var(--mko);color:#fff;border:none;border-radius:var(--r-md);padding:14px;font-size:16px;font-weight:700;font-family:'Cairo',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 8px 24px rgba(243,141,90,.25)}
.mkdiv-form-submit:hover{background:var(--mko-d);transform:translateY(-2px);box-shadow:0 14px 32px rgba(243,141,90,.35)}
.mkdiv-form-msg{font-size:13px;font-weight:600;margin-top:1rem;text-align:center;display:none}
.mkdiv-form-msg.success{color:#166534;display:block}
.mkdiv-form-msg.error{color:#991b1b;display:block}

/* FOOTER */
.mkdiv-footer{background:var(--mkp-dk);color:#fff;padding:4rem 5% 2rem}
.mkdiv-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:3rem}
.mkdiv-footer-logo{margin-bottom:1rem}
.mkdiv-footer-logo img{height:40px;filter:brightness(0) invert(1);display:block}
.mkdiv-footer-logo .mkdiv-logo-text{font-size:22px;font-weight:900;color:#fff;display:block}
.mkdiv-footer-desc{font-family:'Tajawal',sans-serif;font-size:14px;line-height:1.8;color:rgba(255,255,255,.5);margin-bottom:1.5rem}
.mkdiv-footer-social{display:flex;gap:10px}
.mkdiv-social-btn{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.55);transition:all .25s}
.mkdiv-social-btn:hover{background:var(--mko);border-color:var(--mko);color:#fff;transform:translateY(-3px)}
.mkdiv-social-btn svg{display:block;flex-shrink:0}
.mkdiv-footer-col h4{font-size:13px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.10em;margin-bottom:1.25rem}
.mkdiv-footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}
.mkdiv-footer-links a{font-size:14px;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;font-weight:500}
.mkdiv-footer-links a:hover{color:var(--mko)}
.mkdiv-footer-contact{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}
.mkdiv-footer-contact-item{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.65)}
.mkdiv-footer-contact-icon{width:36px;height:36px;border-radius:9px;background:rgba(243,141,90,.12);border:1px solid rgba(243,141,90,.20);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mko)}
.mkdiv-footer-contact-icon svg{display:block}
.mkdiv-footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:rgba(255,255,255,.35)}

/* SHARED */
.mkdiv-section-header{text-align:center;margin-bottom:4rem}
.mkdiv-section-label{
    font-size:12px;font-weight:700;color:var(--mko);
    text-transform:uppercase;letter-spacing:.14em;display:inline-flex;
    align-items:center;gap:8px;margin-bottom:.75rem;
    position:relative;
}
.mkdiv-section-label::before{
    content:'';display:inline-block;width:20px;height:2px;
    background:var(--mko);border-radius:2px;flex-shrink:0;
    animation:mkLabelLine .6s cubic-bezier(.22,1,.36,1) both;
}
@keyframes mkLabelLine{from{width:0;opacity:0}to{width:20px;opacity:1}}
.mkdiv-section-title{
    font-size:clamp(2rem,3.5vw,3rem);font-weight:900;
    color:var(--mkp-dk);letter-spacing:-.025em;margin-bottom:1rem;
}
.mkdiv-section-sub{font-family:'Tajawal',sans-serif;font-size:16px;color:var(--mktxt-mu);max-width:500px;margin:0 auto;line-height:1.7}
.mkdiv-fade-up{
    opacity:0;transform:translateY(28px) scale(.98);
    transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);
}
.mkdiv-fade-up.visible{opacity:1;transform:translateY(0) scale(1)}
.mkdiv-delay-1{transition-delay:.10s}.mkdiv-delay-2{transition-delay:.20s}
.mkdiv-delay-3{transition-delay:.30s}.mkdiv-delay-4{transition-delay:.40s}
.mkdiv-delay-5{transition-delay:.50s}.mkdiv-delay-6{transition-delay:.60s}

/* RESPONSIVE */
@media(max-width:1024px){
  .mkdiv-hero{grid-template-columns:1fr;gap:3rem;padding:120px 5% 60px}
  .mkdiv-hero-visual{display:none}
  .mkdiv-about{grid-template-columns:1fr;gap:3rem}
  .mkdiv-about-visual{display:none}
  .mkdiv-faq-inner{grid-template-columns:1fr;gap:3rem}
  .mkdiv-faq-left{position:static}
  .mkdiv-contact-inner{grid-template-columns:1fr;gap:3rem}
  .mkdiv-blog-grid{grid-template-columns:1fr 1fr}
  .mkdiv-blog-card.mkdiv-featured{grid-column:1/-1}
  .mkdiv-services-grid{grid-template-columns:repeat(2,1fr)}
  .mkdiv-footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .mkdiv-cta-band{flex-direction:column;text-align:center}
  .mkdiv-cta-actions{justify-content:center}
}
@media(max-width:768px){
  .mkdiv-nav-links{display:none}
  .mkdiv-hamburger{display:flex}
  .mkdiv-hero-title{font-size:2.4rem}
  .mkdiv-services-grid{grid-template-columns:1fr}
  .mkdiv-blog-grid{grid-template-columns:1fr}
  .mkdiv-stats-inner{grid-template-columns:1fr 1fr;gap:1rem}
  .mkdiv-footer-grid{grid-template-columns:1fr}
  .mkdiv-blog-header-row{flex-direction:column;align-items:flex-start;gap:1rem}
  .mkdiv-trust-bar{flex-direction:column;gap:1rem}
  .mkdiv-form-row{grid-template-columns:1fr}
  .mkdiv-hero-actions{flex-direction:column}
  .mkdiv-hero-actions a{width:100%;justify-content:center}
  .mkdiv-cta-actions{flex-direction:column;width:100%}
  .mkdiv-cta-actions a{text-align:center;justify-content:center}
}
@media(max-width:480px){
  .mkdiv-hero{padding:90px 4% 50px}
  .mkdiv-services{padding:5rem 4% 6rem}
  .mkdiv-blog,.mkdiv-faq,.mkdiv-about,.mkdiv-contact,.mkdiv-partners{padding:5rem 4%}
  .mkdiv-contact-form-wrap{padding:1.5rem}
  .mkdiv-stats-inner{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════════
   INNER PAGES — SHARED
═══════════════════════════════════════════════════════════ */
.mkd-container{max-width:1100px;margin:0 auto;padding:0 5%}
.mkd-container--narrow{max-width:780px}
.mkd-section-label{font-size:12px;font-weight:700;color:var(--mko);text-transform:uppercase;letter-spacing:.14em;display:block;margin-bottom:.75rem}
.mkd-section-h2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:900;color:var(--mkp-dk);letter-spacing:-.025em;line-height:1.2;margin-bottom:3rem}
.mkd-accent-o{color:var(--mko)}

/* ── Page Hero (shared) ── */
.mkd-pg-hero{position:relative;padding:120px 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;overflow:hidden;min-height:520px}
.mkd-pg-hero--simple{grid-template-columns:1fr;padding:100px 5% 60px;min-height:280px}
.mkd-pg-hero-bg{position:absolute;inset:0;background:var(--mkbg);z-index:0}
.mkd-pg-hero-bg--light{background:var(--mksurf)}
.mkd-pg-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(142,123,185,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,123,185,.045) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}
.mkd-pg-canvas{position:absolute;inset:0;pointer-events:none;z-index:0}
.mkd-pg-hero-inner{position:relative;z-index:1}
.mkd-pg-hero-inner--center{grid-column:1/-1;text-align:center}
.mkd-pg-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--mko-l);color:var(--mko-d);padding:5px 14px;border-radius:30px;font-size:12px;font-weight:700;margin-bottom:1.25rem}
.mkd-pg-hero-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mko);animation:mkPulse 2s ease infinite}
.mkd-pg-hero-title{font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:900;color:var(--mkp-dk);line-height:1.15;letter-spacing:-.025em;margin-bottom:1.25rem}
.mkd-pg-hero-title--c{text-align:center}
.mkd-pg-hero-title--sm{font-size:clamp(2rem,3.5vw,2.8rem)}
.mkd-pg-hero-sub{font-family:'Tajawal',sans-serif;font-size:17px;line-height:1.8;color:var(--mktxt-mu);max-width:500px;margin-bottom:2rem}
.mkd-pg-hero-sub--c{text-align:center;margin:0 auto 2rem}

.mkd-pg-hero-chips{display:flex;gap:10px;flex-wrap:wrap}
.mkd-chip{background:var(--mkp-l);color:var(--mkp-d);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}
.mkd-chip--o{background:var(--mko-l);color:var(--mko-d)}

.mkd-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mktxt-mu)}
.mkd-breadcrumb a{color:var(--mkp);text-decoration:none;font-weight:600}
.mkd-breadcrumb a:hover{color:var(--mko)}
.mkd-breadcrumb span:last-child{font-weight:700;color:var(--mktxt-m)}

/* ── Inner CTA ── */
.mkd-inner-cta{position:relative;padding:6rem 5%;overflow:hidden;text-align:center}
.mkd-inner-cta-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--mkp-dk),var(--mkp-d))}
.mkd-inner-cta-bg::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(243,141,90,.1);top:-100px;left:-100px}
.mkd-inner-cta-content{position:relative;z-index:1}
.mkd-inner-cta-content h2{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:900;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}
.mkd-inner-cta-content p{font-family:'Tajawal',sans-serif;font-size:16px;color:rgba(255,255,255,.65);margin-bottom:2rem}
.mkd-inner-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════════════════════════ */
/* Hero visual */
.mkd-about-hero{min-height:580px}
/* About hero visual column */
.mkd-about-hero .mkd-pg-hero-visual{
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;
}
.mkd-about-hero-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:1}
.mkd-about-hero-ring{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}
.mkd-ring-svg{position:absolute;inset:0;width:100%;height:100%;animation:mkRingSpin 25s linear infinite}
@keyframes mkRingSpin{to{transform:rotate(360deg)}}
.mkd-about-hero-center{display:flex;flex-direction:column;align-items:center;z-index:1}
.mkd-hero-big-num{font-size:48px;font-weight:900;color:var(--mkp-dk);line-height:1;letter-spacing:-.03em}
.mkd-hero-big-lbl{font-size:12px;font-weight:700;color:var(--mktxt-mu);letter-spacing:.06em}
.mkd-about-hero-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mkd-aht{background:var(--mkcard);border:1px solid var(--mkp-l);color:var(--mkp-d);padding:7px 14px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 4px 12px rgba(100,82,141,.08)}
.mkd-aht--o{background:var(--mko-l);border-color:var(--mko-l);color:var(--mko-d)}

/* Timeline */
.mkd-story{padding:7rem 5%;background:var(--mkbg)}
.mkd-timeline{position:relative;max-width:820px;margin:0 auto;padding:1rem 0}
/* Vertical center line */
.mkd-tl-line{
    position:absolute;top:0;bottom:0;
    right:calc(50% - 1px);
    width:2px;
    background:linear-gradient(to bottom,transparent,var(--mkp-l) 8%,var(--mkp-l) 92%,transparent);
}
/* Each row = 3-column grid: [right-card | dot-col | left-card] */
.mkd-tl-item{
    display:grid;
    grid-template-columns:1fr 32px 1fr;
    gap:0;
    align-items:start;
    margin-bottom:2.5rem;
    position:relative;
}
/* Dot always in center column */
.mkd-tl-dot{
    grid-column:2;
    grid-row:1;
    width:14px;height:14px;
    border-radius:50%;
    background:var(--mkp);
    border:2.5px solid var(--mkcard);
    box-shadow:0 0 0 4px var(--mkp-l);
    margin:6px auto 0;
    position:relative;z-index:2;
    justify-self:center;
    align-self:start;
}
.mkd-tl-dot--o{background:var(--mko);box-shadow:0 0 0 4px var(--mko-l)}
/* Cards */
.mkd-tl-card{
    background:var(--mkcard);
    border-radius:16px;
    padding:1.5rem 1.75rem;
    box-shadow:0 8px 28px rgba(100,82,141,.08);
    border:1px solid var(--mkp-l);
    position:relative;
    grid-row:1;
    transition:transform .25s,box-shadow .25s;
}
.mkd-tl-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(100,82,141,.12)}
/* Right card: col 1 (rightmost in RTL) — padding on LEFT side away from line */
.mkd-tl-card--r{grid-column:1;padding-left:2rem}
/* Left card: col 3 (leftmost in RTL) — padding on RIGHT side away from line */
.mkd-tl-card--l{grid-column:3;padding-right:2rem}
.mkd-tl-card--now{border-color:var(--mko-l);background:linear-gradient(135deg,var(--mkcard),var(--mko-l))}
.mkd-tl-year{font-size:11px;font-weight:700;color:var(--mkp);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem}
.mkd-tl-year--o{color:var(--mko)}
.mkd-tl-title{font-size:16px;font-weight:800;color:var(--mkp-dk);margin-bottom:.5rem}
.mkd-tl-body{font-family:'Tajawal',sans-serif;font-size:14px;line-height:1.8;color:var(--mktxt-mu)}
.mkd-tl-now-badge{display:inline-block;background:var(--mko);color:#fff;font-size:10px;font-weight:800;padding:2px 10px;border-radius:20px;margin-bottom:.4rem;letter-spacing:.08em}

/* Values */
.mkd-values{padding:7rem 5%;background:var(--mksurf)}
.mkd-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.mkd-value-card{background:var(--mkcard);border-radius:18px;padding:2rem 1.75rem;border:1px solid var(--mkp-l);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.mkd-value-card::before{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:var(--mkp-l);border-radius:0 18px 0 60px;opacity:.6}
.mkd-value-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(100,82,141,.12)}
.mkd-value-num{font-size:10px;font-weight:700;color:var(--mktxt-mu);letter-spacing:.15em;margin-bottom:1rem;opacity:.7}
.mkd-value-icon{width:44px;height:44px;border-radius:12px;background:var(--mkp-l);display:flex;align-items:center;justify-content:center;color:var(--mkp-d);margin-bottom:1rem}
.mkd-value-icon svg{width:22px;height:22px}
.mkd-value-icon--o{background:var(--mko-l);color:var(--mko-d)}
.mkd-value-title{font-size:16px;font-weight:800;color:var(--mkp-dk);margin-bottom:.6rem}
.mkd-value-body{font-family:'Tajawal',sans-serif;font-size:13.5px;line-height:1.8;color:var(--mktxt-mu)}

/* Stats belt */
.mkd-stats-belt{padding:5rem 5%;background:var(--mkp-dk);position:relative;overflow:hidden}
.mkd-stats-belt::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E")}
.mkd-stats-belt-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:900px;margin:0 auto}
.mkd-sb-item{flex:1;min-width:160px;text-align:center;padding:1.5rem 1rem}
.mkd-sb-num{display:block;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:900;color:var(--mko);letter-spacing:-.02em;line-height:1}
.mkd-sb-lbl{display:block;font-size:14px;font-weight:500;color:rgba(255,255,255,.55);margin-top:6px}
.mkd-sb-divider{width:1px;height:60px;background:rgba(255,255,255,.10);flex-shrink:0}

/* ═══════════════════════════════════════════════════════════
   SERVICES PAGE
═══════════════════════════════════════════════════════════ */
.mkd-svc-hero{background:#0E0B1A;padding-top:130px}
.mkd-svc-hero .mkd-pg-hero-bg{background:#0E0B1A}
.mkd-svc-hero .mkd-pg-hero-title--c,.mkd-svc-hero .mkd-section-label{color:#fff}
.mkd-svc-hero .mkd-pg-hero-sub--c{color:rgba(255,255,255,.55)}
.mkd-svc-hero .mkd-pg-hero-badge{background:rgba(243,141,90,.15);color:var(--mko)}
.mkd-svc-hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mkd-svc-pill{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s}
.mkd-svc-pill--p{background:rgba(142,123,185,.2);color:var(--mkp);border:1px solid rgba(142,123,185,.3)}
.mkd-svc-pill--o{background:rgba(243,141,90,.15);color:var(--mko);border:1px solid rgba(243,141,90,.25)}
.mkd-svc-pill:hover{transform:translateY(-2px)}

/* Full services list */
.mkd-svc-full{padding:6rem 5%}
.mkd-svc-row{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;padding:4rem 0;border-bottom:1px solid var(--mksurf-l)}
.mkd-svc-row:last-child{border-bottom:none}
.mkd-svc-row--flip{direction:ltr}
.mkd-svc-row--flip > *{direction:rtl}
.mkd-svc-row-visual{border-radius:24px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;overflow:hidden;aspect-ratio:4/3}
.mkd-svc-row-visual--p{background:linear-gradient(135deg,var(--mkp-l),var(--mkbg))}
.mkd-svc-row-visual--o{background:linear-gradient(135deg,var(--mko-l),var(--mkbg))}
.mkd-svc-row-icon-wrap{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center}
.mkd-svc-row-visual--p .mkd-svc-row-icon-wrap{background:var(--mkp-l);color:var(--mkp-d)}
.mkd-svc-row-visual--o .mkd-svc-row-icon-wrap{background:var(--mko-l);color:var(--mko-d)}
.mkd-svc-row-icon-wrap svg{width:40px;height:40px}
.mkd-svc-row-stat{font-size:18px;font-weight:900;color:var(--mkp-dk);letter-spacing:-.01em}
.mkd-svc-row-visual--o .mkd-svc-row-stat{color:var(--mko-d)}
.mkd-svc-row-platforms{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.mkd-svc-plt{background:rgba(100,82,141,.08);color:var(--mkp-d);padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600}
.mkd-svc-row-visual--o .mkd-svc-plt{background:rgba(243,141,90,.1);color:var(--mko-d)}
.mkd-svc-row-num{position:absolute;bottom:1rem;left:1.5rem;font-size:52px;font-weight:900;opacity:.07;color:var(--mkp-dk);line-height:1;font-family:'Cairo',sans-serif}
.mkd-svc-row-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--mkp-dk);letter-spacing:-.02em;margin-bottom:1rem;line-height:1.2}
.mkd-svc-row-desc{font-family:'Tajawal',sans-serif;font-size:16px;line-height:1.9;color:var(--mktxt-mu);margin-bottom:2rem}
.mkd-svc-row-cta{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--mkp-d);font-size:14px;font-weight:700;text-decoration:none;border:1.5px solid var(--mkp-l);padding:11px 22px;border-radius:var(--r-md);transition:all .2s}
.mkd-svc-row-cta:hover{background:var(--mkp-l);border-color:var(--mkp)}

/* Process */
.mkd-process{padding:7rem 5%;background:var(--mksurf)}
.mkd-process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.mkd-process-step{text-align:center;padding:1.5rem 1rem;position:relative}
.mkd-ps-num{font-size:10px;font-weight:700;color:var(--mko);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;opacity:.8}
.mkd-ps-line{width:40px;height:2px;background:linear-gradient(90deg,var(--mkp),var(--mko));margin:0 auto 1.25rem;border-radius:2px}
.mkd-ps-title{font-size:17px;font-weight:800;color:var(--mkp-dk);margin-bottom:.6rem}
.mkd-ps-body{font-family:'Tajawal',sans-serif;font-size:14px;line-height:1.8;color:var(--mktxt-mu)}

/* ═══════════════════════════════════════════════════════════
   BLOG ARCHIVE
═══════════════════════════════════════════════════════════ */
.mkd-blog-hero .mkd-pg-hero-bg--light{background:var(--mksurf)}
.mkd-blog-arch{padding:5rem 5% 7rem}

/* Featured post */
.mkd-arch-featured{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border-radius:22px;overflow:hidden;background:var(--mkcard);border:1px solid var(--mkp-l);box-shadow:0 20px 60px rgba(100,82,141,.08);margin-bottom:3.5rem}
.mkd-arch-feat-thumb{display:block;position:relative;overflow:hidden;min-height:320px}
.mkd-arch-feat-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mkd-arch-feat-thumb:hover img{transform:scale(1.04)}
.mkd-arch-thumb-placeholder{width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mkp-l),var(--mksurf));color:var(--mkp)}
.mkd-arch-thumb-placeholder--lg{min-height:320px}
.mkd-arch-feat-overlay{position:absolute;inset:0;background:linear-gradient(to left,rgba(0,0,0,.05),transparent)}
.mkd-arch-feat-content{padding:2.5rem 2.25rem;display:flex;flex-direction:column;justify-content:center}
.mkd-arch-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:1rem}
.mkd-arch-cat{background:var(--mko-l);color:var(--mko-d);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}
.mkd-arch-date,.mkd-arch-read{font-size:12px;color:var(--mktxt-mu);font-weight:500}
.mkd-arch-feat-title{font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:900;color:var(--mkp-dk);line-height:1.3;margin-bottom:1rem;letter-spacing:-.02em}
.mkd-arch-feat-title a{text-decoration:none;color:inherit}
.mkd-arch-feat-title a:hover{color:var(--mkp-d)}
.mkd-arch-feat-excerpt{font-family:'Tajawal',sans-serif;font-size:15px;line-height:1.8;color:var(--mktxt-mu);margin-bottom:1.75rem;flex:1}
.mkd-arch-read-btn{display:inline-flex;align-items:center;gap:8px;background:var(--mko);color:#fff;padding:11px 22px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;box-shadow:0 6px 18px rgba(243,141,90,.25)}
.mkd-arch-read-btn:hover{background:var(--mko-d);transform:translateY(-2px)}

/* Post grid */
.mkd-arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}
.mkd-arch-card{background:var(--mkcard);border-radius:16px;overflow:hidden;border:1px solid var(--mkp-l);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.mkd-arch-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(100,82,141,.12)}
.mkd-arch-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--mkp-l),var(--mksurf))}
.mkd-arch-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.mkd-arch-card:hover .mkd-arch-card-thumb img{transform:scale(1.06)}
.mkd-arch-card-body{padding:1.25rem 1.4rem 1.5rem;flex:1;display:flex;flex-direction:column}
.mkd-arch-card-title{font-size:15px;font-weight:800;color:var(--mkp-dk);line-height:1.4;margin-bottom:.6rem;flex:1}
.mkd-arch-card-title a{text-decoration:none;color:inherit}
.mkd-arch-card-title a:hover{color:var(--mkp-d)}
.mkd-arch-card-exc{font-family:'Tajawal',sans-serif;font-size:13px;line-height:1.7;color:var(--mktxt-mu);margin-bottom:.75rem}
.mkd-arch-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.mkd-arch-mins{font-size:11px;color:var(--mktxt-mu);font-weight:500}
.mkd-arch-more{font-size:12px;font-weight:700;color:var(--mkp);text-decoration:none;transition:color .2s}
.mkd-arch-more:hover{color:var(--mko)}

/* No posts */
.mkd-no-posts{text-align:center;padding:5rem;color:var(--mktxt-mu)}
.mkd-no-posts svg{display:block;margin:0 auto 1.5rem;color:var(--mkp-l)}
.mkd-no-posts h2{font-size:20px;font-weight:700;color:var(--mkp-dk);margin-bottom:.5rem}

/* Pagination */
.mkd-pagination{text-align:center}
.mkd-pagination .page-numbers{display:inline-flex}
.page-numbers li{list-style:none}
.page-numbers li a,.page-numbers li span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:14px;font-weight:600;margin:0 3px;text-decoration:none;color:var(--mkp-d);background:var(--mkp-l);transition:background .2s}
.page-numbers li .current{background:var(--mkp-d);color:#fff}
.page-numbers li a:hover{background:var(--mkp);color:#fff}

/* ═══════════════════════════════════════════════════════════
   SINGLE POST
═══════════════════════════════════════════════════════════ */
.mkd-single-hero{padding:110px 5% 60px;background:var(--mksurf);position:relative;overflow:hidden}
.mkd-single-hero-bg{position:absolute;inset:0;background:linear-gradient(160deg,var(--mkp-l) 0%,var(--mksurf) 50%,var(--mkbg) 100%)}
.mkd-single-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}
.mkd-single-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:1.25rem}
.mkd-single-date,.mkd-single-mins{font-size:12px;color:var(--mktxt-mu);font-weight:500}
.mkd-single-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:var(--mkp-dk);line-height:1.25;letter-spacing:-.025em;margin-bottom:1.25rem}
.mkd-single-lead{font-family:'Tajawal',sans-serif;font-size:17px;line-height:1.8;color:var(--mktxt-mu);max-width:600px;margin:0 auto 2rem}
.mkd-reading-bar-wrap{width:180px;height:3px;background:rgba(142,123,185,.15);border-radius:99px;overflow:hidden;margin:0 auto}
.mkd-reading-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--mkp),var(--mko));border-radius:99px;transition:width .15s ease}

.mkd-single-thumb{padding:0 5%;margin-bottom:0;background:var(--mksurf)}
.mkd-single-thumb .mkd-container{padding-bottom:0}
.mkd-single-thumb-img{width:100%;height:auto;border-radius:16px 16px 0 0;display:block;max-height:460px;object-fit:cover}

/* Layout: aside + article */
.mkd-single-layout{padding:4rem 5% 6rem;background:var(--mkbg)}
.mkd-single-layout-inner{display:grid;grid-template-columns:220px 1fr;gap:4rem;align-items:start}
.mkd-single-aside{position:sticky;top:90px}
.mkd-single-aside-inner{background:var(--mkcard);border-radius:16px;padding:1.5rem;border:1px solid var(--mkp-l)}
.mkd-aside-head{font-size:10px;font-weight:700;color:var(--mktxt-mu);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.85rem;padding-bottom:.6rem;border-bottom:1px solid var(--mksurf-l)}
.mkd-toc-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}
.mkd-toc-item{}
.mkd-toc-sub{padding-right:12px}
.mkd-toc-link{font-size:12px;color:var(--mktxt-mu);text-decoration:none;font-weight:500;display:block;padding:4px 0;border-right:2px solid transparent;padding-right:6px;transition:all .15s;line-height:1.4}
.mkd-toc-link.active,.mkd-toc-link:hover{color:var(--mkp-d);border-right-color:var(--mkp)}
.mkd-aside-share{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--mksurf-l)}
.mkd-share-btns{display:flex;flex-direction:column;gap:7px}
.mkd-share-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s}
.mkd-share-wa{background:rgba(37,211,102,.1);color:#128C7E}
.mkd-share-wa:hover{background:rgba(37,211,102,.18)}
.mkd-share-x{background:var(--mksurf);color:var(--mktxt-m)}
.mkd-share-x:hover{background:var(--mksurf-l)}
.mkd-share-li{background:rgba(0,119,181,.08);color:#0077B5}
.mkd-share-li:hover{background:rgba(0,119,181,.14)}

/* Article content */
.mkd-single-content{}
.mkd-entry-content{font-family:'Tajawal',sans-serif;font-size:17px;line-height:2;color:var(--mktxt-m);word-break:break-word}
.mkd-entry-content h2{font-family:'Cairo',sans-serif;font-size:1.6rem;font-weight:900;color:var(--mkp-dk);margin:2.5rem 0 1rem;letter-spacing:-.02em}
.mkd-entry-content h3{font-family:'Cairo',sans-serif;font-size:1.2rem;font-weight:800;color:var(--mkp-d);margin:2rem 0 .75rem}
.mkd-entry-content p{margin-bottom:1.5rem}
.mkd-entry-content strong{font-weight:700;color:var(--mkp-dk)}
.mkd-entry-content ul,.mkd-entry-content ol{padding-right:1.5rem;margin-bottom:1.5rem}
.mkd-entry-content li{margin-bottom:.5rem}
.mkd-entry-content blockquote{border-right:3px solid var(--mkp);padding:1rem 1.25rem;margin:2rem 0;background:var(--mkp-l);border-radius:0 12px 12px 0;font-style:italic;color:var(--mkp-dk)}
.mkd-entry-content a{color:var(--mkp-d);font-weight:600;text-decoration:none;border-bottom:1px solid var(--mkp-l)}
.mkd-entry-content a:hover{color:var(--mko);border-bottom-color:var(--mko)}
.mkd-entry-content img{width:100%;height:auto;border-radius:12px;margin:1.5rem 0}
.mkd-entry-content code{background:var(--mksurf);color:var(--mkp-d);padding:2px 7px;border-radius:5px;font-size:.9em}
.mkd-entry-content pre{background:var(--mkp-dk);color:#e9d5ff;padding:1.5rem;border-radius:12px;overflow-x:auto;margin:1.5rem 0}

/* Tags */
.mkd-single-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--mksurf-l)}
.mkd-tag-pill{background:var(--mkp-l);color:var(--mkp-d);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s}
.mkd-tag-pill:hover{background:var(--mkp);color:#fff}

/* Author card */
.mkd-author-card{display:flex;align-items:flex-start;gap:16px;background:var(--mksurf);border-radius:16px;padding:1.5rem;margin-top:2.5rem;border:1px solid var(--mkp-l)}
.mkd-author-avatar img{width:56px;height:56px;border-radius:50%;display:block;border:2px solid var(--mkp-l)}
.mkd-author-by{font-size:10px;font-weight:700;color:var(--mktxt-mu);text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}
.mkd-author-name{font-size:16px;font-weight:800;color:var(--mkp-dk);margin-bottom:6px}
.mkd-author-bio{font-family:'Tajawal',sans-serif;font-size:13.5px;line-height:1.7;color:var(--mktxt-mu);margin:0}

/* Post nav */
.mkd-post-nav{padding:3rem 5%;background:var(--mksurf);border-top:1px solid var(--mkp-l)}
.mkd-post-nav-inner{display:flex;justify-content:space-between;gap:2rem;max-width:1100px;margin:0 auto}
.mkd-post-nav-item{display:flex;flex-direction:column;gap:5px;text-decoration:none;max-width:45%;padding:1rem 1.25rem;border-radius:12px;background:var(--mkcard);border:1px solid var(--mkp-l);transition:border-color .2s,transform .15s}
.mkd-post-nav-item:hover{border-color:var(--mkp);transform:translateY(-2px)}
.mkd-pn-label{font-size:11px;font-weight:700;color:var(--mko);text-transform:uppercase;letter-spacing:.1em}
.mkd-pn-title{font-size:14px;font-weight:700;color:var(--mkp-dk);line-height:1.4}
.mkd-post-nav-next .mkd-pn-label{text-align:left}

/* Related */
.mkd-related{padding:5rem 5% 7rem;background:var(--mkbg)}
.mkd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

/* ═══════════════════════════════════════════════════════════
   404 PAGE
═══════════════════════════════════════════════════════════ */
.mkd-404{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--mkbg)}
.mkd-404-canvas{position:absolute;inset:0;pointer-events:none}
.mkd-404-inner{position:relative;z-index:1;text-align:center;padding:2rem}
.mkd-404-number{display:flex;align-items:center;justify-content:center;gap:.25rem;line-height:1;margin-bottom:1rem}
.mkd-404-n4{font-size:clamp(100px,18vw,180px);font-weight:900;color:var(--mkp-dk);letter-spacing:-.04em;font-family:'Cairo',sans-serif;line-height:.9}
.mkd-404-n4-1{text-shadow:0 0 60px rgba(142,123,185,.25)}
.mkd-404-n4-2{text-shadow:0 0 60px rgba(243,141,90,.20);color:var(--mko)}
.mkd-404-zero{width:clamp(90px,15vw,155px);height:clamp(90px,15vw,155px);display:flex;align-items:center;justify-content:center}
.mkd-404-zero svg{width:100%;height:100%}
.mkd-404-glow{width:100px;height:8px;background:radial-gradient(ellipse,var(--mkp) 0%,transparent 70%);margin:.5rem auto 2rem;opacity:.4}
.mkd-404-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:var(--mkp-dk);margin-bottom:.75rem;letter-spacing:-.02em}
.mkd-404-sub{font-family:'Tajawal',sans-serif;font-size:16px;line-height:1.8;color:var(--mktxt-mu);margin-bottom:2.5rem}
.mkd-404-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.mkd-404-links{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}
.mkd-404-links-label{font-size:12px;color:var(--mktxt-mu);font-weight:500}
.mkd-404-links a{font-size:13px;font-weight:700;color:var(--mkp);text-decoration:none;border-bottom:1px solid var(--mkp-l);padding-bottom:1px;transition:color .2s,border-color .2s}
.mkd-404-links a:hover{color:var(--mko);border-color:var(--mko)}

/* ═══════════════════════════════════════════════════════════
   DEFAULT PAGE
═══════════════════════════════════════════════════════════ */
.mkd-page-content{padding:5rem 5% 7rem;background:var(--mkbg)}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — INNER PAGES
═══════════════════════════════════════════════════════════ */
@media(max-width:1024px){
    .mkd-pg-hero{grid-template-columns:1fr;padding:110px 5% 60px}
    .mkd-about-hero-card{display:none}
    .mkd-values-grid{grid-template-columns:1fr 1fr}
    .mkd-svc-row{grid-template-columns:1fr;gap:2.5rem}
    .mkd-svc-row--flip{direction:rtl}
    .mkd-svc-row-visual{aspect-ratio:unset;padding:2.5rem}
    .mkd-process-steps{grid-template-columns:1fr 1fr;gap:1.5rem}
    .mkd-arch-featured{grid-template-columns:1fr}
    .mkd-arch-feat-thumb{min-height:260px}
    .mkd-single-layout-inner{grid-template-columns:1fr}
    .mkd-single-aside{position:static}
    .mkd-arch-grid,.mkd-related-grid{grid-template-columns:1fr 1fr}
    /* Mobile: single-column timeline, line on right */
    .mkd-tl-line{right:18px;width:2px}
    .mkd-tl-item{grid-template-columns:36px 1fr;grid-template-rows:auto}
    .mkd-tl-dot{grid-column:1;grid-row:1;justify-self:center;margin:4px 0 0}
    .mkd-tl-card--r,.mkd-tl-card--l{grid-column:2;grid-row:1;padding:1.25rem 1.25rem;padding-left:1.25rem;padding-right:1.25rem}
    .mkd-stats-belt-inner{gap:1rem}
    .mkd-sb-divider{display:none}
}
@media(max-width:768px){
    .mkd-pg-hero{padding:90px 4% 50px}
    .mkd-values-grid{grid-template-columns:1fr}
    .mkd-process-steps{grid-template-columns:1fr 1fr}
    .mkd-arch-grid,.mkd-related-grid{grid-template-columns:1fr}
    .mkd-post-nav-inner{flex-direction:column}
    .mkd-post-nav-item{max-width:100%}
    .mkd-stats-belt-inner{grid-template-columns:1fr 1fr;display:grid;gap:1rem}
    .mkd-single-layout-inner{padding:0}
    .mkd-single-layout{padding:3rem 4% 5rem}
}
@media(max-width:480px){
    .mkd-process-steps{grid-template-columns:1fr}
    .mkd-stats-belt-inner{grid-template-columns:1fr}
    .mkd-inner-cta-btns{flex-direction:column;align-items:center}
    .mkd-404-actions{flex-direction:column;align-items:center}
    .mkd-svc-hero-pills{justify-content:flex-start}
}

/* ═══════════════════════════════════════════════════════════
   TAXONOMY & SEARCH HEROES (category / tag / search)
═══════════════════════════════════════════════════════════ */
.mkd-tax-hero{
    position:relative;padding:110px 5% 70px;
    overflow:hidden;min-height:360px;
    display:flex;align-items:center;
}
.mkd-tax-hero-bg{
    position:absolute;inset:0;
    background:linear-gradient(150deg,var(--mksurf) 0%,var(--mkbg) 60%,var(--mkp-l) 100%);
}
.mkd-tax-hero--tag .mkd-tax-hero-bg{
    background:linear-gradient(150deg,var(--mko-l) 0%,var(--mkbg) 60%,var(--mksurf) 100%);
}
.mkd-tax-hero--search .mkd-tax-hero-bg{
    background:linear-gradient(150deg,var(--mkp-dk) 0%,var(--mkp-d) 100%);
}
.mkd-tax-hero-grid{
    position:absolute;inset:0;
    background-image:linear-gradient(rgba(142,123,185,.04) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(142,123,185,.04) 1px,transparent 1px);
    background-size:50px 50px;pointer-events:none;
}
.mkd-tax-hero-inner{
    position:relative;z-index:1;
    max-width:680px;width:100%;
    display:flex;flex-direction:column;gap:.5rem;
}
.mkd-tax-back{
    display:inline-flex;align-items:center;gap:6px;
    font-size:12px;font-weight:700;color:var(--mkp-d);
    text-decoration:none;margin-bottom:.5rem;
    opacity:.7;transition:opacity .2s,gap .2s;
    width:fit-content;
}
.mkd-tax-back:hover{opacity:1;gap:10px}
.mkd-tax-cat-badge{
    display:inline-flex;align-items:center;gap:7px;
    background:var(--mkp-l);color:var(--mkp-d);
    padding:5px 12px;border-radius:20px;
    font-size:11px;font-weight:700;
    text-transform:uppercase;letter-spacing:.1em;
    width:fit-content;
}
.mkd-tax-cat-badge--tag{background:var(--mko-l);color:var(--mko-d)}
.mkd-tax-cat-badge--search{background:rgba(255,255,255,.15);color:#fff}
.mkd-tax-title{
    font-size:clamp(2.2rem,5vw,3.8rem);
    font-weight:900;color:var(--mkp-dk);
    line-height:1.15;letter-spacing:-.025em;
    margin:0;
}
.mkd-tax-hero--search .mkd-tax-title{color:#fff}
.mkd-tax-desc{
    font-family:'Tajawal',sans-serif;
    font-size:16px;line-height:1.8;color:var(--mktxt-mu);
    max-width:540px;margin:0;
}
.mkd-tax-hero--search .mkd-tax-desc{color:rgba(255,255,255,.65)}
.mkd-tax-count{display:flex;align-items:baseline;gap:8px;margin-top:.25rem}
.mkd-tax-count-num{
    font-size:32px;font-weight:900;color:var(--mko);
    line-height:1;letter-spacing:-.02em;
}
.mkd-tax-hero--search .mkd-tax-count-num{color:var(--mko)}
.mkd-tax-count-lbl{font-size:14px;font-weight:500;color:var(--mktxt-mu)}
.mkd-tax-hero--search .mkd-tax-count-lbl{color:rgba(255,255,255,.6)}

/* ── Search form ── */
.mkd-search-form{width:100%;max-width:540px;margin-top:.75rem}
.mkd-search-input-wrap{
    display:flex;align-items:center;
    background:rgba(255,255,255,.12);
    border:1.5px solid rgba(255,255,255,.25);
    border-radius:12px;
    overflow:hidden;
    backdrop-filter:blur(10px);
    transition:border-color .2s,background .2s;
}
.mkd-search-input-wrap:focus-within{
    background:rgba(255,255,255,.18);
    border-color:rgba(255,255,255,.5);
}
.mkd-search-icon{margin:0 12px;color:rgba(255,255,255,.6);flex-shrink:0}
.mkd-search-input{
    flex:1;background:transparent;border:none;outline:none;
    padding:13px 4px;font-size:15px;font-family:'Cairo',sans-serif;
    color:#fff;direction:rtl;
}
.mkd-search-input::placeholder{color:rgba(255,255,255,.45)}
.mkd-search-submit{
    background:var(--mko);color:#fff;border:none;
    padding:13px 20px;font-size:13px;font-weight:700;
    font-family:'Cairo',sans-serif;cursor:pointer;
    white-space:nowrap;flex-shrink:0;
    transition:background .2s;
}
.mkd-search-submit:hover{background:var(--mko-d)}

/* ── Full grid (3 col no featured) ── */
.mkd-arch-grid--full{
    grid-template-columns:repeat(3,1fr);
    margin-top:0;
}

/* ── Blog archive adjustments ── */
.mkd-blog-arch{padding:4rem 5% 7rem;background:var(--mkbg)}

/* ── Responsive ── */
@media(max-width:1024px){.mkd-arch-grid--full{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
    .mkd-arch-grid--full{grid-template-columns:1fr}
    .mkd-tax-hero{padding:90px 4% 55px}
    .mkd-search-form{max-width:100%}
}

/* ═══════════════════════════════════════════════════════════
   BLOG ARCHIVE — Full Layout
═══════════════════════════════════════════════════════════ */

/* ── Hero ── */
.mkd-blog-arch-hero{
    position:relative;padding:110px 5% 0;overflow:hidden;
}
.mkd-bah-bg{
    position:absolute;inset:0;
    background:linear-gradient(160deg,var(--mkp-l) 0%,var(--mkbg) 45%,var(--mksurf) 100%);
}
.mkd-bah-grid{
    position:absolute;inset:0;
    background-image:linear-gradient(rgba(142,123,185,.045) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(142,123,185,.045) 1px,transparent 1px);
    background-size:50px 50px;pointer-events:none;
}
.mkd-bah-inner{
    position:relative;z-index:1;max-width:660px;
    padding-bottom:2.5rem;
}
.mkd-bah-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--mko-l);color:var(--mko-d);
    padding:5px 13px;border-radius:20px;
    font-size:11px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;margin-bottom:1rem;width:fit-content;
}
.mkd-bah-badge::before{
    content:'';width:6px;height:6px;border-radius:50%;
    background:var(--mko);animation:mkPulse 2s ease infinite;flex-shrink:0;
}
.mkd-bah-title{
    font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;
    color:var(--mkp-dk);line-height:1.15;letter-spacing:-.025em;
    margin-bottom:1rem;
}
.mkd-bah-sub{
    font-family:'Tajawal',sans-serif;font-size:16px;
    line-height:1.8;color:var(--mktxt-mu);margin-bottom:0;
    max-width:500px;
}

/* Search in hero */
.mkd-bah-search{
    position:relative;display:flex;align-items:center;
    background:var(--mkcard);
    border:1.5px solid var(--mkp-l);
    border-radius:12px;overflow:hidden;
    max-width:460px;margin-top:2rem;
    box-shadow:0 8px 32px rgba(100,82,141,.08);
    z-index:1;
}
.mkd-bah-search svg{margin:0 12px;color:var(--mktxt-mu);flex-shrink:0}
.mkd-bah-search-input{
    flex:1;background:transparent;border:none;outline:none;
    padding:13px 4px;font-size:14px;font-family:'Cairo',sans-serif;
    color:var(--mktxt);direction:rtl;
}
.mkd-bah-search-input::placeholder{color:var(--mktxt-mu)}
.mkd-bah-search-btn{
    background:var(--mko);color:#fff;border:none;
    padding:13px 18px;font-size:13px;font-weight:700;
    font-family:'Cairo',sans-serif;cursor:pointer;
    white-space:nowrap;flex-shrink:0;
    transition:background .2s;
}
.mkd-bah-search-btn:hover{background:var(--mko-d)}

/* ── Layout ── */
.mkd-blog-layout{background:var(--mkbg);padding:3rem 5% 6rem}
.mkd-blog-layout-inner{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}

/* ── Filter pills ── */
.mkd-blog-filter{
    display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2rem;
}
.mkd-filter-pill{
    padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;
    text-decoration:none;border:1.5px solid var(--mkp-l);
    color:var(--mktxt-m);background:transparent;
    transition:all .2s;
}
.mkd-filter-pill:hover{border-color:var(--mkp);color:var(--mkp-d);background:var(--mkp-l)}
.mkd-filter-pill--active{background:var(--mkp-d);color:#fff;border-color:var(--mkp-d)}

/* ── Posts grid ── */
.mkd-blog-posts-grid{display:flex;flex-direction:column;gap:1.5rem}

/* Featured post */
.mkd-blog-featured{
    display:grid;grid-template-columns:1.1fr 1fr;
    border-radius:18px;overflow:hidden;
    background:var(--mkcard);
    border:1px solid var(--mkp-l);
    box-shadow:0 12px 40px rgba(100,82,141,.08);
    transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
}
.mkd-blog-featured:hover{transform:translateY(-5px);box-shadow:0 20px 56px rgba(100,82,141,.13)}
.mkd-bf-thumb{
    position:relative;display:block;overflow:hidden;min-height:280px;
}
.mkd-bf-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.mkd-blog-featured:hover .mkd-bf-thumb img{transform:scale(1.06)}
.mkd-bf-thumb-placeholder{
    width:100%;height:100%;min-height:280px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--mkp-l),var(--mksurf));
    color:var(--mkp);
}
.mkd-bf-overlay{
    position:absolute;inset:0;
    background:linear-gradient(to right,rgba(100,82,141,.08),transparent);
}
.mkd-bf-badge{
    position:absolute;top:14px;right:14px;
    background:var(--mko);color:#fff;
    font-size:10px;font-weight:800;padding:4px 12px;
    border-radius:20px;letter-spacing:.08em;text-transform:uppercase;
}
.mkd-bf-body{
    padding:2rem 2rem 2rem;
    display:flex;flex-direction:column;justify-content:center;
}
.mkd-bf-title{
    font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:900;
    color:var(--mkp-dk);line-height:1.3;letter-spacing:-.02em;
    margin-bottom:.85rem;
}
.mkd-bf-title a{text-decoration:none;color:inherit;transition:color .2s}
.mkd-bf-title a:hover{color:var(--mkp-d)}
.mkd-bf-excerpt{
    font-family:'Tajawal',sans-serif;font-size:14.5px;
    line-height:1.8;color:var(--mktxt-mu);margin-bottom:1.5rem;flex:1;
}
.mkd-bf-cta{
    display:inline-flex;align-items:center;gap:7px;
    background:var(--mko);color:#fff;
    padding:10px 20px;border-radius:10px;
    font-size:13px;font-weight:700;text-decoration:none;
    width:fit-content;
    transition:background .2s,transform .2s;
    box-shadow:0 6px 18px rgba(243,141,90,.22);
}
.mkd-bf-cta:hover{background:var(--mko-d);transform:translateY(-2px)}

/* Regular blog card */
.mkd-blog-card{
    display:grid;grid-template-columns:200px 1fr;
    border-radius:14px;overflow:hidden;
    background:var(--mkcard);border:1px solid var(--mkp-l);
    transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .3s;
}
.mkd-blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 40px rgba(100,82,141,.10);
    border-color:rgba(142,123,185,.3);
}
.mkd-blog-card-thumb{
    position:relative;display:block;overflow:hidden;
    background:linear-gradient(135deg,var(--mkp-l),var(--mksurf));
}
.mkd-blog-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.mkd-blog-card:hover .mkd-blog-card-thumb img{transform:scale(1.08)}
.mkd-blog-card-placeholder{
    width:100%;height:100%;min-height:140px;
    display:flex;align-items:center;justify-content:center;
    color:var(--mkp);opacity:.5;
}
.mkd-blog-card-cat{
    position:absolute;bottom:10px;right:10px;
    background:rgba(255,255,255,.92);color:var(--mkp-d);
    font-size:10px;font-weight:700;padding:3px 10px;
    border-radius:20px;text-decoration:none;
    backdrop-filter:blur(4px);
    transition:background .2s;
}
.mkd-blog-card-thumb:hover .mkd-blog-card-cat{background:#fff}
.mkd-blog-card-body{
    padding:1.25rem 1.5rem;
    display:flex;flex-direction:column;
}
.mkd-blog-card-title{
    font-size:15px;font-weight:800;color:var(--mkp-dk);
    line-height:1.4;margin-bottom:.5rem;
}
.mkd-blog-card-title a{text-decoration:none;color:inherit;transition:color .2s}
.mkd-blog-card-title a:hover{color:var(--mkp-d)}
.mkd-blog-card-exc{
    font-family:'Tajawal',sans-serif;font-size:13px;
    line-height:1.7;color:var(--mktxt-mu);
    margin-bottom:.75rem;flex:1;
}
.mkd-blog-card-foot{
    display:flex;align-items:center;justify-content:space-between;
    margin-top:auto;
}
.mkd-blog-card-tag{
    font-size:11px;font-weight:700;color:var(--mkp);
    text-decoration:none;background:var(--mkp-l);
    padding:3px 10px;border-radius:20px;
    transition:background .2s;
}
.mkd-blog-card-tag:hover{background:var(--mkp);color:#fff}

/* Pagination */
.mkd-blog-pagination{margin-top:3rem}
.mkd-blog-pagination .page-numbers{display:inline-flex;flex-wrap:wrap;gap:6px;padding:0}
.mkd-blog-pagination .page-numbers li{list-style:none}
.mkd-blog-pagination .page-numbers li a,
.mkd-blog-pagination .page-numbers li span{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;height:40px;padding:0 12px;
    border-radius:10px;font-size:13px;font-weight:700;
    text-decoration:none;
    color:var(--mkp-d);background:var(--mkcard);
    border:1.5px solid var(--mkp-l);
    transition:all .2s;
}
.mkd-blog-pagination .page-numbers li .current{
    background:var(--mkp-d);color:#fff;border-color:var(--mkp-d);
}
.mkd-blog-pagination .page-numbers li a:hover{
    background:var(--mkp-l);border-color:var(--mkp);
}

/* ── Sidebar ── */
.mkd-blog-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.25rem}
.mkd-sidebar-box{
    background:var(--mkcard);border-radius:14px;
    padding:1.4rem;border:1px solid var(--mkp-l);
}
.mkd-sidebar-head{
    font-size:11px;font-weight:700;color:var(--mktxt-mu);
    text-transform:uppercase;letter-spacing:.12em;
    padding-bottom:.75rem;margin-bottom:.9rem;
    border-bottom:1px solid var(--mksurf-l);
}

/* Sidebar search */
.mkd-sidebar-search{
    display:flex;align-items:center;
    border:1.5px solid var(--mksurf-l);border-radius:9px;
    overflow:hidden;transition:border-color .2s;
}
.mkd-sidebar-search:focus-within{border-color:var(--mkp)}
.mkd-sidebar-search-input{
    flex:1;background:transparent;border:none;outline:none;
    padding:9px 10px;font-size:13px;font-family:'Cairo',sans-serif;
    color:var(--mktxt);direction:rtl;
}
.mkd-sidebar-search-input::placeholder{color:var(--mktxt-mu)}
.mkd-sidebar-search-btn{
    background:transparent;border:none;cursor:pointer;
    padding:9px 12px;color:var(--mktxt-mu);
    display:flex;align-items:center;
    transition:color .2s;
}
.mkd-sidebar-search-btn:hover{color:var(--mkp)}

/* Sidebar categories */
.mkd-sidebar-cats{list-style:none;display:flex;flex-direction:column;gap:2px}
.mkd-sidebar-cat-link{
    display:flex;align-items:center;justify-content:space-between;
    padding:7px 10px;border-radius:8px;text-decoration:none;
    font-size:13px;font-weight:600;color:var(--mktxt-m);
    transition:background .18s,color .18s;
}
.mkd-sidebar-cat-link:hover{background:var(--mkp-l);color:var(--mkp-d)}
.mkd-sidebar-cat-link.active{background:var(--mkp-d);color:#fff}
.mkd-sidebar-cat-count{
    font-size:10px;font-weight:700;
    background:var(--mksurf);color:var(--mktxt-mu);
    padding:2px 8px;border-radius:20px;
    transition:background .18s,color .18s;
}
.mkd-sidebar-cat-link:hover .mkd-sidebar-cat-count{background:var(--mkp);color:#fff}
.mkd-sidebar-cat-link.active .mkd-sidebar-cat-count{background:rgba(255,255,255,.2);color:#fff}

/* Sidebar recent posts */
.mkd-sidebar-recent{display:flex;flex-direction:column;gap:10px}
.mkd-sidebar-recent-item{
    display:flex;align-items:center;gap:10px;
    text-decoration:none;
    padding:6px;border-radius:9px;
    transition:background .18s;
}
.mkd-sidebar-recent-item:hover{background:var(--mksurf)}
.mkd-sidebar-recent-thumb{
    width:54px;height:54px;border-radius:8px;
    overflow:hidden;flex-shrink:0;
    background:var(--mksurf);
}
.mkd-sidebar-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mkd-sidebar-recent-placeholder{
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
    color:var(--mkp);opacity:.4;
}
.mkd-sidebar-recent-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.mkd-sidebar-recent-title{
    font-size:13px;font-weight:700;color:var(--mkp-dk);
    line-height:1.35;white-space:normal;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mkd-sidebar-recent-date{font-size:11px;color:var(--mktxt-mu)}

/* Sidebar tags */
.mkd-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}
.mkd-sidebar-tag{
    background:var(--mksurf);color:var(--mktxt-m);
    padding:5px 11px;border-radius:20px;
    font-size:12px;font-weight:700;text-decoration:none;
    transition:all .18s;
}
.mkd-sidebar-tag:hover{background:var(--mkp-l);color:var(--mkp-d)}

/* ── Responsive ── */
@media(max-width:1024px){
    .mkd-blog-layout-inner{grid-template-columns:1fr;gap:2.5rem}
    .mkd-blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .mkd-blog-featured{grid-template-columns:1fr}
    .mkd-bf-thumb{min-height:220px}
}
@media(max-width:768px){
    .mkd-blog-arch-hero{padding:90px 4% 0}
    .mkd-blog-layout{padding:2.5rem 4% 5rem}
    .mkd-blog-card{grid-template-columns:140px 1fr}
    .mkd-blog-sidebar{grid-template-columns:1fr}
    .mkd-bah-search{max-width:100%}
}
@media(max-width:480px){
    .mkd-blog-card{grid-template-columns:1fr;max-width:100%}
    .mkd-blog-card-thumb{min-height:160px}
    .mkd-blog-card-cat{bottom:8px;right:8px}
}

/* ═══════════════════════════════════════════════════════════
   NAV — WP MENU STYLES + DROPDOWN
═══════════════════════════════════════════════════════════ */
/* wp_nav_menu outputs <ul class="mkdiv-nav-links"> */
.mkdiv-nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}
.mkdiv-nav-links li{position:relative}
.mkdiv-nav-link{
    text-decoration:none;font-size:15px;font-weight:500;
    color:var(--mktxt-m);transition:color .2s;
    position:relative;padding-bottom:2px;
    display:flex;align-items:center;gap:5px;
}
.mkdiv-nav-link::after{
    content:'';position:absolute;bottom:-1px;right:0;
    width:0;height:1.5px;background:var(--mko);
    border-radius:2px;transition:width .28s cubic-bezier(.22,1,.36,1);
}
.mkdiv-nav-link:hover,.mkdiv-nav-link.active{color:var(--mkp-d)}
.mkdiv-nav-link:hover::after,.mkdiv-nav-link.active::after{width:100%;right:auto;left:0}
.mkd-dd-arrow{transition:transform .22s ease;flex-shrink:0}
.mkdiv-has-dropdown:hover .mkd-dd-arrow{transform:rotate(180deg)}

/* Dropdown */
.mkdiv-nav-dropdown{
    display:none;position:absolute;top:calc(100% + 10px);right:0;
    background:var(--mkcard);border-radius:12px;min-width:200px;
    box-shadow:0 16px 48px rgba(100,82,141,.14);
    border:1px solid var(--mkp-l);padding:6px;
    list-style:none;margin:0;z-index:200;
    animation:mkDropIn .22s cubic-bezier(.22,1,.36,1) both;
}
@keyframes mkDropIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
.mkdiv-nav-links li:hover > .mkdiv-nav-dropdown{display:block}
.mkdiv-nav-dropdown li a{
    display:block;padding:9px 14px;border-radius:8px;
    font-size:13.5px;font-weight:600;color:var(--mktxt-m);
    text-decoration:none;transition:background .16s,color .16s;
}
.mkdiv-nav-dropdown li a:hover{background:var(--mkp-l);color:var(--mkp-d)}

/* Current page highlight */
.current-menu-item > .mkdiv-nav-link,
.current-menu-ancestor > .mkdiv-nav-link{color:var(--mkp-d)}
.current-menu-item > .mkdiv-nav-link::after{width:100%;right:auto;left:0}

/* Transparent nav variant */
.mkdiv-nav--transparent{background:transparent;border-color:transparent}
.mkdiv-nav--transparent .mkdiv-nav-link{color:rgba(255,255,255,.85)}
.mkdiv-nav--transparent .mkdiv-nav-link:hover{color:#fff}

/* Mobile nav list */
.mkdiv-mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.mkdiv-mobile-nav-list li a{
    display:block;padding:10px 14px;border-radius:9px;
    font-size:15px;font-weight:600;color:var(--mktxt-m);
    text-decoration:none;transition:background .16s,color .16s;
}
.mkdiv-mobile-nav-list li a:hover{background:var(--mkp-l);color:var(--mkp-d)}
.mkdiv-mobile-nav-list li .mkdiv-nav-dropdown{
    position:static;box-shadow:none;border:none;
    background:var(--mksurf);border-radius:8px;
    margin:4px 0 4px 1rem;padding:4px;
    display:block;animation:none;
}
.mkdiv-mobile-cta{margin-top:1rem;display:block;text-align:center}

/* CTA with WhatsApp icon */
.mkdiv-nav-cta{
    background:var(--mko);color:#fff;
    padding:10px 20px;border-radius:var(--r-md);
    font-size:14px;font-weight:700;text-decoration:none;
    display:inline-flex;align-items:center;gap:7px;
    transition:background .2s,transform .15s;white-space:nowrap;
}
.mkdiv-nav-cta:hover{background:var(--mko-d);transform:translateY(-1px)}

/* ═══════════════════════════════════════════════════════════
   FOOTER — Full redesign
═══════════════════════════════════════════════════════════ */
.mkdiv-footer{background:var(--mkp-dk);color:#fff;direction:rtl}
.mkdiv-footer-top{padding:4rem 5% 3rem}
.mkdiv-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:3rem}

/* Brand column */
.mkdiv-footer-brand{}
.mkdiv-footer-logo-wrap{display:inline-block;margin-bottom:1.1rem}
.mkdiv-footer-logo-text{font-size:22px;font-weight:900;color:#fff}
.mkdiv-footer-desc{font-family:'Tajawal',sans-serif;font-size:14px;line-height:1.8;color:rgba(255,255,255,.5);margin-bottom:1.5rem}

/* Social */
.mkdiv-footer-social{display:flex;gap:9px;flex-wrap:wrap}
.mkdiv-social-btn{
    width:38px;height:38px;border-radius:9px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);
    display:flex;align-items:center;justify-content:center;
    text-decoration:none;color:rgba(255,255,255,.55);
    transition:background .22s,border-color .22s,color .22s,transform .2s;
}
.mkdiv-social-btn:hover{background:var(--mko);border-color:var(--mko);color:#fff;transform:translateY(-3px)}

/* Columns */
.mkdiv-footer-col{}
.mkdiv-footer-col-title{
    font-size:12px;font-weight:700;color:rgba(255,255,255,.38);
    text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.1rem;
}
.mkdiv-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.mkdiv-footer-links a{
    font-size:14px;color:rgba(255,255,255,.6);text-decoration:none;
    font-weight:500;transition:color .18s,padding-right .18s;display:inline-block;
}
.mkdiv-footer-links a:hover{color:var(--mko);padding-right:4px}

/* Contact column */
.mkdiv-footer-contact{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.25rem}
.mkdiv-footer-contact-item{
    display:flex;align-items:center;gap:10px;
    font-size:13.5px;color:rgba(255,255,255,.62);
}
.mkdiv-footer-contact-icon{
    width:34px;height:34px;border-radius:8px;flex-shrink:0;
    background:rgba(243,141,90,.12);border:1px solid rgba(243,141,90,.20);
    display:flex;align-items:center;justify-content:center;color:var(--mko);
}
.mkdiv-footer-wa-btn{
    display:inline-flex;align-items:center;gap:7px;
    background:var(--mko);color:#fff;
    padding:9px 18px;border-radius:9px;font-size:13px;font-weight:700;
    text-decoration:none;transition:background .2s,transform .15s;
    box-shadow:0 6px 18px rgba(243,141,90,.22);
}
.mkdiv-footer-wa-btn:hover{background:var(--mko-d);transform:translateY(-2px)}

/* Bottom bar */
.mkdiv-footer-bottom{
    border-top:1px solid rgba(255,255,255,.07);
    padding:1.5rem 5%;
    display:flex;align-items:center;justify-content:space-between;
    font-size:12.5px;color:rgba(255,255,255,.3);
}

/* ── Dashboard CTA type buttons ── */
.mkd-cta-type-btns{display:flex;gap:6px;flex-wrap:wrap}
.mkd-cta-type-btn{
    padding:7px 16px;border-radius:7px;font-size:12px;font-weight:700;
    border:1.5px solid #e0dce8;background:transparent;color:#4A3F6B;
    cursor:pointer;font-family:inherit;transition:all .18s;
}
.mkd-cta-type-btn:hover{border-color:var(--mkp);color:var(--mkp-d)}
.mkd-cta-type-btn.active{background:var(--mkp-d);color:#fff;border-color:var(--mkp-d)}

/* ── Responsive footer ── */
@media(max-width:1024px){.mkdiv-footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}
@media(max-width:768px){
    .mkdiv-footer-grid{grid-template-columns:1fr}
    .mkdiv-footer-bottom{flex-direction:column;gap:.5rem;text-align:center}
    .mkdiv-nav-links{display:none}
    .mkdiv-hamburger{display:flex}
}