/* ==========================================================================
   DLC — الصفحات الداخلية (مشترك)
   يعتمد على tokens.css — لا قيم ثابتة هنا.
   يُستخدم في: الخدمات، خبراتنا، الحاسبات، باقات الحوكمة.
   ========================================================================== */

.dlc-page{overflow-x:hidden}
.dlc-page section{padding:var(--sp-9) 0}
.dlc-page .container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}

/* ---------- الأزرار ---------- */
.dlc-page .dlc-btn,
.dlc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--fs-sm);
  letter-spacing:.3px;padding:14px 34px;border-radius:var(--radius);
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:transform var(--t-fast),background var(--t-base),color var(--t-base),border-color var(--t-base);
}
.dlc-btn:active{transform:scale(.98)}
.dlc-btn-white{background:var(--white);color:var(--navy)}
.dlc-btn-white:hover{background:var(--ice);color:var(--navy)}
.dlc-btn-ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.55)}
.dlc-btn-ghost:hover{border-color:var(--white);background:rgba(255,255,255,.07);color:var(--white)}
.dlc-btn-navy{background:var(--navy);color:var(--white)}
.dlc-btn-navy:hover{background:var(--navy-mid);color:var(--white)}
.dlc-btn-line{background:transparent;color:var(--navy);border-color:var(--navy)}
.dlc-btn-line:hover{background:var(--navy);color:var(--white)}
.dlc-btn-wa{background:var(--whatsapp);color:var(--white)}
.dlc-btn-wa:hover{background:#189A50;color:var(--white)}

/* ---------- عناوين الأقسام ---------- */
.dlc-kicker{
  color:var(--steel);font-weight:var(--fw-bold);font-size:var(--fs-xs);
  letter-spacing:3px;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3);
}
.dlc-kicker::after{content:'';width:44px;height:1px;background:var(--steel)}
.dlc-sec-head{max-width:720px;margin-bottom:var(--sp-7)}
.dlc-sec-head h2{color:var(--navy);margin-bottom:var(--sp-3)}
.dlc-sec-head p{color:var(--text-soft);font-size:17px}
.dlc-center{text-align:center;margin-inline:auto}
.dlc-center .dlc-kicker{justify-content:center}
.dlc-center .dlc-kicker::after{display:none}

/* ==========================================================================
   ترويسة الصفحة — بلا صور مخزونة ولا نص محروق
   ========================================================================== */
.dlc-page-hero{
  background:var(--navy-deep);
  color:var(--white);
  padding:clamp(140px,16vh,176px) 0 clamp(60px,7vh,84px);
  position:relative;
  overflow:hidden;
}
/* نقش هندسي خفيف بدل الصورة المخزونة */
.dlc-page-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  pointer-events:none;
}
.dlc-page-hero .container{position:relative}

.dlc-page-kicker{
  display:block;
  color:var(--ice);
  font-size:var(--fs-xs);
  font-weight:var(--fw-medium);
  letter-spacing:3px;
  margin-bottom:var(--sp-4);
}
.dlc-page-hero h1{
  color:var(--white);
  font-size:clamp(30px,4.4vw,52px);
  line-height:1.35;
  margin-bottom:var(--sp-4);
  max-width:820px;
}
.dlc-page-hero p{
  color:#B9C9DB;
  font-size:clamp(15.5px,1.5vw,17.5px);
  max-width:600px;
  margin-bottom:var(--sp-6);
}
.dlc-page-hero-ctas{display:flex;gap:var(--sp-3);flex-wrap:wrap}

/* ==========================================================================
   شريط المسارات
   ========================================================================== */
.dlc-paths{
  background:var(--white);
  border-bottom:1px solid var(--line);
}
.dlc-paths .container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}
.dlc-path{
  display:flex;
  align-items:center;
  gap:var(--sp-4);
  padding:var(--sp-6) var(--sp-5);
  text-decoration:none;
  border-left:1px solid var(--line);
  transition:background var(--t-base);
  position:relative;
}
.dlc-path::after{
  content:'';
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:2px;
  background:var(--navy);
  transform:scaleX(0);
  transition:transform var(--t-base);
}
.dlc-path:hover::after{transform:scaleX(1)}
.dlc-path:last-child{border-left:none}
.dlc-path:hover{background:var(--cool)}

.dlc-path-icon{
  flex:none;
  width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--steel);
  transition:background var(--t-base),color var(--t-base),border-color var(--t-base);
}
.dlc-path:hover .dlc-path-icon{
  background:var(--navy);color:var(--white);border-color:var(--navy);
}
.dlc-path-body{display:flex;flex-direction:column;gap:4px;flex:1}
.dlc-path-title{
  font-family:var(--font-head);
  font-size:18px;
  font-weight:var(--fw-black);
  color:var(--navy);
}
.dlc-path-desc{font-size:14px;color:var(--text-soft);line-height:1.7}
.dlc-path-count{
  flex:none;
  font-family:var(--font-head);
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--steel);
  border:1px solid var(--line);
  border-radius:2px;
  padding:5px 12px;
  white-space:nowrap;
}

/* ==========================================================================
   كتل الخدمات
   ========================================================================== */
.dlc-svc-block{background:var(--white)}
.dlc-svc-block-alt{background:var(--cool);border-top:1px solid var(--line)}

.dlc-svc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-4);
}
@media (max-width:1000px){.dlc-svc-grid{grid-template-columns:repeat(2,1fr)}}
.dlc-svc-card{
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  text-decoration:none;
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);
}
.dlc-svc-card:hover{
  border-color:var(--steel);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.dlc-svc-card h3{
  font-size:17.5px;
  color:var(--navy);
  line-height:1.55;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.55em * 2);
}
.dlc-svc-card p{
  font-size:14.5px;
  color:var(--text-soft);
  line-height:1.8;
  margin:0;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.dlc-svc-card-more{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--steel);
  margin-top:var(--sp-2);
}
.dlc-svc-card-more svg{transition:transform var(--t-base)}
.dlc-svc-card:hover .dlc-svc-card-more svg{transform:translateX(-4px)}

.dlc-svc-block-more{
  margin-top:var(--sp-6);
  display:flex;
  justify-content:center;
}

/* ==========================================================================
   رسالتنا
   ========================================================================== */
.dlc-mission{
  background:var(--navy-deep);
  color:var(--white);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.dlc-mission::before{
  content:'';
  position:absolute;
  top:0;right:50%;
  transform:translateX(50%);
  width:60px;height:2px;
  background:var(--steel);
}
.dlc-mission .dlc-kicker{
  color:var(--ice);
  justify-content:center;
}
.dlc-mission .dlc-kicker::after{display:none}
.dlc-mission-text{
  font-family:var(--font-head);
  font-size:clamp(19px,2.2vw,27px);
  font-weight:var(--fw-bold);
  line-height:1.75;
  color:var(--white);
  max-width:840px;
  margin:0 auto;
}

/* ==========================================================================
   الأسئلة الشائعة
   ========================================================================== */
.dlc-page .dlc-faq{background:var(--cool)}
.dlc-page .dlc-faq .container{max-width:860px}
.dlc-faq-item{border-bottom:1px solid var(--line);overflow:hidden;background:var(--white)}
.dlc-faq-item:first-of-type{border-top:1px solid var(--line)}
.dlc-faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);
  padding:24px 20px;background:none;border:none;cursor:pointer;
  font-family:var(--font-head);font-size:17.5px;font-weight:var(--fw-bold);
  color:var(--navy);text-align:right;
}
.dlc-faq-q .chev{transition:transform var(--t-base);color:var(--steel);flex:none}
.dlc-faq-item.open .chev{transform:rotate(180deg)}
.dlc-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--text-soft);font-size:15.5px}
.dlc-faq-item.open .dlc-faq-a{max-height:320px}
.dlc-faq-a p{padding:0 20px 24px;max-width:700px;margin:0}

/* ==========================================================================
   شريط الدعوة
   ========================================================================== */
.dlc-page .dlc-cta-band{
  background:var(--navy-deep);
  color:var(--white);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.dlc-page .dlc-cta-band::before{
  content:'داغ';position:absolute;top:50%;right:50%;transform:translate(50%,-50%);
  font-family:var(--font-head);font-weight:var(--fw-black);font-size:340px;
  color:rgba(255,255,255,.02);line-height:1;pointer-events:none;
}
.dlc-page .dlc-cta-band .container{position:relative}
.dlc-page .dlc-cta-band h2{color:var(--white);margin-bottom:var(--sp-3)}
.dlc-page .dlc-cta-band p{color:#B9C9DB;max-width:520px;margin:0 auto var(--sp-6)}
.dlc-cta-btns{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}

/* ==========================================================================
   التجاوب
   ========================================================================== */
@media (max-width:900px){
  .dlc-paths .container{grid-template-columns:1fr}
  .dlc-path{border-left:none;border-bottom:1px solid var(--line)}
  .dlc-path:last-child{border-bottom:none}
}

@media (max-width:640px){
  .dlc-page section{padding:68px 0}
  .dlc-page-hero{padding:132px 0 56px}
  .dlc-page-hero-ctas .dlc-btn{flex:1;min-width:150px}
  .dlc-svc-grid{grid-template-columns:1fr}
  .dlc-path{padding:var(--sp-5) var(--sp-4);gap:var(--sp-3)}
  .dlc-path-icon{width:44px;height:44px}
  .dlc-path-count{display:none}
  .dlc-page .dlc-cta-band::before{font-size:180px}
}

/* ==========================================================================
   صفحة خبراتنا
   ========================================================================== */

/* ---------- الأرقام ---------- */
.dlc-exp-stats{background:var(--white);border-bottom:1px solid var(--line)}
.dlc-exp-stats .container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding:0 var(--gutter);
}
.dlc-exp-stat{
  padding:36px 18px;
  text-align:center;
  border-left:1px solid var(--line);
}
.dlc-exp-stat:last-child{border-left:none}
.dlc-exp-stat .n{
  font-family:var(--font-head);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:var(--fw-black);
  color:var(--navy);
  line-height:1.2;
}
.dlc-exp-stat .l{font-size:14px;color:var(--text-soft);margin-top:4px}

/* ---------- نبذة ---------- */
.dlc-exp-intro{background:var(--cool)}
.dlc-exp-intro .container{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:clamp(40px,5vw,72px);
  align-items:start;
}
.dlc-exp-intro-main h2{color:var(--navy);margin-bottom:var(--sp-4)}
.dlc-exp-intro-main p{color:var(--text-soft);margin-bottom:var(--sp-4);max-width:560px}
.dlc-exp-concept{
  background:var(--navy-deep);
  color:var(--white);
  border-radius:var(--radius-lg);
  padding:var(--sp-6);
}
.dlc-exp-concept h3{
  color:var(--ice);
  font-size:18px;
  margin-bottom:var(--sp-3);
}
.dlc-exp-concept p{color:#CFDCE9;font-size:15px;line-height:1.85;margin:0}

/* ---------- مجالات الخبرة ---------- */
.dlc-exp-domains{background:var(--white)}
.dlc-exp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--sp-4);
}
.dlc-exp-card{
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);
}
.dlc-exp-card:hover{
  border-color:var(--steel);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.dlc-exp-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;height:52px;
  border-radius:50%;
  background:var(--cool);
  color:var(--steel);
  margin-bottom:var(--sp-4);
  transition:background var(--t-base),color var(--t-base);
}
.dlc-exp-card:hover .dlc-exp-icon{background:var(--navy);color:var(--white)}
.dlc-exp-card h3{font-size:17px;color:var(--navy);margin-bottom:var(--sp-2)}
.dlc-exp-card p{font-size:14px;color:var(--text-soft);line-height:1.8;margin:0}

/* ---------- المؤهلات ---------- */
.dlc-exp-quals{background:var(--navy-deep);color:var(--white)}
.dlc-exp-quals-head{max-width:720px;margin-bottom:var(--sp-6)}
.dlc-exp-quals .dlc-kicker{color:var(--ice)}
.dlc-exp-quals .dlc-kicker::after{background:var(--ice)}
.dlc-exp-quals-head h2{color:var(--white);margin-bottom:var(--sp-3)}
.dlc-exp-quals-head p{color:#B9C9DB;font-size:17px}
.dlc-exp-quals-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-3);
}
.dlc-exp-quals-list li{
  display:flex;
  align-items:center;
  gap:var(--sp-3);
  padding:16px 18px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line-dark);
  border-radius:var(--radius);
  font-family:var(--font-head);
  font-size:15.5px;
  font-weight:var(--fw-bold);
  color:var(--white);
}
.dlc-exp-quals-list svg{color:var(--ice);flex:none}

/* ---------- التطوير المستمر ---------- */
.dlc-exp-growth{background:var(--cool);text-align:center}
.dlc-exp-growth .dlc-kicker{justify-content:center}
.dlc-exp-growth .dlc-kicker::after{display:none}
.dlc-exp-growth-text{
  font-family:var(--font-head);
  font-size:clamp(19px,2.2vw,26px);
  font-weight:var(--fw-bold);
  line-height:1.75;
  color:var(--navy);
  max-width:820px;
  margin:0 auto;
}

/* ---------- التجاوب ---------- */
@media (max-width:1000px){
  .dlc-exp-grid{grid-template-columns:repeat(2,1fr)}
  .dlc-exp-intro .container{grid-template-columns:1fr}
  .dlc-exp-quals-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .dlc-exp-stats .container{grid-template-columns:repeat(2,1fr)}
  .dlc-exp-stat{border-top:1px solid var(--line)}
  .dlc-exp-stat:nth-child(-n+2){border-top:none}
  .dlc-exp-stat:nth-child(even){border-left:none}
  .dlc-exp-grid{grid-template-columns:1fr}
  .dlc-exp-quals-list{grid-template-columns:1fr}
}

/* ==========================================================================
   صفحة الحوكمة — مسار متدرّج (لا بطاقات تسعير)
   مكتب محاماة لا منصة اشتراكات: مستويات خدمة تُقرأ كارتقاء مهني.
   ========================================================================== */
.dlc-levels-section{background:var(--cool)}
.dlc-levels{
  max-width:900px;
  margin:0 auto;
}

.dlc-level{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:var(--sp-5);
}

/* العمود الأيمن: الرقم والخط الواصل */
.dlc-level-marker{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.dlc-level-num{
  flex:none;
  width:56px;height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--white);
  border:1px solid var(--line);
  font-family:var(--font-head);
  font-size:18px;
  font-weight:var(--fw-black);
  color:var(--navy);
  transition:background var(--t-base),color var(--t-base),border-color var(--t-base);
}
.dlc-level-line{
  flex:1;
  width:1px;
  background:var(--line);
  margin:var(--sp-2) 0;
  min-height:32px;
}

/* المحتوى */
.dlc-level-body{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:var(--sp-5) var(--sp-6);
  margin-bottom:var(--sp-5);
  transition:border-color var(--t-base),box-shadow var(--t-base);
}
.dlc-level:hover .dlc-level-body{
  border-color:var(--steel);
  box-shadow:var(--shadow-md);
}
.dlc-level:hover .dlc-level-num{
  background:var(--navy);
  color:var(--white);
  border-color:var(--navy);
}

.dlc-level-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sp-4);
  margin-bottom:var(--sp-3);
  padding-bottom:var(--sp-3);
  border-bottom:1px solid var(--line);
}
.dlc-level-label{
  display:block;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--steel);
  letter-spacing:.3px;
  margin-bottom:4px;
}
.dlc-level-titles h3{
  font-size:21px;
  color:var(--navy);
  margin:0;
}
.dlc-level-price{
  flex:none;
  font-family:var(--font-head);
  font-size:19px;
  font-weight:var(--fw-black);
  color:var(--navy);
  white-space:nowrap;
}
.dlc-level-free .dlc-level-price{color:var(--whatsapp)}

.dlc-level-desc{
  font-size:15px;
  color:var(--text-soft);
  line-height:1.85;
  margin:0 0 var(--sp-4);
  max-width:560px;
}

.dlc-level-includes{
  list-style:none;
  margin:0 0 var(--sp-5);
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--sp-2) var(--sp-4);
}
.dlc-level-includes li{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-2);
  font-size:14px;
  color:var(--text);
  line-height:1.6;
}
.dlc-level-includes svg{flex:none;margin-top:2px;color:var(--steel)}

.dlc-level-cta{
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  color:var(--navy);
  text-decoration:none;
  transition:gap var(--t-base),color var(--t-base);
}
.dlc-level-cta svg{transition:transform var(--t-base)}
.dlc-level-cta:hover{color:var(--steel)}
.dlc-level-cta:hover svg{transform:translateX(-4px)}
.dlc-level-free .dlc-level-cta{color:var(--whatsapp)}
.dlc-level-free .dlc-level-cta:hover{color:#189A50}

.dlc-levels-foot{
  text-align:center;
  margin:var(--sp-5) 0 0;
  font-size:var(--fs-xs);
  color:var(--text-soft);
}

/* ---------- كيف تعمل ---------- */
.dlc-gov-how{background:var(--white)}
.dlc-gov-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-5);
}
.dlc-gov-step{text-align:center;padding:var(--sp-5);position:relative}
.dlc-gov-step-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;height:56px;
  margin:0 auto var(--sp-4);
  border-radius:50%;
  background:var(--cool);
  color:var(--navy);
  font-family:var(--font-head);
  font-size:22px;
  font-weight:var(--fw-black);
}
.dlc-gov-step h3{font-size:18px;color:var(--navy);margin-bottom:var(--sp-2)}
.dlc-gov-step p{font-size:14.5px;color:var(--text-soft);line-height:1.8;margin:0 auto;max-width:280px}

/* ---------- التجاوب ---------- */
@media (max-width:700px){
  .dlc-level{gap:var(--sp-3)}
  .dlc-level-num{width:46px;height:46px;font-size:16px}
  .dlc-level-body{padding:var(--sp-4)}
  .dlc-level-top{flex-direction:column;gap:var(--sp-2)}
  .dlc-level-includes{grid-template-columns:1fr}
  .dlc-gov-steps{grid-template-columns:1fr;gap:var(--sp-4)}
}

/* ==========================================================================
   صفحة الحاسبات المجانية — الفهرس
   ========================================================================== */
.dlc-calcs-section{background:var(--white)}
.dlc-calcs-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:var(--sp-4);
}
.dlc-calc-card{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-4);
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  text-decoration:none;
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);
}
.dlc-calc-card:hover{
  border-color:var(--steel);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.dlc-calc-card-icon{
  flex:none;
  width:56px;height:56px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--cool);
  color:var(--steel);
  transition:background var(--t-base),color var(--t-base);
}
.dlc-calc-card:hover .dlc-calc-card-icon{background:var(--navy);color:var(--white)}
.dlc-calc-card-body{flex:1}
.dlc-calc-card-body h3{font-size:18px;color:var(--navy);margin-bottom:var(--sp-2)}
.dlc-calc-card-body p{font-size:14.5px;color:var(--text-soft);line-height:1.8;margin:0}
.dlc-calc-card-more{
  display:inline-flex;align-items:center;gap:7px;
  align-self:center;flex:none;
  font-size:var(--fs-xs);font-weight:var(--fw-bold);
  color:var(--steel);white-space:nowrap;
}
.dlc-calc-card-more svg{transition:transform var(--t-base)}
.dlc-calc-card:hover .dlc-calc-card-more svg{transform:translateX(-4px)}

.dlc-calcs-note{
  display:flex;align-items:flex-start;gap:9px;justify-content:center;
  margin:var(--sp-6) auto 0;max-width:640px;text-align:center;
  font-size:var(--fs-xs);color:var(--text-soft);line-height:1.75;
}
.dlc-calcs-note svg{flex:none;margin-top:3px;color:var(--steel)}

/* ==========================================================================
   قالب صفحة الحاسبة — الإطار الذي يُوضع فيه الـ shortcode
   ========================================================================== */
.dlc-calc-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--ice);
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  text-decoration:none;
  margin-bottom:var(--sp-5);
  transition:color var(--t-base),gap var(--t-base);
}
.dlc-calc-back:hover{color:var(--white);gap:11px}

.dlc-calc-shell{background:var(--cool)}
.dlc-calc-frame{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:clamp(28px,3.5vw,48px);
  box-shadow:var(--shadow-sm);
  max-width:920px;
  margin:0 auto;
}
.dlc-calc-disclaimer{
  display:flex;align-items:flex-start;gap:9px;justify-content:center;
  margin:var(--sp-5) auto 0;max-width:620px;text-align:center;
  font-size:var(--fs-xs);color:var(--text-soft);line-height:1.75;
}
.dlc-calc-disclaimer svg{flex:none;margin-top:3px;color:var(--steel)}

/* ==========================================================================
   طبقة تنسيق عامة داخل إطار الحاسبة
   تُطبَّق على أي HTML تطبعه الإضافة — بلا حاجة لأسماء كلاسات متفق عليها.
   ========================================================================== */

/* العناوين */
.dlc-calc-frame h2{font-size:clamp(21px,2.4vw,27px);color:var(--navy);margin:0 0 var(--sp-4)}
.dlc-calc-frame h3{font-size:19px;color:var(--navy);margin:var(--sp-5) 0 var(--sp-3)}
.dlc-calc-frame h4{font-size:16.5px;color:var(--navy);margin:var(--sp-4) 0 var(--sp-2)}
.dlc-calc-frame p{color:var(--text-soft);line-height:1.85}

/* التسميات */
.dlc-calc-frame label{
  display:block;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:var(--fw-bold);
  color:var(--navy);
  margin-bottom:7px;
}

/* الحقول */
.dlc-calc-frame input[type="text"],
.dlc-calc-frame input[type="number"],
.dlc-calc-frame input[type="email"],
.dlc-calc-frame input[type="tel"],
.dlc-calc-frame input[type="date"],
.dlc-calc-frame input[type="search"],
.dlc-calc-frame select,
.dlc-calc-frame textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  font-family:var(--font-body);
  font-size:15.5px;
  color:var(--text);
  background:var(--cool);
  transition:border-color var(--t-base),box-shadow var(--t-base);
}
.dlc-calc-frame input:focus,
.dlc-calc-frame select:focus,
.dlc-calc-frame textarea:focus{
  outline:none;
  border-color:var(--navy);
  box-shadow:0 0 0 3px rgba(62,111,165,.14);
}
.dlc-calc-frame input::placeholder,
.dlc-calc-frame textarea::placeholder{color:#9FB2C7}
.dlc-calc-frame textarea{min-height:120px;resize:vertical}

/* اختيار متعدد / أحادي */
.dlc-calc-frame input[type="radio"],
.dlc-calc-frame input[type="checkbox"]{
  width:18px;height:18px;
  accent-color:var(--navy);
  margin-inline-end:8px;
  vertical-align:middle;
  cursor:pointer;
}
.dlc-calc-frame input[type="radio"] + label,
.dlc-calc-frame input[type="checkbox"] + label{
  display:inline;
  font-weight:var(--fw-normal);
  color:var(--text);
  cursor:pointer;
}

/* الأزرار */
.dlc-calc-frame button,
.dlc-calc-frame input[type="submit"],
.dlc-calc-frame .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-2);
  padding:13px 30px;
  border-radius:var(--radius);
  border:1px solid var(--navy);
  background:var(--navy);
  color:var(--white);
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  cursor:pointer;
  transition:background var(--t-base),color var(--t-base),border-color var(--t-base);
}
.dlc-calc-frame button:hover,
.dlc-calc-frame input[type="submit"]:hover,
.dlc-calc-frame .button:hover{background:var(--navy-mid);border-color:var(--navy-mid)}

/* زر ثانوي: أي زر بكلاس فيه secondary أو reset */
.dlc-calc-frame button[class*="secondary"],
.dlc-calc-frame button[class*="reset"],
.dlc-calc-frame button[type="reset"]{
  background:transparent;
  color:var(--navy);
  border-color:var(--line);
}
.dlc-calc-frame button[class*="secondary"]:hover,
.dlc-calc-frame button[class*="reset"]:hover,
.dlc-calc-frame button[type="reset"]:hover{
  background:var(--cool);
  border-color:var(--navy);
}

/* الجداول */
.dlc-calc-frame table{
  width:100%;
  border-collapse:collapse;
  font-size:14.5px;
  margin:var(--sp-4) 0;
}
.dlc-calc-frame th,
.dlc-calc-frame td{
  padding:12px 14px;
  border:1px solid var(--line);
  text-align:start;
  vertical-align:top;
}
.dlc-calc-frame th{
  background:var(--cool);
  color:var(--navy);
  font-family:var(--font-head);
  font-weight:var(--fw-bold);
}
.dlc-calc-frame tbody tr:nth-child(even){background:rgba(244,247,251,.5)}

/* القوائم */
.dlc-calc-frame ul,
.dlc-calc-frame ol{padding-inline-start:20px;color:var(--text-soft);line-height:1.9}
.dlc-calc-frame li{margin-bottom:6px}

/* الفواصل */
.dlc-calc-frame hr{border:none;border-top:1px solid var(--line);margin:var(--sp-5) 0}

/* أي كتلة نتيجة — نستهدف الأسماء الشائعة */
.dlc-calc-frame [class*="result"],
.dlc-calc-frame [class*="output"],
.dlc-calc-frame [class*="total"]{
  border-radius:var(--radius);
}

/* رسائل الخطأ والتنبيه */
.dlc-calc-frame [class*="error"],
.dlc-calc-frame [class*="invalid"]{
  color:#B3261E;
  font-size:var(--fs-xs);
}
.dlc-calc-frame [class*="notice"],
.dlc-calc-frame [class*="warning"]{
  background:#FFF8EF;
  border:1px solid #F1DEBC;
  border-radius:var(--radius);
  padding:12px 14px;
  font-size:14px;
  color:var(--text);
}

/* ---------- التجاوب ---------- */
@media (max-width:900px){
  .dlc-calcs-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .dlc-calc-frame{padding:var(--sp-5) var(--sp-4)}
  .dlc-calc-frame table{display:block;overflow-x:auto}
}
@media (max-width:560px){
  .dlc-calc-card{flex-wrap:wrap}
  .dlc-calc-card-more{align-self:flex-start;margin-top:var(--sp-2)}
}

/* ---------- عناصر مساعدة للحاسبات (يستخدمها المطوّر) ---------- */
.dlc-calc-frame .dlc-field{margin-bottom:var(--sp-4)}

.dlc-calc-frame .dlc-question{
  padding:var(--sp-4) 0;
  border-bottom:1px solid var(--line);
}
.dlc-calc-frame .dlc-question:last-of-type{border-bottom:none}
.dlc-calc-frame .dlc-question-text{
  font-family:var(--font-head);
  font-size:16px;
  font-weight:var(--fw-bold);
  color:var(--navy);
  margin:0 0 var(--sp-3);
  line-height:1.7;
}
.dlc-calc-frame .dlc-question-options{
  display:flex;
  gap:var(--sp-4);
  flex-wrap:wrap;
}
.dlc-calc-frame .dlc-question-options label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0;
  padding:9px 18px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  font-weight:var(--fw-normal);
  color:var(--text);
  cursor:pointer;
  transition:border-color var(--t-base),background var(--t-base);
}
.dlc-calc-frame .dlc-question-options label:hover{
  border-color:var(--steel);
  background:var(--cool);
}
.dlc-calc-frame .dlc-question-options input{margin:0}

.dlc-calc-frame .dlc-calc-result{
  background:var(--cool);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px 18px;
  text-align:center;
  margin:var(--sp-5) 0;
  position:relative;
  overflow:hidden;
}
.dlc-calc-frame .dlc-calc-result::before{
  content:'';
  position:absolute;
  top:0;right:0;bottom:0;
  width:3px;
  background:var(--navy);
}
.dlc-calc-frame .dlc-calc-result .num{
  font-family:var(--font-head);
  font-size:clamp(28px,3.4vw,38px);
  font-weight:var(--fw-black);
  color:var(--navy);
  line-height:1.2;
}
.dlc-calc-frame .dlc-calc-result .lbl{
  font-size:13px;
  color:var(--text-soft);
  margin-top:4px;
}

/* ==========================================================================
   صفحة الشركات العالمية
   ========================================================================== */
.dlc-intl-hero .dlc-page-kicker{text-align:start;margin-bottom:var(--sp-5)}
.dlc-intl-hero h1{font-size:clamp(34px,5.2vw,62px);line-height:1.3}
.dlc-intl-hero h1 .light{color:var(--ice)}
.dlc-intl-hero > .container > p{font-size:clamp(16px,1.7vw,19.5px);max-width:640px}
.dlc-intl-hero .dlc-page-hero-ctas{margin-top:var(--sp-6)}

/* صورة خلفية للهيرو مع طبقة كحلية تحفظ قراءة النص.
   نستبدل النقش الهندسي الافتراضي (::before) بالصورة + تدرّج فوقها. */
.dlc-page-hero.dlc-intl-hero{
  background:var(--navy-deep);
  position:relative;
  isolation:isolate;
  min-height:78vh;
  display:flex;
  align-items:center;
  padding-top:clamp(140px,16vh,180px);
  padding-bottom:clamp(72px,10vh,120px);
}
.dlc-page-hero.dlc-intl-hero::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(90deg, rgba(7,24,41,.94) 0%, rgba(7,24,41,.80) 45%, rgba(7,24,41,.52) 100%),
    var(--hero-bg);
  background-size:cover, cover;
  background-position:center, center;
}
.dlc-intl-hero .container{position:relative;z-index:1}


/* الأرقام — شريط جريء بأرقام كبيرة */
.dlc-intl-figures{
  background:var(--navy-deep);
  color:var(--white);
  position:relative;
  overflow:hidden;
}
.dlc-intl-figures::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:56px 56px;
  pointer-events:none;
}
.dlc-intl-figures .container{position:relative}
.dlc-intl-figures-lead{text-align:center;max-width:640px;margin:0 auto var(--sp-8)}
.dlc-intl-figures-lead .dlc-kicker{color:var(--ice);justify-content:center}
.dlc-intl-figures-lead .dlc-kicker::after{display:none}
.dlc-intl-figures-lead h2{color:var(--white)}
.dlc-intl-figures-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.dlc-fig{
  text-align:center;
  padding:0 var(--sp-4);
  border-left:1px solid var(--line-dark);
}
.dlc-fig:last-child{border-left:none}
.dlc-fig-n{
  font-family:var(--font-head);
  font-size:clamp(32px,4.4vw,52px);
  font-weight:var(--fw-black);
  color:var(--white);
  line-height:1.1;
  letter-spacing:-.5px;
}
.dlc-fig-n span{
  display:inline-block;
  font-size:.42em;
  font-weight:var(--fw-bold);
  color:var(--ice);
  margin-inline-start:6px;
  vertical-align:middle;
}
.dlc-fig-l{
  font-size:14px;
  color:#9FB2C7;
  margin-top:var(--sp-3);
}
.dlc-fig-l span{color:#7E93AB;font-size:.9em}

/* لماذا تختارنا — تخطيط تحريري: عمود ثابت + صفوف مرقّمة */
.dlc-intl-why{background:var(--white)}
.dlc-intl-why .container{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(40px,5vw,80px);
  align-items:start;
}
.dlc-intl-why-head{position:sticky;top:110px}
.dlc-intl-why-head h2{color:var(--navy);margin-bottom:var(--sp-4);line-height:1.35}
.dlc-intl-why-head p{color:var(--text-soft);font-size:16.5px;margin-bottom:var(--sp-6);max-width:420px}

.dlc-intl-why-list{border-top:1px solid var(--line)}
.dlc-intl-why-row{
  display:flex;
  gap:var(--sp-5);
  padding:var(--sp-6) 0;
  border-bottom:1px solid var(--line);
  transition:padding-inline-start var(--t-base);
}
.dlc-intl-why-row:hover{padding-inline-start:var(--sp-3)}
.dlc-intl-why-num{
  font-family:var(--font-head);
  font-size:24px;
  font-weight:var(--fw-black);
  color:var(--ice);
  flex:none;
  line-height:1.4;
  transition:color var(--t-base);
}
.dlc-intl-why-row:hover .dlc-intl-why-num{color:var(--steel)}
.dlc-intl-why-body h3{
  font-size:20px;
  color:var(--navy);
  margin-bottom:var(--sp-2);
}
.dlc-intl-why-body p{
  font-size:15px;
  color:var(--text-soft);
  line-height:1.85;
  margin:0;
  max-width:520px;
}

/* عن داغ */
.dlc-intl-about{background:var(--cool);text-align:center}
.dlc-intl-about .dlc-kicker{justify-content:center}
.dlc-intl-about .dlc-kicker::after{display:none}
.dlc-intl-about-text{
  font-family:var(--font-head);
  font-size:clamp(18px,2vw,24px);
  font-weight:var(--fw-bold);
  line-height:1.75;
  color:var(--navy);
  max-width:820px;
  margin:0 auto var(--sp-5);
}

/* التجاوب */
@media (max-width:1000px){
  .dlc-intl-why .container{grid-template-columns:1fr;gap:var(--sp-6)}
  .dlc-intl-why-head{position:static}
  .dlc-intl-figures-row{grid-template-columns:repeat(2,1fr);gap:var(--sp-6) 0}
  .dlc-fig:nth-child(2){border-left:none}
  .dlc-fig:nth-child(n+3){border-top:1px solid var(--line-dark);padding-top:var(--sp-6)}
}
@media (max-width:560px){
  .dlc-intl-figures-row{grid-template-columns:1fr;gap:0}
  .dlc-fig{border-left:none;border-top:1px solid var(--line-dark);padding:var(--sp-5) 0}
  .dlc-fig:first-child{border-top:none}
  .dlc-intl-why-row{gap:var(--sp-3)}
  .dlc-intl-why-num{font-size:20px}
}

/* ==========================================================================
   صفحة تواصل معنا
   ========================================================================== */
.dlc-contact-main{background:var(--cool)}
.dlc-contact-grid{
  display:grid;
  grid-template-columns:1.3fr .9fr;
  gap:clamp(32px,4vw,56px);
  align-items:start;
}

/* النموذج */
.dlc-contact-form-col{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:clamp(28px,3.5vw,48px);
}
.dlc-contact-form-col h2{color:var(--navy);margin-bottom:var(--sp-2)}
.dlc-contact-form-lead{color:var(--text-soft);margin-bottom:var(--sp-6)}
.dlc-contact-form .dlc-field{margin-bottom:var(--sp-4)}
.dlc-contact-form label{
  display:block;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:var(--fw-bold);
  color:var(--navy);
  margin-bottom:7px;
}
.dlc-contact-form input,
.dlc-contact-form textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  font-family:var(--font-body);
  font-size:15.5px;
  color:var(--text);
  background:var(--cool);
  transition:border-color var(--t-base),box-shadow var(--t-base);
}
.dlc-contact-form input:focus,
.dlc-contact-form textarea:focus{
  outline:none;
  border-color:var(--navy);
  box-shadow:0 0 0 3px rgba(62,111,165,.14);
  background:var(--white);
}
.dlc-contact-form input::placeholder,
.dlc-contact-form textarea::placeholder{color:#9FB2C7}
.dlc-contact-form textarea{resize:vertical;min-height:120px}
.dlc-contact-form .dlc-btn{width:100%;margin-top:var(--sp-2)}
#form-status-message:not(:empty){
  margin-bottom:var(--sp-4);
  padding:12px 14px;
  border-radius:var(--radius);
  font-size:14px;
}

/* معلومات التواصل */
.dlc-contact-info-card{
  background:var(--navy-deep);
  color:var(--white);
  border-radius:var(--radius-lg);
  padding:clamp(28px,3vw,40px) clamp(24px,2.6vw,32px);
  position:sticky;
  top:110px;
}
.dlc-contact-info-card h3{color:var(--white);font-size:19px;margin-bottom:var(--sp-5)}

.dlc-contact-item{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-3);
  padding:var(--sp-4) 0;
  border-bottom:1px solid var(--line-dark);
  text-decoration:none;
  transition:padding-inline-start var(--t-base);
}
.dlc-contact-item:not(.dlc-contact-item-static):hover{padding-inline-start:var(--sp-2)}
.dlc-contact-item-icon{
  flex:none;
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:var(--ice);
  font-size:15px;
}
.dlc-contact-item-body{display:flex;flex-direction:column;gap:3px}
.dlc-contact-item-label{font-size:12.5px;color:#9FB2C7;letter-spacing:.3px}
.dlc-contact-item-value{font-size:15.5px;color:var(--white);font-weight:var(--fw-bold)}
.dlc-contact-item-sub{font-size:13px;color:#9FB2C7}

.dlc-contact-book{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-2);
  margin-top:var(--sp-5);
  padding:13px 20px;
  background:var(--white);
  color:var(--navy);
  border-radius:var(--radius);
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  text-decoration:none;
  transition:background var(--t-base);
}
.dlc-contact-book:hover{background:var(--ice);color:var(--navy)}

/* الخريطة */
.dlc-contact-map{background:var(--white)}
.dlc-contact-map-head{padding:var(--sp-8) 0 var(--sp-6)}
.dlc-contact-map-head .dlc-kicker{color:var(--steel)}
.dlc-contact-map-head h2{color:var(--navy);margin-bottom:var(--sp-3)}
.dlc-contact-map-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:var(--fs-sm);
  font-weight:var(--fw-bold);
  color:var(--steel);
  text-decoration:none;
  transition:color var(--t-base),gap var(--t-base);
}
.dlc-contact-map-link:hover{color:var(--navy);gap:11px}
.dlc-contact-map-frame{
  height:clamp(320px,45vh,480px);
  border-top:1px solid var(--line);
}
.dlc-contact-map-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  filter:grayscale(.2);
}

@media (max-width:900px){
  .dlc-contact-grid{grid-template-columns:1fr}
  .dlc-contact-info-card{position:static}
}

/* ==========================================================================
   صفحة عن داغ
   ========================================================================== */
/* الهيرو */
.dlc-about-hero .dlc-about-hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(32px,4vw,64px);
  align-items:center;
}
.dlc-about-hero h1 .light{color:var(--ice)}
.dlc-about-hero-img{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  isolation:isolate;
}
/* لوحة متدرّجة خلف الصورة تمنحها إطاراً وأرضية */
.dlc-about-hero-img::before{
  content:'';
  position:absolute;
  inset:auto 8% 0 8%;
  height:88%;
  z-index:-2;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  background:linear-gradient(180deg,var(--navy-mid) 0%,rgba(20,56,94,.15) 100%);
  border:1px solid var(--line-dark);
  border-bottom:none;
}
/* حلقة زخرفية خفيفة */
.dlc-about-hero-img::after{
  content:'';
  position:absolute;
  top:6%;
  inset-inline-start:2%;
  width:120px;height:120px;
  z-index:-2;
  border:1px solid rgba(200,218,238,.18);
  border-radius:50%;
}
.dlc-about-hero-img img{
  position:relative;
  z-index:1;
  width:100%;
  max-width:380px;
  height:auto;
  filter:contrast(1.05) saturate(1.03);
  /* تلاشٍ ناعم للحافة السفلية بدل القطع الحاد */
  -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 82%,transparent 100%);
}

/* عن داغ */
.dlc-about-intro{background:var(--white)}
.dlc-about-intro-text{
  font-family:var(--font-head);
  font-size:clamp(19px,2.2vw,26px);
  font-weight:var(--fw-bold);
  line-height:1.75;
  color:var(--navy);
  max-width:900px;
}

/* المؤسس */
.dlc-founder{background:var(--cool)}
.dlc-founder-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:clamp(32px,4vw,64px);
  align-items:center;
}
.dlc-founder-text h2{color:var(--navy);margin-bottom:var(--sp-4)}
.dlc-founder-text p{color:var(--text-soft);margin-bottom:var(--sp-4);max-width:560px}
.dlc-founder-img{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:var(--sp-4);
  overflow:hidden;
}
.dlc-founder-img img{
  width:100%;
  height:auto;
  border-radius:var(--radius);
  display:block;
}

/* من نحن */
.dlc-about-who{background:var(--navy-deep);color:var(--white);text-align:center}
.dlc-about-who .dlc-kicker{color:var(--ice);justify-content:center}
.dlc-about-who .dlc-kicker::after{display:none}
.dlc-about-who-text{
  font-size:clamp(17px,1.9vw,21px);
  line-height:1.9;
  color:#DCE6F1;
  max-width:860px;
  margin:0 auto var(--sp-6);
}
.dlc-about-who .dlc-btn-line{border-color:rgba(255,255,255,.4);color:var(--white)}
.dlc-about-who .dlc-btn-line:hover{background:var(--white);color:var(--navy)}

/* الرسالة والرؤية */
.dlc-mv{background:var(--white)}
.dlc-mv-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--sp-5);
}
.dlc-mv-card{
  padding:clamp(28px,3vw,44px);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:var(--cool);
}
.dlc-mv-icon{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;
  border-radius:50%;
  background:var(--white);
  border:1px solid var(--line);
  color:var(--steel);
  margin-bottom:var(--sp-4);
}
.dlc-mv-card h3{font-size:21px;color:var(--navy);margin-bottom:var(--sp-3)}
.dlc-mv-card p{font-size:15.5px;color:var(--text-soft);line-height:1.85;margin:0}

/* القيم */
.dlc-values{background:var(--cool)}
.dlc-values-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--sp-4);
}
.dlc-value-card{
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);
}
.dlc-value-card:hover{
  border-color:var(--steel);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.dlc-value-icon{
  display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;
  border-radius:50%;
  background:var(--cool);
  color:var(--steel);
  margin-bottom:var(--sp-4);
  transition:background var(--t-base),color var(--t-base);
}
.dlc-value-card:hover .dlc-value-icon{background:var(--navy);color:var(--white)}
.dlc-value-card h3{font-size:17px;color:var(--navy);margin-bottom:var(--sp-2)}
.dlc-value-card p{font-size:14px;color:var(--text-soft);line-height:1.8;margin:0}

/* الإنجازات — نفس شريط الشركات العالمية */
.dlc-about-figures{background:var(--navy-deep);color:var(--white);position:relative;overflow:hidden}
.dlc-about-figures::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:56px 56px;pointer-events:none;
}
.dlc-about-figures .container{position:relative}
.dlc-about-figures-lead{text-align:center;max-width:640px;margin:0 auto var(--sp-8)}
.dlc-about-figures-lead .dlc-kicker{color:var(--ice);justify-content:center}
.dlc-about-figures-lead .dlc-kicker::after{display:none}
.dlc-about-figures-lead h2{color:var(--white)}
.dlc-about-figures-lead p{color:#B9C9DB;font-size:16px}
.dlc-about-figures-row{display:grid;grid-template-columns:repeat(4,1fr)}
/* .dlc-fig مشترك مع صفحة الشركات العالمية */

/* مهامنا */
.dlc-objectives{background:var(--white)}
.dlc-objectives-list{display:grid;gap:var(--sp-3)}
.dlc-objective{
  display:flex;
  align-items:center;
  gap:var(--sp-4);
  padding:var(--sp-4) var(--sp-5);
  background:var(--cool);
  border:1px solid var(--line);
  border-radius:var(--radius);
  transition:border-color var(--t-base),padding-inline-start var(--t-base);
}
.dlc-objective:hover{border-color:var(--steel);padding-inline-start:var(--sp-6)}
.dlc-objective-icon{
  flex:none;
  width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--white);
  border:1px solid var(--line);
  color:var(--steel);
}
.dlc-objective p{margin:0;font-size:15.5px;color:var(--text);font-weight:var(--fw-medium)}

@media (max-width:1000px){
  .dlc-about-hero .dlc-about-hero-grid{grid-template-columns:1fr}
  .dlc-about-hero-img{order:-1;max-width:300px;margin:0 auto}
  .dlc-founder-grid{grid-template-columns:1fr}
  .dlc-founder-img{order:-1;max-width:360px}
  .dlc-mv-grid{grid-template-columns:1fr}
  .dlc-values-grid{grid-template-columns:repeat(2,1fr)}
  .dlc-about-figures-row{grid-template-columns:repeat(2,1fr);gap:var(--sp-6) 0}
  .dlc-about-figures-row .dlc-fig:nth-child(2){border-left:none}
  .dlc-about-figures-row .dlc-fig:nth-child(n+3){border-top:1px solid var(--line-dark);padding-top:var(--sp-6)}
}
@media (max-width:560px){
  .dlc-values-grid{grid-template-columns:1fr}
  .dlc-about-figures-row{grid-template-columns:1fr}
  .dlc-about-figures-row .dlc-fig{border-left:none;border-top:1px solid var(--line-dark);padding:var(--sp-5) 0}
  .dlc-about-figures-row .dlc-fig:first-child{border-top:none}
}