/* ===========================================================
   Method — تصميم موحد لصفحات الخدمات (mp-)
   الألوان: #ae1a1a / #24292f / #fdfcf7
   =========================================================== */
.mp{--red:#ae1a1a;--red-d:#8a1414;--pink:#fdfcf7;--pink2:#f7e9e6;--ink:#24292f;--muted:#57606a;--line:#efe3df;direction:rtl;text-align:right;color:var(--ink);background:#fff;position:relative;overflow:clip}
.mp *{box-sizing:border-box}
.mp .wrap{max-width:1500px;margin:0 auto;padding:0 16px;position:relative;z-index:1}
.mp section{padding:30px 0;position:relative;overflow:hidden}

/* عنوان القسم بخطوط جانبية */
.mp .sec-title{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--ink);font-size:26px;font-weight:800;margin:0 0 34px;line-height:1.5}
.mp .sec-title:before,.mp .sec-title:after{content:"";flex:0 0 70px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--red))}
.mp .sec-title:after{background:linear-gradient(90deg,var(--red),transparent)}

/* موجات الخلفية */
.mp .wave{position:absolute;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(circle at center,var(--pink2) 0%,rgba(247,233,230,0) 70%)}

/* ===== Banner (نفس خلفية بنر الهوم mh-hero) ===== */
.mp .mp-banner{padding:130px 0 70px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%)!important}
.mp .mp-banner:before{content:"";position:absolute;inset:0;background:url(/images/shape-12.svg) center/cover no-repeat;opacity:.06;pointer-events:none}
.mp .mp-banner .container{position:relative;z-index:1}
.mp .mp-banner .bread-title{max-width:780px;text-align:right}
.mp .mp-banner h1{color:#fff;font-size:46px;font-weight:800;line-height:1.35;margin:0 0 18px}
.mp .mp-banner h1 span{color:#fff;background:none;padding:0}
.mp .mp-banner p{color:#fff;font-size:17px;line-height:1.9;margin:0}
@media (max-width:991px){.mp .mp-banner{padding:115px 0 50px}.mp .mp-banner h1{font-size:34px}}
@media (max-width:575px){.mp .mp-banner{padding:100px 0 44px}.mp .mp-banner h1{font-size:28px}.mp .mp-banner p{font-size:15px}}

/* ===== Programs ===== */
.mp-programs .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mp-card{position:relative;background:var(--pink);border:1px solid var(--line);border-radius:12px;padding:18px 14px 30px;text-align:center;box-shadow:0 6px 20px rgba(36,41,47,.06);transition:transform .25s,box-shadow .25s}
.mp-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(174,26,26,.15)}
.mp-card .img{display:flex;align-items:center;justify-content:center;width:100%;height:140px;margin:0 0 10px;background:var(--pink)}
.mp-card .img img{width:140px;height:140px;object-fit:contain}
.mp-card h3{font-size:14px;font-weight:700;margin:0;line-height:1.7;min-height:5.1em;display:flex;flex-direction:column;justify-content:center}
.mp-card h3 a{color:var(--ink);text-decoration:none}
.mp-card h3 a:after{content:"";position:absolute;inset:0;z-index:1;border-radius:12px}
.mp-card:hover h3 a{color:var(--red)}
.mp-card h3 .ab{display:block;color:var(--red);font-weight:800}
.mp-card .go{position:absolute;left:12px;bottom:10px;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.mp-card:hover .go{transform:translateX(-3px)}

/* ===== Steps (Timeline) ===== */
.mp-steps{background:linear-gradient(180deg,#fff 0%,var(--pink) 100%)}
.mp-steps .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;counter-reset:stp}
.mp-steps .steps:before{content:"";position:absolute;top:44px;right:12.5%;left:12.5%;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 18px);opacity:.5;z-index:0}
.mp-step{position:relative;isolation:isolate;text-align:center;padding:0 18px 30px;counter-increment:stp}
.mp-step:before{content:"";position:absolute;z-index:-1;top:112px;right:0;left:0;bottom:0;background:#fff;border-radius:18px;box-shadow:0 10px 28px rgba(174,26,26,.08);border-bottom:4px solid var(--red);transition:background .35s,transform .35s,box-shadow .35s}
.mp-step:after{content:"0" counter(stp);position:absolute;z-index:-1;top:120px;left:16px;font-size:44px;font-weight:900;line-height:1;color:var(--red);opacity:.07;transition:opacity .35s,color .35s}
.mp-step img{position:relative;width:88px;height:88px;padding:18px;margin:0 auto 44px;display:block;background:#fff;border:3px solid var(--red);border-radius:50%;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);transition:transform .35s}
.mp-step .num{position:absolute;top:-4px;left:calc(50% - 56px);z-index:2;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 4px 10px rgba(174,26,26,.35)}
.mp-step h3{color:var(--red);font-size:18px;font-weight:800;margin:0 0 10px;transition:color .35s}
.mp-step p{font-size:13.5px;line-height:1.95;color:var(--muted);margin:0;transition:color .35s}
.mp-step:hover:before{background:linear-gradient(160deg,var(--red) 0%,var(--red-d) 100%);transform:translateY(-6px);box-shadow:0 18px 34px rgba(174,26,26,.3)}
.mp-step:hover img{transform:translateY(-6px) rotate(-6deg)}
.mp-step:hover h3,.mp-step:hover p{color:#fff}
.mp-step:hover:after{color:#fff;opacity:.18}
@media (max-width:991px){
    .mp-steps .steps{grid-template-columns:repeat(2,1fr);row-gap:34px}
    .mp-steps .steps:before{display:none}
}
@media (max-width:575px){
    .mp-steps .steps{grid-template-columns:1fr}
}

/* ===== Advantages ===== */
.mp-adv{background:#fff}
.mp-adv .wave.w1{width:520px;height:520px;top:-60px;left:-160px}
    .mp-adv .grid {
        display: grid;
        grid-template-columns: 2.05fr 0.95fr;
        gap: 50px;
        align-items: center
    }
.mp-adv h2{position:relative;color:var(--ink);font-size:28px;font-weight:900;line-height:1.6;margin:0 0 26px;padding-right:18px}
.mp-adv h2:before{content:"";position:absolute;right:0;top:8px;bottom:8px;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--red),var(--red-d))}
.mp-adv h2 .r{display:block;font-size:36px;background:linear-gradient(90deg,var(--red-d),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-adv ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:adv}
.mp-adv li{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(174,26,26,.06);font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.6;transition:transform .3s,box-shadow .3s,border-color .3s}
.mp-adv li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:var(--pink);color:var(--red);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}
.mp-adv li:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 14px 28px rgba(174,26,26,.14)}
.mp-adv li:hover:before{background:var(--red);color:#fff}
.mp-adv .pic{position:relative;isolation:isolate;padding:20px}
.mp-adv .pic:before{content:"";position:absolute;z-index:-1;inset:8% 6%;border-radius:42% 58% 55% 45%/50% 45% 55% 50%;background:linear-gradient(145deg,var(--pink2) 0%,var(--pink) 100%)}
.mp-adv .pic:after{content:"";position:absolute;z-index:-1;width:120px;height:120px;top:0;left:0;background-image:radial-gradient(var(--red) 2px,transparent 2.5px);background-size:16px 16px;opacity:.25}
.mp-adv .pic img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 30px rgba(174,26,26,.15))}
@media (max-width:991px){.mp-adv .grid{grid-template-columns:1fr;gap:20px}.mp-adv .pic{order:-1;max-width:440px;margin:0 auto}}
@media (max-width:575px){.mp-adv h2{font-size:21px}.mp-adv h2 .r{font-size:27px}.mp-adv ul{grid-template-columns:1fr}.mp-adv li{font-size:15px;min-height:54px}}
@media (prefers-reduced-motion:reduce){.mp-adv li{transition:none}}

/* ===== Why ===== */
.mp-why{background:linear-gradient(180deg,var(--pink) 0%,#fff 100%)}
.mp-why .wave.w1{width:500px;height:500px;bottom:-200px;left:-150px}
.mp-why .why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mp-why .why-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px;box-shadow:0 6px 20px rgba(36,41,47,.05);display:flex;gap:16px;align-items:flex-start;transition:transform .3s,box-shadow .3s}
.mp-why .why-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:0;background:var(--red);transition:height .35s}
.mp-why .why-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(174,26,26,.13)}
.mp-why .why-card:hover:before{height:100%}
.mp-why .why-card .ic{flex:0 0 58px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;padding-left:14px;border-left:1px solid var(--line);box-sizing:content-box}
.mp-why .why-card .ic img{width:52px;height:52px;object-fit:contain;transition:transform .3s}
.mp-why .why-card:hover .ic img{transform:scale(1.08)}
.mp-why .why-card > div:last-child{flex:1;min-width:0}
.mp-why h3{font-size:17px;font-weight:800;color:var(--red);margin:2px 0 8px;line-height:1.5}
.mp-why p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
@media (max-width:575px){.mp-why .why-card{padding:18px 16px;gap:12px}.mp-why .why-card .ic{flex-basis:46px;width:46px;height:46px;padding-left:12px}.mp-why .why-card .ic img{width:42px;height:42px}}

@media (max-width:991px){
    .mp-programs .cards,.mp-why .why-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:575px){
    .mp section{padding:38px 0}
    .mp .sec-title{font-size:20px;gap:8px}
    .mp .sec-title:before,.mp .sec-title:after{flex-basis:28px}
    .mp-programs .cards{gap:12px}
    .mp-card{padding:10px 8px 14px}.mp-card .img{height:110px}.mp-card .img img{width:110px;height:110px}.mp-card h3{font-size:13px}
    .mp-why .why-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.mp-card,.mp-step:before,.mp-step img,.mp-why .why-card{transition:none}}

/* ===== English (LTR) — <main class="mp ltr"> ===== */
.mp.ltr{direction:ltr;text-align:left}
.mp.ltr .mp-banner .bread-title,.mp.ltr .mp-banner .bread-titlev2{max-width:820px;text-align:left}
.mp .mp-banner .bread-titlev2 h1{color:#fff;font-size:46px;font-weight:800;line-height:1.35;margin:0 0 18px}
.mp a.mp-card{display:block;text-decoration:none;color:var(--ink)}
.mp-card .t{display:flex;align-items:center;justify-content:center;min-height:3.4em;font-size:16px;font-weight:700;line-height:1.6;color:var(--ink);transition:color .25s}
.mp-card:hover .t{color:var(--red)}
.mp.ltr .mp-card .go{left:auto;right:12px}
.mp.ltr .mp-card:hover .go{transform:translateX(3px)}
.mp.ltr .mp-step:after{left:auto;right:16px}
.mp.ltr .mp-step .num{left:auto;right:calc(50% - 56px)}
.mp.ltr .mp-adv h2,.mp.ltr .mp-adv h1.ttl{padding-right:0;padding-left:18px}
.mp.ltr .mp-adv h2:before,.mp.ltr .mp-adv h1.ttl:before{right:auto;left:0}
.mp-adv h1.ttl{position:relative;color:var(--ink);font-size:30px;font-weight:900;line-height:1.5;margin:0 0 26px;padding-right:18px}
.mp-adv h1.ttl:before{content:"";position:absolute;right:0;top:6px;bottom:6px;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--red),var(--red-d))}
.mp-adv .items{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp-adv .it{padding:16px 16px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(174,26,26,.06);transition:transform .3s,box-shadow .3s,border-color .3s}
.mp-adv .it:hover{transform:translateY(-4px);border-color:var(--red);box-shadow:0 14px 28px rgba(174,26,26,.14)}
.mp-adv .it h1{display:flex;align-items:center;gap:10px;font-size:16px!important;font-weight:800;color:var(--red);margin:0 0 6px;line-height:1.5}
.mp-adv .it h1:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--pink);color:var(--red);font-size:12px;display:flex;align-items:center;justify-content:center}
.mp-adv .it p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.mp.ltr .mp-why .why-card:before{right:auto;left:0}
.mp.ltr .mp-why .why-card .ic{padding-left:0;padding-right:14px;border-left:0;border-right:1px solid var(--line)}
@media (max-width:991px){.mp .mp-banner .bread-titlev2 h1{font-size:34px}}
@media (max-width:575px){.mp .mp-banner .bread-titlev2 h1{font-size:28px}.mp-adv .items{grid-template-columns:1fr}.mp-adv h1.ttl{font-size:22px}.mp-card .t{font-size:14px}.mp.ltr .mp-why .why-card .ic{padding-right:12px}}
@media (prefers-reduced-motion:reduce){.mp-adv .it{transition:none}}

/* ===== صفحات البرامج (Stores_program وغيرها) ===== */
.mp .mp-banner.c .bread-title{max-width:900px;margin:0 auto;text-align:center}
.mp .mp-banner.c h1{text-align:center}

/* Stats */
.mp .mp-stats{padding:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(36,41,47,.05)}
.mp-stats .row4{display:grid;grid-template-columns:repeat(4,1fr)}
.mp-stats .st{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 10px}
.mp-stats .st+.st{border-right:1px solid var(--line)}
.mp-stats .st img{width:45px;height:45px}
.mp-stats .n{font-size:28px;font-weight:900;color:var(--red);line-height:1.2;direction:ltr;display:block;text-align:center}
.mp-stats .n span{display:inline!important;font:inherit;color:inherit}
.mp-stats p{margin:0;font-size:14px;font-weight:600;color:var(--ink);text-align:center}
@media (max-width:767px){.mp-stats .row4{grid-template-columns:repeat(2,1fr)}.mp-stats .st:nth-child(3){border-right:0}.mp-stats .st:nth-child(n+3){border-top:1px solid var(--line)}.mp-stats .st{padding:16px 6px;gap:10px}.mp-stats .n{font-size:22px}.mp-stats .st img{width:36px;height:36px}}

/* Split: قائمة + صورة */
.mp-split .grid{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}
.mp-split.rev .grid{grid-template-columns:1fr 1.6fr}
.mp-split.rev .pic{order:-1}
.mp-split .pic{position:relative;isolation:isolate;padding:20px;text-align:center}
.mp-split .pic:before{content:"";position:absolute;z-index:-1;inset:8% 6%;border-radius:42% 58% 55% 45%/50% 45% 55% 50%;background:linear-gradient(145deg,var(--pink2) 0%,var(--pink) 100%)}
.mp-split .pic img{width:100%;max-width:440px;height:auto}
.mp-split .sec-title{justify-content:flex-start}
.mp-split .sec-title:after{display:none}
.mp-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mp-list.two{grid-template-columns:1fr 1fr}
.mp-list li{position:relative;padding:10px 40px 10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(174,26,26,.05);font-size:15px;line-height:1.85;color:var(--muted);transition:border-color .25s,transform .25s}
.mp-list li:before{content:"\f060";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:14px;top:12px;color:var(--red);font-size:13px}
.mp-list li:hover{border-color:var(--red);transform:translateX(-3px)}
.mp-list li span{color:var(--red);font-weight:800}
@media (max-width:991px){.mp-split .grid,.mp-split.rev .grid{grid-template-columns:1fr;gap:16px}.mp-split .pic{order:-1;max-width:380px;margin:0 auto}}
@media (max-width:575px){.mp-list.two{grid-template-columns:1fr}.mp-list li{font-size:14px}}

/* Features: عنوان جانبي + كروت */
.mp-feat{background:var(--pink)}
.mp-feat .grid{display:grid;grid-template-columns:1fr 2.4fr;gap:40px;align-items:center}
.mp-feat h2{position:relative;font-size:30px;font-weight:900;line-height:1.6;color:var(--ink);margin:0;padding-right:20px}
.mp-feat h2:before{content:"";position:absolute;right:0;top:6px;bottom:6px;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--red),var(--red-d))}
.mp-feat .fc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mp-feat .f{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(36,41,47,.05);transition:transform .3s,box-shadow .3s}
.mp-feat .f:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.13)}
.mp-feat .f img{flex:0 0 52px;width:52px;height:52px;padding:8px;border-radius:12px;background:var(--pink);border:1px solid var(--line)}
.mp-feat .f p{margin:0;font-size:14.5px;line-height:1.85;color:var(--ink);font-weight:600}
@media (max-width:991px){.mp-feat .grid{grid-template-columns:1fr;gap:22px}.mp-feat h2{font-size:24px}}
@media (max-width:575px){.mp-feat .fc{grid-template-columns:1fr}}
.mp-why .why-card h2{font-size:17px;font-weight:800;color:var(--red);margin:2px 0 8px;line-height:1.5}
.mp-why .why-cards.c2{grid-template-columns:repeat(2,1fr)}
@media (max-width:575px){.mp-why .why-cards.c2{grid-template-columns:1fr}}
.mp-step h4{color:var(--red);font-size:18px;font-weight:800;margin:0 0 10px;transition:color .35s}
.mp-step:hover h4{color:#fff}

/* Accordion */
.mp-acc .accordion{max-width:1000px;margin:0 auto;display:grid;gap:14px}
.mp-acc .accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(36,41,47,.05)}
.mp-acc .accordion-button{font-weight:800;font-size:17px;background:#fff;box-shadow:none;padding:18px 20px}
.mp-acc .accordion-button:not(.collapsed){background:var(--pink)}
.mp-acc .accordion-body{font-size:15px;line-height:1.9;color:var(--muted)}

/* Requirements */
.mp-req{background:linear-gradient(180deg,#fff 0%,var(--pink) 100%)}
.mp-req .rc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mp-req .r{position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:14px;padding:20px 20px 14px;box-shadow:0 6px 20px rgba(36,41,47,.05);transition:transform .3s,box-shadow .3s}
.mp-req .r:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.13)}
.mp-req .r .h{display:block;color:var(--red);font-size:18px;font-weight:800;line-height:1.6;margin:0 0 8px}
.mp-req .r ul{margin:0;padding:0 20px 0 0;list-style:disc;font-size:14px;line-height:2;color:var(--muted)}
.mp-req .r li::marker{color:var(--red)}
@media (max-width:991px){.mp-req .rc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.mp-req .rc{grid-template-columns:1fr}.mp-req .r .h{font-size:16px}}
@media (prefers-reduced-motion:reduce){.mp-list li,.mp-feat .f,.mp-req .r{transition:none}}

/* Tasks: كروت مرقمة (عنوان + وصف) */
.mp-tasks{background:linear-gradient(180deg,#fff 0%,var(--pink) 100%)}
.mp-tasks .head{display:flex;flex-direction:column;align-items:center;margin:0 0 30px}
.mp-tasks .head .pic img{width:170px;height:170px;object-fit:contain}
.mp-tasks .head .sec-title{margin:10px 0 0}
.mp-tasks .tasks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:tk}
.mp-tasks .tasks li{position:relative;counter-increment:tk;background:#fff;border:1px solid var(--line);border-radius:16px;padding:58px 20px 22px;font-size:14px;line-height:1.95;color:var(--muted);box-shadow:0 6px 20px rgba(36,41,47,.05);transition:transform .3s,box-shadow .3s,border-color .3s}
.mp-tasks .tasks li:before{content:counter(tk,decimal-leading-zero);position:absolute;top:18px;right:20px;width:30px;height:30px;border-radius:9px;background:var(--red);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(174,26,26,.3)}
.mp-tasks .tasks li:after{content:"";position:absolute;top:0;right:20px;left:20px;height:3px;border-radius:0 0 3px 3px;background:var(--red);transform:scaleX(0);transition:transform .35s}
.mp-tasks .tasks li:hover{transform:translateY(-5px);border-color:#f1d6d2;box-shadow:0 16px 30px rgba(174,26,26,.12)}
.mp-tasks .tasks li:hover:after{transform:scaleX(1)}
.mp-tasks .tasks li span{position:absolute;top:20px;right:60px;left:16px;color:var(--ink)!important;font-size:16px;font-weight:800;line-height:1.6}
@media (max-width:1199px){.mp-tasks .tasks{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){.mp-tasks .tasks{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.mp-tasks .tasks{grid-template-columns:1fr;gap:12px}.mp-tasks .head .pic img{width:130px;height:130px}}
@media (prefers-reduced-motion:reduce){.mp-tasks .tasks li,.mp-tasks .tasks li:after{transition:none}}

/* Tasks head: الصورة جنب العنوان */
.mp-tasks .head{flex-direction:row;justify-content:center;gap:24px;margin:0 0 34px}
.mp-tasks .head .pic img{width:120px;height:120px}
.mp-tasks .head .sec-title{margin:0}
@media (max-width:575px){.mp-tasks .head{gap:10px}.mp-tasks .head .pic img{width:80px;height:80px}.mp-tasks .head .sec-title:before,.mp-tasks .head .sec-title:after{display:none}}

/* Benefits: سكشن غامق بهوية ميثود */
.mp .mp-benef{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%);color:#fff;padding:60px 0}
.mp-benef .top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 30px;padding:0 0 24px;border-bottom:1px solid rgba(255,255,255,.12)}
.mp-benef h2{color:#fff;font-size:32px;font-weight:900;line-height:1.5;margin:0}
.mp-benef h2:after{content:"";display:block;width:70px;height:4px;border-radius:4px;background:#fff;opacity:.85;margin-top:12px}
.mp-benef .pic{flex:0 0 auto;width:190px;height:190px;border-radius:50%;background:#fdfcf7;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,255,255,.08),0 20px 40px rgba(0,0,0,.3)}
.mp-benef .pic img{width:150px;height:150px;object-fit:contain}
.mp-benef .bl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mp-benef .bl li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:14.5px;line-height:1.9;color:#fff;transition:background .3s,transform .3s}
.mp-benef .bl li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 28px;height:28px;margin-top:2px;border-radius:50%;background:#fff;color:var(--red);font-size:12px;display:flex;align-items:center;justify-content:center}
.mp-benef .bl li:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
@media (max-width:991px){.mp-benef .bl{grid-template-columns:repeat(2,1fr)}.mp-benef h2{font-size:26px}.mp-benef .pic{width:150px;height:150px}.mp-benef .pic img{width:115px;height:115px}}
@media (max-width:575px){.mp-benef .top{flex-direction:column-reverse;text-align:center}.mp-benef h2:after{margin:12px auto 0}.mp-benef .bl{grid-template-columns:1fr}.mp-benef h2{font-size:22px}}
@media (prefers-reduced-motion:reduce){.mp-benef .bl li{transition:none}}
/* Benefits: الصورة صغيرة على يمين العنوان */
.mp-benef .top{justify-content:flex-start;gap:18px}
.mp-benef .top .pic{order:-1;width:96px;height:96px;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.3)}
.mp-benef .top .pic img{width:72px;height:72px}
@media (max-width:575px){.mp-benef .top{flex-direction:row;text-align:right}.mp-benef h2:after{margin:12px 0 0}.mp-benef .top .pic{width:70px;height:70px}.mp-benef .top .pic img{width:52px;height:52px}}

/* More advantages: 3 فوق + 2 تحت يملوا العرض */
.mp-more .why-cards{grid-template-columns:repeat(6,1fr)}
.mp-more .why-card{grid-column:span 2;flex-direction:column;align-items:flex-start;gap:0;padding:26px 24px 24px}
.mp-more .why-card:nth-child(4),.mp-more .why-card:nth-child(5){grid-column:span 3}
.mp-more .why-card .ic{flex:none;width:64px;height:64px;padding:0;margin:0 0 16px;border:0;border-radius:16px;background:var(--pink);box-sizing:border-box;transition:background .3s}
.mp-more .why-card .ic img{width:40px;height:40px}
.mp-more .why-card:hover .ic{background:var(--red)}
.mp-more .why-card:hover .ic img{filter:brightness(0) invert(1);transform:none}
.mp-more .why-card:before{top:auto;bottom:0;right:0;left:0;width:0;height:4px;transition:width .35s}
.mp-more .why-card:hover:before{width:100%;height:4px}
.mp-more .why-card h2{font-size:19px;color:var(--ink)}
.mp-more .why-card:hover h2{color:var(--red)}
@media (max-width:991px){.mp-more .why-cards{grid-template-columns:repeat(2,1fr)}.mp-more .why-card,.mp-more .why-card:nth-child(4),.mp-more .why-card:nth-child(5){grid-column:span 1}.mp-more .why-card:nth-child(5){grid-column:1/-1}}
@media (max-width:575px){.mp-more .why-cards{grid-template-columns:1fr}.mp-more .why-card:nth-child(5){grid-column:auto}.mp-more .mp-why .why-card .ic,.mp-more .why-card .ic{width:56px;height:56px;padding:0}}

/* Stats: شريط غامق بلون البراند */
.mp .mp-stats{background:#24292f;border-bottom:0;box-shadow:inset 0 3px 0 var(--red)}
.mp-stats .st+.st{border-right-color:rgba(255,255,255,.1)}
.mp-stats .st:nth-child(n+3){border-top-color:rgba(255,255,255,.1)}
.mp-stats .st img{filter:brightness(0) invert(1);opacity:.9}
.mp-stats .n{color:#fff;white-space:nowrap}
.mp-stats .n:after{content:"";display:block;width:26px;height:3px;border-radius:3px;background:var(--red);margin:6px auto 4px}
.mp-stats p{color:rgba(255,255,255,.82)}

/* موبايل: الزخرفة الخلفية للبنر بتأخر الـ LCP على 4G — بتتشال تحت 767px (شفافيتها 6% فمش بتبان) */
@media (max-width:767px){.mp .mp-banner:before{content:none}}
/* الثيم بيحط نفس الزخرفة في .breadcrumb-area:after — نشيلها في الموبايل برضه (هي سبب الـ LCP) */
@media (max-width:767px){.mp .mp-banner:after{content:none!important;background:none!important}}

/* ===== صفحات البرامج — الإنجليزي (عناوينها h1، بنحافظ عليها) ===== */
.mp h1.sec-title{font-size:26px}
.mp-tasks .tk{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:0 6px 20px rgba(36,41,47,.05);transition:transform .3s,box-shadow .3s,border-color .3s}
.mp-tasks .tk:hover{transform:translateY(-5px);border-color:#f1d6d2;box-shadow:0 16px 30px rgba(174,26,26,.12)}
.mp-tasks .tk .tic{width:46px;height:46px;border-radius:12px;background:var(--pink);border:1px solid var(--line);color:var(--red);font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 0 14px;transition:background .3s,color .3s}
.mp-tasks .tk:hover .tic{background:var(--red);color:#fff}
.mp-tasks .tk h1{font-size:17px;font-weight:800;color:var(--ink);line-height:1.5;margin:0 0 8px}
.mp-tasks .tk p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.mp-tasks .cta{text-align:center;margin-top:30px}
.mp .mp-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff!important;font-weight:700;padding:12px 30px;border-radius:30px;text-decoration:none;box-shadow:0 10px 22px rgba(174,26,26,.28);transition:background .25s,transform .25s}
.mp .mp-btn:hover{background:var(--red-d);transform:translateY(-2px)}
.mp-benef .top h1{color:#fff;font-size:30px;font-weight:900;line-height:1.5;margin:0}
.mp-benef .top h1:after{content:"";display:block;width:70px;height:4px;border-radius:4px;background:#fff;opacity:.85;margin-top:12px}
.mp-benef .bl .b{padding:18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .3s,transform .3s}
.mp-benef .bl .b:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.mp-benef .bl .b h1{display:flex;gap:10px;align-items:center;color:#fff;font-size:16px;font-weight:800;line-height:1.5;margin:0 0 8px}
.mp-benef .bl .b h1:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 26px;height:26px;border-radius:50%;background:#fff;color:var(--red);font-size:11px;display:flex;align-items:center;justify-content:center}
.mp-benef .bl .b p{color:rgba(255,255,255,.85);font-size:14px;line-height:1.85;margin:0}
.mp-feat h1.ttl{position:relative;font-size:28px;font-weight:900;line-height:1.5;color:var(--ink);margin:0;padding-right:20px}
.mp-feat h1.ttl:before{content:"";position:absolute;right:0;top:6px;bottom:6px;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--red),var(--red-d))}
.mp-feat .f{align-items:flex-start}
.mp-feat .f h1{font-size:16px;font-weight:800;color:var(--red);line-height:1.5;margin:0 0 6px}
.mp-feat .f p{font-weight:400;color:var(--muted);font-size:14px}
.mp-more .why-card h1{font-size:19px;font-weight:800;color:var(--ink);margin:2px 0 8px;line-height:1.5}
.mp-more .why-card:hover h1{color:var(--red)}
.mp-more .why-card .no{font-size:22px;font-weight:900;color:var(--red);transition:color .3s}
.mp-more .why-card:hover .no{color:#fff}
.mp-port{padding:50px 0}
.mp-stages .wrap{max-width:1500px}
/* LTR */
.mp.ltr .mp-feat h1.ttl{padding-right:0;padding-left:20px}
.mp.ltr .mp-feat h1.ttl:before{right:auto;left:0}
.mp.ltr .mp-stats .st+.st{border-right:0;border-left:1px solid rgba(255,255,255,.1)}
.mp.ltr .mp-stats .st:nth-child(3){border-left:0}
@media (max-width:991px){.mp-feat h1.ttl,.mp-benef .top h1{font-size:23px}}
@media (max-width:575px){.mp h1.sec-title{font-size:20px}.mp-benef .top h1{font-size:21px}}

/* Tasks بعدد مش بيقسم على 4: flex والصف الأخير في النص */
.mp-tasks .tasks.fl{display:flex;flex-wrap:wrap;justify-content:center}
.mp-tasks .tasks.fl li{flex:0 0 calc(25% - 15px)}
@media (max-width:1199px){.mp-tasks .tasks.fl li{flex-basis:calc(33.333% - 14px)}}
@media (max-width:991px){.mp-tasks .tasks.fl li{flex-basis:calc(50% - 10px)}}
@media (max-width:575px){.mp-tasks .tasks.fl li{flex-basis:100%}.mp-tasks .head .pic+.sec-title+.pic{display:none}}

/* Videos */
.mp-videos{background:var(--pink)}
.mp-videos .vg{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.mp-videos .v{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#24292f;box-shadow:0 14px 34px rgba(36,41,47,.15);border:4px solid #fff}
.mp-videos iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:767px){.mp-videos .vg{grid-template-columns:1fr}}

/* mp-more لأي عدد: كل 5 كروت = 3 فوق + 2 تحت */
.mp-more .why-card:nth-child(5n+4),.mp-more .why-card:nth-child(5n+5){grid-column:span 3}
@media (max-width:991px){.mp-more .why-card:nth-child(5n+4),.mp-more .why-card:nth-child(5n+5){grid-column:span 1}}

/* =====================================================================
   POS (نقاط البيع) — نفس ترتيب صفحة المخازن + لمسات خاصة بالمحتوى
   <main class="mp pos">
   ===================================================================== */
/* المهام: نفس كروت المخازن، بس البادج أيقونة كاشير بدل الرقم والعنوان بلون البراند */
.mp.pos .mp-tasks .tasks li:before{content:"\f218";font-family:"Font Awesome 5 Free";font-weight:900;font-size:13px}
.mp.pos .mp-tasks .tasks li:nth-child(3n+2):before{content:"\f543"}
.mp.pos .mp-tasks .tasks li:nth-child(3n):before{content:"\f02a"}
.mp.pos .mp-tasks .tasks li span{color:var(--red)!important}
/* الفيديوهات: سكشن غامق */
.mp.pos .mp-videos{background:#24292f;position:relative}
.mp.pos .mp-videos:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(174,26,26,.55) 0%,transparent 60%);pointer-events:none}
.mp.pos .mp-videos .v{border:0;border-radius:20px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px rgba(0,0,0,.45)}
.mp.pos .mp-videos .vg{gap:34px}
/* العائد (POS): سكشن أحمر غامق + كروت أفقية عمودين، الأيقونة في دايرة بيضا */
.mp.pos .mp-more{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%)}
.mp.pos .mp-more .wave{display:none}
.mp.pos .mp-more .sec-title{color:#fff}
.mp.pos .mp-more .sec-title:before{background:linear-gradient(90deg,transparent,#fff)}
.mp.pos .mp-more .sec-title:after{background:linear-gradient(90deg,#fff,transparent)}
.mp.pos .mp-more .why-cards{grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:rv}
.mp.pos .mp-more .why-card,.mp.pos .mp-more .why-card:nth-child(5n+4),.mp.pos .mp-more .why-card:nth-child(5n+5){grid-column:auto;flex-direction:row;align-items:center;gap:18px;padding:20px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none;counter-increment:rv}
.mp.pos .mp-more .why-card:after{content:counter(rv,decimal-leading-zero);position:absolute;left:18px;top:12px;font-size:34px;font-weight:900;color:#fff;opacity:.08;line-height:1}
.mp.pos .mp-more .why-card:before{display:none}
.mp.pos .mp-more .why-card:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.mp.pos .mp-more .why-card .ic{flex:0 0 64px;width:64px;height:64px;margin:0;border-radius:50%;background:#fff}
.mp.pos .mp-more .why-card:hover .ic{background:#fff}
.mp.pos .mp-more .why-card:hover .ic img{filter:none}
.mp.pos .mp-more .why-card h2,.mp.pos .mp-more .why-card:hover h2{color:#fff;font-size:17px}
.mp.pos .mp-more .why-card p{color:rgba(255,255,255,.82)}
@media (max-width:767px){.mp.pos .mp-more .why-cards{grid-template-columns:1fr}}

/* YouTube facade */
.mp .yt{position:absolute;inset:0;display:block;background:#000;cursor:pointer}
.mp .yt img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .25s}
.mp .yt:hover img{opacity:1}
.mp .yt-play{position:absolute;top:50%;left:50%;width:72px;height:50px;margin:-25px 0 0 -36px;border-radius:14px;background:#ae1a1a;box-shadow:0 10px 24px rgba(0,0,0,.4);transition:transform .25s}
.mp .yt-play:before{content:"";position:absolute;top:50%;left:50%;margin:-10px 0 0 -6px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.mp .yt:hover .yt-play{transform:scale(1.08)}

/* POS إنجليزي */
.mp .mp-banner .bl{color:#fff;list-style:disc;padding-left:22px;margin:10px 0;line-height:1.9;font-size:16px}
.mp.ltr .mp-banner.c .bl{display:inline-block;text-align:left}
.mp.pos .mp-more .why-card h3{color:#fff;font-size:17px;font-weight:800;margin:2px 0 8px;line-height:1.5}
.mp.pos .mp-more .why-card .ic i{color:var(--red);font-size:24px}
.mp.ltr.pos .mp-more .why-card:after{left:auto;right:18px}
.mp.pos .mp-tasks .tk .tic{background:var(--red);color:#fff;border:0}
.mp.pos .mp-tasks .tasks:has(.tk){display:flex;flex-wrap:wrap;justify-content:center}
.mp.pos .mp-tasks .tasks .tk{flex:0 0 calc(25% - 15px)}
@media (max-width:1199px){.mp.pos .mp-tasks .tasks .tk{flex-basis:calc(33.333% - 14px)}}
@media (max-width:991px){.mp.pos .mp-tasks .tasks .tk{flex-basis:calc(50% - 10px)}}
@media (max-width:575px){.mp.pos .mp-tasks .tasks .tk{flex-basis:100%}}
/* قائمة جوه البنر (الثيم بيلوّن الـ li غامق) */
.mp .mp-banner .bl{list-style:none;padding:0;margin:14px auto;display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:10px 14px}
.mp .mp-banner .bl li{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:15.5px;line-height:1.6;padding:8px 16px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);text-align:left}
.mp .mp-banner .bl li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 20px;height:20px;border-radius:50%;background:#fff;color:var(--red);font-size:10px;display:flex;align-items:center;justify-content:center}
@media (max-width:767px){.mp .mp-banner .bl{grid-template-columns:1fr}.mp .mp-banner .bl li{font-size:14px}}
/* العائد (POS): الأيقونة فوق مع العنوان مش في نص الكارت + العناوين بيضا دايمًا */
.mp.pos .mp-more .why-card,.mp.pos .mp-more .why-card:nth-child(5n+4),.mp.pos .mp-more .why-card:nth-child(5n+5){align-items:flex-start}
.mp.pos .mp-more .why-card .ic{flex:0 0 56px;width:56px;height:56px;margin-top:2px}
.mp.pos .mp-more .why-card h2,.mp.pos .mp-more .why-card h3{color:#fff!important}
.mp.pos .mp-more .why-card .ic i{color:var(--red)!important}
.mp.pos .mp-more .why-card>div:last-child{padding-top:4px}
.mp.ltr.pos .mp-more .why-card:after{left:auto!important;right:18px}
/* محتوى المراحل لما يكون فيه قائمة (div.d بدل p) */
.mp-step .d{font-size:13.5px;line-height:1.95;color:var(--muted);transition:color .35s}
.mp-step .d ul{list-style:disc;margin:8px 0;padding:0 18px 0 0;text-align:right}
.mp.ltr .mp-step .d ul{padding:0 0 0 18px;text-align:left}
.mp-step .d li{font-size:13.5px!important;line-height:1.8!important;color:inherit!important;margin:2px 0}
.mp-step .d li::marker{color:var(--red)}
.mp-step:hover .d,.mp-step:hover .d li{color:#fff!important}
.mp-step:hover .d li::marker{color:#fff}

/* Banner split: نص على جنب + القائمة في كارت (للبنرات اللي فيها محتوى طويل) */
.mp .mp-banner.split .bread-title{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr;grid-template-areas:"h l" "p1 l" "p2 l";column-gap:50px;align-items:start;text-align:left}
.mp:not(.ltr) .mp-banner.split .bread-title{text-align:right}
.mp .mp-banner.split h1{grid-area:h;text-align:inherit;font-size:44px}
.mp .mp-banner.split h1:after{content:"";display:block;width:80px;height:4px;border-radius:4px;background:#fff;margin-top:14px;opacity:.9}
.mp .mp-banner.split p:first-of-type{grid-area:p1;margin:0 0 14px}
.mp .mp-banner.split p:last-of-type{grid-area:p2;opacity:.9}
.mp .mp-banner.split p{font-size:16px;line-height:1.95}
.mp .mp-banner.split .bl{grid-area:l;align-self:center;display:grid!important;grid-template-columns:1fr;gap:12px;margin:0;padding:26px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mp .mp-banner.split .bl li{border-radius:12px;background:rgba(255,255,255,.06);padding:12px 16px;font-size:15px}
@media (max-width:991px){.mp .mp-banner.split .bread-title{grid-template-columns:1fr;grid-template-areas:"h" "p1" "l" "p2";row-gap:6px}.mp .mp-banner.split .bl{margin:10px 0 18px}.mp .mp-banner.split h1{font-size:32px}}

/* Banner hero: عنوان + فقرة في النص، والقائمة 4 مربعات بأيقونات، والفقرة الأخيرة تحت */
.mp .mp-banner.hero{padding-bottom:60px}
.mp .mp-banner.hero .bread-title{max-width:1200px;margin:0 auto;text-align:center}
.mp .mp-banner.hero h1{text-align:center;font-size:48px;margin-bottom:14px}
.mp .mp-banner.hero p{max-width:900px;margin:0 auto;font-size:16.5px;line-height:1.95;text-align:center}
.mp .mp-banner.hero p:last-of-type{font-size:15px;opacity:.82;margin-top:26px}
.mp .mp-banner.hero .bl{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0 0;padding:0;text-align:center}
.mp .mp-banner.hero .bl li{flex-direction:column;justify-content:flex-start;gap:12px;padding:22px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);font-size:14.5px;font-weight:600;line-height:1.6;text-align:center;transition:background .3s,transform .3s}
.mp .mp-banner.hero .bl li:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}
.mp .mp-banner.hero .bl li:before{flex:none;width:52px;height:52px;border-radius:14px;font-size:20px;background:#fff;color:var(--red);box-shadow:0 10px 22px rgba(0,0,0,.25)}
.mp .mp-banner.hero .bl li:nth-child(1):before{content:"\f201"}
.mp .mp-banner.hero .bl li:nth-child(2):before{content:"\f543"}
.mp .mp-banner.hero .bl li:nth-child(3):before{content:"\f200"}
.mp .mp-banner.hero .bl li:nth-child(4):before{content:"\f15c"}
@media (max-width:991px){.mp .mp-banner.hero .bl{grid-template-columns:repeat(2,1fr)}.mp .mp-banner.hero h1{font-size:34px}}
@media (max-width:575px){.mp .mp-banner.hero .bl{grid-template-columns:1fr 1fr;gap:10px}.mp .mp-banner.hero .bl li{padding:16px 10px;font-size:13px}.mp .mp-banner.hero h1{font-size:28px}}
@media (prefers-reduced-motion:reduce){.mp .mp-banner.hero .bl li{transition:none}}
/* العائد (POS): الصورة جوه الدايرة بمسافة ومش مقصوصة */
.mp.pos .mp-more .why-card .ic{flex:0 0 60px;width:60px;height:60px;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;box-shadow:0 0 0 5px rgba(255,255,255,.1)}
.mp.pos .mp-more .why-card .ic img{width:34px!important;height:34px!important;object-fit:contain;filter:none!important;transform:none!important}

/* أعمالنا (Portfolio) */
.mp .mp-port{background:#fff}
.mp-port .pg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mp-port .pi{position:relative;border-radius:16px;overflow:hidden;background:var(--pink);box-shadow:0 8px 22px rgba(36,41,47,.08);transition:transform .3s,box-shadow .3s}
.mp-port .pi img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.mp-port .pi .go{position:absolute;right:12px;left:12px;bottom:12px;display:block;text-align:center;background:var(--red);color:#fff!important;font-size:13px;font-weight:700;padding:9px 12px;border-radius:30px;text-decoration:none;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-port .pi:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(174,26,26,.15)}
.mp-port .cta{text-align:center;margin-top:30px}
@media (max-width:991px){.mp-port .pg{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.mp-port .pg{grid-template-columns:1fr 1fr;gap:10px}.mp-port .pi .go{font-size:11px;padding:7px 8px}}

/* ميزة الحصول على البرنامج (POS عربي/إنجليزي): العنوان فوق + 3 كروت جنب بعض */
.mp.pos .mp-feat .grid{grid-template-columns:1fr;gap:30px}
.mp.pos .mp-feat .grid>h2,.mp.pos .mp-feat .grid>h1.ttl{text-align:center;padding:0;max-width:900px;margin:0 auto}
.mp.pos .mp-feat .grid>h2:before,.mp.pos .mp-feat .grid>h1.ttl:before{display:none}
.mp.pos .mp-feat .grid>h2:after,.mp.pos .mp-feat .grid>h1.ttl:after{content:"";display:block;width:80px;height:4px;border-radius:4px;background:var(--red);margin:14px auto 0}
.mp.pos .mp-feat .fc{grid-template-columns:repeat(3,1fr)}
@media (max-width:991px){.mp.pos .mp-feat .fc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.mp.pos .mp-feat .fc{grid-template-columns:1fr}}

/* أعمالنا — نفس كروت صفحة Our-Work */
.mp-port .pg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mp-port .ow-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(30,34,40,.10);display:flex;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s}
.mp-port .ow-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(30,34,40,.16)}
.mp-port .ow-img{width:100%;background:#f4f4f4;overflow:hidden}
.mp-port .ow-img img{width:100%!important;height:auto!important;display:block} /* asp:Image بيحوّل width/height لـ style inline */
.mp-port .ow-body{padding:16px 18px;display:flex;flex-direction:column;flex:1;text-align:center}
.mp-port .ow-title{font-size:15.5px;font-weight:700;color:#222;margin:0 0 12px}
.mp-port .ow-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#ae1a1a!important;font-weight:700;font-size:14px;text-decoration:none!important}
.mp-port .ow-link:hover{color:#7d1212!important}
@media (max-width:991px){.mp-port .pg{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.mp-port .pg{gap:12px}}

/* =====================================================================
   المحاسبة — <main class="mp acc">: نفس ترتيب المخازن + لمسات محاسبية
   ===================================================================== */
.mp.acc .mp-tasks .tasks li:before{content:"\f1ec";font-family:"Font Awesome 5 Free";font-weight:900;font-size:13px}
.mp.acc .mp-tasks .tasks li:nth-child(3n+2):before{content:"\f571"}
.mp.acc .mp-tasks .tasks li:nth-child(3n):before{content:"\f200"}
.mp.acc .mp-tasks .tasks li span{color:var(--red)!important}

/* ===== المحاسبة v3 ===== */
/* 3) المتطلبات: الصف الأخير لو فيه كارتين يبقوا جنب بعض بعرض الصف كله */
.mp.acc .mp-req .rc{grid-template-columns:repeat(6,1fr)}
.mp.acc .mp-req .r{grid-column:span 2}
.mp.acc .mp-req .r:nth-last-child(-n+2):nth-child(3n+1),.mp.acc .mp-req .r:nth-last-child(-n+2):nth-child(3n+2){grid-column:span 3}
@media (max-width:991px){.mp.acc .mp-req .rc{grid-template-columns:1fr 1fr}.mp.acc .mp-req .r,.mp.acc .mp-req .r:nth-last-child(-n+2):nth-child(3n+1),.mp.acc .mp-req .r:nth-last-child(-n+2):nth-child(3n+2){grid-column:auto}}
@media (max-width:575px){.mp.acc .mp-req .rc{grid-template-columns:1fr}}
/* 2) ميزة ميثود: العنوان فوق + 3 كروت (زي نقاط البيع) */
.mp.acc .mp-feat{background:#fff}
.mp.acc .mp-feat .grid{grid-template-columns:1fr;gap:30px}
.mp.acc .mp-feat .grid>h2{text-align:center;padding:0;max-width:900px;margin:0 auto}
.mp.acc .mp-feat .grid>h2:before{display:none}
.mp.acc .mp-feat .grid>h2:after{content:"";display:block;width:80px;height:4px;border-radius:4px;background:var(--red);margin:14px auto 0}
.mp.acc .mp-feat .fc{grid-template-columns:repeat(3,1fr)}
.mp.acc .mp-feat .f{background:var(--pink)}
@media (max-width:991px){.mp.acc .mp-feat .fc{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.mp.acc .mp-feat .fc{grid-template-columns:1fr}}

/* إيقاع الخلفيات: أعمالنا أبيض، المراحل فاتح، الأكورديون أبيض، المتطلبات فاتح */
.mp.acc .mp-port{background:#fff}
.mp.acc .mp-acc{background:#fff}

/* المحاسبة v4 — 1) المهام: Timeline متعرّج بخط في النص (خلفية فاتحة) */
.mp.acc .mp-tasks{background:linear-gradient(180deg,#fff 0%,var(--pink) 100%)}
.mp.acc .mp-tasks .tasks.fl{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px 90px;padding-bottom:70px;counter-reset:none}
.mp.acc .mp-tasks .tasks.fl:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--red) 0 8px,transparent 8px 16px);opacity:.45}
.mp.acc .mp-tasks .tasks li{flex:none;position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 22px rgba(36,41,47,.06);padding:20px 22px;font-size:14.5px;line-height:1.9;color:var(--muted)}
.mp.acc .mp-tasks .tasks li:nth-child(even){transform:translateY(70px)}
.mp.acc .mp-tasks .tasks li:after{display:none}
.mp.acc .mp-tasks .tasks li:before{top:22px;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-size:15px;box-shadow:0 0 0 6px #fff,0 8px 18px rgba(174,26,26,.3);z-index:2}
.mp.acc .mp-tasks .tasks li:nth-child(odd):before{right:auto;left:-66px}
.mp.acc .mp-tasks .tasks li:nth-child(even):before{right:-66px;left:auto}
.mp.acc .mp-tasks .tasks li span{position:static;display:block;color:var(--red)!important;font-size:16.5px;margin-bottom:6px}
.mp.acc .mp-tasks .tasks li:hover{box-shadow:0 16px 32px rgba(174,26,26,.12);border-color:#f1d6d2}
.mp.acc .mp-tasks .tasks li:nth-child(odd):hover{transform:translateY(-4px)}
.mp.acc .mp-tasks .tasks li:nth-child(even):hover{transform:translateY(66px)}
@media (max-width:991px){
 .mp.acc .mp-tasks .tasks.fl{grid-template-columns:1fr;gap:18px;padding:0 54px 0 0}
 .mp.acc .mp-tasks .tasks.fl:after{left:auto;right:19px}
 .mp.acc .mp-tasks .tasks li:nth-child(even),.mp.acc .mp-tasks .tasks li:nth-child(even):hover{transform:none}
 .mp.acc .mp-tasks .tasks li:nth-child(odd):before,.mp.acc .mp-tasks .tasks li:nth-child(even):before{left:auto;right:-55px}
}

/* المحاسبة v4 — 3) العائد: السكشن الأحمر الغامق + كروت زجاجية 3×3 */
.mp.acc .mp-more{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%)}
.mp.acc .mp-more .wave{display:none}
.mp.acc .mp-more .sec-title{color:#fff}
.mp.acc .mp-more .sec-title:before{background:linear-gradient(90deg,transparent,#fff)}
.mp.acc .mp-more .sec-title:after{background:linear-gradient(90deg,#fff,transparent)}
.mp.acc .mp-more .why-cards{grid-template-columns:repeat(3,1fr);gap:16px}
.mp.acc .mp-more .why-card,.mp.acc .mp-more .why-card:nth-child(5n+4),.mp.acc .mp-more .why-card:nth-child(5n+5){grid-column:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}
.mp.acc .mp-more .why-card:hover{background:rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.mp.acc .mp-more .why-card:before{background:#fff}
.mp.acc .mp-more .why-card .ic{background:#fff;border-radius:50%}
.mp.acc .mp-more .why-card:hover .ic{background:#fff}
.mp.acc .mp-more .why-card:hover .ic img{filter:none}
.mp.acc .mp-more .why-card .ic img{width:36px;height:36px}
.mp.acc .mp-more .why-card h2,.mp.acc .mp-more .why-card:hover h2{color:#fff!important}
.mp.acc .mp-more .why-card p{color:rgba(255,255,255,.82)}
@media (max-width:991px){.mp.acc .mp-more .why-cards{grid-template-columns:1fr 1fr}.mp.acc .mp-more .why-card:last-child{grid-column:1/-1}}
@media (max-width:575px){.mp.acc .mp-more .why-cards{grid-template-columns:1fr}.mp.acc .mp-more .why-card:last-child{grid-column:auto}}

/* المحاسبة إنجليزي: الرقم (01..14) هو نقطة الـ Timeline بدل الأيقونة */
.mp.acc .mp-tasks .tasks.en li:before{display:none}
.mp.acc .mp-tasks .tasks.en li .no{position:absolute;top:20px;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fff,0 8px 18px rgba(174,26,26,.3);z-index:2}
.mp.acc .mp-tasks .tasks.en li:nth-child(odd) .no{right:-67px}
.mp.acc .mp-tasks .tasks.en li:nth-child(even) .no{left:-67px}
.mp.acc .mp-tasks .tasks.en li h3{color:var(--red);font-size:17px;font-weight:800;margin:0 0 6px;line-height:1.5}
.mp.acc .mp-tasks .tasks.en li p{margin:0;font-size:14px;line-height:1.85;color:var(--muted)}
.mp.acc .mp-tasks .cta{text-align:center;margin-top:90px}
.mp.ltr.acc .mp-feat .f h3{color:var(--red);font-size:16px;font-weight:800;margin:0 0 6px;line-height:1.5}
.mp.ltr.acc .mp-feat .f p{font-weight:400;color:var(--muted);font-size:14px}
.mp.ltr.acc .mp-feat .f{align-items:flex-start}
@media (max-width:991px){
 .mp.ltr.acc .mp-tasks .tasks.fl{padding:0 0 0 54px}
 .mp.ltr.acc .mp-tasks .tasks.fl:after{right:auto;left:19px}
 .mp.acc .mp-tasks .tasks.en li:nth-child(odd) .no,.mp.acc .mp-tasks .tasks.en li:nth-child(even) .no{right:auto;left:-55px}
 .mp.acc .mp-tasks .cta{margin-top:30px}
}
.mp.acc .mp-tasks .tasks.en li span.no{position:absolute!important;display:flex;top:20px;margin:0;color:#fff!important;font-size:14px}
.mp.acc .mp-tasks .tasks.en li:nth-child(odd) span.no{right:-67px;left:auto}
.mp.acc .mp-tasks .tasks.en li:nth-child(even) span.no{left:-67px;right:auto}
@media (max-width:991px){.mp.acc .mp-tasks .tasks.en li:nth-child(odd) span.no,.mp.acc .mp-tasks .tasks.en li:nth-child(even) span.no{right:auto;left:-55px}}

/* =====================================================================
   المشتريات — <main class="mp proc">
   المهام: كروت المخازن 3×3 بأيقونات مشتريات | الميزة: العنوان فوق + 3
   العائد: السكشن الأحمر الغامق 3×2 | المتطلبات: آخر كارتين بعرض الصف
   ===================================================================== */
.mp.proc .mp-tasks{background:linear-gradient(180deg,#fff 0%,var(--pink) 100%)}
.mp.proc .mp-tasks .tasks.fl li{flex-basis:calc(33.333% - 14px)}
.mp.proc .mp-tasks .tasks li:before{content:"\f07a";font-family:"Font Awesome 5 Free";font-weight:900;font-size:13px}
.mp.proc .mp-tasks .tasks li:nth-child(3n+2):before{content:"\f0d1"}
.mp.proc .mp-tasks .tasks li:nth-child(3n):before{content:"\f46d"}
.mp.proc .mp-tasks .tasks li span{color:var(--red)!important}
@media (max-width:991px){.mp.proc .mp-tasks .tasks.fl li{flex-basis:calc(50% - 10px)}}
@media (max-width:575px){.mp.proc .mp-tasks .tasks.fl li{flex-basis:100%}}

.mp.proc .mp-feat{background:#fff}
.mp.proc .mp-feat .grid{grid-template-columns:1fr;gap:30px}
.mp.proc .mp-feat .grid>h2{text-align:center;padding:0;max-width:900px;margin:0 auto}
.mp.proc .mp-feat .grid>h2:before{display:none}
.mp.proc .mp-feat .grid>h2:after{content:"";display:block;width:80px;height:4px;border-radius:4px;background:var(--red);margin:14px auto 0}
.mp.proc .mp-feat .fc{grid-template-columns:repeat(3,1fr)}
.mp.proc .mp-feat .f{background:var(--pink)}
@media (max-width:991px){.mp.proc .mp-feat .fc{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.mp.proc .mp-feat .fc{grid-template-columns:1fr}}

.mp.proc .mp-more{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%)}
.mp.proc .mp-more .wave{display:none}
.mp.proc .mp-more .sec-title{color:#fff}
.mp.proc .mp-more .sec-title:before{background:linear-gradient(90deg,transparent,#fff)}
.mp.proc .mp-more .sec-title:after{background:linear-gradient(90deg,#fff,transparent)}
.mp.proc .mp-more .why-cards{grid-template-columns:repeat(3,1fr);gap:16px}
.mp.proc .mp-more .why-card,.mp.proc .mp-more .why-card:nth-child(5n+4),.mp.proc .mp-more .why-card:nth-child(5n+5){grid-column:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}
.mp.proc .mp-more .why-card:hover{background:rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.mp.proc .mp-more .why-card:before{background:#fff}
.mp.proc .mp-more .why-card .ic,.mp.proc .mp-more .why-card:hover .ic{background:#fff;border-radius:50%}
.mp.proc .mp-more .why-card:hover .ic img{filter:none}
.mp.proc .mp-more .why-card .ic img{width:36px;height:36px}
.mp.proc .mp-more .why-card h2,.mp.proc .mp-more .why-card:hover h2{color:#fff!important}
.mp.proc .mp-more .why-card p{color:rgba(255,255,255,.82)}
@media (max-width:991px){.mp.proc .mp-more .why-cards{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.mp.proc .mp-more .why-cards{grid-template-columns:1fr}}

.mp.proc .mp-acc{background:#fff}
.mp.proc .mp-req .rc{grid-template-columns:repeat(6,1fr)}
.mp.proc .mp-req .r{grid-column:span 2}
.mp.proc .mp-req .r:nth-last-child(-n+2):nth-child(3n+1),.mp.proc .mp-req .r:nth-last-child(-n+2):nth-child(3n+2){grid-column:span 3}
@media (max-width:991px){.mp.proc .mp-req .rc{grid-template-columns:1fr 1fr}.mp.proc .mp-req .r,.mp.proc .mp-req .r:nth-last-child(-n+2):nth-child(3n+1),.mp.proc .mp-req .r:nth-last-child(-n+2):nth-child(3n+2){grid-column:auto}}
@media (max-width:575px){.mp.proc .mp-req .rc{grid-template-columns:1fr}}

/* أعمالنا: صور ثقيلة — الرسم يتأجل لحد ما السكشن يقرب */
.mp-port{content-visibility:auto;contain-intrinsic-size:auto 1400px}

/* =====================================================================
   الموارد البشرية — <main class="mp hr">
   المهام: بادج أيقونات أشخاص | المكونات: سكشن غامق عمودين بعنوان أبيض
   الميزة: أبيض | العائد: كروت أفقية 3×2 | الوحدات: 3+2 بشريط غامق
   ===================================================================== */
.mp.hr .mp-tasks .tasks li:before{content:"\f007";font-family:"Font Awesome 5 Free";font-weight:900;font-size:13px}
.mp.hr .mp-tasks .tasks li:nth-child(3n+2):before{content:"\f0c0"}
.mp.hr .mp-tasks .tasks li:nth-child(3n):before{content:"\f2c2"}
.mp.hr .mp-tasks .tasks li{min-height:230px}
.mp.hr .mp-tasks .head .pic img{width:120px;height:120px;object-fit:contain}

.mp.hr .mp-benef .bl{grid-template-columns:repeat(2,1fr)}
.mp.hr .mp-benef .bl li{display:block;position:relative;padding:16px 56px 16px 18px}
.mp.hr .mp-benef .bl li:before{content:"\f2bb";position:absolute;right:16px;top:16px;width:28px;height:28px}
.mp.hr .mp-benef .bl li span{display:block;color:#fff;font-weight:800;font-size:16px;margin:0 0 4px}
.mp.hr .mp-benef .bl li{color:rgba(255,255,255,.85)}

.mp.hr .mp-feat{background:#fff}
.mp.hr .mp-feat .f{background:var(--pink);border-right:4px solid var(--red)}

.mp.hr .mp-why .why-card h2{color:var(--ink)}
.mp.hr .mp-why .why-card:hover h2{color:var(--red)}

.mp.hr .mp-acc{background:#fff}
.mp.hr .mp-req{background:var(--pink)}
.mp.hr .mp-req .rc{grid-template-columns:repeat(6,1fr);gap:22px;counter-reset:un}
.mp.hr .mp-req .r{grid-column:span 2;counter-increment:un;border:1px solid var(--line);border-radius:18px;padding:22px 22px 16px;box-shadow:0 8px 24px rgba(36,41,47,.06)}
.mp.hr .mp-req .r:nth-child(n+4){grid-column:span 3}
.mp.hr .mp-req .r:after{content:"0" counter(un);position:absolute;top:16px;left:20px;font-size:40px;font-weight:900;line-height:1;color:var(--red);opacity:.08}
.mp.hr .mp-req .r .h{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--ink);padding:0 0 14px;margin:0 0 14px;border-bottom:1px dashed var(--line)}
.mp.hr .mp-req .r .h:before{content:"\f0ae";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 44px;height:44px;border-radius:12px;background:var(--red);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(174,26,26,.25)}
.mp.hr .mp-req .r:nth-child(2) .h:before{content:"\f017"}
.mp.hr .mp-req .r:nth-child(3) .h:before{content:"\f201"}
.mp.hr .mp-req .r:nth-child(4) .h:before{content:"\f07c"}
.mp.hr .mp-req .r:nth-child(5) .h:before{content:"\f080"}
.mp.hr .mp-req .r:nth-child(1) .h:before{content:"\f3d1"}
.mp.hr .mp-req .r p{margin:0 0 8px;font-size:14px;line-height:1.95;color:var(--muted)}
.mp.hr .mp-req .r ul{list-style:none!important;padding:0!important;margin:4px 0 10px;line-height:1.9!important}
.mp.hr .mp-req .r li{position:relative;padding:4px 26px 4px 0;font-size:14px;color:var(--ink)}
.mp.hr .mp-req .r li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:0;top:6px;color:var(--red);font-size:12px}
.mp.hr .mp-req .r:hover{border-color:var(--red)}
@media (max-width:991px){.mp.hr .mp-req .rc{grid-template-columns:1fr 1fr}.mp.hr .mp-req .r,.mp.hr .mp-req .r:nth-child(n+4){grid-column:auto}.mp.hr .mp-req .r:nth-child(5){grid-column:1/-1}}
@media (max-width:575px){.mp.hr .mp-benef .bl{grid-template-columns:1fr}.mp.hr .mp-req .rc{grid-template-columns:1fr}.mp.hr .mp-req .r:nth-child(5){grid-column:auto}.mp.hr .mp-tasks .tasks li{min-height:0}}
/* HR: الأكورديون بقى 3 كروت جنب بعض */
.mp.hr .hr-ux{background:#fff}
.mp.hr .ux{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:ux}
.mp.hr .ux .u{position:relative;counter-increment:ux;background:#fff;border:2px solid var(--line);border-radius:20px;padding:26px 24px 20px;box-shadow:0 10px 28px rgba(36,41,47,.06);transition:border-color .3s,transform .3s,box-shadow .3s}
.mp.hr .ux .u:before{content:"";position:absolute;top:-2px;right:24px;left:24px;height:4px;border-radius:0 0 4px 4px;background:var(--red)}
.mp.hr .ux .u:after{content:"0" counter(ux);position:absolute;top:18px;left:22px;font-size:42px;font-weight:900;line-height:1;color:var(--red);opacity:.08}
.mp.hr .ux .u:hover{border-color:var(--red);transform:translateY(-5px);box-shadow:0 18px 34px rgba(174,26,26,.12)}
.mp.hr .ux h2{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;color:var(--ink);line-height:1.5;margin:0 0 16px;padding:0 0 14px;border-bottom:1px dashed var(--line)}
.mp.hr .ux h2:before{content:"\f108";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 46px;height:46px;border-radius:14px;background:var(--pink);border:1px solid var(--line);color:var(--red);font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}
.mp.hr .ux .u:nth-child(2) h2:before{content:"\f3ed"}
.mp.hr .ux .u:nth-child(3) h2:before{content:"\f1e6"}
.mp.hr .ux .u:hover h2:before{background:var(--red);color:#fff}
.mp.hr .ux .data-reqs p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 10px}
.mp.hr .ux .data-reqs ul{list-style:none!important;padding:0!important;margin:0 0 12px;line-height:1.9!important}
.mp.hr .ux .data-reqs li{position:relative;padding:4px 26px 4px 0;font-size:14px;color:var(--ink);font-weight:600}
.mp.hr .ux .data-reqs li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:0;top:6px;color:var(--red);font-size:12px}
@media (max-width:991px){.mp.hr .ux{grid-template-columns:1fr 1fr}.mp.hr .ux .u:nth-child(3){grid-column:1/-1}}
@media (max-width:575px){.mp.hr .ux{grid-template-columns:1fr}.mp.hr .ux .u:nth-child(3){grid-column:auto}.mp.hr .ux h2{font-size:17px}}
@media (prefers-reduced-motion:reduce){.mp.hr .ux .u{transition:none}}
/* HR: سكشن الـ 3 أقسام غامق وأعمدة مفتوحة (مختلف عن كروت الوحدات اللي تحته) */
.mp.hr .hr-ux{background:#24292f;box-shadow:inset 0 4px 0 var(--red)}
.mp.hr .ux{gap:0}
.mp.hr .ux .u,.mp.hr .ux .u:hover{background:none;border:0;border-radius:0;box-shadow:none;transform:none;padding:10px 34px}
.mp.hr .ux .u+.u{border-right:1px solid rgba(255,255,255,.12)}
.mp.hr .ux .u:before{display:none}
.mp.hr .ux .u:after{color:#fff;opacity:.06;font-size:64px;top:0;left:30px}
.mp.hr .ux h2{flex-direction:column;align-items:flex-start;color:#fff;font-size:21px;border-bottom:0;padding:0;margin:0 0 18px}
.mp.hr .ux h2:after{content:"";width:50px;height:3px;border-radius:3px;background:var(--red)}
.mp.hr .ux h2:before,.mp.hr .ux .u:hover h2:before{flex:none;width:56px;height:56px;border-radius:50%;background:var(--red);border:0;color:#fff;font-size:21px;box-shadow:0 0 0 7px rgba(174,26,26,.22)}
.mp.hr .ux .data-reqs p{color:rgba(255,255,255,.75)}
.mp.hr .ux .data-reqs li{color:#fff}
.mp.hr .ux .data-reqs li:before{color:#fff;opacity:.85}
@media (max-width:991px){.mp.hr .ux .u{padding:10px 22px 26px}.mp.hr .ux .u:nth-child(3){border-right:0;border-top:1px solid rgba(255,255,255,.12);padding-top:26px}}
@media (max-width:575px){.mp.hr .ux .u{padding:22px 4px}.mp.hr .ux .u+.u{border-right:0;border-top:1px solid rgba(255,255,255,.12)}}

/* =====================================================================
   HR إنجليزي — <main class="mp ltr hr">
   المهام: كروت بأيقونات | المكونات: غامق أحمر عمودين | الميزة: كروت بأيقونة فوق
   العائد: غامق #24292f أعمدة مفتوحة 3×2 | CTA: بوكس فاتح | المراحل: Timeline
   ===================================================================== */
.mp.ltr.hr .mp-tasks .tasks{grid-template-columns:repeat(4,1fr)}
.mp-tasks .tk h2{font-size:17px;font-weight:800;color:var(--ink);line-height:1.5;margin:0 0 8px}
.mp.ltr.hr .mp-tasks .tk p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.mp.ltr.hr .mp-benef .top{margin-bottom:26px}
.mp.ltr.hr .hc{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:hc}
.mp.ltr.hr .hc .c{position:relative;counter-increment:hc;padding:20px 22px 18px 74px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .3s}
.mp.ltr.hr .hc .c:before{content:counter(hc,decimal-leading-zero);position:absolute;left:20px;top:20px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--red);font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
.mp.ltr.hr .hc .c:hover{background:rgba(255,255,255,.12)}
.mp.ltr.hr .hc h2{color:#fff;font-size:18px;font-weight:800;margin:6px 0 8px;line-height:1.5}
.mp.ltr.hr .hc p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.9;margin:0}

.mp.ltr.hr .mp-feat{background:#fff}
.mp.ltr.hr .mp-feat .fc{grid-template-columns:repeat(3,1fr);gap:22px}
.mp.ltr.hr .mp-feat .f{display:block;border-right:1px solid var(--line);border-top:4px solid var(--red);background:var(--pink);padding:24px 22px}
.mp.ltr.hr .mp-feat .fi{width:52px;height:52px;border-radius:14px;background:var(--red);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 0 14px;box-shadow:0 8px 16px rgba(174,26,26,.25)}
.mp.ltr.hr .mp-feat .f h3{font-size:17px;font-weight:800;color:var(--ink);line-height:1.5;margin:0 0 8px}
.mp.ltr.hr .mp-feat .f p{font-size:14px;font-weight:400;line-height:1.85;color:var(--muted)}

.mp .hr-ret{background:#24292f;box-shadow:inset 0 4px 0 var(--red)}
.mp .hr-ret .sec-title{color:#fff}
.mp .hr-ret .sec-title:before{background:linear-gradient(90deg,transparent,#fff)}
.mp .hr-ret .sec-title:after{background:linear-gradient(90deg,#fff,transparent)}
.mp .hr-ret .rt{display:grid;grid-template-columns:repeat(3,1fr)}
.mp .hr-ret .u{padding:22px 30px;border-left:1px solid rgba(255,255,255,.12)}
.mp .hr-ret .u:nth-child(3n+1){border-left:0}
.mp .hr-ret .u:nth-child(n+4){border-top:1px solid rgba(255,255,255,.12)}
.mp .hr-ret .u img{width:60px;height:60px;padding:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(174,26,26,.35);margin:0 0 16px}
.mp .hr-ret .u h2{color:#fff;font-size:18px;font-weight:800;line-height:1.5;margin:0 0 10px}
.mp .hr-ret .u h2:after{content:"";display:block;width:40px;height:3px;border-radius:3px;background:var(--red);margin-top:10px}
.mp .hr-ret .u p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.9;margin:0}

.mp .hr-cta{background:var(--pink);padding:40px 0}
.mp .hr-cta .box{max-width:900px;margin:0 auto;text-align:center;background:#fff;border:2px dashed #e4c9c4;border-radius:20px;padding:28px 24px}
.mp .hr-cta h3{color:var(--red);font-size:22px;font-weight:800;margin:0 0 10px;line-height:1.5}
.mp .hr-cta p{color:var(--ink);font-size:15.5px;line-height:1.8;margin:0}

.mp.ltr.hr .mp-steps .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--red);border-radius:50%;color:var(--red);font-size:30px;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);transition:transform .35s}
.mp.ltr.hr .mp-step:hover .si{transform:translateY(-6px) rotate(-6deg)}
.mp.ltr.hr .mp-step .d{text-align:left}
.mp.ltr.hr .mp-step .d p{font-size:13.5px;line-height:1.95;margin:0 0 6px;color:inherit}
.mp.ltr.hr .mp-step:hover .d p{color:#fff}

@media (max-width:1199px){.mp.ltr.hr .mp-tasks .tasks{grid-template-columns:repeat(2,1fr)}}
@media (max-width:991px){.mp.ltr.hr .mp-feat .fc,.mp .hr-ret .rt{grid-template-columns:1fr 1fr}.mp .hr-ret .u,.mp .hr-ret .u:nth-child(n){border-left:0;border-top:1px solid rgba(255,255,255,.12)}.mp .hr-ret .u:nth-child(even){border-left:1px solid rgba(255,255,255,.12)}.mp .hr-ret .u:nth-child(-n+2){border-top:0}}
@media (max-width:575px){.mp.ltr.hr .mp-tasks .tasks,.mp.ltr.hr .hc,.mp.ltr.hr .mp-feat .fc,.mp .hr-ret .rt{grid-template-columns:1fr}.mp .hr-ret .u,.mp .hr-ret .u:nth-child(n){border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:22px 4px}.mp .hr-ret .u:first-child{border-top:0}.mp.ltr.hr .hc .c{padding-left:66px}}
@media (prefers-reduced-motion:reduce){.mp.ltr.hr .hc .c,.mp.ltr.hr .mp-steps .si{transition:none}}

/* =====================================================================
   تخطيط الإنتاج — <main class="mp prod">
   مقدمة: نص في كارت + صورة | المميزات: غامق أحمر قائمة مرقمة 3 أعمدة
   الميزة: العنوان فوق + 3 كروت | النطاق: غامق #24292f عمودين | المتطلبات 3×3
   ===================================================================== */
.mp.prod .pd-intro{background:#fff}
.mp.prod .pd-intro .sec-title{margin:0 0 18px}
.mp.prod .pd-intro .txt{background:var(--pink);border:1px solid var(--line);border-right:5px solid var(--red);border-radius:18px;padding:30px 30px 26px;box-shadow:0 10px 28px rgba(36,41,47,.05)}
.mp.prod .pd-intro .txt p{font-size:15.5px;line-height:2.05;color:var(--muted);margin:0}
.mp.prod .pd-intro .pic img{max-width:380px}

.mp.prod .mp-benef .pl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;counter-reset:pl}
.mp.prod .mp-benef .pl li{flex:0 0 calc(33.333% - 10px);position:relative;counter-increment:pl;padding:16px 64px 16px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:14.5px;line-height:1.9;color:#fff;transition:background .3s}
.mp.prod .mp-benef .pl li:before{content:counter(pl,decimal-leading-zero);position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--red);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.mp.prod .mp-benef .pl li:hover{background:rgba(255,255,255,.12)}

.mp.prod .mp-feat .grid{grid-template-columns:1fr;gap:30px}
.mp.prod .mp-feat .grid>h2{text-align:center;padding:0;max-width:900px;margin:0 auto}
.mp.prod .mp-feat .grid>h2:before{display:none}
.mp.prod .mp-feat .grid>h2:after{content:"";display:block;width:80px;height:4px;border-radius:4px;background:var(--red);margin:14px auto 0}
.mp.prod .mp-feat .fc{grid-template-columns:repeat(3,1fr);gap:20px}
.mp.prod .mp-feat .f{flex-direction:column;align-items:flex-start;padding:24px 22px;border-bottom:4px solid var(--red)}

.mp .pd-scope{background:#24292f;box-shadow:inset 0 4px 0 var(--red)}
.mp .pd-scope .intro{max-width:900px;margin:0 auto 34px;text-align:center}
.mp .pd-scope .intro h2{color:#fff;font-size:28px;font-weight:900;margin:0 0 14px;line-height:1.5}
.mp .pd-scope .intro h2:after{content:"";display:block;width:70px;height:4px;border-radius:4px;background:var(--red);margin:12px auto 0}
.mp .pd-scope .intro p{color:rgba(255,255,255,.8);font-size:15.5px;line-height:1.95;margin:0 0 8px}
.mp .pd-scope .cols{display:grid;grid-template-columns:1fr 1.6fr;gap:22px}
.mp .pd-scope .col-x{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 26px}
.mp .pd-scope .col-x h2{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;color:#fff;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.mp .pd-scope .col-x h2 span{color:#fff!important}
.mp .pd-scope .col-x h2:before{content:"\f140";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
.mp .pd-scope .col-x+.col-x h2:before{content:"\f0ae"}
.mp .pd-scope .data-reqs p{color:#fff;margin:0 0 8px}
.mp .pd-scope .data-reqs ul{list-style:none!important;padding:0!important;margin:0;line-height:1.9!important}
.mp .pd-scope .col-x+.col-x ul{columns:2;column-gap:26px}
.mp .pd-scope .data-reqs li{position:relative;padding:5px 24px 5px 0;font-size:14.5px;color:rgba(255,255,255,.88);break-inside:avoid}
.mp .pd-scope .data-reqs li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:0;top:7px;color:#fff;opacity:.7;font-size:12px}

.mp.prod .mp-req .r{counter-increment:rq}
.mp.prod .mp-req .rc{counter-reset:rq}
.mp.prod .mp-req .r:after{content:counter(rq,decimal-leading-zero);position:absolute;top:16px;left:18px;font-size:34px;font-weight:900;line-height:1;color:var(--red);opacity:.09}
.mp.prod .mp-req .r .h{padding-left:50px}
.mp.prod .mp-req .r ul{list-style:none;padding:0}
.mp.prod .mp-req .r li{position:relative;padding:0 22px 0 0}
.mp.prod .mp-req .r li:before{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:4px;top:0;color:var(--red);font-size:13px}

@media (max-width:991px){.mp.prod .mp-benef .pl li{flex-basis:calc(50% - 7px)}.mp.prod .mp-feat .fc{grid-template-columns:1fr 1fr}.mp .pd-scope .cols{grid-template-columns:1fr}}
@media (max-width:575px){.mp.prod .mp-benef .pl li{flex-basis:100%}.mp.prod .mp-feat .fc{grid-template-columns:1fr}.mp .pd-scope .col-x+.col-x ul{columns:1}.mp .pd-scope .intro h2{font-size:22px}.mp.prod .pd-intro .txt{padding:22px 18px}}
@media (prefers-reduced-motion:reduce){.mp.prod .mp-benef .pl li{transition:none}}
/* تخطيط الإنتاج — المميزات: العنوان جانبي + قائمة مفتوحة عمودين من غير بوكسات */
.mp.prod .mp-benef .wrap{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:start}
.mp.prod .mp-benef .top{flex-direction:column;align-items:flex-start;gap:20px;margin:0;padding:0;border:0;position:sticky;top:110px}
.mp.prod .mp-benef .top .pic{order:-1;width:150px;height:150px}
.mp.prod .mp-benef .top .pic img{width:112px;height:112px}
.mp.prod .mp-benef h2{font-size:34px}
.mp.prod .mp-benef .pl{display:block;columns:2;column-gap:44px;column-rule:1px solid rgba(255,255,255,.12)}
.mp.prod .mp-benef .pl li{display:block;break-inside:avoid;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0;padding:14px 56px 14px 0;color:rgba(255,255,255,.9)}
.mp.prod .mp-benef .pl li:before{right:0;top:13px;width:38px;height:38px;border-radius:50%}
.mp.prod .mp-benef .pl li:hover{background:none;color:#fff}
.mp.prod .mp-benef .pl li:hover:before{box-shadow:0 0 0 5px rgba(255,255,255,.18)}
@media (max-width:991px){.mp.prod .mp-benef .wrap{grid-template-columns:1fr;gap:26px}.mp.prod .mp-benef .top{position:static;flex-direction:row;align-items:center}.mp.prod .mp-benef .top .pic{width:96px;height:96px}.mp.prod .mp-benef .top .pic img{width:72px;height:72px}.mp.prod .mp-benef h2{font-size:26px}}
@media (max-width:575px){.mp.prod .mp-benef .pl{columns:1}.mp.prod .mp-benef h2{font-size:22px}}
/* تخطيط الإنتاج — علامة الصح في السكشن الغامق: دايرة حمرا وصح أبيض */
.mp .pd-scope .data-reqs li{padding-right:32px}
.mp .pd-scope .data-reqs li:before{top:8px;width:20px;height:20px;border-radius:50%;background:var(--red);color:#fff;opacity:1;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(174,26,26,.25)}
/* تخطيط الإنتاج — قائمة الأهداف على نفس مستوى قائمة النطاق (بتنزل بارتفاع سطر "مشمول في النظام") */
.mp .pd-scope .data-reqs p{height:30px;line-height:30px;margin:0 0 8px}
.mp .pd-scope .col-x:first-child .data-reqs ul{margin-top:38px}
@media (max-width:991px){.mp .pd-scope .col-x:first-child .data-reqs ul{margin-top:0}}

/* =====================================================================
   تخطيط الإنتاج إنجليزي — <main class="mp ltr prod">
   ===================================================================== */
.mp .pd-en-intro{background:#fff}
.mp .pd-en-intro .grid{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;align-items:center}
.mp .pd-en-intro .pics{position:relative;isolation:isolate;display:flex;gap:16px;justify-content:center;padding:24px}
.mp .pd-en-intro .pics:before{content:"";position:absolute;z-index:-1;inset:6% 4%;border-radius:42% 58% 55% 45%/50% 45% 55% 50%;background:linear-gradient(145deg,var(--pink2),var(--pink))}
.mp .pd-en-intro .pics img{width:46%;height:auto;border-radius:12px;box-shadow:0 14px 30px rgba(36,41,47,.12)}
.mp .pd-en-intro .pics img+img{margin-top:50px}
.mp .pd-en-intro h1{font-size:26px;font-weight:900;color:var(--ink);line-height:1.5;margin:0 0 18px}
.mp .pd-en-intro .ck{list-style:none!important;padding:0!important;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;line-height:1.7!important}
.mp .pd-en-intro .ck li{position:relative;padding:12px 14px 12px 46px;background:var(--pink);border:1px solid var(--line);border-radius:12px;font-size:14.5px;font-weight:600;color:var(--ink)}
.mp .pd-en-intro .ck li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.mp .pd-en-intro .lead{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 22px}
.mp .pd-en-intro .card{background:#24292f;border-radius:18px;padding:26px 28px;box-shadow:inset 4px 0 0 var(--red)}
.mp .pd-en-intro .card h2{color:#fff;font-size:22px;font-weight:800;margin:0 0 12px}
.mp .pd-en-intro .card p{color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.95;margin:0 0 10px}

.mp.ltr.prod .mp-benef h1{color:#fff;font-size:32px;font-weight:900;line-height:1.4;margin:0}
.mp.ltr.prod .mp-benef h1:after{content:"";display:block;width:70px;height:4px;border-radius:4px;background:#fff;opacity:.85;margin-top:12px}
.mp.ltr.prod .mp-benef .top p{color:rgba(255,255,255,.8);font-size:15px;line-height:1.9;margin:0}
.mp.ltr.prod .mp-benef .pl{columns:2;column-gap:44px;column-rule:1px solid rgba(255,255,255,.12);counter-reset:pl}
.mp.ltr.prod .mp-benef .pl .li{position:relative;break-inside:avoid;counter-increment:pl;padding:14px 0 14px 56px;border-bottom:1px solid rgba(255,255,255,.12)}
.mp.ltr.prod .mp-benef .pl .li:before{content:counter(pl,decimal-leading-zero);position:absolute;left:0;top:14px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--red);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.mp.ltr.prod .mp-benef .pl h2{color:#fff;font-size:16.5px;font-weight:800;margin:6px 0 4px;line-height:1.5}
.mp.ltr.prod .mp-benef .pl p{color:rgba(255,255,255,.8);font-size:14px;line-height:1.85;margin:0}

.mp.ltr.prod .mp-feat .grid>h1{text-align:center;font-size:28px;font-weight:900;color:var(--ink);max-width:900px;margin:0 auto;line-height:1.5}
.mp.ltr.prod .mp-feat .grid>h1:after{content:"";display:block;width:80px;height:4px;border-radius:4px;background:var(--red);margin:14px auto 0}
.mp.ltr.prod .mp-feat .f{display:block}
.mp.ltr.prod .mp-feat .fi{width:52px;height:52px;border-radius:14px;background:var(--pink);border:1px solid var(--line);color:var(--red);font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 0 14px;transition:background .3s,color .3s}
.mp.ltr.prod .mp-feat .f:hover .fi{background:var(--red);color:#fff}
.mp.ltr.prod .mp-feat .f h2{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.5}
.mp.ltr.prod .mp-feat .f p{font-size:14px;font-weight:400;line-height:1.85;color:var(--muted)}

.mp.ltr.prod .mp-steps .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--red);border-radius:50%;color:var(--red);font-size:30px;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);transition:transform .35s}
.mp.ltr.prod .mp-step:hover .si{transform:translateY(-6px) rotate(-6deg)}
.mp.ltr.prod .mp-step .d{text-align:left}
.mp.ltr.prod .mp-step .d p{font-size:13.5px;line-height:1.95;margin:0 0 6px;color:inherit}
.mp.ltr.prod .mp-step:hover .d p{color:#fff}

@media (max-width:991px){.mp .pd-en-intro .grid{grid-template-columns:1fr;gap:20px}.mp .pd-en-intro .pics{max-width:420px;margin:0 auto}.mp.ltr.prod .mp-benef h1{font-size:26px}}
@media (max-width:575px){.mp .pd-en-intro .ck{grid-template-columns:1fr}.mp .pd-en-intro h1{font-size:21px}.mp.ltr.prod .mp-benef .pl{columns:1}.mp.ltr.prod .mp-benef h1{font-size:22px}.mp.ltr.prod .mp-feat .grid>h1{font-size:22px}.mp .pd-en-intro .card{padding:20px 18px}}
@media (prefers-reduced-motion:reduce){.mp.ltr.prod .mp-steps .si,.mp.ltr.prod .mp-feat .fi{transition:none}}
.mp.ltr.prod .mp-feat .f h2{padding:0}
.mp.ltr.prod .mp-feat .f h2:before{display:none}
.mp .pd-en-intro .pics{flex-direction:column;align-items:center;gap:18px}
.mp .pd-en-intro .pics img{width:100%;max-width:420px}
.mp .pd-en-intro .pics img+img{margin-top:0}
.mp.ltr.prod .mp-benef .pl h2:after{display:none}
/* تخطيط الإنتاج إنجليزي — Features: العنوان فوق في النص + 3 أعمدة */
.mp.ltr.prod .mp-benef .wrap{display:block}
.mp.ltr.prod .mp-benef .top{position:static;align-items:center;text-align:center;max-width:820px;margin:0 auto 36px;gap:12px}
.mp.ltr.prod .mp-benef h1:after{margin:12px auto 0}
.mp.ltr.prod .mp-benef .pl{columns:3;column-gap:36px}
@media (max-width:991px){.mp.ltr.prod .mp-benef .top{flex-direction:column}.mp.ltr.prod .mp-benef .pl{columns:2}}
@media (max-width:575px){.mp.ltr.prod .mp-benef .pl{columns:1}}
/* تخطيط الإنتاج إنجليزي — Features: صفوف منتظمة 3 كروت + آخر بند بعرض الصف */
.mp.ltr.prod .mp-benef .pl{columns:auto;column-rule:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mp.ltr.prod .mp-benef .pl .li{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06);padding:22px 22px 20px 22px;transition:background .3s,transform .3s}
.mp.ltr.prod .mp-benef .pl .li:hover{background:rgba(255,255,255,.11);transform:translateY(-4px)}
.mp.ltr.prod .mp-benef .pl .li:before{position:static;margin:0 0 14px}
.mp.ltr.prod .mp-benef .pl .li:after{content:"";position:absolute;top:41px;left:74px;right:22px;height:1px;background:rgba(255,255,255,.15)}
.mp.ltr.prod .mp-benef .pl h2{margin:0 0 8px}
.mp.ltr.prod .mp-benef .pl .li:last-child{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:20px 26px}
.mp.ltr.prod .mp-benef .pl .li:last-child:before{flex:0 0 38px;margin:0}
.mp.ltr.prod .mp-benef .pl .li:last-child:after{display:none}
.mp.ltr.prod .mp-benef .pl .li:last-child h2{flex:0 0 auto;margin:0;padding-right:20px;border-right:1px solid rgba(255,255,255,.2)}
@media (max-width:991px){.mp.ltr.prod .mp-benef .pl{grid-template-columns:1fr 1fr}.mp.ltr.prod .mp-benef .pl .li:last-child{grid-column:auto;display:block;padding:22px}.mp.ltr.prod .mp-benef .pl .li:last-child:before{margin:0 0 14px}.mp.ltr.prod .mp-benef .pl .li:last-child h2{border:0;padding:0;margin:0 0 8px}}
@media (max-width:575px){.mp.ltr.prod .mp-benef .pl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mp.ltr.prod .mp-benef .pl .li{transition:none}}
/* تخطيط الإنتاج إنجليزي — المقدمة: صفين زيج زاج (نص + صورة / صورة + كارت غامق) */
.mp .pd-en-intro .zr{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.mp .pd-en-intro .zr+.zr{margin-top:60px}
.mp .pd-en-intro .zr.rev{grid-template-columns:1fr 1.25fr}
.mp .pd-en-intro .zr .pic{position:relative;isolation:isolate;padding:22px}
.mp .pd-en-intro .zr .pic:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:24px;background:linear-gradient(145deg,var(--pink2),var(--pink));transform:rotate(-3deg)}
.mp .pd-en-intro .zr.rev .pic:before{transform:rotate(3deg)}
.mp .pd-en-intro .zr .pic:after{content:"";position:absolute;z-index:-1;width:110px;height:110px;right:-14px;bottom:-14px;background-image:radial-gradient(var(--red) 2px,transparent 2.5px);background-size:16px 16px;opacity:.3}
.mp .pd-en-intro .zr.rev .pic:after{right:auto;left:-14px}
.mp .pd-en-intro .zr .pic img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 20px 40px rgba(36,41,47,.18)}
.mp .pd-en-intro .lead{margin:0}
@media (max-width:991px){.mp .pd-en-intro .zr,.mp .pd-en-intro .zr.rev{grid-template-columns:1fr;gap:26px}.mp .pd-en-intro .zr .pic{max-width:560px;margin:0 auto;order:-1}.mp .pd-en-intro .zr+.zr{margin-top:40px}}
/* تخطيط الإنتاج إنجليزي — الصف التاني: الصورة والكارت بنفس الارتفاع */
.mp .pd-en-intro .zr.rev{align-items:stretch;grid-template-columns:1fr 1.15fr;gap:40px}
.mp .pd-en-intro .zr.rev .pic{display:flex;align-items:center;justify-content:center;padding:34px;border-radius:24px;background:linear-gradient(145deg,var(--pink2),var(--pink))}
.mp .pd-en-intro .zr.rev .pic:before{display:none}
.mp .pd-en-intro .zr.rev .card{display:flex;flex-direction:column;justify-content:center;padding:30px 32px}
.mp .pd-en-intro .zr.rev .card p{font-size:14px;line-height:1.8;margin:0 0 8px}
.mp .pd-en-intro .zr.rev .card p:last-child{margin:0}
@media (max-width:991px){.mp .pd-en-intro .zr.rev .pic{padding:22px}}
/* تخطيط الإنتاج إنجليزي — خلفية الصورة بلون الصورة الغامق فتبان مالية البلوك */
.mp .pd-en-intro .zr.rev .pic{padding:0;background:#0b0b0d;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(36,41,47,.18),inset 0 0 0 1px rgba(255,255,255,.04)}
.mp .pd-en-intro .zr.rev .pic:after{display:none}
.mp .pd-en-intro .zr.rev .pic img{border-radius:0;box-shadow:none}

/* =====================================================================
   CRM — <main class="mp crm">
   المهام: عمودين كروت أفقية | الميزة: عنوان جانبي | العائد: أحمر غامق 3+2
   الأهداف/المستخدمين: غامق عمودين | الوظائف: 3 أعمدة + آخر كارت بعرض الصف
   ===================================================================== */
.mp.crm .mp-tasks .tasks{grid-template-columns:repeat(2,1fr);gap:16px}
.mp.crm .mp-tasks .tasks li{padding:20px 84px 20px 22px;min-height:0}
.mp.crm .mp-tasks .tasks li:before{content:"\f2bb";font-family:"Font Awesome 5 Free";font-weight:900;top:20px;right:20px;width:48px;height:48px;border-radius:14px;font-size:18px}
.mp.crm .mp-tasks .tasks li:nth-child(4n+2):before{content:"\f201"}
.mp.crm .mp-tasks .tasks li:nth-child(4n+3):before{content:"\f0c0"}
.mp.crm .mp-tasks .tasks li:nth-child(4n):before{content:"\f086"}
.mp.crm .mp-tasks .tasks li span{position:static;display:block;margin:0 0 4px;color:var(--red)!important}
.mp.crm .mp-tasks .tasks li:after{right:auto;left:0;top:20px;bottom:20px;width:3px;height:auto;transform:scaleY(0);border-radius:3px 0 0 3px}
.mp.crm .mp-tasks .tasks li:hover:after{transform:scaleY(1)}

.mp.crm .mp-more{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%)}
.mp.crm .mp-more .sec-title{color:#fff}
.mp.crm .mp-more .sec-title:before{background:linear-gradient(90deg,transparent,#fff)}
.mp.crm .mp-more .sec-title:after{background:linear-gradient(90deg,#fff,transparent)}
.mp.crm .mp-more .why-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}
.mp.crm .mp-more .why-card:hover{background:rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.mp.crm .mp-more .why-card:before{background:#fff}
.mp.crm .mp-more .why-card .ic,.mp.crm .mp-more .why-card:hover .ic{background:#fff;border-radius:50%}
.mp.crm .mp-more .why-card:hover .ic img{filter:none}
.mp.crm .mp-more .why-card h2,.mp.crm .mp-more .why-card:hover h2{color:#fff!important}
.mp.crm .mp-more .why-card p{color:rgba(255,255,255,.82)}

.mp.crm .pd-scope .data-reqs p{height:auto;line-height:1.8;margin:14px 0 8px;font-weight:700}
.mp.crm .pd-scope .col-x:first-child .data-reqs ul{margin-top:0}
.mp.crm .pd-scope .cols{grid-template-columns:1.4fr 1fr}
.mp.crm .pd-scope .col-x:first-child h2:before{content:"\f140"}
.mp.crm .pd-scope .col-x+.col-x h2:before{content:"\f0c0"}
.mp.crm .pd-scope .col-x+.col-x ul{columns:1}

.mp.crm .mp-req .r:last-child{grid-column:1/-1;border-top-color:#24292f}
.mp.crm .mp-req .r:last-child ul{columns:4;column-gap:30px}
.mp.crm .mp-req .r:last-child li{break-inside:avoid}

@media (max-width:991px){.mp.crm .mp-tasks .tasks{grid-template-columns:1fr}.mp.crm .pd-scope .cols{grid-template-columns:1fr}.mp.crm .mp-req .r:last-child ul{columns:2}}
@media (max-width:575px){.mp.crm .mp-tasks .tasks li{padding:18px 18px 18px 18px;padding-top:80px}.mp.crm .mp-req .r:last-child ul{columns:1}}

/* =====================================================================
   CRM إنجليزي — <main class="mp ltr crm">
   المهام: عمودين كروت أفقية | المزايا: كروت بخط جانبي | العائد: أحمر غامق 3+2
   ===================================================================== */
.mp.ltr.crm .mp-tasks .tk{display:flex;gap:18px;align-items:flex-start;padding:22px 24px}
.mp.ltr.crm .mp-tasks .tk .tic{flex:0 0 52px;width:52px;height:52px;margin:0;background:var(--red);border-color:var(--red);color:#fff;border-radius:14px;box-shadow:0 8px 16px rgba(174,26,26,.22)}
.mp.ltr.crm .mp-tasks .tk:hover .tic{background:var(--red-d)}
.mp.ltr.crm .mp-tasks .tk h2{color:var(--red);margin:4px 0 6px}
.mp.ltr.crm .mp-tasks .tk p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}

.mp.ltr.crm .mp-feat{background:var(--pink)}
.mp.ltr.crm .mp-feat .grid{grid-template-columns:1fr;gap:30px}
.mp.ltr.crm .mp-feat .grid>.sec-title{margin:0}
.mp.ltr.crm .mp-feat .fc{grid-template-columns:repeat(3,1fr);gap:20px}
.mp.ltr.crm .mp-feat .f{display:block;background:#fff;border-left:4px solid var(--red);padding:24px 22px}
.mp.ltr.crm .mp-feat .fi{float:left;width:46px;height:46px;margin:0 14px 6px 0;border-radius:50%;background:var(--pink);border:1px solid var(--line);color:var(--red);font-size:18px;display:flex;align-items:center;justify-content:center}
.mp.ltr.crm .mp-feat .f h3{font-size:16.5px;font-weight:800;color:var(--ink);line-height:1.45;margin:2px 0 12px;min-height:48px}
.mp.ltr.crm .mp-feat .f p{clear:both;font-size:14px;font-weight:400;line-height:1.85;color:var(--muted)}

.mp.crm .hr-ret{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%);box-shadow:none}
.mp.crm .hr-ret .rt{grid-template-columns:repeat(6,1fr);gap:18px}
.mp.crm .hr-ret .u,.mp.crm .hr-ret .u:nth-child(n){grid-column:span 2;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px;background:rgba(255,255,255,.06);padding:24px}
.mp.crm .hr-ret .u:nth-child(n+4){grid-column:span 3}
.mp.crm .hr-ret .u img{box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.mp.crm .hr-ret .u h2:after{background:#fff;opacity:.8}

.mp.ltr.crm .mp-steps .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--red);border-radius:50%;color:var(--red);font-size:30px;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);transition:transform .35s}
.mp.ltr.crm .mp-step:hover .si{transform:translateY(-6px) rotate(-6deg)}
.mp.ltr.crm .mp-step .d{text-align:left}
.mp.ltr.crm .mp-step .d p{font-size:13.5px;line-height:1.95;margin:0 0 6px;color:inherit}
.mp.ltr.crm .mp-step:hover .d p{color:#fff}

@media (max-width:991px){.mp.ltr.crm .mp-feat .fc{grid-template-columns:1fr 1fr}.mp.crm .hr-ret .rt{grid-template-columns:1fr 1fr}.mp.crm .hr-ret .u:nth-child(n){grid-column:auto}.mp.crm .hr-ret .u:nth-child(5){grid-column:1/-1}}
@media (max-width:575px){.mp.ltr.crm .mp-feat .fc,.mp.crm .hr-ret .rt{grid-template-columns:1fr}.mp.crm .hr-ret .u:nth-child(5){grid-column:auto}.mp.ltr.crm .mp-tasks .tk{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.mp.ltr.crm .mp-steps .si{transition:none}}
.mp.ltr.crm .mp-tasks .tk{display:grid;grid-template-columns:52px 1fr;column-gap:18px;align-items:start}
.mp.ltr.crm .mp-tasks .tk .tic{grid-row:1/3}
.mp.ltr.crm .mp-tasks .tk h2,.mp.ltr.crm .mp-tasks .tk p{grid-column:2}
@media (max-width:575px){.mp.ltr.crm .mp-tasks .tk{grid-template-columns:44px 1fr;column-gap:14px}.mp.ltr.crm .mp-tasks .tk .tic{width:44px;height:44px}}
.mp.ltr.crm .mp-tasks .tk{grid-template-rows:auto 1fr}
.mp.ltr.crm .mp-feat .sec-title{padding:0;font-size:26px;font-weight:800}
.mp.ltr.crm .mp-feat .sec-title:before{position:static;flex:0 0 70px;width:auto;height:3px;top:auto;bottom:auto;border-radius:3px;background:linear-gradient(90deg,transparent,var(--red))}
@media (max-width:575px){.mp.ltr.crm .mp-feat .sec-title{font-size:20px}.mp.ltr.crm .mp-feat .sec-title:before{flex-basis:28px}}

/* =====================================================================
   شركات التوصيل — <main class="mp dlv">
   مقدمة: نص + صورة | فيديوهات: غامق 3 | المهام 3×3 | مزايا أخرى: أحمر غامق 3×2
   الأهمية: Timeline أفقي 5 | الميزة | أعمالنا | المراحل | المنصة: غامق + 4 مكونات | الوظائف 3+3+2+2
   ===================================================================== */
.mp .dl-intro{background:#fff}
.mp .dl-intro .grid{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}
.mp .dl-intro .sec-title{justify-content:flex-start;margin:0 0 18px}
.mp .dl-intro .sec-title:before{display:none}
.mp .dl-intro .txt p{font-size:15.5px;line-height:2;color:var(--muted);margin:0 0 12px}
.mp .dl-intro .txt p+p{color:var(--ink);font-weight:700;border-right:4px solid var(--red);padding-right:14px}
.mp .dl-intro .mp-btn{margin-top:10px}
.mp .dl-intro .pic{position:relative;isolation:isolate;padding:20px;text-align:center}
.mp .dl-intro .pic:before{content:"";position:absolute;z-index:-1;inset:6% 4%;border-radius:42% 58% 55% 45%/50% 45% 55% 50%;background:linear-gradient(145deg,var(--pink2),var(--pink))}
.mp .dl-intro .pic img{width:100%;max-width:380px;height:auto}

.mp .dl-vid{background:#24292f;box-shadow:inset 0 4px 0 var(--red)}
.mp .dl-vid .vg{grid-template-columns:repeat(3,1fr);gap:20px}
.mp .dl-vid .v{border-color:rgba(255,255,255,.1)}

.mp.dlv .mp-tasks .tasks{grid-template-columns:repeat(3,1fr)}
.mp.dlv .mp-tasks .tasks li{min-height:150px}
.mp.dlv .mp-tasks .tasks li:before{content:"\f0d1";font-family:"Font Awesome 5 Free";font-weight:900;font-size:13px}
.mp.dlv .mp-tasks .tasks li:nth-child(3n+2):before{content:"\f3c5"}
.mp.dlv .mp-tasks .tasks li:nth-child(3n):before{content:"\f017"}
.mp.dlv .mp-tasks .tasks li span{color:var(--red)!important}

.mp .dl-more{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%);color:#fff}
.mp .dl-more .top{display:flex;align-items:center;gap:18px;margin:0 0 30px;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.mp .dl-more .top .pic{flex:0 0 96px;width:96px;height:96px;border-radius:50%;background:#fdfcf7;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.mp .dl-more .top .pic img{width:72px;height:72px;object-fit:contain}
.mp .dl-more h2{color:#fff;font-size:30px;font-weight:900;line-height:1.5;margin:0}
.mp .dl-more .gc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mp .dl-more .g{padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .3s}
.mp .dl-more .g:hover{background:rgba(255,255,255,.11)}
.mp .dl-more .g p{position:relative;margin:0 0 8px;padding-right:20px;font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.85)}
.mp .dl-more .g p:before{content:"";position:absolute;right:2px;top:11px;width:7px;height:7px;border-radius:50%;background:#fff;opacity:.7}
.mp .dl-more .g p.t{padding:0 0 10px;margin:0 0 12px;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;font-size:17px;font-weight:800}
.mp .dl-more .g p.t:before{display:none}

.mp .dl-imp{background:var(--pink)}
.mp .dl-imp .ic{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;counter-reset:im}
.mp .dl-imp .ic:before{content:"";position:absolute;top:27px;right:10%;left:10%;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 18px);opacity:.5}
.mp .dl-imp .i{position:relative;counter-increment:im;text-align:center;padding:0 14px}
.mp .dl-imp .i:before{content:counter(im,decimal-leading-zero);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--red);color:#fff;font-weight:900;font-size:16px;box-shadow:0 0 0 8px var(--pink),0 10px 20px rgba(174,26,26,.25)}
.mp .dl-imp .i h2{font-size:17px;font-weight:800;color:var(--ink);line-height:1.5;margin:0 0 10px;min-height:52px}
.mp .dl-imp .i p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 6px 18px rgba(36,41,47,.05);text-align:right}

.mp.dlv .mp-feat{background:#fff}

.mp .dl-plat{background:#24292f;box-shadow:inset 0 4px 0 var(--red);text-align:center}
.mp .dl-plat .intro{max-width:900px;margin:0 auto 30px}
.mp .dl-plat .intro p{color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.95;margin:0 0 10px}
.mp .dl-plat .intro p:first-child{color:#fff;font-size:17px;font-weight:700}
.mp .dl-plat h2{color:#fff;font-size:24px;font-weight:900;margin:0 0 22px}
.mp .dl-plat h2:after{content:"";display:block;width:60px;height:4px;border-radius:4px;background:var(--red);margin:12px auto 0}
.mp .dl-plat .cmp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mp .dl-plat .cmp li{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:15px;font-weight:700;line-height:1.6;transition:background .3s,transform .3s}
.mp .dl-plat .cmp li:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.mp .dl-plat .ci{width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(174,26,26,.25)}

.mp.dlv .mp-req .rc{grid-template-columns:repeat(6,1fr)}
.mp.dlv .mp-req .r{grid-column:span 2}
.mp.dlv .mp-req .r:nth-child(n+7){grid-column:span 3}

@media (max-width:1199px){.mp .dl-imp .ic{grid-template-columns:repeat(3,1fr);row-gap:30px}.mp .dl-imp .ic:before{display:none}}
@media (max-width:991px){.mp .dl-intro .grid{grid-template-columns:1fr;gap:16px}.mp .dl-intro .pic{order:-1;max-width:340px;margin:0 auto}.mp .dl-vid .vg,.mp.dlv .mp-tasks .tasks,.mp .dl-more .gc,.mp .dl-plat .cmp{grid-template-columns:1fr 1fr}.mp .dl-imp .ic{grid-template-columns:1fr 1fr}.mp.dlv .mp-req .rc{grid-template-columns:1fr 1fr}.mp.dlv .mp-req .r,.mp.dlv .mp-req .r:nth-child(n){grid-column:auto}.mp .dl-more h2{font-size:24px}}
@media (max-width:575px){.mp .dl-vid .vg,.mp.dlv .mp-tasks .tasks,.mp .dl-more .gc,.mp .dl-imp .ic,.mp.dlv .mp-req .rc{grid-template-columns:1fr}.mp .dl-plat .cmp{grid-template-columns:1fr 1fr}.mp .dl-more h2{font-size:21px}.mp .dl-more .top .pic{flex-basis:70px;width:70px;height:70px}.mp .dl-more .top .pic img{width:52px;height:52px}.mp .dl-imp .i h2{min-height:0}}
@media (prefers-reduced-motion:reduce){.mp .dl-more .g,.mp .dl-plat .cmp li{transition:none}}
/* شركات التوصيل — الأهمية: البوكسات كلها بنفس الارتفاع + اللي في النص Active */
.mp .dl-imp .ic{align-items:stretch}
.mp .dl-imp .i{display:flex;flex-direction:column}
.mp .dl-imp .i h2{min-height:52px;display:flex;align-items:flex-start;justify-content:center}
.mp .dl-imp .i p{flex:1;transition:transform .3s,box-shadow .3s}
.mp .dl-imp .i:hover p{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.12)}
.mp .dl-imp .i:nth-child(3) p{background:linear-gradient(160deg,var(--red),var(--red-d));border-color:var(--red);color:#fff;box-shadow:0 18px 34px rgba(174,26,26,.3);transform:scale(1.04)}
.mp .dl-imp .i:nth-child(3):before{width:64px;height:64px;margin-top:-4px;background:#24292f}
.mp .dl-imp .i:nth-child(3) h2{color:var(--red)}
@media (max-width:1199px){.mp .dl-imp .i:nth-child(3) p{transform:none}}
@media (prefers-reduced-motion:reduce){.mp .dl-imp .i p{transition:none}}
/* شركات التوصيل — الوظائف التفصيلية: سطور قابلة للفتح على عمودين */
.mp .dl-req .rc{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;max-width:1200px;margin:0 auto}
.mp.dlv .dl-req .r,.mp.dlv .dl-req .r:nth-child(n){grid-column:auto;padding:0;border-top:0;border-right:4px solid var(--red);border-radius:12px;overflow:hidden;transform:none}
.mp .dl-req summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;user-select:none}
.mp .dl-req summary::-webkit-details-marker{display:none}
.mp .dl-req summary .h{flex:1;margin:0;font-size:16px}
.mp .dl-req summary .c{flex:0 0 28px;height:28px;border-radius:50%;background:var(--pink);border:1px solid var(--line);color:var(--red);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.mp .dl-req summary:after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--red);transition:transform .25s}
.mp .dl-req details[open] summary{background:var(--pink);border-bottom:1px solid var(--line)}
.mp .dl-req details[open] summary:after{transform:rotate(180deg)}
.mp .dl-req details[open] summary .c{background:var(--red);color:#fff;border-color:var(--red)}
.mp .dl-req .r ul{margin:0;padding:12px 38px 14px 18px;font-size:13.5px;line-height:1.85}
.mp .dl-req summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
@media (max-width:767px){.mp .dl-req .rc{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mp .dl-req summary:after{transition:none}}
.mp.dlv .dl-req .rc{grid-template-columns:1fr 1fr}
@media (max-width:767px){.mp.dlv .dl-req .rc{grid-template-columns:1fr}}
/* شركات التوصيل — الوظائف التفصيلية: Masonry 3 أعمدة، كروت على قد محتواها */
.mp.dlv .dl-req2 .rc{display:block;columns:3;column-gap:18px}
.mp.dlv .dl-req2 .r,.mp.dlv .dl-req2 .r:nth-child(n){display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;padding:16px 18px 10px;border-top:0;border-right:4px solid var(--red);border-radius:12px}
.mp.dlv .dl-req2 .r .h{display:flex;align-items:center;gap:10px;font-size:15.5px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dashed var(--line)}
.mp.dlv .dl-req2 .r .h:before{content:"\f0d1";font-family:"Font Awesome 5 Free";font-weight:900;flex:0 0 30px;height:30px;border-radius:9px;background:var(--pink);color:var(--red);font-size:13px;display:flex;align-items:center;justify-content:center}
.mp.dlv .dl-req2 .r ul{list-style:none;padding:0;font-size:13.5px;line-height:1.8}
.mp.dlv .dl-req2 .r li{position:relative;padding:2px 18px 2px 0}
.mp.dlv .dl-req2 .r li:before{content:"";position:absolute;right:2px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--red)}
@media (max-width:991px){.mp.dlv .dl-req2 .rc{columns:2}}
@media (max-width:575px){.mp.dlv .dl-req2 .rc{columns:1}}
/* شركات التوصيل — الوظائف التفصيلية: عمودين منتظمين، كل صف كارتين بنفس الطول، البنود على عمودين */
.mp.dlv .dl-req2 .rc{display:grid;columns:auto;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.mp.dlv .dl-req2 .r,.mp.dlv .dl-req2 .r:nth-child(n){display:block;margin:0;padding:0;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:14px;overflow:hidden}
.mp.dlv .dl-req2 .r .h{margin:0;padding:12px 18px;background:var(--pink);border-bottom:1px solid var(--line)}
.mp.dlv .dl-req2 .r ul{columns:2;column-gap:24px;padding:12px 18px 10px}
.mp.dlv .dl-req2 .r li{break-inside:avoid}
@media (max-width:991px){.mp.dlv .dl-req2 .rc{grid-template-columns:1fr}}
@media (max-width:575px){.mp.dlv .dl-req2 .r ul{columns:1}}
.mp.dlv .dl-req2 .r,.mp.dlv .dl-req2 .r:nth-child(n){grid-column:auto}
/* شركات التوصيل — الموبايل: الصورة تحت النص عشان مايبقاش هو الـ LCP */
@media (max-width:991px){.mp .dl-intro .pic{order:0}}

/* =====================================================================
   شركات التوصيل إنجليزي — <main class="mp ltr dlv">
   ===================================================================== */
.mp .sh{max-width:960px;margin:0 auto 30px;text-align:center}
.mp .sh .sec-title{margin:0 0 12px}
.mp .sh p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}
.mp.ltr .dl-intro .txt h1{font-size:28px;font-weight:900;color:var(--ink);line-height:1.4;margin:0 0 16px;padding-left:16px;border-left:5px solid var(--red)}
.mp.ltr .dl-intro .txt p+p{border-right:0;padding-right:0;border-left:4px solid var(--red);padding-left:14px}
.mp.ltr.dlv .mp-tasks .tk h2{color:var(--ink)}
.mp.ltr.dlv .mp-tasks .tk p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.mp.ltr .dl-more .top h1{color:#fff;font-size:28px;font-weight:900;line-height:1.45;margin:0 0 10px}
.mp.ltr .dl-more .top p{color:rgba(255,255,255,.8);font-size:15px;line-height:1.9;margin:0}
.mp.ltr .dl-more .g h2{color:#fff;font-size:17px;font-weight:800;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.15)}
.mp.ltr .dl-more .g p{padding:0;margin:0}
.mp.ltr .dl-more .g p:before{display:none}
.mp .dl-more .cta{text-align:center;margin-top:26px}
.mp .dl-more .wbtn{background:#fff;color:var(--red)!important}
.mp .dl-more .wbtn:hover{background:#fdfcf7}
.mp .dl-cta{text-align:center;padding:26px 16px;background:#fff}
.mp.ltr .dl-imp .i p{text-align:left}
.mp.ltr.dlv .mp-feat{background:#fff}
.mp.ltr.dlv .mp-feat .fc{grid-template-columns:repeat(3,1fr);gap:20px}
.mp.ltr.dlv .mp-feat .f{display:block;border-bottom:4px solid var(--red);padding:22px}
.mp.ltr.dlv .mp-feat .f img{display:block;margin:0 0 14px}
.mp.ltr.dlv .mp-feat .f h2{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 8px;padding:0;line-height:1.5}
.mp.ltr.dlv .mp-feat .f h2:before{display:none}
.mp.ltr.dlv .mp-feat .f p{font-size:14px;font-weight:400;color:var(--muted)}
.mp.ltr.dlv .mp-steps .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--red);border-radius:50%;color:var(--red);font-size:30px;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);transition:transform .35s}
.mp.ltr.dlv .mp-step:hover .si{transform:translateY(-6px) rotate(-6deg)}
.mp.ltr.dlv .mp-step h2{color:var(--red);font-size:18px;font-weight:800;margin:0 0 10px;transition:color .35s}
.mp.ltr.dlv .mp-step:hover h2{color:#fff}
.mp.ltr.dlv .mp-step .d{text-align:left}
.mp.ltr.dlv .mp-step .d p{font-size:13.5px;line-height:1.95;margin:0 0 6px;color:inherit}
.mp.ltr.dlv .mp-step:hover .d p{color:#fff}
@media (max-width:991px){.mp.ltr.dlv .mp-feat .fc{grid-template-columns:1fr 1fr}}
@media (max-width:575px){.mp.ltr.dlv .mp-feat .fc{grid-template-columns:1fr}.mp.ltr .dl-intro .txt h1,.mp.ltr .dl-more .top h1{font-size:22px}}
@media (prefers-reduced-motion:reduce){.mp.ltr.dlv .mp-steps .si{transition:none}}
/* شركات التوصيل إنجليزي — المهام: الأيقونة على جنب والعنوان + الوصف جنبها */
.mp.ltr.dlv .mp-tasks .tk{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto 1fr;column-gap:16px;align-items:start}
.mp.ltr.dlv .mp-tasks .tk .tic{grid-row:1/3;width:48px;height:48px;margin:0}
.mp.ltr.dlv .mp-tasks .tk h2,.mp.ltr.dlv .mp-tasks .tk p{grid-column:2}
.mp.ltr.dlv .mp-tasks .tk h2{margin:2px 0 6px}
/* شركات التوصيل إنجليزي — المزايا: الأيقونة على جنب والعنوان + الوصف جنبها */
.mp.ltr.dlv .mp-feat .f{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto 1fr;column-gap:16px;align-items:start}
.mp.ltr.dlv .mp-feat .f img{grid-row:1/3;margin:0}
.mp.ltr.dlv .mp-feat .f h2,.mp.ltr.dlv .mp-feat .f p{grid-column:2}
.mp.ltr.dlv .mp-feat .f h2{margin:4px 0 6px}
/* شركات التوصيل إنجليزي — المقدمة: الكلام في كارت بنفس ارتفاع الصورة */
.mp.ltr.dlv .dl-intro .grid{align-items:stretch;grid-template-columns:1.5fr 1fr;gap:36px}
.mp.ltr.dlv .dl-intro .txt{display:flex;flex-direction:column;justify-content:center;background:var(--pink);border:1px solid var(--line);border-radius:22px;padding:34px 36px;box-shadow:0 10px 28px rgba(36,41,47,.05)}
.mp.ltr.dlv .dl-intro .pic{display:flex;align-items:center;justify-content:center;padding:0;border-radius:22px;overflow:hidden}
.mp.ltr.dlv .dl-intro .pic:before{display:none}
.mp.ltr.dlv .dl-intro .pic img{width:auto;max-width:100%;max-height:540px;height:auto;border-radius:14px;box-shadow:0 16px 34px rgba(36,41,47,.15);margin:20px}
@media (max-width:991px){.mp.ltr.dlv .dl-intro .grid{grid-template-columns:1fr}.mp.ltr.dlv .dl-intro .txt{padding:24px 20px}.mp.ltr.dlv .dl-intro .pic img{max-height:460px}}

/* ===== contact (mp ct) ===== */

.mp.ct .ct-office{background:#fff;padding:60px 0}
.mp.ct .ct-office .box{display:grid;grid-template-columns:380px 1fr;gap:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(36,41,47,.10)}
.mp.ct .ct-list{list-style:none;margin:0;padding:34px 28px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(160deg,#24292f,#14171b)}
.mp.ct .ct-list li{margin:0}
.mp.ct .ct-list a{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff!important;text-decoration:none;transition:background .2s,transform .2s}
.mp.ct .ct-list a:hover{background:#ae1a1a;transform:translateX(-4px)}
.mp.ct .ct-list .ic{flex:0 0 46px;height:46px;border-radius:12px;background:#ae1a1a;display:grid;place-items:center;font-size:18px;color:#fff}
.mp.ct .ct-list a:hover .ic{background:#fff;color:#ae1a1a}
.mp.ct .ct-list .tx{font-size:16px;font-weight:600;line-height:1.6;color:#fff}
.mp.ct .ct-list .tx[dir=ltr]{text-align:right}
.mp.ct .ct-office .map{min-height:420px}
.mp.ct .ct-office .map iframe{display:block;width:100%;height:100%;min-height:420px;border:0}

@media(max-width:991px){.mp.ct .ct-office .box{grid-template-columns:1fr}.mp.ct .ct-office .map,.mp.ct .ct-office .map iframe{min-height:320px}}
@media(max-width:575px){.mp.ct .ct-office{padding:30px 0}.mp.ct .ct-office .box{border-radius:16px}.mp.ct .ct-list{padding:20px 14px}.mp.ct .ct-list .tx{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mp.ct .ct-list a{transition:none}}
.mp.ltr.ct .mp-banner .bread-title{text-align:center;margin:0 auto}
.mp.ltr.ct .ct-list a:hover{transform:translateX(4px)}
.mp.ltr.ct .ct-list .tx{text-align:left}

/* ===== android store app (mp and) ===== */
.mp.and .mp-banner h1 .sub{display:block;font-size:24px;font-weight:600;opacity:.9;margin-top:8px}
.mp.and .mp-banner p strong{color:#fff}
.mp.and .dl-intro .tech{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:22px 0 0}
.mp.and .dl-intro .tech a{width:66px;height:66px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(36,41,47,.06)}
.mp.and .dl-intro .tech img{width:38px;height:38px}
.mp.and .mp-tasks .head .pic img{width:120px;height:120px}
.mp.and .mp-why h3{color:var(--red)}
.mp.and .dl-more .top .pic:last-child{margin-right:auto}
.mp.and .dl-more .gc{grid-template-columns:repeat(12,1fr)}
.mp.and .dl-more .g{grid-column:span 3}
.mp.and .dl-more .g:nth-child(n+5){grid-column:span 4}
.mp.and .dl-more .g h3{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:17px;font-weight:800;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.15)}
.mp.and .dl-more .g h3 img{width:34px;height:34px;background:#fff;border-radius:10px;padding:4px}
.mp.and .dl-more .g p{padding:0}
.mp.and .dl-more .g p:before{display:none}
.mp.and .dl-more .g a{color:#fff;text-decoration:underline}
.mp.and .mp-step a{color:var(--red)}
.mp.and .mp-port .ow-title{font-size:15.5px;font-weight:700;color:#222;margin:0 0 12px;line-height:1.5}
.mp.and .mp-port .ow-stores{gap:10px}
.mp.and .mp-port .ow-stores img{height:32px;width:auto;object-fit:contain}
.mp.and .hr-cta h2{color:var(--red);font-size:24px;font-weight:800;margin:0 0 12px;line-height:1.5}
.mp.and .hr-cta p{margin:0 0 8px}
.mp.and .hr-cta p a{color:var(--red);font-weight:700}
.mp.and .hr-cta .btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
.mp.and .hr-cta .wbtn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--red)!important;border:2px solid var(--red)}
@media(max-width:991px){.mp.and .dl-more .g,.mp.and .dl-more .g:nth-child(n+5){grid-column:span 6}.mp.and .dl-more .g:last-child{grid-column:1/-1}}
@media(max-width:575px){.mp.and .mp-banner h1 .sub{font-size:18px}.mp.and .dl-more .g,.mp.and .dl-more .g:nth-child(n+5){grid-column:1/-1}.mp.and .dl-more .top .pic:last-child{display:none}.mp.and .mp-tasks .head .pic:last-child{display:none}}
.mp.and .mp-more .why-cards{grid-template-columns:repeat(3,1fr)}
.mp.and .mp-more .why-card,.mp.and .mp-more .why-card:nth-child(n){grid-column:auto}
@media(max-width:991px){.mp.and .mp-more .why-cards{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.mp.and .mp-more .why-cards{grid-template-columns:1fr}}
.mp.and .mp-tasks .tasks li{padding-top:18px}.mp.and .mp-tasks .tasks li span{position:static;display:block;padding-right:42px;min-height:30px;margin:0 0 8px}
.mp.and .ap-price{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 55%,#3a0507 100%);padding:60px 0;text-align:center}
.mp.and .ap-price h2{color:#fff;font-size:32px;font-weight:800;margin:0 0 18px;line-height:1.6}
.mp.and .ap-price h2 span{display:inline-block;background:#fff;color:#ae1a1a;padding:0 14px;border-radius:30px}
.mp.and .ap-price p{color:rgba(255,255,255,.9);font-size:16px;line-height:2;max-width:900px;margin:0 auto 10px}
.mp.and .ap-price p a{color:#fff;text-decoration:underline;font-weight:700}
.mp.and .ap-price .btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px}
.mp.and .ap-price .mp-btn{background:#fff;color:#ae1a1a!important}
.mp.and .ap-price .wa{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:40px;border:1px solid rgba(255,255,255,.45);color:#fff!important;font-weight:700;text-decoration:none}
.mp.and .ap-price .wa:hover{background:rgba(255,255,255,.1)}
@media(max-width:575px){.mp.and .ap-price{padding:38px 0}.mp.and .ap-price h2{font-size:22px}.mp.and .ap-price h2 span{display:inline}}
.mp.and .mp-more .why-card{flex-direction:row;align-items:flex-start;gap:16px}.mp.and .mp-more .why-card .ic{margin:0;flex:0 0 64px}
/* and: images as grid cards */
.mp.and .dl-intro .pic{padding:0}
.mp.and .dl-intro .pic:before{display:none}
.mp.and .dl-intro .pic img{max-width:440px;border-radius:24px;box-shadow:0 18px 40px rgba(36,41,47,.14)}
.mp.and .mp-tasks .tasks{grid-auto-flow:dense}
.mp.and .mp-tasks .tasks li.pic{padding:0;overflow:hidden;counter-increment:none;grid-row:span 2;border:0}
.mp.and .mp-tasks .tasks li.pic:before,.mp.and .mp-tasks .tasks li.pic:after{display:none}
.mp.and .mp-tasks .tasks li.pa{grid-column:4}
.mp.and .mp-tasks .tasks li.pb{grid-column:1}
.mp.and .mp-tasks .tasks li.pic img{width:100%;height:100%;object-fit:cover;display:block}
.mp.and .dl-more .gc,.mp.and .dl-more .gc{grid-template-columns:repeat(3,1fr)}
.mp.and .dl-more .g,.mp.and .dl-more .g:nth-child(n+5){grid-column:auto}
.mp.and .dl-more .g.pic{padding:0;overflow:hidden;border:0}
.mp.and .dl-more .g.pic img{width:100%;height:100%;object-fit:cover;display:block}
.mp.and .dl-more .top{justify-content:center}
@media(max-width:991px){.mp.and .mp-tasks .tasks li.pa,.mp.and .mp-tasks .tasks li.pb{grid-column:auto;grid-row:auto}.mp.and .dl-more .gc{grid-template-columns:1fr 1fr}.mp.and .dl-more .g:last-child,.mp.and .dl-more .g,.mp.and .dl-more .g:nth-child(n+5){grid-column:auto}}
@media(max-width:575px){.mp.and .mp-tasks .tasks li.pic,.mp.and .dl-more .g.pic{display:none}.mp.and .dl-more .gc{grid-template-columns:1fr}}
.mp.and .mp-tasks .tasks li.pa{grid-column:4;grid-row:1/3}
.mp.and .mp-tasks .tasks li.pb{grid-column:1;grid-row:3/5}
.mp.and .mp-tasks .tasks li.pic,.mp.and .dl-more .g.pic{position:relative;min-height:220px}
.mp.and .mp-tasks .tasks li.pic img,.mp.and .dl-more .g.pic img{position:absolute;inset:0}
@media(max-width:991px){.mp.and .mp-tasks .tasks li.pa,.mp.and .mp-tasks .tasks li.pb{grid-column:auto;grid-row:auto}}
/* and (en) */
.mp.ltr.and .mp-banner .bread-title{max-width:1000px;margin:0 auto;text-align:center}
.mp.ltr.and .mp-banner p{font-size:15.5px;line-height:1.95}
.mp.ltr.and .dl-intro .txt p+p{border-right:0;border-left:4px solid var(--red);padding:0 0 0 14px}
.mp.ltr.and .mp-tasks .tasks{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.mp.ltr.and .mp-tasks .tk{grid-column:span 3}
.mp.ltr.and .mp-tasks .tk:nth-child(n+5){grid-column:span 4}
.mp.ltr.and .mp-tasks .tk h3{color:var(--ink);font-size:17px;font-weight:800;margin:14px 0 6px}
.mp.ltr.and .mp-tasks .tk h3+p+h3{color:var(--red);margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.mp.ltr.and .mp-tasks .tk p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.mp.ltr.and .mp-more .why-card h4{font-size:18px;font-weight:800;color:var(--red);margin:2px 0 8px}
.mp.ltr.and .mp-more .why-card p{font-size:14px;line-height:1.85}
.mp.ltr.and .dl-more .top{justify-content:center;text-align:center}
.mp.ltr.and .dl-more .gc{grid-template-columns:repeat(12,1fr)}
.mp.ltr.and .dl-more .g{grid-column:span 3}
.mp.ltr.and .dl-more .g:nth-child(n+5){grid-column:span 4}
.mp.ltr.and .dl-more .g h3{gap:10px}
.mp.ltr.and .dl-more .bn{flex:0 0 34px;height:34px;border-radius:10px;background:#fff;color:var(--red);font-size:14px;font-weight:900;display:grid;place-items:center}
.mp.ltr.and .mp-step .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:grid;place-items:center;background:#fff;border:3px solid var(--red);border-radius:50%;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);color:var(--red);font-size:30px}
.mp.ltr.and .ap-price p{max-width:1000px}
@media(max-width:991px){.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .dl-more .g,.mp.ltr.and .dl-more .g:nth-child(n+5){grid-column:span 6}.mp.ltr.and .mp-tasks .tk:last-child,.mp.ltr.and .dl-more .g:last-child{grid-column:1/-1}}
@media(max-width:575px){.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .dl-more .g,.mp.ltr.and .dl-more .g:nth-child(n+5){grid-column:1/-1}.mp.ltr.and .dl-more .gc{grid-template-columns:1fr}}
/* and (en): capabilities as wide rows */
.mp.ltr.and .mp-tasks .tasks{grid-template-columns:1fr;gap:14px;max-width:1200px;margin:0 auto}
.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .mp-tasks .tk:last-child{grid-column:auto;display:grid;grid-template-columns:64px 1fr 1fr;grid-template-rows:auto 1fr;column-gap:28px;row-gap:6px;padding:22px 26px;border-left:4px solid var(--red);align-items:start}
.mp.ltr.and .mp-tasks .tk:nth-child(even){background:#fdfcf7}
.mp.ltr.and .mp-tasks .tk .tic{grid-column:1;grid-row:1/3;width:56px;height:56px;margin:0;font-size:22px;background:var(--red);color:#fff;border:0;border-radius:16px}
.mp.ltr.and .mp-tasks .tk h3,.mp.ltr.and .mp-tasks .tk h3+p+h3{margin:0;padding:0;border:0;color:var(--ink);font-size:17px}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(1){grid-column:2;grid-row:1}
.mp.ltr.and .mp-tasks .tk p:nth-of-type(1){grid-column:2;grid-row:2}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(2){grid-column:3;grid-row:1;position:relative}
.mp.ltr.and .mp-tasks .tk p:nth-of-type(2){grid-column:3;grid-row:2}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(2),.mp.ltr.and .mp-tasks .tk p:nth-of-type(2){border-left:1px dashed #e4c9c4;padding-left:28px;margin-left:-28px}
.mp.ltr.and .mp-tasks .tk:hover{transform:translateX(4px)}
@media(max-width:767px){.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .mp-tasks .tk:last-child{grid-template-columns:48px 1fr;grid-template-rows:none;column-gap:14px;padding:18px}
.mp.ltr.and .mp-tasks .tk .tic{width:44px;height:44px;font-size:18px;grid-row:1/5}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(1){grid-column:2;grid-row:1}.mp.ltr.and .mp-tasks .tk p:nth-of-type(1){grid-column:2;grid-row:2}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(2){grid-column:2;grid-row:3;border-left:0;padding:12px 0 0;margin:6px 0 0;border-top:1px dashed #e4c9c4}
.mp.ltr.and .mp-tasks .tk p:nth-of-type(2){grid-column:2;grid-row:4;border-left:0;padding:0;margin:0}}
.mp.ltr.and .dl-more .bn{display:flex;align-items:center;justify-content:center;line-height:1;padding:0;height:34px;width:34px}
/* and (en): capabilities dark */
.mp.ltr.and .mp-tasks{background:linear-gradient(160deg,#24292f,#14171b)}
.mp.ltr.and .mp-tasks .sec-title{color:#fff!important}
.mp.ltr.and .mp-tasks .tasks{grid-template-columns:repeat(12,1fr);gap:18px;max-width:none}
.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:last-child{grid-column:span 3;display:block;padding:24px 22px;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--red);border-radius:16px;box-shadow:none}
.mp.ltr.and .mp-tasks .tk:nth-child(n+5){grid-column:span 4}
.mp.ltr.and .mp-tasks .tk:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18);border-top-color:var(--red)}
.mp.ltr.and .mp-tasks .tk .tic{width:50px;height:50px;margin:0 0 16px;font-size:20px;background:var(--red);color:#fff;border:0;border-radius:14px}
.mp.ltr.and .mp-tasks .tk h3,.mp.ltr.and .mp-tasks .tk h3+p+h3{color:#fff!important;font-size:17px;font-weight:800;margin:0 0 8px;padding:0;border:0}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(2){margin-top:16px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.12)!important;border-left:0!important;padding-left:0!important;margin-left:0!important}
.mp.ltr.and .mp-tasks .tk p,.mp.ltr.and .mp-tasks .tk p:nth-of-type(2){color:rgba(255,255,255,.78);font-size:14px;line-height:1.85;margin:0;border:0!important;padding:0!important}
@media(max-width:991px){.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5){grid-column:span 6}.mp.ltr.and .mp-tasks .tk:last-child{grid-column:1/-1}}
@media(max-width:575px){.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .mp-tasks .tk:last-child{grid-column:1/-1}}
.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .mp-tasks .tk:last-child{display:block;padding:24px 22px;border-left:1px solid rgba(255,255,255,.1)}
.mp.ltr.and .mp-tasks .tk,.mp.ltr.and .mp-tasks .tk:nth-child(n+5),.mp.ltr.and .mp-tasks .tk:last-child{display:grid;grid-template-columns:50px 1fr;grid-template-rows:none;column-gap:14px;row-gap:0;align-content:start}
.mp.ltr.and .mp-tasks .tk .tic{grid-column:1;grid-row:1;margin:0}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(1){grid-column:2;grid-row:1;align-self:center;margin:0!important}
.mp.ltr.and .mp-tasks .tk p:nth-of-type(1){grid-column:1/-1;grid-row:2;margin-top:14px!important}
.mp.ltr.and .mp-tasks .tk h3:nth-of-type(2){grid-column:1/-1;grid-row:3}
.mp.ltr.and .mp-tasks .tk p:nth-of-type(2){grid-column:1/-1;grid-row:4}
@media(max-width:767px){.mp.ltr.and .mp-tasks .tk .tic{grid-row:1;width:50px;height:50px}}
/* contact: static map then live */
.mp.ct .ct-office .map{position:relative;overflow:hidden;background:#e8e6e1}
.mp.ct .ct-office .map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.ct .ct-office .map iframe{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;transition:opacity .4s}
.mp.ct .ct-office .map.live iframe{opacity:1}
.mp.ct .ct-office .map .osm{position:absolute;bottom:4px;left:6px;z-index:1;font-size:10px;color:#555;background:rgba(255,255,255,.75);padding:0 5px;border-radius:3px}
.mp.ct .ct-office .map.live .osm{display:none}

/* ===== custom mobile apps (mp cus) ===== */
.mp.cus .dl-intro .tech{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:22px 0 0}
.mp.cus .dl-intro .tech a{width:66px;height:66px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(36,41,47,.06)}
.mp.cus .dl-intro .tech img{width:38px;height:38px}
.mp.cus .dl-intro .pic{padding:0}
.mp.cus .dl-intro .pic:before{display:none}
.mp.cus .dl-intro .pic img{max-width:420px;border-radius:24px;box-shadow:0 18px 40px rgba(36,41,47,.14)}
/* capabilities: dark */
.mp.cus .cu-cap{background:linear-gradient(160deg,#24292f,#14171b);padding:60px 0}
.mp.cus .cu-cap .grid{display:grid;grid-template-columns:1fr 1.6fr;gap:50px;align-items:center}
.mp.cus .cu-cap .pic img{width:100%;max-width:440px;height:auto;border-radius:24px;display:block;margin:0 auto}
.mp.cus .cu-cap .sec-title{color:#fff!important;justify-content:flex-start;margin:0 0 24px}
.mp.cus .cu-cap .sec-title:before{display:none}
.mp.cus .cu-cap .cl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mp.cus .cu-cap .cl li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;color:#fff;font-size:15px;font-weight:600;line-height:1.7}
.mp.cus .cu-cap .cl li:last-child:nth-child(odd){grid-column:1/-1}
.mp.cus .cu-cap .ck{flex:0 0 30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:12px}
/* steps */
.mp.cus .mp-step a{color:var(--red)}
/* flow: zigzag */
.mp.cus .cu-flow{background:#fff;padding:60px 0}
.mp.cus .cu-flow .sh{max-width:900px;margin:0 auto 40px;text-align:center}
.mp.cus .cu-flow .sh p{color:var(--muted);font-size:15.5px;line-height:2;margin:0 0 8px}
.mp.cus .cu-flow .sh p:last-child{color:var(--red);font-weight:800}
.mp.cus .cu-flow .row-f{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center;margin-top:40px}
.mp.cus .cu-flow .row-f.rev .pic{order:2}
.mp.cus .cu-flow .pic img{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}
.mp.cus .cu-flow .bl{background:#fdfcf7;border-radius:22px;padding:28px 30px;border-right:4px solid var(--red)}
.mp.cus .cu-flow h4{color:var(--red);font-size:19px;font-weight:800;margin:0 0 10px;line-height:1.6}
.mp.cus .cu-flow .cl2+h4{margin-top:22px;padding-top:20px;border-top:1px dashed #e4c9c4}
.mp.cus .cu-flow .cl2{list-style:none;margin:0;padding:0}
.mp.cus .cu-flow .cl2 li{position:relative;padding-right:28px;font-size:15px;line-height:2;color:var(--ink)}
.mp.cus .cu-flow .cl2 li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:0;top:4px;color:var(--red);font-size:13px}
.mp.cus .cu-flow .why .cl2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp.cus .cu-flow .why .cl2 li{background:#fff;border-radius:14px;padding:16px 44px 16px 16px;box-shadow:0 6px 16px rgba(36,41,47,.06)}
.mp.cus .cu-flow .why .cl2 li:before{right:16px;top:18px}
.mp.cus .cu-flow z{display:block;color:var(--red)!important;font-size:17px!important;font-weight:800}
/* portfolio + price */
.mp.cus .mp-port{background:#fdfcf7}
.mp.cus .mp-port .ow-title{font-size:15.5px;font-weight:700;color:#222;margin:0 0 12px;line-height:1.5}
.mp.cus .mp-port .ow-stores{gap:10px}
.mp.cus .mp-port .ow-stores img{height:32px;width:auto;object-fit:contain}
.mp.cus .ap-price{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 55%,#3a0507 100%);padding:60px 0;text-align:center}
.mp.cus .ap-price h2{color:#fff;font-size:32px;font-weight:800;margin:0 0 18px;line-height:1.6}
.mp.cus .ap-price h2 span{display:inline-block;background:#fff;color:#ae1a1a;padding:0 14px;border-radius:30px}
.mp.cus .ap-price p{color:rgba(255,255,255,.9);font-size:16px;line-height:2;max-width:900px;margin:0 auto 10px}
.mp.cus .ap-price p a{color:#fff;text-decoration:underline;font-weight:700}
.mp.cus .ap-price .btns{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px}
.mp.cus .ap-price .mp-btn{background:#fff;color:#ae1a1a!important}
.mp.cus .ap-price .wa{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:40px;border:1px solid rgba(255,255,255,.45);color:#fff!important;font-weight:700;text-decoration:none}
@media(max-width:991px){.mp.cus .cu-cap .grid,.mp.cus .cu-flow .row-f{grid-template-columns:1fr}.mp.cus .cu-flow .row-f .pic,.mp.cus .cu-flow .row-f.rev .pic{order:2;max-width:320px;margin:0 auto}}
@media(max-width:575px){.mp.cus .cu-cap,.mp.cus .cu-flow,.mp.cus .ap-price{padding:38px 0}.mp.cus .cu-cap .cl,.mp.cus .cu-flow .why .cl2{grid-template-columns:1fr}.mp.cus .cu-flow .bl{padding:20px 18px}.mp.cus .ap-price h2{font-size:22px}.mp.cus .ap-price h2 span{display:inline}}
@media(max-width:991px){.mp.cus .cu-cap .pic{order:2;max-width:340px;margin:0 auto}}
/* cus: timeline */
.mp.cus .cu-flow .tl{position:relative;max-width:1200px;margin:10px auto 0}
.mp.cus .cu-flow .tl:before{content:"";position:absolute;top:0;bottom:0;right:50%;width:3px;margin-right:-1.5px;background:linear-gradient(180deg,var(--red),rgba(174,26,26,.15));border-radius:3px}
.mp.cus .cu-flow .ti{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:34px}
.mp.cus .cu-flow .ti .tc{grid-column:1;grid-row:1}
.mp.cus .cu-flow .ti .tp{grid-column:2;grid-row:1}
.mp.cus .cu-flow .ti.alt .tc{grid-column:2}
.mp.cus .cu-flow .ti.alt .tp{grid-column:1}
.mp.cus .cu-flow .dot{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);z-index:1;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;font-weight:900;font-size:18px;display:grid;place-items:center;box-shadow:0 0 0 7px #fff,0 0 0 9px rgba(174,26,26,.2)}
.mp.cus .cu-flow .tc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:0 12px 30px rgba(36,41,47,.07);position:relative}
.mp.cus .cu-flow .tc:after{content:"";position:absolute;top:50%;left:-9px;width:16px;height:16px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.mp.cus .cu-flow .ti.alt .tc:after{left:auto;right:-9px;transform:translateY(-50%) rotate(-135deg)}
.mp.cus .cu-flow .tc h4{margin:0 0 12px;padding:0;border:0}
.mp.cus .cu-flow .tc .cl2 li{font-size:14.5px;line-height:2}
.mp.cus .cu-flow .tp .pic img{width:100%;max-width:340px;border-radius:20px;box-shadow:0 14px 34px rgba(36,41,47,.12)}
.mp.cus .cu-flow .why-box{margin-top:50px;background:linear-gradient(160deg,#24292f,#14171b);border-radius:26px;padding:34px 30px}
.mp.cus .cu-flow .why-box h4{color:#fff!important;text-align:center;font-size:22px;margin:0 0 24px}
.mp.cus .cu-flow .why-box .cl2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mp.cus .cu-flow .why-box .cl2 li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--red);border-radius:16px;padding:20px 18px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.95}
.mp.cus .cu-flow .why-box .cl2 li:before{display:none}
.mp.cus .cu-flow .why-box z{color:#fff!important;font-size:17px!important;margin-bottom:6px}
@media(max-width:991px){
.mp.cus .cu-flow .tl:before{right:24px}
.mp.cus .cu-flow .ti,.mp.cus .cu-flow .ti.alt{grid-template-columns:1fr;gap:16px;padding-right:66px}
.mp.cus .cu-flow .ti .tc,.mp.cus .cu-flow .ti.alt .tc{grid-column:1;grid-row:1}
.mp.cus .cu-flow .ti .tp,.mp.cus .cu-flow .ti.alt .tp{grid-column:1;grid-row:2}
.mp.cus .cu-flow .tp:empty{display:none}
.mp.cus .cu-flow .dot{top:24px;right:24px;transform:translate(50%,0)}
.mp.cus .cu-flow .tc:after,.mp.cus .cu-flow .ti.alt .tc:after{display:none}
.mp.cus .cu-flow .why-box .cl2{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.mp.cus .cu-flow .ti,.mp.cus .cu-flow .ti.alt{padding-right:52px}.mp.cus .cu-flow .tl:before,.mp.cus .cu-flow .dot{right:18px}.mp.cus .cu-flow .dot{width:38px;height:38px;font-size:15px}.mp.cus .cu-flow .tc{padding:20px 18px}.mp.cus .cu-flow .tp .pic img{max-width:260px}.mp.cus .cu-flow .why-box{padding:24px 16px}.mp.cus .cu-flow .why-box .cl2{grid-template-columns:1fr}}
/* cus (en) */
.mp.ltr.cus .mp-banner .bread-title{max-width:1000px;margin:0 auto;text-align:center}
.mp.ltr.cus .dl-intro .txt p+p{border-right:0;border-left:4px solid var(--red);padding:0 0 0 14px}
.mp.ltr.cus .cu-cap .sec-title{justify-content:center;margin:0 0 30px;font-size:30px}
.mp.ltr.cus .cu-cap .cg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mp.ltr.cus .cu-cap .c{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}
.mp.ltr.cus .cu-cap .ci{flex:0 0 46px;height:46px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:18px}
.mp.ltr.cus .cu-cap .c h1{color:#fff!important;font-size:17px!important;font-weight:800;margin:2px 0 6px;line-height:1.5}
.mp.ltr.cus .cu-cap .c p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.8;margin:0}
.mp.ltr.cus .mp-step .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:grid;place-items:center;background:#fff;border:3px solid var(--red);border-radius:50%;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);color:var(--red);font-size:30px}
.mp.ltr.cus .cu-cta{padding:44px 0}
.mp.ltr.cus .cu-cta h2{font-size:26px}
.mp.ltr.cus .cu-flow .tl:before{right:auto;left:50%;margin:0 0 0 -1.5px}
.mp.ltr.cus .cu-flow .dot{right:auto;left:50%;transform:translate(-50%,-50%)}
.mp.ltr.cus .cu-flow .tc:after{left:auto;right:-9px;transform:translateY(-50%) rotate(-135deg)}
.mp.ltr.cus .cu-flow .ti.alt .tc:after{right:auto;left:-9px;transform:translateY(-50%) rotate(45deg)}
.mp.ltr.cus .cu-flow .th{color:var(--red)!important;font-size:19px!important;font-weight:800;margin:0 0 10px;line-height:1.5}
.mp.ltr.cus .cu-flow .tc p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 10px}
.mp.ltr.cus .cu-flow .tc p strong{color:var(--ink)}
.mp.ltr.cus .cu-flow .tc .cl2{margin:0 0 10px}
.mp.ltr.cus .cu-flow .tc .cl2 li{padding:0 0 0 26px;font-size:14.5px;line-height:1.9;color:var(--ink)}
.mp.ltr.cus .cu-flow .tc .cl2 li:before{right:auto;left:0}
.mp.ltr.cus .cu-flow .tp .pic img{max-width:380px}
.mp.ltr.cus .mp-more .why-cards{grid-template-columns:1fr 1fr}
.mp.ltr.cus .mp-more .why-card,.mp.ltr.cus .mp-more .why-card:nth-child(n){grid-column:auto;flex-direction:row;gap:16px}
.mp.ltr.cus .mp-more .why-card .ic{margin:0;flex:0 0 64px}
.mp.ltr.cus .mp-more .why-card h1{font-size:18px!important;font-weight:800;color:var(--red)!important;margin:2px 0 8px;line-height:1.5}
.mp.ltr.cus .mp-more .why-card p{font-size:14px;line-height:1.85}
@media(max-width:991px){.mp.ltr.cus .cu-cap .cg{grid-template-columns:1fr 1fr}
.mp.ltr.cus .cu-flow .tl:before{left:24px}
.mp.ltr.cus .cu-flow .ti,.mp.ltr.cus .cu-flow .ti.alt{padding:0 0 0 66px}
.mp.ltr.cus .cu-flow .dot{left:24px;top:24px;transform:translate(-50%,0)}}
@media(max-width:575px){.mp.ltr.cus .cu-cap .cg,.mp.ltr.cus .mp-more .why-cards{grid-template-columns:1fr}
.mp.ltr.cus .cu-flow .ti,.mp.ltr.cus .cu-flow .ti.alt{padding:0 0 0 52px}
.mp.ltr.cus .cu-flow .tl:before,.mp.ltr.cus .cu-flow .dot{left:18px}}

/* ===== multi-pages website (mp web) ===== */
.mp.web .mp-banner h1 .sub{display:block;font-size:24px;font-weight:600;opacity:.9;margin-top:8px}
.mp.web .mp-banner p strong,.mp.web .mp-banner p a{color:#fff!important;font-weight:800}
/* vision */
.mp.web .wb-vis{background:#fff;padding:60px 0}
.mp.web .wb-vis .grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start}
.mp.web .wb-vis .sec-title{justify-content:flex-start;margin:0 0 16px}
.mp.web .wb-vis .sec-title:before{display:none}
.mp.web .wb-vis .lead{font-size:15.5px;line-height:2;color:var(--muted);margin:0 0 24px}
.mp.web .wb-vis .lead a{color:var(--red);font-weight:700}
.mp.web .wb-vis .fl{display:flex;flex-direction:column;gap:14px}
.mp.web .wb-vis .f{display:flex;gap:16px;align-items:flex-start;background:#fdfcf7;border-radius:16px;padding:18px 20px;border-right:4px solid var(--red)}
.mp.web .wb-vis .f .ic{flex:0 0 56px;height:56px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(36,41,47,.08)}
.mp.web .wb-vis .f h3{color:var(--ink);font-size:17px;font-weight:800;margin:0 0 6px}
.mp.web .wb-vis .f p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.mp.web .wb-vis .side .pic{text-align:center}
.mp.web .wb-vis .side .pic img{width:100%;max-width:360px;height:auto;border-radius:22px;box-shadow:0 16px 36px rgba(36,41,47,.12)}
.mp.web .wb-vis .cap{text-align:center;font-size:14.5px;line-height:1.9;color:var(--muted);margin:18px 0}
.mp.web .wb-vis .cta-b{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 55%,#3a0507 100%);border-radius:20px;padding:24px;text-align:center;color:#fff}
.mp.web .wb-vis .cta-b h3{color:#fff;font-size:20px;font-weight:800;margin:0 0 10px}
.mp.web .wb-vis .cta-b h3 span{background:#fff;color:var(--red);padding:0 10px;border-radius:20px}
.mp.web .wb-vis .cta-b p{color:rgba(255,255,255,.88);font-size:14.5px;line-height:1.9;margin:0 0 16px}
.mp.web .wb-vis .cta-b .mp-btn{background:#fff;color:var(--red)!important}
/* why */
.mp.web .mp-more .why-cards{grid-template-columns:repeat(3,1fr)}
.mp.web .mp-more .why-card,.mp.web .mp-more .why-card:nth-child(n){grid-column:auto;flex-direction:row;gap:16px}
.mp.web .mp-more .why-card .ic{margin:0;flex:0 0 64px}
.mp.web .mp-why h3{color:var(--red)}
/* capabilities: dark bento */
.mp.web .wb-cap{background:linear-gradient(160deg,#24292f,#14171b);padding:60px 0}
.mp.web .wb-cap .sec-title{color:#fff!important;margin-bottom:30px}
.mp.web .wb-cap .bg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;grid-auto-flow:dense}
.mp.web .wb-cap .pic{grid-column:1/3;grid-row:1/3;position:relative;border-radius:20px;overflow:hidden;min-height:260px}
.mp.web .wb-cap .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.web .wb-cap .c{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px}
.mp.web .wb-cap .c .ic{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center;margin-bottom:12px}
.mp.web .wb-cap .c h3{color:#fff!important;font-size:15.5px;font-weight:800;line-height:1.6;margin:0 0 6px}
.mp.web .wb-cap .c p{color:rgba(255,255,255,.75);font-size:13.5px;line-height:1.8;margin:0}
.mp.web .wb-cap .cta{text-align:center;margin-top:28px}
.mp.web .wb-cap .mp-btn{background:#fff;color:var(--red)!important}
/* custom */
.mp.web .wb-cus .grid{grid-template-columns:1.5fr 1fr}
.mp.web .wb-cus .txt p{font-size:15.5px;line-height:2.1;color:var(--muted)}
.mp.web .wb-cus .txt strong{color:var(--ink)}
.mp.web .wb-cus .txt a{color:var(--red);font-weight:700}
.mp.web .wb-cus .pic{padding:0}
.mp.web .wb-cus .pic:before{display:none}
.mp.web .wb-cus .pic img{max-width:360px;border-radius:22px;box-shadow:0 16px 36px rgba(36,41,47,.12)}
/* benefits: red */
.mp.web .wb-ben{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 45%,#3a0507 100%);padding:60px 0;color:#fff}
.mp.web .wb-ben .stt{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px}
.mp.web .wb-ben .s{background:#fff;border-radius:18px;padding:18px;text-align:center}
.mp.web .wb-ben .s .n{display:block;white-space:nowrap;color:var(--red);font-size:34px;font-weight:900;line-height:1.2}
.mp.web .wb-ben .s p{margin:4px 0 0;color:var(--ink);font-weight:700;font-size:14px}
.mp.web .wb-ben h2{color:#fff;font-size:30px;font-weight:900;text-align:center;margin:0 0 26px}
.mp.web .wb-ben .bl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:bn}
.mp.web .wb-ben .bl li{position:relative;counter-increment:bn;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 66px 18px 20px;font-size:14.5px;line-height:1.95;color:rgba(255,255,255,.85)!important}
.mp.web .wb-ben .bl li:before{content:counter(bn,decimal-leading-zero);position:absolute;right:16px;top:18px;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--red);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1}
.mp.web .wb-ben .bl .t{display:block;color:#fff;font-weight:800;font-size:16px;margin-bottom:4px}
.mp.web .wb-ben .bl strong{color:#fff}
/* steps / port / price */
.mp.web .mp-step a{color:var(--red)}
.mp.web .mp-step strong{color:var(--ink)}
.mp.web .ap-price{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 55%,#3a0507 100%);padding:60px 0;text-align:center}
.mp.web .ap-price h2{color:#fff;font-size:30px;font-weight:800;margin:0 0 16px}
.mp.web .ap-price p{color:rgba(255,255,255,.9);font-size:16px;line-height:2;max-width:900px;margin:0 auto 10px}
.mp.web .ap-price .btns{margin-top:22px}
.mp.web .ap-price .mp-btn{background:#fff;color:#ae1a1a!important}
@media(max-width:991px){
.mp.web .wb-vis .grid,.mp.web .wb-cus .grid{grid-template-columns:1fr}
.mp.web .mp-more .why-cards{grid-template-columns:1fr 1fr}
.mp.web .wb-cap .bg{grid-template-columns:1fr 1fr}
.mp.web .wb-cap .pic{grid-column:1/-1;grid-row:auto;min-height:280px}
.mp.web .wb-ben .stt{grid-template-columns:1fr 1fr}}
@media(max-width:575px){
.mp.web .wb-vis,.mp.web .wb-cap,.mp.web .wb-ben,.mp.web .ap-price{padding:38px 0}
.mp.web .mp-banner h1 .sub{font-size:18px}
.mp.web .mp-more .why-cards,.mp.web .wb-cap .bg,.mp.web .wb-ben .bl{grid-template-columns:1fr}
.mp.web .wb-ben h2,.mp.web .ap-price h2{font-size:22px}
.mp.web .wb-ben .s .n{font-size:28px}}
@media(max-width:991px){.mp.web .wb-cap .pic{order:99}}
.mp.web .wb-vis .cta-b{padding:18px 20px}
.mp.web .wb-vis .cta-b h3{margin:0 0 6px;font-size:19px}
.mp.web .wb-vis .cta-b p{margin:0 0 12px;line-height:1.75}
.mp.web .wb-vis .cta-b .mp-btn{margin:0;padding-top:9px;padding-bottom:9px}
.mp.web .wb-cap .c{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-content:start}
.mp.web .wb-cap .c .ic{grid-column:1;grid-row:1;width:44px;height:44px;margin:0}
.mp.web .wb-cap .c h3{grid-column:2;grid-row:1;align-self:center;margin:0}
.mp.web .wb-cap .c p{grid-column:1/-1;margin-top:10px}
/* web (en) */
.mp.ltr.web .mp-banner .bread-title{max-width:1050px;margin:0 auto;text-align:center}
.mp.ltr.web .wb-vis .grid{grid-template-columns:1.3fr 1fr;align-items:center}
.mp.ltr.web .wb-vis .lead{line-height:2.05}
.mp.ltr.web .wb-vis .cta-b h3,.mp.ltr.web .wb-vis .cta-b h1{color:#fff;font-size:19px!important;font-weight:800;margin:0 0 8px;line-height:1.5}
.mp.ltr.web .wb-vis .cta-b span{background:#fff;color:var(--red);padding:0 10px;border-radius:20px}
.mp.ltr.web .wb-vis .side .pic{margin-bottom:18px}
.mp.ltr.web .wb-cus2{background:#fdfcf7}
.mp.ltr.web .wb-cus2 .sec-title{font-size:26px!important;line-height:1.4}
/* cards */
.mp.ltr.web .wb-cards{background:#fdfcf7;padding:50px 0}
.mp.ltr.web .wb-cards .cg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mp.ltr.web .wb-cards .k{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 22px rgba(36,41,47,.05);display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-content:start;transition:transform .25s}
.mp.ltr.web .wb-cards .k:hover{transform:translateY(-4px)}
.mp.ltr.web .wb-cards .k:first-child{grid-column:span 2;border-left:4px solid var(--red)}
.mp.ltr.web .wb-cards .k .ic{width:48px;height:48px;border-radius:13px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:19px}
.mp.ltr.web .wb-cards .k h3{grid-column:2;align-self:center;color:var(--ink);font-size:17px;font-weight:800;margin:0;line-height:1.45}
.mp.ltr.web .wb-cards .k>p,.mp.ltr.web .wb-cards .k>ul{grid-column:1/-1}
.mp.ltr.web .wb-cards .k p{font-size:14px;line-height:1.85;color:var(--muted);margin:12px 0 0}
.mp.ltr.web .wb-cards .cl2,.mp.ltr.web .wb-cap .cl2{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.mp.ltr.web .wb-cards .cl2 li,.mp.ltr.web .wb-cap .cl2 li{position:relative;padding-left:24px;font-size:14px;line-height:1.8;color:var(--ink)}
.mp.ltr.web .wb-cards .cl2 li:before,.mp.ltr.web .wb-cap .cl2 li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:2px;color:var(--red);font-size:12px}
/* capabilities dark: 2 cols */
.mp.ltr.web .wb-cap .sec-title{font-size:26px!important;line-height:1.4}
.mp.ltr.web .wb-cap .bg2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mp.ltr.web .wb-cap .c{position:relative;padding:22px 22px 22px 76px}
.mp.ltr.web .wb-cap .c .no{position:absolute;left:20px;top:20px;width:40px;height:40px;border-radius:11px;background:var(--red);color:#fff;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;line-height:1}
.mp.ltr.web .wb-cap .c h4{color:#fff!important;font-size:17px;font-weight:800;margin:6px 0 8px;line-height:1.5}
.mp.ltr.web .wb-cap .c p{color:rgba(255,255,255,.75);font-size:13.8px;line-height:1.85;margin:0 0 8px}
.mp.ltr.web .wb-cap .cl2 li{color:#fff}
/* benefits red: 2 cols */
.mp.ltr.web .wb-ben .lead{color:rgba(255,255,255,.88);text-align:center;max-width:900px;margin:-10px auto 28px;font-size:15.5px;line-height:1.9}
.mp.ltr.web .wb-ben .bg3{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp.ltr.web .wb-ben .b{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px}
.mp.ltr.web .wb-ben .b .ic{flex:0 0 46px;height:46px;border-radius:12px;background:#fff;color:var(--red);display:grid;place-items:center;font-size:18px}
.mp.ltr.web .wb-ben .b h3{color:#fff;font-size:17px;font-weight:800;margin:4px 0 8px}
.mp.ltr.web .wb-ben .b p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.85;margin:0}
/* steps / port / cta */
.mp.ltr.web .mp-step .si{position:relative;width:88px;height:88px;margin:0 auto 44px;display:grid;place-items:center;background:#fff;border:3px solid var(--red);border-radius:50%;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);color:var(--red);font-size:30px}
.mp.ltr.web .mp-port .cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.mp.ltr.web .mp-port .mp-btn.alt{background:#fff;color:var(--red)!important;border:2px solid var(--red)}
.mp.ltr.web .ap-price p{max-width:1000px}
@media(max-width:991px){.mp.ltr.web .wb-cards .cg{grid-template-columns:1fr 1fr}.mp.ltr.web .wb-cards .k:first-child{grid-column:1/-1}.mp.ltr.web .wb-cap .bg2,.mp.ltr.web .wb-ben .bg3{grid-template-columns:1fr}}
@media(max-width:575px){.mp.ltr.web .wb-cards .cg{grid-template-columns:1fr}.mp.ltr.web .wb-cards .cl2,.mp.ltr.web .wb-cap .cl2{grid-template-columns:1fr}.mp.ltr.web .wb-cap .c{padding:20px 18px 20px 66px}.mp.ltr.web .wb-cap .c .no{left:14px}}
.mp.ltr.web .wb-cap .c{display:block}.mp.ltr.web .wb-cap .c h4,.mp.ltr.web .wb-cap .c p,.mp.ltr.web .wb-cap .c ul{grid-column:auto}
@media(max-width:991px){.mp.ltr.web .wb-vis .grid{grid-template-columns:1fr}.mp.ltr.web .wb-vis .side{max-width:520px;margin:0 auto}}

/* ===== online store (mp web os) ===== */
/* features bento */
.mp.os .os-feat{background:#fdfcf7;padding:60px 0}
.mp.os .os-feat .sec-title{margin-bottom:30px}
.mp.os .os-feat .fg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mp.os .os-feat .c{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 18px rgba(36,41,47,.05);border-top:3px solid var(--red);transition:transform .25s}
.mp.os .os-feat .c:hover{transform:translateY(-4px)}
.mp.os .os-feat .c h3{color:var(--ink);font-size:16.5px;font-weight:800;margin:0 0 8px;line-height:1.55}
.mp.os .os-feat .c p{font-size:13.8px;line-height:1.9;color:var(--muted);margin:0}
.mp.os .os-feat .c strong{color:var(--ink)}
.mp.os .os-feat .c a{color:var(--red);font-weight:700}
.mp.os .os-feat .pc{position:relative;border-radius:18px;overflow:hidden;min-height:220px;box-shadow:0 10px 26px rgba(36,41,47,.1)}
.mp.os .os-feat .pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* extra: dark */
.mp.os .os-extra{background:linear-gradient(160deg,#24292f,#14171b);padding:60px 0}
.mp.os .os-extra .sec-title{color:#fff!important;margin-bottom:30px}
.mp.os .os-extra .eg{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.mp.os .os-extra .e{grid-column:span 2;display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-content:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}
.mp.os .os-extra .e:nth-last-child(-n+2){grid-column:span 3}
.mp.os .os-extra .e .ic{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center}
.mp.os .os-extra .e h3{grid-column:2;align-self:center;color:#fff!important;font-size:15.5px;font-weight:800;line-height:1.55;margin:0}
.mp.os .os-extra .e p{grid-column:1/-1;color:rgba(255,255,255,.78);font-size:13.8px;line-height:1.85;margin:12px 0 0}
/* admin */
.mp.os .os-admin{background:#fff;padding:60px 0}
.mp.os .os-admin .sh{max-width:1000px;margin:0 auto 26px;text-align:center}
.mp.os .os-admin .sh p{color:var(--muted);font-size:15px;line-height:2;margin:0}
.mp.os .os-admin .strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:30px}
.mp.os .os-admin .strip .pc{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 8px 20px rgba(36,41,47,.1)}
.mp.os .os-admin .strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.os .os-admin .ag{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mp.os .os-admin .a{display:flex;gap:14px;align-items:flex-start;background:#fdfcf7;border-radius:16px;padding:18px;border-right:4px solid var(--red)}
.mp.os .os-admin .no{flex:0 0 38px;height:38px;border-radius:10px;background:var(--red);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1}
.mp.os .os-admin h4{color:var(--ink);font-size:16px;font-weight:800;margin:4px 0 6px}
.mp.os .os-admin .a p{font-size:13.8px;line-height:1.85;color:var(--muted);margin:0}
/* custom: red with stats */
.mp.os .os-cus .grid{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}
.mp.os .os-cus .stt{grid-template-columns:1fr;margin:0}
.mp.os .os-cus h2{text-align:right;margin:0 0 14px}
.mp.os .os-cus .txt p{color:rgba(255,255,255,.88);font-size:15.5px;line-height:2.1;margin:0}
.mp.os .os-cus .txt a{color:#fff;text-decoration:underline;font-weight:700}
.mp.os .os-cus .txt strong{color:#fff}
@media(max-width:1199px){.mp.os .os-feat .fg{grid-template-columns:repeat(3,1fr)}.mp.os .os-admin .ag{grid-template-columns:1fr 1fr}}
@media(max-width:991px){.mp.os .os-feat .fg{grid-template-columns:1fr 1fr}.mp.os .os-extra .e,.mp.os .os-extra .e:nth-last-child(-n+2){grid-column:span 3}.mp.os .os-extra .e:last-child{grid-column:1/-1}.mp.os .os-admin .strip{grid-template-columns:repeat(3,1fr)}.mp.os .os-cus .grid{grid-template-columns:1fr}.mp.os .os-cus .stt{grid-template-columns:1fr 1fr;order:2}}
@media(max-width:575px){.mp.os .os-feat,.mp.os .os-extra,.mp.os .os-admin{padding:38px 0}.mp.os .os-feat .fg,.mp.os .os-admin .ag{grid-template-columns:1fr}.mp.os .os-feat .pc{display:none}.mp.os .os-extra .e,.mp.os .os-extra .e:nth-last-child(-n+2),.mp.os .os-extra .e:last-child{grid-column:1/-1}.mp.os .os-admin .strip{grid-template-columns:repeat(2,1fr)}.mp.os .os-admin .strip .pc:nth-child(n+5){display:none}}
/* os features: zigzag groups */
.mp.os .os-feat .hd{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:34px}
.mp.os .os-feat .hd .pic{flex:0 0 110px;height:110px;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(36,41,47,.12)}
.mp.os .os-feat .hd .pic img{width:100%;height:100%;object-fit:cover;display:block}
.mp.os .os-feat .hd .sec-title{margin:0}
.mp.os .os-feat .zr{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:center;margin-bottom:34px}
.mp.os .os-feat .zr.rev{grid-template-columns:1fr 320px}
.mp.os .os-feat .zr.rev .pic{order:2}
.mp.os .os-feat .zr .pic{position:relative;border-radius:24px;overflow:hidden;align-self:stretch;min-height:300px;box-shadow:0 14px 32px rgba(36,41,47,.12)}
.mp.os .os-feat .zr .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.os .os-feat .zl{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp.os .os-feat .zl .c{display:flex;gap:14px;align-items:flex-start;padding:18px;border-top:0;border-right:3px solid var(--red);border-radius:16px}
.mp.os .os-feat .zl .c:last-child{grid-column:1/-1}
.mp.os .os-feat .zl .no{flex:0 0 38px;height:38px;border-radius:11px;background:var(--red);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1}
.mp.os .os-feat .zl h3{margin:4px 0 6px}
@media(max-width:991px){.mp.os .os-feat .zr,.mp.os .os-feat .zr.rev{grid-template-columns:1fr}.mp.os .os-feat .zr .pic,.mp.os .os-feat .zr.rev .pic{order:2;min-height:240px;max-width:420px;width:100%;margin:0 auto}}
@media(max-width:575px){.mp.os .os-feat .zl{grid-template-columns:1fr}.mp.os .os-feat .hd .pic{flex-basis:70px;height:70px}.mp.os .os-feat .zr .pic{display:none}}

.mp-step:hover p a,.mp-step:hover p strong,.mp-step:hover p span,.mp-step:hover p b{color:#fff!important}

/* os features v3: calm panels */
.mp.os .os-feat{background:#fff}
.mp.os .os-feat .zr,.mp.os .os-feat .zr.rev{grid-template-columns:260px 1fr;gap:0;align-items:stretch;background:#fdfcf7;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-bottom:22px}
.mp.os .os-feat .zr .pic,.mp.os .os-feat .zr.rev .pic{order:0;border-radius:0;box-shadow:none;min-height:100%}
.mp.os .os-feat .zl{gap:0;padding:10px 26px}
.mp.os .os-feat .zl .c{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:18px 6px;gap:12px}
.mp.os .os-feat .zl .c:hover{transform:none}
.mp.os .os-feat .zl .c:nth-child(odd):not(:last-child){border-left:1px solid var(--line);padding-left:20px}
.mp.os .os-feat .zl .c:nth-child(even){padding-right:20px}
.mp.os .os-feat .zl .c:last-child{border-bottom:0}
.mp.os .os-feat .zl .no{flex-basis:auto;height:auto;background:none;color:var(--red);font-size:15px;opacity:.75;padding-top:5px}
.mp.os .os-feat .zl h3{font-size:16px}
.mp.os .os-feat .zl p{font-size:14px;color:#57606a}
@media(max-width:991px){.mp.os .os-feat .zr,.mp.os .os-feat .zr.rev{grid-template-columns:1fr}.mp.os .os-feat .zr .pic,.mp.os .os-feat .zr.rev .pic{display:none}}
@media(max-width:575px){.mp.os .os-feat .zl{padding:4px 16px}.mp.os .os-feat .zl .c,.mp.os .os-feat .zl .c:nth-child(odd):not(:last-child),.mp.os .os-feat .zl .c:nth-child(even){border-left:0;padding:16px 0}}

/* os features v4: dark red tiles */
.mp.os .os-feat{background:linear-gradient(160deg,#ae1a1a 0%,#6e1010 55%,#3a0b0b 100%);padding:64px 0}
.mp.os .os-feat .hd .sec-title{color:#fff!important}
.mp.os .os-feat .hd .pic{border:3px solid rgba(255,255,255,.25)}
.mp.os .os-feat .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mp.os .os-feat .t{border-radius:18px}
.mp.os .os-feat .t.pic{position:relative;overflow:hidden;min-height:220px;border:1px solid rgba(255,255,255,.15)}
.mp.os .os-feat .t.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.os .os-feat .t.c{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:20px;box-shadow:none;transition:background .25s,transform .25s}
.mp.os .os-feat .t.c:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
.mp.os .os-feat .th{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mp.os .os-feat .th .ic{flex:0 0 44px;height:44px;border-radius:12px;background:#fff;color:#ae1a1a;display:grid;place-items:center;font-size:18px}
.mp.os .os-feat .t.c h3{color:#fff!important;font-size:16px;font-weight:800;line-height:1.55;margin:0}
.mp.os .os-feat .t.c p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.9;margin:0}
.mp.os .os-feat .t.c p a,.mp.os .os-feat .t.c p strong,.mp.os .os-feat .t.c p span,.mp.os .os-feat .t.c p b{color:#fff!important}
@media(max-width:991px){.mp.os .os-feat .tg{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.mp.os .os-feat .tg{grid-template-columns:1fr}.mp.os .os-feat .t.pic{display:none}}

/* os features v5: light groups, image alternating */
.mp.os .os-feat{background:#fdfcf7}
.mp.os .os-feat .hd .sec-title{color:var(--ink)!important}
.mp.os .os-feat .hd .pic{border:0}
.mp.os .os-feat .tg{display:block}
.mp.os .os-feat .gr{display:grid;grid-template-columns:300px repeat(6,1fr);grid-auto-rows:auto;gap:16px;margin-bottom:26px}
.mp.os .os-feat .gr .t.pic{grid-column:1;grid-row:1/3;min-height:0;border:0;box-shadow:0 12px 28px rgba(36,41,47,.12)}
.mp.os .os-feat .gr.rev{grid-template-columns:repeat(6,1fr) 300px}
.mp.os .os-feat .gr.rev .t.pic{grid-column:7}
.mp.os .os-feat .gr .t.c{grid-column:span 2;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(36,41,47,.05)}
.mp.os .os-feat .gr .t.c:nth-child(n+5){grid-column:span 3}
.mp.os .os-feat .gr.rev .t.c:nth-child(2){grid-column:1/3}
.mp.os .os-feat .gr.rev .t.c:nth-child(5){grid-column:1/4}
.mp.os .os-feat .gr .t.c:hover{background:#fff;transform:translateY(-4px)}
.mp.os .os-feat .th .ic{background:#ae1a1a;color:#fff}
.mp.os .os-feat .gr .t.c h3{color:var(--ink)!important}
.mp.os .os-feat .gr .t.c p{color:#57606a}
.mp.os .os-feat .gr .t.c p strong,.mp.os .os-feat .gr .t.c p b,.mp.os .os-feat .gr .t.c p span{color:var(--ink)!important}
.mp.os .os-feat .gr .t.c p a{color:var(--red)!important}
@media(max-width:1199px){.mp.os .os-feat .gr{grid-template-columns:220px repeat(6,1fr)}.mp.os .os-feat .gr.rev{grid-template-columns:repeat(6,1fr) 220px}}
@media(max-width:991px){.mp.os .os-feat .gr,.mp.os .os-feat .gr.rev{grid-template-columns:1fr 1fr}.mp.os .os-feat .gr .t.pic,.mp.os .os-feat .gr.rev .t.pic{display:none}.mp.os .os-feat .gr .t.c,.mp.os .os-feat .gr .t.c:nth-child(n+5),.mp.os .os-feat .gr.rev .t.c:nth-child(2),.mp.os .os-feat .gr.rev .t.c:nth-child(5){grid-column:auto}.mp.os .os-feat .gr .t.c:last-child{grid-column:1/-1}}
@media(max-width:575px){.mp.os .os-feat .gr,.mp.os .os-feat .gr.rev{grid-template-columns:1fr}}

/* ===== EN Online store (mp ltr eos) ===== */


/* intro */
















/* capabilities */









/* custom bento (dark) */














/* admin */









/* why */





/* stages (red) */











/* faq + portfolio */







/* ===== Custom website (mp cw) ===== */
.mp.cw .mp-banner h1 span{display:block;font-size:24px;font-weight:700;margin-top:8px;opacity:.92}
.mp.cw .cw-intro,.mp.cw .cw-cap,.mp.cw .cw-idea{padding:64px 0}
.mp.cw .th{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mp.cw .th h3{font-size:17px;font-weight:800;color:var(--ink);margin:0;line-height:1.5}
/* intro: one grid, image beside text, 3 cards + red CTA strip */
.mp.cw .cw-intro{background:#fff}
.mp.cw .cw-intro .ig{display:grid;grid-template-columns:repeat(3,1fr) 360px;gap:18px;align-items:stretch}
.mp.cw .cw-intro .txt{grid-column:1/4;align-self:center;padding-left:10px}
.mp.cw .cw-intro .sec-title{justify-content:flex-start;text-align:right;margin-bottom:14px}
.mp.cw .cw-intro .sec-title:before{display:none}
.mp.cw .cw-intro .lead{font-size:15.5px;line-height:2.05;color:var(--muted);margin:0}
.mp.cw .cw-intro .lead strong{color:var(--ink)}
.mp.cw .cw-intro .side{grid-column:4;grid-row:1/3;display:flex;flex-direction:column;gap:12px}
.mp.cw .cw-intro .side .pic{flex:1;position:relative;min-height:280px;border-radius:22px;overflow:hidden;box-shadow:0 16px 36px rgba(36,41,47,.12)}
.mp.cw .cw-intro .side .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.cw .cw-intro .cap{font-size:13.5px;line-height:1.9;color:var(--muted);margin:0;padding:12px 14px;background:#fdfcf7;border-radius:14px;border-right:3px solid var(--red)}
.mp.cw .cw-intro .f{grid-row:2;background:#fdfcf7;border:1px solid var(--line);border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s}
.mp.cw .cw-intro .f:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.cw .cw-intro .f .ic{flex:0 0 52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.mp.cw .cw-intro .f .ic img{width:32px;height:32px}
.mp.cw .cw-intro .f p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.mp.cw .cw-intro .cta-b{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#ae1a1a,#7d1212);border-radius:20px;padding:24px 30px}
.mp.cw .cw-intro .cta-b h3{color:#fff!important;font-size:20px;font-weight:800;margin:0 0 6px;line-height:1.5}
.mp.cw .cw-intro .cta-b h3 span{color:#fff}
.mp.cw .cw-intro .cta-b p{color:rgba(255,255,255,.9);font-size:14px;line-height:1.85;margin:0}
.mp.cw .cw-intro .cta-b .mp-btn{flex:none;background:#fff;color:#ae1a1a!important}
/* capabilities: image + 11 white boxes */
.mp.cw .cw-cap{background:#fdfcf7}
.mp.cw .cw-cap .cg{display:grid;grid-template-columns:300px repeat(6,1fr);gap:14px}
.mp.cw .cw-cap .ck{display:contents;list-style:none}
.mp.cw .cw-cap .pic{grid-column:1;grid-row:1/5;position:relative;border-radius:22px;overflow:hidden;box-shadow:0 14px 32px rgba(36,41,47,.12)}
.mp.cw .cw-cap .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.cw .cw-cap .ck li{grid-column:span 2;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--ink)!important;font-size:15px;font-weight:700;line-height:1.55;box-shadow:0 6px 16px rgba(36,41,47,.04);transition:transform .25s,box-shadow .25s}
.mp.cw .cw-cap .ck li:nth-child(n+10){grid-column:span 3}
.mp.cw .cw-cap .ck li:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(174,26,26,.1)}
.mp.cw .cw-cap .ck .ic{flex:0 0 42px;height:42px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:16px}
/* why white, steps cream */
.mp.cw .mp-why{background:#fff}
.mp.cw .mp-more .why-card,.mp.cw .mp-more .why-card:nth-child(n){grid-column:span 2}
.mp.cw .mp-steps{background:#fdfcf7}
/* idea */
.mp.cw .cw-idea{background:#fff}
.mp.cw .cw-idea .hd{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;max-width:1100px;margin:0 auto 36px}
.mp.cw .cw-idea .hd .pic{width:150px;height:150px;border-radius:26px;overflow:hidden;box-shadow:0 12px 26px rgba(36,41,47,.14)}
.mp.cw .cw-idea .hd .pic img{width:100%;height:100%;object-fit:cover;display:block}
.mp.cw .cw-idea .hd .sec-title{justify-content:flex-start;text-align:right;margin-bottom:10px}
.mp.cw .cw-idea .hd .sec-title:before{display:none}
.mp.cw .cw-idea .hd p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 6px}
.mp.cw .cw-idea .hd p:last-child{color:var(--red);font-weight:800;margin-top:8px}
.mp.cw .cw-idea .gr{display:grid;grid-template-columns:300px repeat(6,1fr);gap:16px;margin-bottom:26px}
.mp.cw .cw-idea .gr.rev{grid-template-columns:repeat(6,1fr) 300px}
.mp.cw .cw-idea .gp{grid-column:1;grid-row:1/3;position:relative;min-height:300px;border-radius:22px;overflow:hidden;box-shadow:0 14px 32px rgba(36,41,47,.12)}
.mp.cw .cw-idea .gr.rev .gp{grid-column:7;grid-row:1/4}
.mp.cw .cw-idea .gp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.cw .cw-idea .s{grid-column:span 2;background:#fdfcf7;border:1px solid var(--line);border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s}
.mp.cw .cw-idea .s:nth-child(n+5){grid-column:span 3}
.mp.cw .cw-idea .s:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.cw .cw-idea .s .no{flex:0 0 44px;height:44px;border-radius:12px;background:var(--red);color:#fff;font-weight:900;font-size:15px;display:grid;place-items:center}
.mp.cw .cw-idea .s .d{list-style:none;margin:0;padding:0}
.mp.cw .cw-idea .s .d li{font-size:14px;line-height:1.9;color:var(--muted)!important}
.mp.cw .cw-idea .nh{grid-column:1/7;grid-row:1;font-size:21px;font-weight:900;color:var(--ink);margin:0;padding:6px 0;line-height:1.5}
.mp.cw .cw-idea .ng{grid-column:1/7;grid-row:2/4;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mp.cw .cw-idea .ng li{background:#fdfcf7;border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--muted)!important;font-size:14px;line-height:1.85;transition:transform .25s,box-shadow .25s}
.mp.cw .cw-idea .ng li:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.cw .cw-idea .ng .ic{float:right;width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:17px;margin:0 0 6px 12px}
.mp.cw .cw-idea .ng strong{display:inline-block;color:var(--ink);font-size:16px;line-height:44px}
.mp.cw .mp-port{background:#fdfcf7}
@media(max-width:1199px){.mp.cw .cw-intro .ig{grid-template-columns:repeat(3,1fr) 280px}.mp.cw .cw-cap .cg,.mp.cw .cw-idea .gr{grid-template-columns:220px repeat(6,1fr)}.mp.cw .cw-idea .gr.rev{grid-template-columns:repeat(6,1fr) 220px}}
@media(max-width:991px){.mp.cw .cw-intro .ig{grid-template-columns:1fr 1fr}.mp.cw .cw-intro .txt{grid-column:1/-1}.mp.cw .cw-intro .side{grid-column:1/-1;grid-row:auto}.mp.cw .cw-intro .side .pic{min-height:300px}.mp.cw .cw-intro .f{grid-row:auto}.mp.cw .cw-intro .f:nth-of-type(3){grid-column:1/-1}.mp.cw .cw-cap .cg{grid-template-columns:1fr 1fr}.mp.cw .cw-cap .pic{display:none}.mp.cw .cw-cap .ck li,.mp.cw .cw-cap .ck li:nth-child(n){grid-column:auto}.mp.cw .cw-cap .ck li:last-child{grid-column:1/-1}.mp.cw .cw-idea .gr,.mp.cw .cw-idea .gr.rev{grid-template-columns:1fr 1fr}.mp.cw .cw-idea .gp{display:none}.mp.cw .cw-idea .s,.mp.cw .cw-idea .s:nth-child(n){grid-column:auto}.mp.cw .cw-idea .s:last-child{grid-column:1/-1}.mp.cw .cw-idea .nh,.mp.cw .cw-idea .ng{grid-column:1/-1;grid-row:auto}.mp.cw .mp-more .why-card,.mp.cw .mp-more .why-card:nth-child(n){grid-column:span 3}}
@media(max-width:575px){.mp.cw .cw-intro,.mp.cw .cw-cap,.mp.cw .cw-idea{padding:40px 0}.mp.cw .mp-banner h1 span{font-size:18px}.mp.cw .cw-intro .ig,.mp.cw .cw-cap .cg,.mp.cw .cw-idea .gr,.mp.cw .cw-idea .gr.rev,.mp.cw .cw-idea .ng{grid-template-columns:1fr}.mp.cw .cw-intro .f:nth-of-type(3){grid-column:auto}.mp.cw .cw-intro .cta-b{flex-direction:column;text-align:center;padding:22px}.mp.cw .cw-idea .hd{grid-template-columns:1fr;text-align:center}.mp.cw .cw-idea .hd .pic{display:none}.mp.cw .mp-more .why-card,.mp.cw .mp-more .why-card:nth-child(n){grid-column:1/-1}}
.mp.cw .ap-price{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 55%,#3a0507 100%);padding:60px 0;text-align:center}
.mp.cw .ap-price h2{color:#fff;font-size:30px;font-weight:800;margin:0 0 16px}
.mp.cw .ap-price p{color:rgba(255,255,255,.9);font-size:16px;line-height:2;max-width:900px;margin:0 auto 10px}
.mp.cw .ap-price .btns{margin-top:22px}
.mp.cw .ap-price .mp-btn{background:#fff;color:#ae1a1a!important}
@media(max-width:575px){.mp.cw .ap-price{padding:38px 0}.mp.cw .ap-price h2{font-size:22px}}

/* ===== EN Custom website (mp ltr cw) — mirrors the Arabic layout ===== */
.mp.ltr.cw .th h1,.mp.ltr.cw .th h2,.mp.ltr.cw .th h3{font-size:17px;font-weight:800;color:var(--ink)!important;margin:0;line-height:1.45}
.mp.ltr.cw .th .ic{flex:0 0 46px;height:46px;border-radius:13px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:18px;border:0}
/* intro */
.mp.ltr.cw .cw-intro .ig{grid-template-columns:1fr 1fr 380px}
.mp.ltr.cw .cw-intro .f{grid-row:auto}
.mp.ltr.cw .cw-intro .side{grid-column:3;grid-row:1/3}
.mp.ltr.cw .cw-intro .cta-b{grid-row:3}
.mp.ltr.cw .cw-intro .cta-b h1{color:#fff!important;font-size:20px;font-weight:800;margin:0 0 6px;line-height:1.5}
.mp.ltr.cw .cw-intro .cta-b h1 span{color:#fff}
/* capabilities */
.mp.ltr.cw .cw-cap .c{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 6px 16px rgba(36,41,47,.04);transition:transform .25s,box-shadow .25s}
.mp.ltr.cw .cw-cap .c:nth-child(n+11){grid-column:span 3}
.mp.ltr.cw .cw-cap .c:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(174,26,26,.1)}
.mp.ltr.cw .cw-cap .c .th{margin-bottom:8px}
.mp.ltr.cw .cw-cap .c p{font-size:13.8px;line-height:1.8;color:var(--muted);margin:0}
.mp.ltr.cw .cw-cap .pic{grid-row:1/5}
/* why */
.mp.ltr.cw .mp-more .why-card .ic{padding:0;border:0;display:grid;place-items:center;color:var(--red);font-size:24px}
.mp.ltr.cw .mp-more .why-card:hover .ic{color:#fff}
/* steps with font icon */
.mp.ltr.cw .mp-step .si{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;background:var(--pink);color:var(--red);display:grid;place-items:center;font-size:24px;position:relative;z-index:1;transition:transform .3s,background .3s,color .3s}
.mp.ltr.cw .mp-step:hover .si{background:#fff;transform:translateY(-6px) rotate(-6deg)}
.mp.ltr.cw .mp-step h1{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.45;position:relative;z-index:1}
.mp.ltr.cw .mp-step:hover h1{color:#fff}
/* idea / process */
.mp.ltr.cw .cw-idea .hd .sec-title{text-align:left}
.mp.ltr.cw .cw-idea .hd p{color:var(--muted);font-weight:400;margin:0}
.mp.ltr.cw .cw-idea .sub{font-size:21px;font-weight:900;color:var(--ink);margin:0 0 18px;padding-left:14px;border-left:4px solid var(--red);line-height:1.45}
.mp.ltr.cw .cw-idea .s p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.mp.ltr.cw .cw-idea .s p+p{margin-top:8px}
.mp.ltr.cw .cw-idea .s .th{margin-bottom:12px}
.mp.ltr.cw .cw-idea .dl{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mp.ltr.cw .cw-idea .dl li{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 10px 7px 26px;font-size:13px;font-weight:700;color:var(--ink)!important;line-height:1.5}
.mp.ltr.cw .cw-idea .dl li:before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--red)}
.mp.ltr.cw .cw-idea .nh{font-size:21px}
.mp.ltr.cw .cw-idea .ng{grid-column:1/7;grid-row:2/4;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mp.ltr.cw .cw-idea .ng .f{background:#fdfcf7;border:1px solid var(--line);border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s}
.mp.ltr.cw .cw-idea .ng .f:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.ltr.cw .cw-idea .ng .f p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
/* portfolio + cta */
.mp.ltr.cw .mp-port .lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:900px;margin:-12px auto 26px;text-align:center}
.mp.ltr.cw .ap-price h1{color:#fff!important;font-size:28px;font-weight:800;margin:0 0 14px}
@media(max-width:1199px){.mp.ltr.cw .cw-intro .ig{grid-template-columns:1fr 1fr 300px}}
@media(max-width:991px){.mp.ltr.cw .cw-intro .ig{grid-template-columns:1fr 1fr}.mp.ltr.cw .cw-intro .side{grid-column:1/-1;grid-row:auto}.mp.ltr.cw .cw-intro .cta-b{grid-row:auto}.mp.ltr.cw .cw-cap .c,.mp.ltr.cw .cw-cap .c:nth-child(n){grid-column:auto}.mp.ltr.cw .cw-cap .c:last-child{grid-column:1/-1}.mp.ltr.cw .cw-idea .ng{grid-column:1/-1;grid-row:auto}}
@media(max-width:575px){.mp.ltr.cw .cw-intro .ig,.mp.ltr.cw .cw-idea .ng,.mp.ltr.cw .cw-idea .dl{grid-template-columns:1fr}.mp.ltr.cw .ap-price h1{font-size:22px}.mp.ltr.cw .cw-idea .sub{font-size:18px}}
.mp.ltr.cw .cw-idea .hd .sec-title:after{display:none}
/* EN custom: why choose — compact cards, icon beside title */
.mp.ltr.cw .mp-why{background:#fff}
.mp.ltr.cw .mp-more .why-cards{grid-template-columns:repeat(3,1fr);gap:18px}
.mp.ltr.cw .mp-more .why-card,.mp.ltr.cw .mp-more .why-card:nth-child(n){grid-column:auto;display:grid;grid-template-columns:52px 1fr;column-gap:14px;align-items:center;padding:22px;border-radius:18px;background:#fdfcf7}
.mp.ltr.cw .mp-more .why-card > div:last-child{display:contents}
.mp.ltr.cw .mp-more .why-card .ic{grid-column:1;grid-row:1;width:52px;height:52px;margin:0;border-radius:14px;background:var(--red);color:#fff;font-size:21px}
.mp.ltr.cw .mp-more .why-card:hover .ic{background:#fff;color:var(--red)}
.mp.ltr.cw .mp-more .why-card h1{grid-column:2;grid-row:1;margin:0;font-size:17.5px}
.mp.ltr.cw .mp-more .why-card p{grid-column:1/-1;grid-row:2;margin:14px 0 0;padding-top:14px;border-top:1px dashed var(--line)}
.mp.ltr.cw .mp-more .why-card:hover{background:#ae1a1a}
.mp.ltr.cw .mp-more .why-card:hover h1{color:#fff!important}
.mp.ltr.cw .mp-more .why-card:hover p{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.25)}
.mp.ltr.cw .mp-more .why-card:before{display:none}
@media(max-width:991px){.mp.ltr.cw .mp-more .why-cards{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.mp.ltr.cw .mp-more .why-cards{grid-template-columns:1fr}}
.mp.ltr.cw .mp-more .why-card,.mp.ltr.cw .mp-more .why-card:nth-child(n){align-content:start;grid-template-rows:auto 1fr}
.mp.ltr.cw .mp-more .why-card p{align-self:start}
/* EN custom: steps identical to the Arabic look (circle icon like img) */
.mp.ltr.cw .mp-steps{background:#fdfcf7}
.mp.ltr.cw .mp-step .si{position:relative;width:88px;height:88px;margin:0 auto 44px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--red);border-radius:50%;color:var(--red);font-size:30px;box-shadow:0 0 0 8px var(--pink),0 10px 22px rgba(174,26,26,.2);transition:transform .35s}
.mp.ltr.cw .mp-step:hover .si{background:#fff;transform:translateY(-6px) rotate(-6deg)}
.mp.ltr.cw .mp-step h1{color:var(--red);font-size:18px;font-weight:800;margin:0 0 10px;transition:color .35s}
.mp.ltr.cw .mp-step:hover h1{color:#fff!important}
/* EN custom: process timeline (same as custom mobile apps cu-flow) */
.mp.ltr.cw .cu-flow{background:#fff;padding:60px 0}
.mp.ltr.cw .cu-flow .sh{max-width:900px;margin:0 auto 40px;text-align:center}
.mp.ltr.cw .cu-flow .sh p{color:var(--muted);font-size:15.5px;line-height:2;margin:0 0 8px}
.mp.ltr.cw .cu-flow .sh p:last-child{color:var(--red);font-weight:800}
.mp.ltr.cw .cu-flow .row-f{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center;margin-top:40px}
.mp.ltr.cw .cu-flow .row-f.rev .pic{order:2}
.mp.ltr.cw .cu-flow .pic img{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}
.mp.ltr.cw .cu-flow .bl{background:#fdfcf7;border-radius:22px;padding:28px 30px;border-right:4px solid var(--red)}
.mp.ltr.cw .cu-flow h4{color:var(--red);font-size:19px;font-weight:800;margin:0 0 10px;line-height:1.6}
.mp.ltr.cw .cu-flow .cl2+h4{margin-top:22px;padding-top:20px;border-top:1px dashed #e4c9c4}
.mp.ltr.cw .cu-flow .cl2{list-style:none;margin:0;padding:0}
.mp.ltr.cw .cu-flow .cl2 li{position:relative;padding-right:28px;font-size:15px;line-height:2;color:var(--ink)}
.mp.ltr.cw .cu-flow .cl2 li:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:0;top:4px;color:var(--red);font-size:13px}
.mp.ltr.cw .cu-flow .why .cl2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp.ltr.cw .cu-flow .why .cl2 li{background:#fff;border-radius:14px;padding:16px 44px 16px 16px;box-shadow:0 6px 16px rgba(36,41,47,.06)}
.mp.ltr.cw .cu-flow .why .cl2 li:before{right:16px;top:18px}
.mp.ltr.cw .cu-flow z{display:block;color:var(--red)!important;font-size:17px!important;font-weight:800}
@media(max-width:991px){.mp.ltr.cw .cu-flow .row-f{grid-template-columns:1fr}.mp.ltr.cw .cu-flow .row-f .pic,.mp.ltr.cw .cu-flow .row-f.rev .pic{order:2;max-width:320px;margin:0 auto}}
@media(max-width:575px){.mp.ltr.cw .cu-flow{padding:38px 0}.mp.ltr.cw .cu-flow .why .cl2{grid-template-columns:1fr}.mp.ltr.cw .cu-flow .bl{padding:20px 18px}}
.mp.ltr.cw .cu-flow .tl{position:relative;max-width:1200px;margin:10px auto 0}
.mp.ltr.cw .cu-flow .tl:before{content:"";position:absolute;top:0;bottom:0;right:50%;width:3px;margin-right:-1.5px;background:linear-gradient(180deg,var(--red),rgba(174,26,26,.15));border-radius:3px}
.mp.ltr.cw .cu-flow .ti{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:34px}
.mp.ltr.cw .cu-flow .ti .tc{grid-column:1;grid-row:1}
.mp.ltr.cw .cu-flow .ti .tp{grid-column:2;grid-row:1}
.mp.ltr.cw .cu-flow .ti.alt .tc{grid-column:2}
.mp.ltr.cw .cu-flow .ti.alt .tp{grid-column:1}
.mp.ltr.cw .cu-flow .dot{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);z-index:1;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;font-weight:900;font-size:18px;display:grid;place-items:center;box-shadow:0 0 0 7px #fff,0 0 0 9px rgba(174,26,26,.2)}
.mp.ltr.cw .cu-flow .tc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:0 12px 30px rgba(36,41,47,.07);position:relative}
.mp.ltr.cw .cu-flow .tc:after{content:"";position:absolute;top:50%;left:-9px;width:16px;height:16px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.mp.ltr.cw .cu-flow .ti.alt .tc:after{left:auto;right:-9px;transform:translateY(-50%) rotate(-135deg)}
.mp.ltr.cw .cu-flow .tc h4{margin:0 0 12px;padding:0;border:0}
.mp.ltr.cw .cu-flow .tc .cl2 li{font-size:14.5px;line-height:2}
.mp.ltr.cw .cu-flow .tp .pic img{width:100%;max-width:340px;border-radius:20px;box-shadow:0 14px 34px rgba(36,41,47,.12)}
.mp.ltr.cw .cu-flow .why-box{margin-top:50px;background:linear-gradient(160deg,#24292f,#14171b);border-radius:26px;padding:34px 30px}
.mp.ltr.cw .cu-flow .why-box h4{color:#fff!important;text-align:center;font-size:22px;margin:0 0 24px}
.mp.ltr.cw .cu-flow .why-box .cl2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mp.ltr.cw .cu-flow .why-box .cl2 li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--red);border-radius:16px;padding:20px 18px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.95}
.mp.ltr.cw .cu-flow .why-box .cl2 li:before{display:none}
.mp.ltr.cw .cu-flow .why-box z{color:#fff!important;font-size:17px!important;margin-bottom:6px}
@media(max-width:991px){.mp.ltr.cw .cu-flow .tl:before{right:24px}.mp.ltr.cw .cu-flow .ti,.mp.ltr.cw .cu-flow .ti.alt{grid-template-columns:1fr;gap:16px;padding-right:66px}.mp.ltr.cw .cu-flow .ti .tc,.mp.ltr.cw .cu-flow .ti.alt .tc{grid-column:1;grid-row:1}.mp.ltr.cw .cu-flow .ti .tp,.mp.ltr.cw .cu-flow .ti.alt .tp{grid-column:1;grid-row:2}.mp.ltr.cw .cu-flow .tp:empty{display:none}.mp.ltr.cw .cu-flow .dot{top:24px;right:24px;transform:translate(50%,0)}.mp.ltr.cw .cu-flow .tc:after,.mp.ltr.cw .cu-flow .ti.alt .tc:after{display:none}.mp.ltr.cw .cu-flow .why-box .cl2{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.mp.ltr.cw .cu-flow .ti,.mp.ltr.cw .cu-flow .ti.alt{padding-right:52px}.mp.ltr.cw .cu-flow .tl:before,.mp.ltr.cw .cu-flow .dot{right:18px}.mp.ltr.cw .cu-flow .dot{width:38px;height:38px;font-size:15px}.mp.ltr.cw .cu-flow .tc{padding:20px 18px}.mp.ltr.cw .cu-flow .tp .pic img{max-width:260px}.mp.ltr.cw .cu-flow .why-box{padding:24px 16px}.mp.ltr.cw .cu-flow .why-box .cl2{grid-template-columns:1fr}}
.mp.ltr.cw .cu-flow .tl:before{right:auto;left:50%;margin:0 0 0 -1.5px}
.mp.ltr.cw .cu-flow .dot{right:auto;left:50%;transform:translate(-50%,-50%)}
.mp.ltr.cw .cu-flow .tc:after{left:auto;right:-9px;transform:translateY(-50%) rotate(-135deg)}
.mp.ltr.cw .cu-flow .ti.alt .tc:after{right:auto;left:-9px;transform:translateY(-50%) rotate(45deg)}
.mp.ltr.cw .cu-flow .th{color:var(--red)!important;font-size:19px!important;font-weight:800;margin:0 0 10px;line-height:1.5}
.mp.ltr.cw .cu-flow .tc p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 10px}
.mp.ltr.cw .cu-flow .tc p strong{color:var(--ink)}
.mp.ltr.cw .cu-flow .tc .cl2{margin:0 0 10px}
.mp.ltr.cw .cu-flow .tc .cl2 li{padding:0 0 0 26px;font-size:14.5px;line-height:1.9;color:var(--ink)}
.mp.ltr.cw .cu-flow .tc .cl2 li:before{right:auto;left:0}
.mp.ltr.cw .cu-flow .tp .pic img{max-width:380px}
@media(max-width:991px){.mp.ltr.cw .cu-flow .tl:before{left:24px}.mp.ltr.cw .cu-flow .ti,.mp.ltr.cw .cu-flow .ti.alt{padding:0 0 0 66px}.mp.ltr.cw .cu-flow .dot{left:24px;top:24px;transform:translate(-50%,0)}}
@media(max-width:575px){.mp.ltr.cw .cu-flow .ti,.mp.ltr.cw .cu-flow .ti.alt{padding:0 0 0 52px}.mp.ltr.cw .cu-flow .tl:before,.mp.ltr.cw .cu-flow .dot{left:18px}}
/* EN custom: red idea band + why-box cards */
.mp.ltr.cw .cw-turn{padding:56px 0;background:radial-gradient(ellipse at 15% 0%,#ae1a1a 0%,#7d1212 55%,#4a0d0d 100%);text-align:center}
.mp.ltr.cw .cw-turn h1{color:#fff!important;font-size:27px;font-weight:900;max-width:900px;margin:0 auto 16px;line-height:1.45}
.mp.ltr.cw .cw-turn p{color:rgba(255,255,255,.9);font-size:15.5px;line-height:2;max-width:1000px;margin:0 auto}
.mp.ltr.cw .cu-flow .why-box .wh{color:#fff!important;text-align:center;font-size:22px;font-weight:800;margin:0 0 24px}
.mp.ltr.cw .cu-flow .why-box .cl2 li{padding:22px 20px}
.mp.ltr.cw .cu-flow .why-box .wt{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mp.ltr.cw .cu-flow .why-box .wt .ic{flex:0 0 42px;height:42px;border-radius:12px;background:#fff;color:#ae1a1a;display:grid;place-items:center;font-size:17px}
.mp.ltr.cw .cu-flow .why-box .wt h1{color:#fff!important;font-size:16.5px;font-weight:800;margin:0;line-height:1.45}
.mp.ltr.cw .cu-flow .why-box p{color:rgba(255,255,255,.8);font-size:14px;line-height:1.85;margin:0}
@media(max-width:575px){.mp.ltr.cw .cw-turn{padding:38px 0}.mp.ltr.cw .cw-turn h1{font-size:20px}}
.mp.ltr.cw .cu-flow .tc .dl{list-style:none;margin:6px 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mp.ltr.cw .cu-flow .tc .dl li{position:relative;background:#fdfcf7;border:1px solid var(--line);border-radius:10px;padding:8px 10px 8px 28px;font-size:13.5px;font-weight:700;color:var(--ink)!important;line-height:1.5}
.mp.ltr.cw .cu-flow .tc .dl li:before{content:"";position:absolute;left:11px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--red)}
@media(max-width:575px){.mp.ltr.cw .cu-flow .tc .dl{grid-template-columns:1fr}}
/* EN custom: steps 4+5 side by side, why-box full width */
.mp.ltr.cw .cu-flow{padding-bottom:0;overflow:clip}
.mp.ltr.cw .cu-flow .duo{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:10px}
.mp.ltr.cw .cu-flow .duo .tc:after{display:none}
.mp.ltr.cw .cu-flow .duo .tc{border-top:3px solid var(--red)}
.mp.ltr.cw .cu-flow .dh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mp.ltr.cw .cu-flow .dh .th{margin:0!important}
.mp.ltr.cw .cu-flow .dn{flex:0 0 40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-weight:900;font-size:16px;display:grid;place-items:center;box-shadow:0 0 0 5px var(--pink)}
.mp.ltr.cw .cu-flow .why-box{margin:60px calc(50% - 50vw) 0;padding:56px calc(50vw - 50% + 0px);border-radius:0}
@media(max-width:991px){.mp.ltr.cw .cu-flow .duo{grid-template-columns:1fr;padding-left:66px}}
@media(max-width:575px){.mp.ltr.cw .cu-flow .duo{padding-left:52px}.mp.ltr.cw .cu-flow .why-box{padding:38px 16px}}
/* EN custom: tighter timeline, image = card height */
.mp.ltr.cw .cu-flow{padding-top:48px}
.mp.ltr.cw .cu-flow .sh{margin-bottom:24px}
.mp.ltr.cw .cu-flow .ti{gap:56px;margin-bottom:18px;align-items:stretch}
.mp.ltr.cw .cu-flow .tc{padding:22px 24px}
.mp.ltr.cw .cu-flow .tp{display:flex}
.mp.ltr.cw .cu-flow .tp .pic{position:relative;flex:1;min-height:220px;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(36,41,47,.12)}
.mp.ltr.cw .cu-flow .tp .pic img{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.mp.ltr.cw .cu-flow .duo{padding-top:0}
.mp.ltr.cw .cu-flow .why-box{margin-top:44px}
@media(max-width:991px){.mp.ltr.cw .cu-flow .tp .pic{min-height:240px}}
/* custom website (AR + EN): unified section spacing 30px */
.mp.cw > section:not(.mp-banner){padding-top:30px!important;padding-bottom:30px!important}
.mp.ltr.cw .cu-flow .why-box{margin-top:30px;margin-bottom:-30px;padding-top:30px;padding-bottom:30px}

/* EN online store: more variety */
/* capabilities: sticky red title panel + 2-col feature list (no boxes) */









/* admin table on cream */


/* why: pink cards, icon beside title */











/* EN online store: final CTA as 2 columns */










/* EN online store: points = big box + image, then 3 boxes */













/* EN online store: capabilities v3 — masonry cards with numbers */














/* EN online store: banner paragraph in a glass card, 2 columns */



/* EN online store: capabilities in 4 stages, each a different look */







/* stage 1: bento — big red card + 4 white */








/* stage 2: dark panel with 4 glass cards */







/* stage 3: numbered list rows (no boxes) */









/* stage 4: pink cards, icon on top, centered */









/* reset older capability styles inside the 4 stages */























/* calmer capabilities: soft colors, less red */




/* stage 1: first card soft pink instead of red */





/* stage 2: light cream panel instead of dark */






/* stage 3: smaller numbers */

/* stage 4: no red flip on hover */





/* ===== EN online store v5: rows of 3, varied styles, icon beside title ===== */













/* custom bento: compact */









/* admin: 3 bands of 6 with different looks, number beside title */











/* ===== EN online store v6: 6 rows of 3, each row a different layout ===== */







/* r1: white cards, red top line */

/* r2: no boxes — cream band, columns split by lines */




/* r3: dark band, light text */






/* r4: numbered list, big number beside title, underline only */



/* r5: pink rounded cards, icon circle */


/* r6: red-outlined cards */


/* r3 redo: card with red header strip (icon + title), white body */






/* r4 redo: cream cards, number badge beside title */



/* ===== EN Online store (mp ltr eo2) — clean compact layout ===== */
.mp.eo2 > section:not(.mp-banner){padding:44px 0}
.mp.ltr.eo2 .sec-title{margin-bottom:26px}
.mp.ltr.eo2 .lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:980px;margin:-12px auto 26px;text-align:center}
/* banner: paragraph in glass card, 2 columns */
.mp.ltr.eo2 .mp-banner .bread-title{max-width:1150px}
.mp.ltr.eo2 .mp-banner .bread-title p{columns:2;column-gap:40px;column-rule:1px solid rgba(255,255,255,.18);text-align:left;margin:22px auto 0;padding:22px 28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:20px;font-size:15px;line-height:1.8}
.mp.ltr.eo2 .mp-banner .bread-title p br{display:block;content:"";margin-top:8px}
/* intro */
.mp.ltr.eo2 .ex-intro{background:#fff}
.mp.ltr.eo2 .ex-intro .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.mp.ltr.eo2 .ex-intro .sec-title{justify-content:flex-start;text-align:left;margin-bottom:14px}
.mp.ltr.eo2 .ex-intro .sec-title:before,.mp.ltr.eo2 .ex-intro .sec-title:after{display:none}
.mp.ltr.eo2 .ex-intro p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 14px}
.mp.ltr.eo2 .ex-intro .ck{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.mp.ltr.eo2 .ex-intro .ck li{position:relative;padding-left:28px;font-size:14.5px;font-weight:700;color:var(--ink)!important;line-height:1.7}
.mp.ltr.eo2 .ex-intro .ck li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}
.mp.ltr.eo2 .ex-intro .pic img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 36px rgba(36,41,47,.14);display:block}
/* approach: image + red hero point, then 3 white cards */
.mp.ltr.eo2 .ex-appr{background:#fdfcf7}
.mp.ltr.eo2 .ex-appr .top{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mp.ltr.eo2 .ex-appr .pic{grid-column:3;grid-row:1;position:relative;min-height:240px;border-radius:18px;overflow:hidden}
.mp.ltr.eo2 .ex-appr .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp.ltr.eo2 .ex-appr .pt{list-style:none;margin:0;padding:0}
.mp.ltr.eo2 .ex-appr .pt li{height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;font-size:14px;line-height:1.85;color:var(--muted)!important}
.mp.ltr.eo2 .ex-appr .p1{grid-column:1/3;grid-row:1}
.mp.ltr.eo2 .ex-appr .p1 li{background:linear-gradient(120deg,#ae1a1a,#7d1212);border:0;color:rgba(255,255,255,.9)!important}
.mp.ltr.eo2 .ex-appr .hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mp.ltr.eo2 .ex-appr .ic{flex:0 0 44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:17px}
.mp.ltr.eo2 .ex-appr .p1 .ic{background:#fff;color:#ae1a1a}
.mp.ltr.eo2 .ex-appr .h{font-size:16.5px;font-weight:800;color:var(--ink);line-height:1.45}
.mp.ltr.eo2 .ex-appr .p1 .h{color:#fff;font-size:19px}
.mp.ltr.eo2 .ex-appr .go{text-align:center;margin-top:22px}
/* shared 3-col icon list */
.mp.ltr.eo2 .l3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}
.mp.ltr.eo2 .l3 .it{display:flex;gap:14px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}
.mp.ltr.eo2 .l3 .it:nth-last-child(-n+3){border-bottom:0}
.mp.ltr.eo2 .l3 .ic{flex:0 0 44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:17px}
.mp.ltr.eo2 .l3 h1,.mp.ltr.eo2 .l3 h3{font-size:16px;font-weight:800;color:var(--ink)!important;margin:10px 0 8px;line-height:1.45}
.mp.ltr.eo2 .l3 p{font-size:13.8px;line-height:1.8;color:var(--muted);margin:0}
/* capabilities: white */
.mp.ltr.eo2 .ex-cap{background:#fff}
/* benefits band (custom store) */
.mp.ltr.eo2 .ex-ben{background:radial-gradient(ellipse at 20% 0%,#ae1a1a 0%,#7d1212 55%,#4a0d0d 100%)}
.mp.ltr.eo2 .ex-ben .sec-title{color:#fff!important}
.mp.ltr.eo2 .ex-ben .lead{color:rgba(255,255,255,.85)}
.mp.ltr.eo2 .ex-ben .bg{display:grid;grid-template-columns:1.6fr repeat(5,1fr);align-items:stretch}
.mp.ltr.eo2 .ex-ben .m{padding:6px 26px 6px 0}
.mp.ltr.eo2 .ex-ben .m h3{color:#fff!important;font-size:21px;font-weight:900;margin:0 0 8px}
.mp.ltr.eo2 .ex-ben .m p{color:rgba(255,255,255,.88);font-size:14px;line-height:1.8;margin:0 0 14px}
.mp.ltr.eo2 .ex-ben .m .mp-btn{background:#fff;color:#ae1a1a!important}
.mp.ltr.eo2 .ex-ben .b{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 14px;border-left:1px solid rgba(255,255,255,.18)}
.mp.ltr.eo2 .ex-ben .em{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:26px;margin-bottom:10px}
.mp.ltr.eo2 .ex-ben .b h1{color:#fff!important;font-size:16px;font-weight:800;margin:0;line-height:1.4}
.mp.ltr.eo2 .ex-ben .b p{color:rgba(255,255,255,.8);font-size:12.5px;line-height:1.6;margin:6px 0 0}
/* management: cream + white panel */
.mp.ltr.eo2 .ex-mgmt{background:#fdfcf7}
.mp.ltr.eo2 .ex-mgmt .l3{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 28px}
.mp.ltr.eo2 .ex-mgmt .l3 .ic{background:var(--pink);color:var(--red)}
/* why: white, round icons */
.mp.ltr.eo2 .ex-why{background:#fff}
.mp.ltr.eo2 .ex-why .l3 .ic{border-radius:50%;width:48px;height:48px;flex-basis:48px}
/* process: circles with connectors */
.mp.ltr.eo2 .ex-proc{background:#fdfcf7}
.mp.ltr.eo2 .ex-proc .pr{display:grid;grid-template-columns:repeat(8,1fr);gap:26px 18px}
.mp.ltr.eo2 .ex-proc .st{grid-column:span 2;position:relative;text-align:center}
.mp.ltr.eo2 .ex-proc .st:nth-child(5){grid-column:2/4}
.mp.ltr.eo2 .ex-proc .st:not(:nth-child(4)):not(:last-child):after{content:"";position:absolute;top:36px;left:calc(50% + 46px);right:calc(-50% + 36px);height:2px;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 14px);opacity:.5}
.mp.ltr.eo2 .ex-proc .cc{position:relative;width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:#fff;border:2px solid var(--red);color:var(--red);display:grid;place-items:center;font-size:24px;box-shadow:0 0 0 6px var(--pink)}
.mp.ltr.eo2 .ex-proc .cc b{position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #fff}
.mp.ltr.eo2 .ex-proc .st h1{font-size:16.5px;font-weight:800;color:var(--ink);margin:0 0 6px;line-height:1.4}
.mp.ltr.eo2 .ex-proc .st p{font-size:13.5px;line-height:1.8;color:var(--muted);margin:0}
/* faq + portfolio */
.mp.ltr.eo2 .mp-acc{background:#fff}
.mp.ltr.eo2 .mp-port{background:#fdfcf7}
/* final CTA: 2 columns */
.mp.ltr.eo2 .ap-price{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 55%,#3a0507 100%);text-align:left}
.mp.ltr.eo2 .ap-price .wrap{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:1fr auto auto 1fr;column-gap:50px;align-items:center}
.mp.ltr.eo2 .ap-price h2{grid-column:1;grid-row:2;color:#fff;font-size:32px;font-weight:800;line-height:1.35;margin:0 0 20px;padding-left:18px;border-left:5px solid #fff}
.mp.ltr.eo2 .ap-price .btns{grid-column:1;grid-row:3}
.mp.ltr.eo2 .ap-price .mp-btn{background:#fff;color:#ae1a1a!important}
.mp.ltr.eo2 .ap-price p{grid-column:2;grid-row:1/5;margin:0;padding:22px 26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:20px;color:rgba(255,255,255,.9);font-size:15px;line-height:1.75}
.mp.ltr.eo2 .ap-price p br{display:block;content:"";margin-top:5px}
@media(max-width:1199px){.mp.ltr.eo2 .ex-ben .bg{grid-template-columns:repeat(5,1fr)}.mp.ltr.eo2 .ex-ben .m{grid-column:1/-1;padding:0 0 22px;text-align:center}.mp.ltr.eo2 .ex-ben .b:nth-child(2){border-left:0}}
@media(max-width:991px){.mp.ltr.eo2 .ex-intro .wrap{grid-template-columns:1fr}.mp.ltr.eo2 .ex-appr .top{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .ex-appr .pic{grid-column:1/-1;grid-row:auto}.mp.ltr.eo2 .ex-appr .p1{grid-column:1/-1;grid-row:auto}.mp.ltr.eo2 .ex-appr .p4{grid-column:1/-1}.mp.ltr.eo2 .l3{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .l3 .it:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.mp.ltr.eo2 .l3 .it:nth-last-child(-n+2){border-bottom:0}.mp.ltr.eo2 .ex-ben .bg{grid-template-columns:repeat(3,1fr);row-gap:18px}.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .ex-proc .st,.mp.ltr.eo2 .ex-proc .st:nth-child(5){grid-column:auto}.mp.ltr.eo2 .ex-proc .st:after{display:none}.mp.ltr.eo2 .ap-price .wrap{grid-template-columns:1fr;grid-template-rows:none}.mp.ltr.eo2 .ap-price h2,.mp.ltr.eo2 .ap-price p,.mp.ltr.eo2 .ap-price .btns{grid-column:1;grid-row:auto}.mp.ltr.eo2 .ap-price p{margin-bottom:18px}.mp.ltr.eo2 .ap-price h2{font-size:24px}.mp.ltr.eo2 .mp-banner .bread-title p{columns:1}}
@media(max-width:575px){.mp.eo2 > section:not(.mp-banner){padding:32px 0}.mp.ltr.eo2 .ex-intro .ck,.mp.ltr.eo2 .ex-appr .top,.mp.ltr.eo2 .l3,.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:1fr}.mp.ltr.eo2 .ex-appr .pic{display:none}.mp.ltr.eo2 .l3 .it:nth-last-child(2){border-bottom:1px solid var(--line)}.mp.ltr.eo2 .ex-ben .bg{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .ex-ben .b{border-left:0}.mp.ltr.eo2 .ex-mgmt .l3{padding:4px 18px}}
/* EN online store: capabilities as compact bordered boxes (reference style) */
.mp.ltr.eo2 .ex-cap .l3{gap:14px}
.mp.ltr.eo2 .ex-cap .l3 .it,.mp.ltr.eo2 .ex-cap .l3 .it:nth-last-child(-n+3){padding:16px 18px;border:1px solid #ecdcd9;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(36,41,47,.04);transition:border-color .25s,box-shadow .25s}
.mp.ltr.eo2 .ex-cap .l3 .it:hover{border-color:rgba(174,26,26,.45);box-shadow:0 10px 22px rgba(174,26,26,.08)}
.mp.ltr.eo2 .ex-cap .l3 .ic{flex:0 0 40px;height:40px;border-radius:10px;background:#fff;color:var(--red);border:1.5px solid rgba(174,26,26,.35);font-size:16px}
.mp.ltr.eo2 .ex-cap .l3 h1{margin:8px 0 6px;font-size:15.5px}
.mp.ltr.eo2 .ex-cap .l3 p{font-size:13.5px;line-height:1.75}
@media(max-width:991px){.mp.ltr.eo2 .ex-cap .l3 .it:nth-last-child(-n+2){border-bottom:1px solid #ecdcd9}}
/* EN online store: capabilities compact — text clamped to 3 lines, full text on hover/tap */
.mp.ltr.eo2 .ex-cap .l3{align-items:start}
.mp.ltr.eo2 .ex-cap .l3 .it{cursor:pointer}
.mp.ltr.eo2 .ex-cap .l3 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mp.ltr.eo2 .ex-cap .l3 .it:hover p,.mp.ltr.eo2 .ex-cap .l3 .it:focus-within p{-webkit-line-clamp:unset;display:block}
.mp.ltr.eo2 .ex-cap .l3 p br{display:none}
/* EN online store: admin + stages like the reference */
/* admin: compact white boxes, plain red icon, 3 lines + expand */
.mp.ltr.eo2 .ex-mgmt .l3{background:none;border:0;padding:0;gap:14px;align-items:start}
.mp.ltr.eo2 .ex-mgmt .l3 .it,.mp.ltr.eo2 .ex-mgmt .l3 .it:nth-last-child(-n+3){padding:16px 18px;background:#fff;border:0;border-radius:12px;box-shadow:0 4px 16px rgba(36,41,47,.07);cursor:pointer;transition:box-shadow .25s}
.mp.ltr.eo2 .ex-mgmt .l3 .it:hover{box-shadow:0 12px 26px rgba(174,26,26,.12)}
.mp.ltr.eo2 .ex-mgmt .l3 .ic{flex:0 0 34px;height:34px;background:none;color:var(--red);font-size:24px}
.mp.ltr.eo2 .ex-mgmt .l3 h3{margin:4px 0 6px;font-size:15.5px}
.mp.ltr.eo2 .ex-mgmt .l3 p{font-size:13.5px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mp.ltr.eo2 .ex-mgmt .l3 p br{display:none}
.mp.ltr.eo2 .ex-mgmt .l3 .it:hover p{-webkit-line-clamp:unset;display:block}
/* stages: soft boxes with number badge on top */
.mp.ltr.eo2 .ex-proc .pr{align-items:start;gap:34px 16px;padding-top:14px}
.mp.ltr.eo2 .ex-proc .st{background:#fbf3f2;border:1px solid #f1dcd9;border-radius:14px;padding:26px 16px 16px;cursor:pointer;transition:box-shadow .25s}
.mp.ltr.eo2 .ex-proc .st:hover{box-shadow:0 12px 26px rgba(174,26,26,.1)}
.mp.ltr.eo2 .ex-proc .st:after{display:none}
.mp.ltr.eo2 .ex-proc .cc{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;margin:0;background:var(--red);border:3px solid #fff;box-shadow:0 0 0 1px #f1dcd9;font-size:0}
.mp.ltr.eo2 .ex-proc .cc i{display:none}
.mp.ltr.eo2 .ex-proc .cc b{position:static;width:auto;height:auto;border:0;background:none;font-size:12px;font-weight:900;color:#fff}
.mp.ltr.eo2 .ex-proc .st h1{font-size:15.5px;margin:0 0 6px}
.mp.ltr.eo2 .ex-proc .st p{font-size:13.2px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mp.ltr.eo2 .ex-proc .st p br{display:none}
.mp.ltr.eo2 .ex-proc .st:hover p{-webkit-line-clamp:unset;display:block}
@media(max-width:991px){.mp.ltr.eo2 .ex-mgmt .l3 .it:nth-last-child(-n+2){border:0}}
/* EN online store: why choose like reference (compact, 3 lines + expand) */
.mp.ltr.eo2 .ex-why .l3{gap:14px;align-items:start}
.mp.ltr.eo2 .ex-why .l3 .it,.mp.ltr.eo2 .ex-why .l3 .it:nth-last-child(-n+3){padding:16px 18px;border:0;border-radius:12px;background:#fdfcf7;cursor:pointer;transition:box-shadow .25s}
.mp.ltr.eo2 .ex-why .l3 .it:hover{box-shadow:0 12px 26px rgba(174,26,26,.1)}
.mp.ltr.eo2 .ex-why .l3 .ic{flex:0 0 42px;width:42px;height:42px;border-radius:10px}
.mp.ltr.eo2 .ex-why .l3 h3{margin:6px 0 6px;font-size:15.5px}
.mp.ltr.eo2 .ex-why .l3 p{font-size:13.5px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.mp.ltr.eo2 .ex-why .l3 p br{display:none}
.mp.ltr.eo2 .ex-why .l3 .it:hover p{-webkit-line-clamp:unset;display:block}
/* approach: 3 lower cards compact too */
.mp.ltr.eo2 .ex-appr .top{align-items:start}
.mp.ltr.eo2 .ex-appr .pt:not(.p1) li{height:auto;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;box-shadow:0 4px 16px rgba(36,41,47,.07);border:0}
.mp.ltr.eo2 .ex-appr .pt:not(.p1) li:hover{-webkit-line-clamp:unset;display:block}
/* EN online store: capabilities — red square icons, soft cards (reference top list) */
.mp.ltr.eo2 .ex-cap{background:#fff}
.mp.ltr.eo2 .ex-cap .l3{gap:16px 18px}
.mp.ltr.eo2 .ex-cap .l3 .it,.mp.ltr.eo2 .ex-cap .l3 .it:nth-last-child(-n+3){padding:18px;border:1px solid #f3e6e3;border-radius:14px;background:#fffaf9;box-shadow:none}
.mp.ltr.eo2 .ex-cap .l3 .it:hover{background:#fff;border-color:rgba(174,26,26,.35);box-shadow:0 12px 26px rgba(174,26,26,.09)}
.mp.ltr.eo2 .ex-cap .l3 .ic{flex:0 0 46px;height:46px;border-radius:12px;border:0;background:linear-gradient(140deg,#c42323,#8e1414);color:#fff;font-size:18px;box-shadow:0 6px 14px rgba(174,26,26,.25)}
.mp.ltr.eo2 .ex-cap .l3 h1{margin:2px 0 6px;font-size:16px}
/* EN online store: no expand on hover — boxes keep the same compact size */
.mp.ltr.eo2 .ex-cap .l3 .it:hover p,.mp.ltr.eo2 .ex-cap .l3 .it:focus-within p,.mp.ltr.eo2 .ex-mgmt .l3 .it:hover p,.mp.ltr.eo2 .ex-why .l3 .it:hover p,.mp.ltr.eo2 .ex-proc .st:hover p{display:-webkit-box;-webkit-line-clamp:3}
.mp.ltr.eo2 .ex-appr .pt:not(.p1) li:hover{display:-webkit-box;-webkit-line-clamp:6}
.mp.ltr.eo2 .ex-cap .l3 .it,.mp.ltr.eo2 .ex-mgmt .l3 .it,.mp.ltr.eo2 .ex-why .l3 .it,.mp.ltr.eo2 .ex-proc .st,.mp.ltr.eo2 .ex-appr .pt:not(.p1) li{cursor:default}
/* EN online store: full text shown, equal heights per row */
.mp.ltr.eo2 .ex-cap .l3 p,.mp.ltr.eo2 .ex-mgmt .l3 p,.mp.ltr.eo2 .ex-why .l3 p,.mp.ltr.eo2 .ex-proc .st p,.mp.ltr.eo2 .ex-cap .l3 .it:hover p,.mp.ltr.eo2 .ex-mgmt .l3 .it:hover p,.mp.ltr.eo2 .ex-why .l3 .it:hover p,.mp.ltr.eo2 .ex-proc .st:hover p{display:block;-webkit-line-clamp:unset;overflow:visible}
.mp.ltr.eo2 .ex-appr .pt:not(.p1) li,.mp.ltr.eo2 .ex-appr .pt:not(.p1) li:hover{display:block;-webkit-line-clamp:unset;height:100%}
.mp.ltr.eo2 .ex-appr .top,.mp.ltr.eo2 .ex-cap .l3,.mp.ltr.eo2 .ex-mgmt .l3,.mp.ltr.eo2 .ex-why .l3{align-items:stretch}
/* stages: one row of steps with arrows between (like the reference) */
.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:repeat(7,1fr);gap:0 30px;align-items:stretch;padding-top:16px}
.mp.ltr.eo2 .ex-proc .st,.mp.ltr.eo2 .ex-proc .st:nth-child(5){grid-column:auto;padding:28px 14px 16px}
.mp.ltr.eo2 .ex-proc .st:not(:last-child):after{display:block;content:"";position:absolute;top:50%;right:-23px;left:auto;width:16px;height:16px;margin-top:-8px;background:none;opacity:1;border-top:3px solid var(--red);border-right:3px solid var(--red);transform:rotate(45deg)}
.mp.ltr.eo2 .ex-proc .st h1{font-size:15px}
.mp.ltr.eo2 .ex-proc .st p{font-size:13px;line-height:1.7}
@media(max-width:1199px){.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:repeat(4,1fr);row-gap:34px}.mp.ltr.eo2 .ex-proc .st:nth-child(4):after{display:none}}
@media(max-width:991px){.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .ex-proc .st:after{display:none!important}}
@media(max-width:575px){.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:1fr}}
/* stages: 4 + 3 rows, clean arrows */
.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:repeat(8,1fr);row-gap:36px}
.mp.ltr.eo2 .ex-proc .pr .st,.mp.ltr.eo2 .ex-proc .pr .st:nth-child(5){grid-column:span 2}
.mp.ltr.eo2 .ex-proc .pr .st:nth-child(5){grid-column:2/4}
.mp.ltr.eo2 .ex-proc .pr .st:after{display:none!important}
.mp.ltr.eo2 .ex-proc .pr .st:not(:nth-child(4)):not(:last-child):before{content:"";position:absolute;top:50%;right:-22px;width:14px;height:14px;margin-top:-7px;border-top:3px solid var(--red);border-right:3px solid var(--red);transform:rotate(45deg)}
.mp.ltr.eo2 .ex-proc .st h1{font-size:16px}
.mp.ltr.eo2 .ex-proc .st p{font-size:13.5px;line-height:1.8}
@media(max-width:991px){.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .ex-proc .pr .st,.mp.ltr.eo2 .ex-proc .pr .st:nth-child(5){grid-column:auto}.mp.ltr.eo2 .ex-proc .pr .st:before{display:none}}
@media(max-width:575px){.mp.ltr.eo2 .ex-proc .pr{grid-template-columns:1fr}}

/* ===== EN online store v8: split long sections into varied sub-sections ===== */
.mp.ltr.eo2 .nh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.mp.ltr.eo2 .nh h1,.mp.ltr.eo2 .nh h3{font-size:16px;font-weight:800;margin:0;line-height:1.45}
.mp.ltr.eo2 .ex-cap2 p,.mp.ltr.eo2 .ex-cap3 p,.mp.ltr.eo2 .ex-mg2 p,.mp.ltr.eo2 .ex-mg3 p{font-size:13.8px;line-height:1.8;margin:0}
/* caps 2: cream band, numbered 2-col list (no boxes) */
.mp.ltr.eo2 .ex-cap2{background:#fdfcf7}
.mp.ltr.eo2 .ex-cap2 .nl{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.mp.ltr.eo2 .ex-cap2 .it{padding:20px 0;border-bottom:1px dashed #e6d4d0}
.mp.ltr.eo2 .ex-cap2 .it:nth-last-child(-n+2){border-bottom:0}
.mp.ltr.eo2 .ex-cap2 .no{font-size:26px;font-weight:900;color:var(--red);line-height:1;min-width:38px}
.mp.ltr.eo2 .ex-cap2 .ic{flex:0 0 38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid rgba(174,26,26,.35);color:var(--red);display:grid;place-items:center;font-size:15px}
.mp.ltr.eo2 .ex-cap2 h1{color:var(--ink)!important}
.mp.ltr.eo2 .ex-cap2 p{color:var(--muted);padding-left:50px}
/* caps 3: dark band, glass cards */
.mp.ltr.eo2 .ex-cap3{background:linear-gradient(160deg,#2b3036,#1b1f24)}
.mp.ltr.eo2 .ex-cap3 .dg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mp.ltr.eo2 .ex-cap3 .it{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:background .25s}
.mp.ltr.eo2 .ex-cap3 .it:hover{background:rgba(255,255,255,.09)}
.mp.ltr.eo2 .ex-cap3 .ic{flex:0 0 42px;height:42px;border-radius:12px;background:#fff;color:var(--red);display:grid;place-items:center;font-size:16px}
.mp.ltr.eo2 .ex-cap3 h1{color:#fff!important}
.mp.ltr.eo2 .ex-cap3 p{color:rgba(255,255,255,.78)}
/* the advantage: compact, white */
.mp.ltr.eo2 .ex-ben{background:#fff}
.mp.ltr.eo2 .ex-ben .sec-title{color:var(--ink)!important}
.mp.ltr.eo2 .ex-ben .lead{color:var(--muted)}
.mp.ltr.eo2 .ex-ben .row{display:grid;grid-template-columns:.9fr 2fr;gap:18px;margin:0;align-items:stretch}
.mp.ltr.eo2 .ex-ben .m{padding:24px;border-radius:18px;background:linear-gradient(140deg,#ae1a1a,#7d1212);display:flex;flex-direction:column;justify-content:center}
.mp.ltr.eo2 .ex-ben .m h3{font-size:20px;margin:0 0 8px}
.mp.ltr.eo2 .ex-ben .m .mp-btn{align-self:flex-start}
.mp.ltr.eo2 .ex-ben .chips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mp.ltr.eo2 .ex-ben .chips .b{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fdfcf7}
.mp.ltr.eo2 .ex-ben .chips .b.w{grid-column:span 2}
.mp.ltr.eo2 .ex-ben .chips .em{flex:0 0 46px;width:46px;height:46px;margin:0;background:#fff;border:1px solid var(--line);font-size:22px}
.mp.ltr.eo2 .ex-ben .chips h1{color:var(--ink)!important;font-size:15.5px}
.mp.ltr.eo2 .ex-ben .chips p{color:var(--muted);font-size:13px;margin:2px 0 0}
/* admin 1 stays (cream + white boxes) */
/* admin 2: white, bordered table */
.mp.ltr.eo2 .ex-mg2{background:#fff}
.mp.ltr.eo2 .ex-mg2 .tb{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.mp.ltr.eo2 .ex-mg2 .it{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.mp.ltr.eo2 .ex-mg2 .it:nth-child(3n){border-right:0}
.mp.ltr.eo2 .ex-mg2 .it:nth-last-child(-n+3){border-bottom:0}
.mp.ltr.eo2 .ex-mg2 .it:hover{background:#fdfcf7}
.mp.ltr.eo2 .ex-mg2 .no{flex:0 0 40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center}
.mp.ltr.eo2 .ex-mg2 h3{color:var(--ink)!important}
.mp.ltr.eo2 .ex-mg2 p{color:var(--muted)}
/* admin 3: pink band, rounded cards with icon circle */
.mp.ltr.eo2 .ex-mg3{background:#fbf3f2}
.mp.ltr.eo2 .ex-mg3 .pg3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mp.ltr.eo2 .ex-mg3 .it{background:#fff;border-radius:20px;padding:22px;box-shadow:0 6px 18px rgba(174,26,26,.06)}
.mp.ltr.eo2 .ex-mg3 .ic{flex:0 0 44px;height:44px;border-radius:50%;background:#fbf3f2;color:var(--red);display:grid;place-items:center;font-size:17px}
.mp.ltr.eo2 .ex-mg3 h3{color:var(--ink)!important}
.mp.ltr.eo2 .ex-mg3 p{color:var(--muted)}
/* tighter spacing between sub-sections of the same topic */
.mp.eo2 > section.ex-cap{padding-bottom:30px}
.mp.eo2 > section.ex-cap2,.mp.eo2 > section.ex-cap3,.mp.eo2 > section.ex-mg2,.mp.eo2 > section.ex-mg3{padding:34px 0}
@media(max-width:991px){.mp.ltr.eo2 .ex-cap2 .nl,.mp.ltr.eo2 .ex-ben .row{grid-template-columns:1fr}.mp.ltr.eo2 .ex-cap2 .it:nth-last-child(2){border-bottom:1px dashed #e6d4d0}.mp.ltr.eo2 .ex-cap3 .dg,.mp.ltr.eo2 .ex-mg2 .tb,.mp.ltr.eo2 .ex-mg3 .pg3,.mp.ltr.eo2 .ex-ben .chips{grid-template-columns:1fr 1fr}.mp.ltr.eo2 .ex-mg2 .it,.mp.ltr.eo2 .ex-mg2 .it:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.mp.ltr.eo2 .ex-mg2 .it:nth-child(2n){border-right:0}.mp.ltr.eo2 .ex-mg2 .it:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:575px){.mp.ltr.eo2 .ex-cap3 .dg,.mp.ltr.eo2 .ex-mg2 .tb,.mp.ltr.eo2 .ex-mg3 .pg3,.mp.ltr.eo2 .ex-ben .chips{grid-template-columns:1fr}.mp.ltr.eo2 .ex-ben .chips .b.w{grid-column:auto}.mp.ltr.eo2 .ex-mg2 .it,.mp.ltr.eo2 .ex-mg2 .it:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.mp.ltr.eo2 .ex-mg2 .it:last-child{border-bottom:0}.mp.ltr.eo2 .ex-cap2 p{padding-left:0}}
.mp.ltr.eo2 .ex-ben .chips{grid-template-columns:1fr 1fr}
@media(max-width:575px){.mp.ltr.eo2 .ex-ben .chips{grid-template-columns:1fr}}

/* ===== EN About (mp ltr ab) ===== */
.mp.ab > section:not(.mp-banner){padding:44px 0}
.mp.ltr.ab .th{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mp.ltr.ab .th h3{font-size:17px;font-weight:800;color:var(--ink)!important;margin:0;line-height:1.45}
.mp.ltr.ab p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0}
/* banner */
.mp.ltr.ab .mp-banner .bread-title{max-width:980px;text-align:center}
.mp.ltr.ab .mp-banner .crumbs{display:flex!important;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 0 10px}
.mp.ltr.ab .mp-banner .crumbs li{font-size:13px}
.mp.ltr.ab .mp-banner .crumbs li+li:before{content:"/";margin-right:8px;color:rgba(255,255,255,.6)}
.mp.ltr.ab .mp-banner .crumbs a{color:#fff!important;opacity:.85}
.mp.ltr.ab .mp-banner .bread-title p{color:#fff;opacity:.92}
.mp.ltr.ab .mp-banner .ofc{display:flex;justify-content:center;gap:16px;margin-top:26px}
.mp.ltr.ab .mp-banner .ofc img{width:180px;height:180px;object-fit:cover;border-radius:20px;border:4px solid rgba(255,255,255,.25);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.mp.ltr.ab .mp-banner .ofc img+img{transform:translateY(14px) rotate(3deg)}
.mp.ltr.ab .mp-banner .ofc img:first-child{transform:rotate(-3deg)}
/* founder */
.mp.ltr.ab .ab-fd{background:#fff}
.mp.ltr.ab .ab-fd .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.mp.ltr.ab .ab-fd .pic img{width:100%;height:auto;border-radius:22px;box-shadow:0 18px 40px rgba(36,41,47,.14);display:block}
.mp.ltr.ab .ab-fd .qt{position:relative;background:#fdfcf7;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:20px;padding:30px}
.mp.ltr.ab .ab-fd h2{font-size:24px;font-weight:900;color:var(--ink);margin:0 0 14px;line-height:1.4}
.mp.ltr.ab .ab-fd .qt p{font-size:15px;line-height:2;color:var(--ink);opacity:.85;margin-bottom:20px}
.mp.ltr.ab .ab-fd .qt p .fas{color:var(--red);font-size:18px}
/* vision / mission: red band */
.mp.ltr.ab .ab-vm{background:radial-gradient(ellipse at 15% 0%,#ae1a1a 0%,#7d1212 55%,#4a0d0d 100%)}
.mp.ltr.ab .ab-vm .vg{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mp.ltr.ab .ab-vm .v{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:26px}
.mp.ltr.ab .ab-vm .ic{flex:0 0 58px;height:58px;border-radius:16px;background:#fff;display:grid;place-items:center}
.mp.ltr.ab .ab-vm .ic img{width:38px;height:38px}
.mp.ltr.ab .ab-vm h3{color:#fff!important;font-size:20px}
.mp.ltr.ab .ab-vm p{color:rgba(255,255,255,.88)}
/* why: cream, 2x2 cards */
.mp.ltr.ab .ab-why{background:#fdfcf7}
.mp.ltr.ab .ab-why .wg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mp.ltr.ab .ab-why .w{background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:18px;padding:24px;transition:transform .25s,box-shadow .25s}
.mp.ltr.ab .ab-why .w:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(174,26,26,.09)}
.mp.ltr.ab .ab-why .ic{flex:0 0 54px;height:54px;border-radius:14px;background:var(--pink);display:grid;place-items:center}
.mp.ltr.ab .ab-why .ic img{width:32px;height:32px}
/* journey: horizontal timeline */
.mp.ltr.ab .ab-jr{background:#fff}
.mp.ltr.ab .ab-jr .jl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:30px}
.mp.ltr.ab .ab-jr .jl:before{content:"";position:absolute;top:44px;left:8%;right:8%;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 18px);opacity:.45}
.mp.ltr.ab .ab-jr .j{position:relative;text-align:center;background:#fbf3f2;border-radius:18px;padding:52px 20px 22px;margin-top:14px}
.mp.ltr.ab .ab-jr .yr{position:absolute;top:-16px;left:50%;transform:translateX(-50%);padding:8px 18px;border-radius:30px;background:var(--red);color:#fff;font-weight:900;font-size:15px;box-shadow:0 0 0 5px #fff}
.mp.ltr.ab .ab-jr h3{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 10px}
.mp.ltr.ab .ab-jr p{font-size:14px}
/* industries */
.mp.ltr.ab .ab-ind{background:#fdfcf7}
.mp.ltr.ab .ab-ind .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.mp.ltr.ab .ab-ind .kick{display:inline-block;padding:6px 14px;border-radius:30px;background:var(--pink);color:var(--red);font-weight:800;font-size:13px;margin-bottom:12px}
.mp.ltr.ab .ab-ind h2{font-size:26px;font-weight:900;color:var(--ink);margin:0 0 14px;line-height:1.4}
.mp.ltr.ab .ab-ind .pic{text-align:center}
.mp.ltr.ab .ab-ind .pic img{max-width:100%;height:auto!important}
@media(max-width:991px){.mp.ltr.ab .ab-fd .wrap,.mp.ltr.ab .ab-ind .wrap,.mp.ltr.ab .ab-vm .vg{grid-template-columns:1fr}.mp.ltr.ab .ab-jr .jl{grid-template-columns:1fr 1fr;row-gap:34px}.mp.ltr.ab .ab-jr .jl:before{display:none}}
@media(max-width:767px){.mp.ltr.ab .mp-banner .ofc img{width:130px;height:130px}}
@media(max-width:575px){.mp.ab > section:not(.mp-banner){padding:32px 0}.mp.ltr.ab .ab-why .wg,.mp.ltr.ab .ab-jr .jl{grid-template-columns:1fr}.mp.ltr.ab .ab-fd .qt{padding:22px}.mp.ltr.ab .ab-fd h2,.mp.ltr.ab .ab-ind h2{font-size:21px}}
.mp.ltr.ab .mp-banner .crumbs li{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;width:auto!important;min-height:0!important}
.mp.ltr.ab .mp-banner .crumbs li:after{display:none!important}
.mp.ltr.ab .mp-banner .crumbs li:not(:first-child):before{content:"/"!important;display:inline!important;position:static!important;width:auto!important;height:auto!important;background:none!important;margin-right:8px;color:rgba(255,255,255,.6)}
.mp.ltr.ab .mp-banner .crumbs li:first-child:before{display:none!important}
.mp.ltr.ab .mp-banner .ofc{position:relative;z-index:3}
.mp.ltr.ab .mp-banner .ofc img{opacity:1!important;filter:none!important}
/* about journey: compact cards, year beside title, no stray line */
.mp.ltr.ab .ab-jr .jl{padding-top:0;align-items:stretch}
.mp.ltr.ab .ab-jr .jl:before{display:none}
.mp.ltr.ab .ab-jr .j{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:12px;align-items:center;align-content:start;text-align:left;margin:0;padding:22px;border:1px solid #f1dcd9;border-top:3px solid var(--red)}
.mp.ltr.ab .ab-jr .yr{position:static;transform:none;box-shadow:none;padding:6px 12px;font-size:14px}
.mp.ltr.ab .ab-jr h3{margin:0;font-size:16.5px}
.mp.ltr.ab .ab-jr p{grid-column:1/-1;margin-top:14px;padding-top:14px;border-top:1px dashed #ecd2ce}
.mp.ltr.ab .ab-jr .j{grid-template-rows:auto auto}
.mp.ltr.ab .ab-jr h3{line-height:1.35!important;min-height:44px;display:flex;align-items:center}
/* about journey: real vertical history timeline (alternating) */
.mp.ltr.ab .ab-jr .jl{display:block;position:relative;max-width:1100px;margin:0 auto;padding:10px 0}
.mp.ltr.ab .ab-jr .jl:before{display:block;content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,var(--red),rgba(174,26,26,.15));opacity:1;right:auto;height:auto;border-radius:3px}
.mp.ltr.ab .ab-jr .j{display:block;position:relative;width:calc(50% - 60px);margin:0 0 30px;padding:24px 26px;text-align:left;background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px rgba(36,41,47,.07)}
.mp.ltr.ab .ab-jr .j:last-child{margin-bottom:0}
.mp.ltr.ab .ab-jr .j:nth-child(even){margin-left:calc(50% + 60px)}
.mp.ltr.ab .ab-jr .j:after{content:"";position:absolute;top:34px;right:-9px;width:16px;height:16px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:rotate(45deg)}
.mp.ltr.ab .ab-jr .j:nth-child(even):after{right:auto;left:-9px;transform:rotate(-135deg)}
.mp.ltr.ab .ab-jr .yr{position:absolute;top:18px;right:-104px;left:auto;transform:none;width:88px;height:48px;padding:0;display:grid;place-items:center;border-radius:30px;background:var(--red);color:#fff;font-size:17px;font-weight:900;box-shadow:0 0 0 6px #fff,0 0 0 8px rgba(174,26,26,.2)}
.mp.ltr.ab .ab-jr .j:nth-child(even) .yr{right:auto;left:-104px}
.mp.ltr.ab .ab-jr h3{display:block;min-height:0;margin:0 0 10px;font-size:19px;color:var(--red)!important}
.mp.ltr.ab .ab-jr p{margin:0;padding:0;border:0;font-size:14.5px}
.mp.ltr.ab .ab-jr .j:hover{box-shadow:0 18px 38px rgba(174,26,26,.12)}
@media(max-width:991px){.mp.ltr.ab .ab-jr .jl:before{left:44px}.mp.ltr.ab .ab-jr .j,.mp.ltr.ab .ab-jr .j:nth-child(even){width:auto;margin-left:110px}.mp.ltr.ab .ab-jr .j:after,.mp.ltr.ab .ab-jr .j:nth-child(even):after{right:auto;left:-9px;transform:rotate(-135deg)}.mp.ltr.ab .ab-jr .yr,.mp.ltr.ab .ab-jr .j:nth-child(even) .yr{right:auto;left:-110px;width:80px}}
@media(max-width:575px){.mp.ltr.ab .ab-jr .jl:before{left:20px}.mp.ltr.ab .ab-jr .j,.mp.ltr.ab .ab-jr .j:nth-child(even){margin-left:44px;padding:20px}.mp.ltr.ab .ab-jr .yr,.mp.ltr.ab .ab-jr .j:nth-child(even) .yr{position:static;display:inline-grid;width:auto;padding:4px 14px;height:auto;margin-bottom:10px;box-shadow:none}.mp.ltr.ab .ab-jr .j:after{display:none}}

/* ===== EN About v2: light, compact (Custom-website spirit) ===== */
.mp.ab > section:not(.mp-banner){padding:40px 0}
/* vision/mission: light cream instead of heavy red */
.mp.ltr.ab .ab-vm{background:#fdfcf7}
.mp.ltr.ab .ab-vm .v{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 16px rgba(36,41,47,.04);transition:transform .25s,box-shadow .25s}
.mp.ltr.ab .ab-vm .v:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.ltr.ab .ab-vm .ic{flex:0 0 52px;height:52px;border-radius:14px;background:#fdfcf7;border:1px solid var(--line)}
.mp.ltr.ab .ab-vm .ic img{width:32px;height:32px}
.mp.ltr.ab .ab-vm h3{color:var(--ink)!important;font-size:18px}
.mp.ltr.ab .ab-vm p{color:var(--muted)}
/* why: white, compact cream boxes */
.mp.ltr.ab .ab-why{background:#fff}
.mp.ltr.ab .ab-why .w{background:#fdfcf7;border-top:1px solid var(--line);padding:20px}
.mp.ltr.ab .ab-why .ic{flex:0 0 52px;height:52px;background:#fff;border:1px solid var(--line)}
/* journey: step boxes with arrows (reference style) */
.mp.ltr.ab .ab-jr{background:#fdfcf7}
.mp.ltr.ab .ab-jr .jl,.mp.ltr.ab .ab-jr .jl:before{all:unset}
.mp.ltr.ab .ab-jr .jl{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.mp.ltr.ab .ab-jr .j,.mp.ltr.ab .ab-jr .j:nth-child(even){position:relative;width:auto;margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;align-content:start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 6px 16px rgba(36,41,47,.04);transition:transform .25s,box-shadow .25s}
.mp.ltr.ab .ab-jr .j:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.ltr.ab .ab-jr .j:before{display:none}
.mp.ltr.ab .ab-jr .yr,.mp.ltr.ab .ab-jr .j:nth-child(even) .yr{position:static;transform:none;width:auto;height:44px;padding:0 12px;border-radius:12px;background:var(--red);color:#fff;font-weight:900;font-size:14px;display:grid;place-items:center;box-shadow:none}
.mp.ltr.ab .ab-jr h3{margin:0;font-size:16px;color:var(--ink)!important;line-height:1.45}
.mp.ltr.ab .ab-jr p{grid-column:1/-1;font-size:14px}
.mp.ltr.ab .ab-jr .j:not(:last-child):after{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;right:-29px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--red);font-size:10px;display:grid;place-items:center;border-left:1px solid var(--line)}
/* industries: white */
.mp.ltr.ab .ab-ind{background:#fff}
@media(max-width:991px){.mp.ltr.ab .ab-jr .jl{grid-template-columns:1fr 1fr;gap:20px}.mp.ltr.ab .ab-jr .j:not(:last-child):after{display:none}}
@media(max-width:575px){.mp.ab > section:not(.mp-banner){padding:30px 0}.mp.ltr.ab .ab-jr .jl{grid-template-columns:1fr}}
/* why v2: two-column list with dividers (differs from VM cards) */
.mp.ltr.ab .ab-why .wg{gap:0 50px}
.mp.ltr.ab .ab-why .w,.mp.ltr.ab .ab-why .w:hover{background:none;border:0;border-bottom:1px dashed #e6d4d0;border-radius:0;padding:22px 0;box-shadow:none;transform:none}
.mp.ltr.ab .ab-why .w:nth-last-child(-n+2){border-bottom:0}
.mp.ltr.ab .ab-why .ic{background:#fbf3f2;border:0;border-radius:50%}
.mp.ltr.ab .ab-why .w p{padding-left:66px}
@media(max-width:575px){.mp.ltr.ab .ab-why .w p{padding-left:0}.mp.ltr.ab .ab-why .w:nth-last-child(2){border-bottom:1px dashed #e6d4d0}}

/* ===== EN About v3 (owner mockup) ===== */
/* hero: text left, office photo right */
.mp.ltr.ab .mp-banner.abh{padding:120px 0 60px}
.mp.ltr.ab .abh .hg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1500px;margin:0 auto}
.mp.ltr.ab .abh .bread-title{max-width:none;text-align:left}
.mp.ltr.ab .abh .crumbs{justify-content:flex-start}
.mp.ltr.ab .abh h1{text-align:left;font-size:50px;margin-bottom:14px}
.mp.ltr.ab .abh h1 span{color:white}
.mp.ltr.ab .abh .bread-title p{font-size:15px;line-height:1.9}
.mp.ltr.ab .abh .ofc{position:relative;display:block;margin:0;padding:0 0 30px 40px}
.mp.ltr.ab .abh .ofc img,.mp.ltr.ab .abh .ofc img:first-child,.mp.ltr.ab .abh .ofc img+img{transform:none}
.mp.ltr.ab .abh .ofc img+img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:26px;border:6px solid rgba(255,255,255,.18);box-shadow:0 24px 50px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-6deg)}
.mp.ltr.ab .abh .ofc img:first-child{position:absolute;left:0;bottom:0;z-index:2;width:170px;height:170px;object-fit:cover;border-radius:20px;border:5px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.3)}
/* founder */
.mp.ltr.ab .ab-fd .qt{background:#fff;border:0;border-left:4px solid var(--red);box-shadow:0 14px 34px rgba(36,41,47,.08)}
.mp.ltr.ab .ab-fd h2{font-size:26px}
/* vision/mission: red gradient cards */
.mp.ltr.ab .ab-vm{background:#fff}
.mp.ltr.ab .ab-vm .v,.mp.ltr.ab .ab-vm .v:hover{background:linear-gradient(130deg,#ae1a1a,#7d1212);border:0;border-radius:20px;padding:26px 28px;box-shadow:0 16px 34px rgba(174,26,26,.22);position:relative;overflow:hidden}
.mp.ltr.ab .ab-vm .v:after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;border:24px solid rgba(255,255,255,.07)}
.mp.ltr.ab .ab-vm .ic{flex:0 0 58px;height:58px;border-radius:50%;background:#fff;border:0}
.mp.ltr.ab .ab-vm h3{color:#fff!important;font-size:22px}
.mp.ltr.ab .ab-vm p{color:rgba(255,255,255,.9);position:relative;z-index:1}
/* why: 4 white cards in a row, red icon square */
.mp.ltr.ab .ab-why{background:#fdfcf7}
.mp.ltr.ab .ab-why .wg{grid-template-columns:repeat(4,1fr);gap:18px}
.mp.ltr.ab .ab-why .w,.mp.ltr.ab .ab-why .w:nth-last-child(-n+2){background:#fff;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 20px rgba(36,41,47,.05)}
.mp.ltr.ab .ab-why .w:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(174,26,26,.12)}
.mp.ltr.ab .ab-why .th{align-items:center}
.mp.ltr.ab .ab-why .ic{flex:0 0 48px;height:48px;border-radius:12px;background:var(--red)}
.mp.ltr.ab .ab-why .ic img{width:26px;height:26px;filter:brightness(0) invert(1)}
.mp.ltr.ab .ab-why .th h3{font-size:16px}
.mp.ltr.ab .ab-why .w p{padding-left:0;font-size:13.8px;line-height:1.85}
/* journey: dark red band, line with dots, red cards */
.mp.ltr.ab .ab-jr{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 50%,#3a0507 100%)}
.mp.ltr.ab .ab-jr .sec-title{color:#fff!important}
.mp.ltr.ab .ab-jr .jl{position:relative;padding-top:34px}
.mp.ltr.ab .ab-jr .jl:before{content:"";display:block;position:absolute;top:8px;left:12%;right:12%;height:2px;background:rgba(255,255,255,.3)}
.mp.ltr.ab .ab-jr .j,.mp.ltr.ab .ab-jr .j:nth-child(even){display:block;text-align:center;background:linear-gradient(160deg,rgba(174,26,26,.95),rgba(110,16,18,.95));border:1px solid rgba(255,255,255,.14);padding:26px 20px 22px;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.mp.ltr.ab .ab-jr .j:before{content:"";display:block;position:absolute;top:-32px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.2)}
.mp.ltr.ab .ab-jr .j:not(:last-child):after{display:none}
.mp.ltr.ab .ab-jr .ji{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px}
.mp.ltr.ab .ab-jr .yr,.mp.ltr.ab .ab-jr .j:nth-child(even) .yr{display:block;height:auto;padding:0;background:none;color:rgba(255,255,255,.75);font-size:14px;font-weight:800;margin-bottom:4px}
.mp.ltr.ab .ab-jr h3{color:#fff!important;font-size:17px;margin-bottom:10px}
.mp.ltr.ab .ab-jr p{color:rgba(255,255,255,.85)}
/* industries */
.mp.ltr.ab .ab-ind h2{font-size:32px}
@media(max-width:1199px){.mp.ltr.ab .ab-why .wg{grid-template-columns:1fr 1fr}}
@media(max-width:991px){.mp.ltr.ab .abh .hg{grid-template-columns:1fr}.mp.ltr.ab .abh h1{font-size:36px}.mp.ltr.ab .ab-jr .jl:before,.mp.ltr.ab .ab-jr .j:before{display:none}.mp.ltr.ab .ab-jr .jl{padding-top:0}}
@media(max-width:767px){.mp.ltr.ab .abh .ofc{padding:0 0 20px 30px}.mp.ltr.ab .abh .ofc img:first-child{width:110px;height:110px}.mp.ltr.ab .abh .ofc img+img{transform:none}}
@media(max-width:575px){.mp.ltr.ab .mp-banner.abh{padding:100px 0 40px}.mp.ltr.ab .abh h1{font-size:30px}.mp.ltr.ab .ab-why .wg{grid-template-columns:1fr}}
.mp.ltr.ab .ab-jr .j:after,.mp.ltr.ab .ab-jr .j:nth-child(even):after{display:none!important}
.mp.ltr.ab .ab-why .w:hover{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transform:translateY(-4px);box-shadow:0 16px 30px rgba(174,26,26,.12)}

/* ===== AR About (mp abr) — same design as EN about, RTL ===== */
.mp.abr > section:not(.mp-banner){padding:40px 0}
.mp.abr .th{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mp.abr .th h3{font-size:17px;font-weight:800;color:var(--ink)!important;margin:0;line-height:1.5}
.mp.abr p{font-size:15px;line-height:1.95;color:var(--muted);margin:0}
.mp.abr .mp-banner.abh{padding:120px 0 60px}
.mp.abr .abh .hg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.mp.abr .abh .bread-title{max-width:none;text-align:right}
.mp.abr .abh .crumbs{display:flex!important;gap:8px;list-style:none;padding:0;margin:0 0 10px}
.mp.abr .abh .crumbs li{font-size:13px}
.mp.abr .abh .crumbs li+li:before{content:"/";margin-left:8px;color:rgba(255,255,255,.6)}
.mp.abr .abh .crumbs a{color:#fff!important;opacity:.85}
.mp.abr .abh h1{text-align:right;font-size:50px;margin-bottom:14px}
.mp.abr .abh h1 span{color:#ff6b6b}
.mp.abr .abh .bread-title p{color:#fff;opacity:.92;font-size:16px}
.mp.abr .abh .ofc{position:relative;padding:0 40px 30px 0}
.mp.abr .abh .ofc img+img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:26px;border:6px solid rgba(255,255,255,.18);box-shadow:0 24px 50px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(6deg)}
.mp.abr .abh .ofc img:first-child{position:absolute;right:0;bottom:0;z-index:2;width:170px;height:170px;object-fit:cover;border-radius:20px;border:5px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.mp.abr .ab-fd{background:#fff}
.mp.abr .ab-fd .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.mp.abr .ab-fd .pic img{width:100%;height:auto;border-radius:22px;box-shadow:0 18px 40px rgba(36,41,47,.14);display:block}
.mp.abr .ab-fd .qt{background:#fff;border-right:4px solid var(--red);border-radius:20px;padding:30px;box-shadow:0 14px 34px rgba(36,41,47,.08)}
.mp.abr .ab-fd h2{font-size:26px;font-weight:900;color:var(--ink);margin:0 0 14px;line-height:1.5}
.mp.abr .ab-fd .qt p{color:var(--ink);opacity:.85;margin-bottom:20px;line-height:2}
.mp.abr .ab-fd .qt p .fas{color:var(--red);font-size:18px}
.mp.abr .ab-vm{background:#fff;padding-top:0!important}
.mp.abr .ab-vm .vg{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mp.abr .ab-vm .v{position:relative;overflow:hidden;background:linear-gradient(130deg,#ae1a1a,#7d1212);border-radius:20px;padding:26px 28px;box-shadow:0 16px 34px rgba(174,26,26,.22)}
.mp.abr .ab-vm .v:after{content:"";position:absolute;left:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;border:24px solid rgba(255,255,255,.07)}
.mp.abr .ab-vm .ic{flex:0 0 58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center}
.mp.abr .ab-vm .ic img{width:34px;height:34px}
.mp.abr .ab-vm h3{color:#fff!important;font-size:22px}
.mp.abr .ab-vm p{color:rgba(255,255,255,.92);position:relative;z-index:1}
.mp.abr .ab-why{background:#fdfcf7}
.mp.abr .ab-why .wg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mp.abr .ab-why .w{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 20px rgba(36,41,47,.05);transition:transform .25s,box-shadow .25s}
.mp.abr .ab-why .w:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(174,26,26,.12)}
.mp.abr .ab-why .ic{flex:0 0 48px;height:48px;border-radius:12px;background:var(--red);display:grid;place-items:center}
.mp.abr .ab-why .ic img{width:26px;height:26px;filter:brightness(0) invert(1)}
.mp.abr .ab-jr{background:radial-gradient(ellipse at 15% 0%,#8e1418 0%,#5a0b0e 50%,#3a0507 100%)}
.mp.abr .ab-jr .sec-title{color:#fff!important}
.mp.abr .ab-jr .jl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:34px}
.mp.abr .ab-jr .jl:before{content:"";position:absolute;top:8px;left:12%;right:12%;height:2px;background:rgba(255,255,255,.3)}
.mp.abr .ab-jr .j{position:relative;text-align:center;background:linear-gradient(160deg,rgba(174,26,26,.95),rgba(110,16,18,.95));border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px 20px 22px;box-shadow:0 14px 30px rgba(0,0,0,.25);transition:transform .25s}
.mp.abr .ab-jr .j:hover{transform:translateY(-4px)}
.mp.abr .ab-jr .j:before{content:"";position:absolute;top:-32px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.2)}
.mp.abr .ab-jr .ji{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px}
.mp.abr .ab-jr .yr{display:block;color:rgba(255,255,255,.75);font-size:14px;font-weight:800;margin-bottom:4px}
.mp.abr .ab-jr h3{color:#fff!important;font-size:18px;font-weight:800;margin:0 0 10px}
.mp.abr .ab-jr p{color:rgba(255,255,255,.88);font-size:14px}
.mp.abr .ab-ind{background:#fff}
.mp.abr .ab-ind .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.mp.abr .ab-ind .kick{display:inline-block;padding:6px 14px;border-radius:30px;background:var(--pink);color:var(--red);font-weight:800;font-size:13px;margin-bottom:12px}
.mp.abr .ab-ind h2{font-size:32px;font-weight:900;color:var(--ink);margin:0 0 14px;line-height:1.5}
.mp.abr .ab-ind .pic{text-align:center}
.mp.abr .ab-ind .pic img{max-width:100%;height:auto!important}
@media(max-width:1199px){.mp.abr .ab-why .wg{grid-template-columns:1fr 1fr}}
@media(max-width:991px){.mp.abr .abh .hg,.mp.abr .ab-fd .wrap,.mp.abr .ab-ind .wrap,.mp.abr .ab-vm .vg{grid-template-columns:1fr}.mp.abr .abh h1{font-size:36px}.mp.abr .ab-jr .jl{grid-template-columns:1fr 1fr;padding-top:0}.mp.abr .ab-jr .jl:before,.mp.abr .ab-jr .j:before{display:none}}
@media(max-width:767px){.mp.abr .abh .ofc{padding:0 30px 20px 0}.mp.abr .abh .ofc img:first-child{width:110px;height:110px}.mp.abr .abh .ofc img+img{transform:none}}
@media(max-width:575px){.mp.abr > section:not(.mp-banner){padding:30px 0}.mp.abr .mp-banner.abh{padding:100px 0 40px}.mp.abr .abh h1{font-size:30px}.mp.abr .ab-why .wg,.mp.abr .ab-jr .jl{grid-template-columns:1fr}.mp.abr .ab-fd .qt{padding:22px}.mp.abr .ab-fd h2,.mp.abr .ab-ind h2{font-size:22px}}
.mp.abr .abh .crumbs{display:flex!important;margin:0 0 10px}
.mp.abr .abh .crumbs li,.mp.ltr.ab .abh .crumbs li{display:inline;padding:0;background:none;border:0;font-size:13px}
.mp.abr .abh .crumbs li:before,.mp.ltr.ab .abh .crumbs li:before{content:none}
.mp.abr .abh .crumbs li+li:before{content:"/";display:inline;background:none;color:rgba(255,255,255,.6);margin-left:8px;font-family:inherit}

/* ===== Home AR (div.mp.hm — sections between hero and articles) ===== */
.mp.hm > section{padding:44px 0}
.mp.hm .th{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.mp.hm .th h3{font-size:18px;font-weight:800;color:var(--ink)!important;margin:0}
.mp.hm p{font-size:15px;line-height:1.95;color:var(--muted);margin:0}
.mp.hm .kick{display:inline-block;padding:6px 14px;border-radius:30px;background:#fbf3f2;color:var(--red);font-weight:800;font-size:13px;margin-bottom:10px}
/* about */
.mp.hm .hm-ab{background:#fff}
.mp.hm .hm-ab .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:stretch}
.mp.hm .hm-ab h2{font-size:30px;font-weight:900;color:var(--ink);margin:0 0 12px;line-height:1.5}
.mp.hm .hm-ab .lead{margin-bottom:22px}
.mp.hm .hm-ab .vm{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mp.hm .hm-ab .v{background:#fdfcf7;border:1px solid var(--line);border-radius:18px;padding:20px;transition:transform .25s,box-shadow .25s}
.mp.hm .hm-ab .v:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(174,26,26,.1)}
.mp.hm .hm-ab .v .ic{flex:0 0 52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.mp.hm .hm-ab .v .ic img{width:32px;height:32px}
.mp.hm .hm-ab .v p{font-size:14px;line-height:1.85}
.mp.hm .hm-ab .side{display:flex;flex-direction:column;gap:16px}
.mp.hm .hm-ab .lg{flex:1;display:flex;align-items:center;gap:22px;background:#fdfcf7;border:1px solid var(--line);border-radius:22px;padding:22px 26px}
.mp.hm .hm-ab .lg img{width:90px;height:auto;flex:none}
.mp.hm .hm-ab .lg p{font-size:15px;color:var(--ink);font-weight:600}
.mp.hm .hm-ab .cta{background:linear-gradient(120deg,#ae1a1a,#7d1212);border-radius:22px;padding:24px 26px;box-shadow:0 16px 34px rgba(174,26,26,.2)}
.mp.hm .hm-ab .cta h3{color:#fff!important;font-size:22px;font-weight:800;margin:0 0 16px}
.mp.hm .hm-ab .cta h3 span{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:6px}
.mp.hm .hm-ab .bt{display:flex;flex-wrap:wrap;gap:12px}
.mp.hm .hm-ab .cta .mp-btn{background:#fff;color:var(--red)!important;display:inline-flex;align-items:center;gap:8px}
.mp.hm .hm-ab .cta .mp-btn.o{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)}
/* services */
.mp.hm .hm-sv{background:#fdfcf7}
.mp.hm .hm-sv .hd{max-width:900px;margin:0 auto 28px;text-align:center}
.mp.hm .hm-sv .hd .sec-title{margin-bottom:12px}
.mp.hm .hm-sv .sg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mp.hm .hm-sv .s{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;box-shadow:0 6px 16px rgba(36,41,47,.04);transition:transform .25s,box-shadow .25s}
.mp.hm .hm-sv .s:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(174,26,26,.12)}
.mp.hm .hm-sv .sh{display:flex;align-items:center;gap:14px;text-decoration:none!important;margin-bottom:12px}
.mp.hm .hm-sv .sh .ic{flex:0 0 58px;height:58px;border-radius:16px;background:#fbf3f2;display:grid;place-items:center}
.mp.hm .hm-sv .sh .ic img{width:36px;height:36px}
.mp.hm .hm-sv .sh h4{flex:1;font-size:18px;font-weight:800;color:var(--ink)!important;margin:0;line-height:1.5;transition:color .2s}
.mp.hm .hm-sv .sh .go{flex:0 0 34px;height:34px;border-radius:50%;background:#fbf3f2;color:var(--red);display:grid;place-items:center;font-size:13px;transition:background .2s,color .2s}
.mp.hm .hm-sv .s:hover .sh h4{color:var(--red)!important}
.mp.hm .hm-sv .s:hover .go{background:var(--red);color:#fff}
.mp.hm .hm-sv .tg{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 12px}
.mp.hm .hm-sv .tg li{margin:0}
.mp.hm .hm-sv .tg a{display:inline-block;padding:3px 12px;border-radius:20px;background:#fdfcf7;border:1px solid var(--line);color:var(--muted)!important;font-size:12.5px;font-weight:700;direction:ltr;pointer-events:none}
.mp.hm .hm-sv .s p{font-size:14px;line-height:1.9}
/* portfolio band */
.mp.hm .hm-pf{background:radial-gradient(ellipse at 85% 0%,#8e1418 0%,#5a0b0e 50%,#3a0507 100%);text-align:center}
.mp.hm .hm-pf h2{color:#fff;font-size:30px;font-weight:900;margin:0 0 12px;line-height:1.5}
.mp.hm .hm-pf p{color:rgba(255,255,255,.88);max-width:900px;margin:0 auto 24px}
.mp.hm .hm-pf .fm{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.mp.hm .hm-pf .fm li{margin:0;padding:0;background:none}
.mp.hm .hm-pf .fm a{display:inline-block;padding:10px 26px;border-radius:30px;border:1.5px solid rgba(255,255,255,.55);color:#fff!important;font-weight:700;font-size:15px;transition:background .2s,color .2s}
.mp.hm .hm-pf .fm li.on a,.mp.hm .hm-pf .fm a:hover{background:#fff;color:var(--red)!important;border-color:#fff}
@media(max-width:1199px){.mp.hm .hm-sv .sg{grid-template-columns:1fr 1fr}}
@media(max-width:991px){.mp.hm .hm-ab .wrap{grid-template-columns:1fr}}
@media(max-width:575px){.mp.hm > section{padding:32px 0}.mp.hm .hm-ab .vm,.mp.hm .hm-sv .sg{grid-template-columns:1fr}.mp.hm .hm-ab h2,.mp.hm .hm-pf h2{font-size:23px}.mp.hm .hm-ab .lg{flex-direction:column;text-align:center}}
@media(max-width:767px){.mp.hm .hm-sv .sg,.mp.hm .hm-ab .vm{grid-template-columns:1fr}}
/* home about: back to original layout, polished */
.mp.hm .hm-ab .wrap{grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.mp.hm .hm-ab .vm{grid-template-columns:1fr;gap:22px}
.mp.hm .hm-ab .v,.mp.hm .hm-ab .v:hover{display:grid;grid-template-columns:auto 1fr;gap:0 16px;background:none;border:0;padding:0;box-shadow:none;transform:none}
.mp.hm .hm-ab .v .th{display:contents}
.mp.hm .hm-ab .v .ic{grid-row:1/3;flex:none;width:64px;height:64px;border-radius:18px;background:#fbf3f2;border:0;transition:transform .3s}
.mp.hm .hm-ab .v:hover .ic{transform:rotate(-6deg) scale(1.05)}
.mp.hm .hm-ab .v .ic img{width:38px;height:38px}
.mp.hm .hm-ab .v h3{color:var(--red)!important;font-size:20px;margin:4px 0 4px}
.mp.hm .hm-ab .v p{font-size:14.5px}
.mp.hm .hm-ab .side{align-items:center;text-align:center;gap:22px}
.mp.hm .hm-ab .lg,.mp.hm .hm-ab .lg{flex:none;flex-direction:column;background:none;border:0;padding:0;gap:18px}
.mp.hm .hm-ab .lg img{width:170px;filter:drop-shadow(0 16px 26px rgba(174,26,26,.15))}
.mp.hm .hm-ab .lg p{font-size:15px;color:var(--muted);font-weight:600;max-width:460px}
.mp.hm .hm-ab .cta{width:100%;max-width:520px;background:#fdfcf7;border:1px solid var(--line);box-shadow:none;text-align:center}
.mp.hm .hm-ab .cta h3{color:var(--ink)!important}
.mp.hm .hm-ab .cta h3 span{color:var(--red);text-decoration:none}
.mp.hm .hm-ab .bt{justify-content:center}
.mp.hm .hm-ab .cta .mp-btn{background:var(--red);color:#fff!important}
.mp.hm .hm-ab .cta .mp-btn.o{background:#fff;color:var(--red)!important;border:1.5px solid var(--red)}
.mp.hm .hm-ab .cta .mp-btn.o:hover{background:var(--red);color:#fff!important}
@media(max-width:991px){.mp.hm .hm-ab .wrap{grid-template-columns:1fr;gap:30px}}
.mp.hm .hm-ab .lead{font-weight:500;font-size:15.5px;color:var(--muted)}
/* home services: arrow pushed to far left, brand-coloured tech chips */
.mp.hm .hm-sv .sh .go{margin-right:auto}
.mp.hm .hm-sv .tg a{background:#fbf3f2;border:1px solid rgba(174,26,26,.18);color:var(--red)!important}
.mp.hm .hm-sv .s:hover .tg a{background:var(--red);border-color:var(--red);color:#fff!important}
.mp.hm .hm-sv .tg a{transition:background .25s,color .25s,border-color .25s}
/* home services v2: full-width head (arrow far left), static dark chips */
.mp.hm .hm-sv .sh{display:flex!important;width:100%}
.mp.hm .hm-sv .sh h4{flex:1 1 auto;text-align:right}
.mp.hm .hm-sv .sh .go{margin-right:auto;flex:0 0 34px}
.mp.hm .hm-sv .tg a,.mp.hm .hm-sv .s:hover .tg a{background:#24292f;border-color:#24292f;color:#fff!important;transition:none}
/* home EN (div.mp.ltr.hm) */
.mp.ltr.hm{direction:ltr;text-align:left}
.mp.ltr.hm .hm-sv .sh h4{text-align:left}
.mp.ltr.hm .hm-sv .sh .go{margin-right:0;margin-left:auto}
.mp.ltr.hm .hm-sv .tg a{direction:ltr}
.mp.ltr.hm .hm-ab .side,.mp.ltr.hm .hm-sv .hd,.mp.ltr.hm .hm-pf{text-align:center}
/* banner h1 highlighted word (like about) */
.mp .mp-banner h1 span.hl{display:inline;color:#ff6b6b;font-size:inherit;margin:0;opacity:1}
.mp .mp-banner h1 span.hl,.mp.abr .abh h1 span{color:#fff}
/* unified banners: same look as about (side-aligned, big title) */
.mp .mp-banner.c{padding:120px 0 60px}
.mp .mp-banner.c .bread-title{max-width:820px;margin:0;text-align:right}
.mp.ltr .mp-banner.c .bread-title{text-align:left}
.mp .mp-banner.c h1{text-align:inherit;font-size:50px;margin-bottom:14px}
.mp .mp-banner.c p{font-size:16px;line-height:1.9;opacity:.92}
.mp .mp-banner.c .bl{justify-content:flex-start}
@media(max-width:991px){.mp .mp-banner.c h1{font-size:36px}}
@media(max-width:575px){.mp .mp-banner.c{padding:100px 0 40px}.mp .mp-banner.c h1{font-size:30px}.mp .mp-banner.c p{font-size:15px}}
/* ===== unified header (all pages = about banner) ===== */
.mp .mp-banner.uh{padding:120px 0 60px}
.mp .mp-banner.uh :is(.container,.bread-inner,.col-lg-12):has(> .uh-ofc){display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1500px;margin:0 auto}
.mp .mp-banner.uh :is(.bread-title,.bread-titlev2){max-width:none;margin:0;text-align:right}
.mp.ltr .mp-banner.uh :is(.bread-title,.bread-titlev2){text-align:left}
.mp .mp-banner.uh h1{text-align:inherit;font-size:50px;margin:0 0 14px;line-height:1.35}
.mp .mp-banner.uh :is(.bread-title,.bread-titlev2) > p,.mp .mp-banner.uh :is(.bread-title,.bread-titlev2) p{font-size:16px;line-height:1.9;color:#fff;opacity:.92}
.mp .mp-banner.uh .uh-ofc{position:relative;display:block;margin:0;padding:0 40px 30px 0}
.mp.ltr .mp-banner.uh .uh-ofc{padding:0 0 30px 40px}
.mp .mp-banner.uh .uh-ofc img+img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:26px;border:6px solid rgba(255,255,255,.18);box-shadow:0 24px 50px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(6deg)}
.mp.ltr .mp-banner.uh .uh-ofc img+img{transform:perspective(1200px) rotateY(-6deg)}
.mp .mp-banner.uh .uh-ofc img:first-child{position:absolute;right:0;bottom:0;z-index:2;width:170px;height:170px;object-fit:cover;border-radius:20px;border:5px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.mp.ltr .mp-banner.uh .uh-ofc img:first-child{right:auto;left:0}
@media(max-width:991px){.mp .mp-banner.uh :is(.container,.bread-inner,.col-lg-12):has(> .uh-ofc){grid-template-columns:1fr}.mp .mp-banner.uh h1{font-size:36px}}
@media(max-width:767px){.mp .mp-banner.uh .uh-ofc{display:none}}
@media(max-width:575px){.mp .mp-banner.uh{padding:100px 0 40px}.mp .mp-banner.uh h1{font-size:30px}.mp .mp-banner.uh p{font-size:15px}}
.mp .mp-banner.uh.hero .bread-title p{text-align:inherit}.mp .mp-banner.uh.hero .bl{justify-content:start}

/* about: vision / mission cover images */
.mp.abr .ab-vm .v,.mp.ltr.ab .ab-vm .v{min-height:250px;display:flex;flex-direction:column;justify-content:center}
.mp.abr .ab-vm .v .cv,.mp.ltr.ab .ab-vm .v .cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.mp.abr .ab-vm .v:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(125,18,18,.96) 0%,rgba(174,26,26,.88) 45%,rgba(174,26,26,.25) 100%)}
.mp.ltr.ab .ab-vm .v .cv{transform:scaleX(-1)}
.mp.ltr.ab .ab-vm .v:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(125,18,18,.96) 0%,rgba(174,26,26,.88) 45%,rgba(174,26,26,.25) 100%)}
.mp.abr .ab-vm .v > .th,.mp.abr .ab-vm .v > p,.mp.ltr.ab .ab-vm .v > .th,.mp.ltr.ab .ab-vm .v > p{position:relative;z-index:2;max-width:68%}
.mp.abr .ab-vm .v:after,.mp.ltr.ab .ab-vm .v:after{z-index:1}
@media(max-width:575px){.mp.abr .ab-vm .v > .th,.mp.abr .ab-vm .v > p,.mp.ltr.ab .ab-vm .v > .th,.mp.ltr.ab .ab-vm .v > p{max-width:100%}.mp.abr .ab-vm .v:before,.mp.ltr.ab .ab-vm .v:before{background:rgba(125,18,18,.9)}}
/* about vision/mission v2: image visible, light fade behind text, no icon, dark text */
.mp.abr .ab-vm .v,.mp.ltr.ab .ab-vm .v{background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px rgba(36,41,47,.08);min-height:280px}
.mp.abr .ab-vm .v:after,.mp.ltr.ab .ab-vm .v:after,.mp.abr .ab-vm .ic,.mp.ltr.ab .ab-vm .ic{display:none}
.mp.abr .ab-vm .v:before{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.96) 38%,rgba(255,255,255,.55) 58%,rgba(255,255,255,0) 78%)}
.mp.ltr.ab .ab-vm .v:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 38%,rgba(255,255,255,.55) 58%,rgba(255,255,255,0) 78%)}
.mp.abr .ab-vm .v > .th,.mp.abr .ab-vm .v > p,.mp.ltr.ab .ab-vm .v > .th,.mp.ltr.ab .ab-vm .v > p{max-width:58%}
.mp.abr .ab-vm h3,.mp.ltr.ab .ab-vm h3{color:var(--ink)!important;font-size:26px;font-weight:900;position:relative;padding-bottom:10px}
.mp.abr .ab-vm h3:after,.mp.ltr.ab .ab-vm h3:after{content:"";position:absolute;bottom:0;right:0;width:46px;height:3px;border-radius:3px;background:var(--red)}
.mp.ltr.ab .ab-vm h3:after{right:auto;left:0}
.mp.abr .ab-vm p,.mp.ltr.ab .ab-vm p{color:var(--muted)!important;font-size:15px}
@media(max-width:575px){.mp.abr .ab-vm .v > .th,.mp.abr .ab-vm .v > p,.mp.ltr.ab .ab-vm .v > .th,.mp.ltr.ab .ab-vm .v > p{max-width:100%}.mp.abr .ab-vm .v:before,.mp.ltr.ab .ab-vm .v:before{background:rgba(255,255,255,.88)}}
.mp.ltr.ab .ab-vm .v:before{background:linear-gradient(90deg,#fff 0%,#fff 50%,rgba(255,255,255,.7) 62%,rgba(255,255,255,0) 82%)}
.mp.ltr.ab .ab-vm .v > .th,.mp.ltr.ab .ab-vm .v > p{max-width:54%}
@media(max-width:575px){.mp.ltr.ab .ab-vm .v > .th,.mp.ltr.ab .ab-vm .v > p{max-width:100%}.mp.ltr.ab .ab-vm .v:before{background:rgba(255,255,255,.9)}}
/* عربي: النص مايدخلش على صورة الكارت (نفس معالجة الإنجليزي) */
.mp.abr .ab-vm .v:before{background:linear-gradient(270deg,#fff 0%,#fff 50%,rgba(255,255,255,.7) 62%,rgba(255,255,255,0) 82%)}
.mp.abr .ab-vm .v > .th,.mp.abr .ab-vm .v > p{max-width:54%}
@media(max-width:575px){.mp.abr .ab-vm .v > .th,.mp.abr .ab-vm .v > p{max-width:100%}.mp.abr .ab-vm .v:before{background:rgba(255,255,255,.9)}}