@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   كيان — تنسيقات المكوّنات والأقسام
   يعتمد كلياً على الرموز المعرّفة في design-system.css
   كل الاتجاهات مكتوبة بخصائص منطقية لتكون آمنة في RTL.

   مبدأ تحريري مهم:
   لا يُعرض كل قسم على هيئة "بطاقة". تتناوب الأقسام بين:
   شريط بفواصل → شبكة بطاقات → شبكة نصية بخطوط رفيعة → لوحات صور تحريرية
   → قسم داكن → شريط تحريري → نموذج → صورة كاملة العرض.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════
   الهيدر
   ══════════════════════════════════════════════ */
.k-header{
  position:fixed;inset-block-start:0;inset-inline:0;
  z-index:var(--k-z-header);
  height:var(--k-header-h);
  display:flex;align-items:center;
  transition:height var(--k-t) var(--k-ease);
}
.k-header::before{
  content:"";position:absolute;inset:0;
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(18px) saturate(1.5);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  border-bottom:1px solid var(--k-line);
  box-shadow:0 6px 28px rgba(12,20,8,.05);
  opacity:0;transition:opacity var(--k-t) var(--k-ease);
}
.k-header.is-scrolled{height:calc(var(--k-header-h) - 16px)}
.k-header.is-scrolled::before,
body.kayan:not(.home) .k-header::before{opacity:1}

.k-header__inner{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.25rem);
}

/* الشعار */
.k-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:0 0 auto}
.k-brand__img{
  width:auto;height:clamp(40px,4.2vw,54px);
  object-fit:contain;
  transition:height var(--k-t) var(--k-ease);
}
.k-header.is-scrolled .k-brand__img{height:clamp(36px,3.6vw,45px)}
.k-brand__text{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.k-brand__text strong{font-size:1.22rem;font-weight:700;color:var(--k-green-900)}
.k-brand__text span{font-size:.79rem;font-weight:500;color:var(--k-muted)}

/* بين 901 و1240: القائمة الكاملة معروضة ولا مساحة للاسم — يبقى مخفياً كما كان. */
@media (max-width:1240px) and (min-width:901px){ .k-brand__text{display:none} }

/* ══ الجوال واللوحي الصغير: [الشعار] كيان لمكافحة الحشرات … [القائمة] ══
   الاسم يُعرض في سطر واحد، فيقرأ "كيان لمكافحة الحشرات" متصلاً. */
@media (max-width:900px){
  .k-brand{gap:.6rem;min-width:0}
  .k-brand__text{
    flex-direction:row;align-items:baseline;gap:.3rem;flex-wrap:wrap;
    line-height:1.35;
  }
  .k-brand__text strong{font-size:1.06rem;color:var(--k-green-900)}
  .k-brand__text span{font-size:1.06rem;font-weight:600;color:var(--k-green-900)}
}
@media (max-width:520px){
  .k-brand__img{height:38px}
  .k-header.is-scrolled .k-brand__img{height:34px}
  .k-brand__text strong,
  .k-brand__text span{font-size:.99rem}
  .k-brand{gap:.5rem}
}
@media (max-width:380px){
  .k-brand__img{height:34px}
  .k-brand__text strong,
  .k-brand__text span{font-size:.92rem}
}

/* التنقل — مسافات أوسع وقراءة أوضح */
.k-nav{margin-inline-start:auto}
.k-nav__list{display:flex;align-items:center;gap:clamp(.35rem,1.1vw,.85rem);list-style:none;margin:0;padding:0}
.k-nav__list a{
  position:relative;display:block;
  padding:.6rem .95rem;
  color:var(--k-ink);font-size:1.03rem;font-weight:600;text-decoration:none;
  border-radius:var(--k-r-sm);
  transition:color var(--k-t-fast) var(--k-ease);
}
.k-nav__list a::after{
  content:"";position:absolute;inset-inline:.95rem;bottom:.28rem;height:2px;
  background:var(--k-grad-lime);border-radius:2px;
  transform:scaleX(0);transform-origin:right center;
  transition:transform var(--k-t) var(--k-ease-out);
}
.k-nav__list a:hover{color:var(--k-green-900)}
.k-nav__list a:hover::after,
.k-nav__list .current-menu-item > a::after,
.k-nav__list .current_page_item > a::after{transform:scaleX(1)}
.k-nav__list .current-menu-item > a,
.k-nav__list .current_page_item > a{color:var(--k-green-900)}

/* أزرار الهيدر */
.k-header__actions{display:flex;align-items:center;gap:.85rem;flex:0 0 auto;margin-inline-start:auto}
.k-nav + .k-header__actions{margin-inline-start:0}

.k-header__tel{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.55rem .9rem;border-radius:var(--k-r-full);
  color:var(--k-ink);font-weight:600;font-size:.97rem;text-decoration:none;
  transition:background-color var(--k-t-fast),color var(--k-t-fast);
  position:relative;
}
.k-header__tel .k-icon{width:19px;height:19px;color:var(--k-green)}
.k-header__tel:hover{background:var(--k-lime-soft);color:var(--k-green-900)}
@media (max-width:1360px){ .k-header__tel{display:none!important} }

/* الزر الأساسي في الهيدر — أوضح وأبرز */
.k-header__cta{position:relative;padding:.8rem 1.5rem;font-size:1rem;font-weight:700}

/* زر القائمة (الجوال) */
.k-burger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:48px;height:48px;padding:0 12px;
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:var(--k-r-sm);cursor:pointer;
  box-shadow:var(--k-sh-1);
}
/* ─────────────────────────────────────────────────────────────────────────
   ★ سبب ظهور لون غريب (مثل #CC3366) على زر القائمة:
   لم تكن حالات :hover / :focus / :active معرّفة لهذا الزر إطلاقاً، فكان أي
   ستايل خارجي — قالب أب، أو Elementor kit، أو إضافة — يملك هذه الحالات
   عبر قواعد عامة مثل button:hover أو a:hover. الحل ليس إضافة تجاوز أعمى،
   بل تعريف الحالات هنا صراحةً بألوان كيان، وربط الأشرطة بـ currentColor
   فتتبع لون الزر الذي نتحكم به نحن لا لون موروث من الخارج.
   الخصوصية body.kayan .k-burger (ثلاث كلاسات) تكفي لتتقدّم على قواعد
   الإضافات النمطية بلا الحاجة إلى !important.
   ───────────────────────────────────────────────────────────────────────── */
body.kayan .k-burger,
body.kayan .k-burger:link,
body.kayan .k-burger:visited{
  color:var(--k-green-900) !important;
  background-color:var(--k-surface) !important;
  border-color:var(--k-line) !important;
}
body.kayan .k-burger:hover,
body.kayan .k-burger:focus,
body.kayan .k-burger:focus-visible,
body.kayan .k-burger:active,
body.kayan .k-burger[aria-expanded="true"]{
  color:var(--k-green-900) !important;
  background-color:var(--k-lime-soft) !important;
  border-color:rgba(120,195,7,.55) !important;
}
/* الأشرطة تتبع لون الزر — لا لوناً مكتوباً يمكن لقاعدة خارجية استبداله */
body.kayan .k-burger span{background-color:currentColor !important}

/* لماذا !important هنا تحديداً — وهنا فقط؟
   الخصوصية وحدها لا تتقدّم على قاعدة خارجية مكتوبة بـ !important
   (اختبرناها فعلياً: button:hover{background:#CC3366 !important}).
   لذلك تُدرَّع ألوان هذا الزر وحده. النطاق ضيق ومتعمّد: ثلاث خصائص لون
   على مكوّن واحد — لا تجاوز عام ولا !important في بقية الملف.
   إن حُذفت قاعدة #CC3366 من مصدرها الخارجي، يمكن حذف !important هنا بأمان. */
/* الحالة البصرية أعلاه تكفي، فلا حاجة لوميض اللمس الافتراضي على هذا الزر */
.k-burger{-webkit-tap-highlight-color:transparent}

.k-burger span{display:block;height:2px;width:100%;background-color:currentColor;border-radius:2px;transition:transform var(--k-t) var(--k-ease),opacity var(--k-t-fast)}
.k-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.k-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.k-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){ .k-burger{display:flex} }

/* الهيدر على الجوال: [الشعار + الاسم] … [القائمة]
   يُخفى زر "احجز خدمتك" هنا لإتاحة مساحة للاسم — والتحويل مغطّى أصلاً
   بالشريط السفلي الثابت (واتساب | اتصل بنا) الظاهر تحت 900px. */
@media (max-width:700px){
  .k-header__cta{padding:.68rem 1rem;font-size:.92rem}
  .k-header__cta .k-icon{display:none}
}
@media (max-width:600px){
  .k-header__cta{display:none}
}

/* ══════════════════════════════════════════════
   قائمة الجوال
   ══════════════════════════════════════════════ */
.k-mobile{position:fixed;inset:0;z-index:var(--k-z-modal)}
.k-mobile[hidden]{display:none}
.k-mobile__backdrop{
  position:absolute;inset:0;background:rgba(12,20,8,.55);
  backdrop-filter:blur(3px);
  opacity:0;transition:opacity var(--k-t) var(--k-ease);
}
.k-mobile.is-open .k-mobile__backdrop{opacity:1}

.k-mobile__panel{
  position:absolute;inset-block:0;inset-inline-start:0;
  width:min(340px,88vw);
  display:flex;flex-direction:column;gap:1.4rem;
  padding:1.15rem 1.25rem 1.75rem;
  background:var(--k-surface);
  box-shadow:var(--k-sh-4);
  overflow-y:auto;
  transform:translateX(100%);
  transition:transform .42s var(--k-ease-out);
}
.k-mobile.is-open .k-mobile__panel{transform:translateX(0)}

.k-mobile__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--k-line)}
.k-mobile__title{font-weight:700;color:var(--k-green-900);font-size:1.02rem}
.k-mobile__close{
  display:grid;place-items:center;width:42px;height:42px;
  background:var(--k-surface-2);border:1px solid var(--k-line);
  border-radius:var(--k-r-sm);color:var(--k-ink);cursor:pointer;
}
.k-mobile__close .k-icon{width:20px;height:20px}

.k-mobile__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}

/* فاصل رفيع بين العناصر — يوضّح الفصل بلا ازدحام */
.k-mobile__list > li + li{border-block-start:1px solid var(--k-line)}

/* نفس المبدأ: تُدرَّع ألوان روابط القائمة لأن قواعد a:hover الخارجية
   كثيراً ما تُكتب بـ !important في أطقم Elementor والإضافات. */
body.kayan .k-mobile__list a{color:var(--k-ink) !important;background-color:transparent !important}
.k-mobile__list a{
  display:flex;align-items:center;
  min-height:58px;                 /* هدف لمس مريح */
  padding:1.05rem .9rem;
  color:var(--k-ink);
  font-size:1.14rem;font-weight:600;line-height:1.7;
  text-decoration:none;
  border-radius:var(--k-r-sm);
  transition:background-color var(--k-t-fast) var(--k-ease),
             color var(--k-t-fast) var(--k-ease),
             padding-inline-start var(--k-t-fast) var(--k-ease);
}

/* حالات التفاعل — كلها بأخضر كيان من نظام الألوان العام.
   يشمل اللمس (:active) ولوحة المفاتيح (:focus-visible) والصفحة الحالية.
   مسبوقة بـ body.kayan لترفع الخصوصية فوق أي قاعدة a:hover خارجية. */
body.kayan .k-mobile__list a:hover,
body.kayan .k-mobile__list a:focus,
body.kayan .k-mobile__list a:focus-visible,
body.kayan .k-mobile__list a:active,
body.kayan .k-mobile__list .current-menu-item > a,
body.kayan .k-mobile__list .current_page_item > a,
body.kayan .k-mobile__list [aria-current="page"]{
  background-color:var(--k-lime-soft) !important;
  color:var(--k-green-900) !important;
  padding-inline-start:1.3rem;
}

/* الصفحة الحالية تُميَّز بخط أخضر أيضاً، فلا يعتمد التمييز على اللون وحده */
.k-mobile__list .current-menu-item > a,
.k-mobile__list .current_page_item > a{
  /* إزاحة box-shadow فيزيائية لا منطقية: القيمة سالبة لتقع الشريطة
     على حافة البداية (اليمين) في RTL. */
  box-shadow:inset -3px 0 0 0 var(--k-lime);
}

.k-mobile__cta{display:flex;flex-direction:column;gap:.65rem;margin-top:auto;padding-top:1.15rem;border-top:1px solid var(--k-line)}

/* ══════════════════════════════════════════════
   الهيرو
   ══════════════════════════════════════════════ */
.k-hero{
  position:relative;overflow:hidden;
  padding-block:calc(var(--k-header-h) + clamp(2.75rem,5vw,4.5rem)) clamp(3.5rem,6vw,5.5rem);
  background:var(--k-grad-soft);
}
.k-hero__blob-1{width:min(42vw,520px);aspect-ratio:1;inset-block-start:-16%;inset-inline-end:-8%;opacity:.75}

.k-hero__grid{
  display:grid;grid-template-columns:1.08fr .92fr;
  gap:clamp(2.25rem,5vw,4.5rem);align-items:center;
}
.k-hero__title{margin-bottom:1.15rem;font-size:clamp(2.1rem,1.3rem + 3vw,3.6rem)}
.k-hero__lead{
  font-size:clamp(1.08rem,1.01rem + .4vw,1.3rem);
  line-height:1.85;color:var(--k-muted);
  max-width:48ch;margin:0;
}
.k-hero__cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.25rem}

/* رابط الاتصال — قناة ثانية بلا مزاحمة الزر الأساسي */
.k-hero__tel{
  display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  margin:1.5rem 0 0;font-size:.98rem;color:var(--k-muted);
}
.k-hero__tel a{
  display:inline-flex;align-items:center;gap:.42rem;position:relative;
  color:var(--k-green-800);font-weight:700;text-decoration:none;
  border-bottom:1px solid rgba(76,127,0,.32);padding-bottom:1px;
}
.k-hero__tel a:hover{color:var(--k-green-900);border-bottom-color:var(--k-lime)}
.k-hero__tel .k-icon{width:18px;height:18px}

/* الصورة — معالجة تحريرية: بلا دوران، إطار مزاح خلفها وظل عميق */
.k-hero__stack{position:relative;aspect-ratio:1/1.12;max-width:540px;margin-inline:auto}

.k-hero__frame{
  position:absolute;inset-block:6% -3.5%;inset-inline:-3.5% 8%;
  border:1.5px solid rgba(120,195,7,.42);
  border-radius:var(--k-r-xl);
  background:linear-gradient(150deg,rgba(120,195,7,.09),rgba(120,195,7,0) 55%);
  pointer-events:none;
}
.k-hero__photo{
  position:relative;height:100%;margin:0;
  border-radius:var(--k-r-xl);overflow:hidden;
  box-shadow:var(--k-sh-4);
  background:var(--k-surface-3);
}
.k-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}

/* شارتان صغيرتان فقط — معلومات هادئة لا عناصر واجهة */
.k-hero__pin{
  position:absolute;z-index:2;
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem 1rem;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.9);
  border-radius:var(--k-r-full);
  box-shadow:0 8px 22px rgba(12,20,8,.12);
  font-size:.92rem;font-weight:600;color:var(--k-ink);white-space:nowrap;
}
.k-hero__pin .k-icon{width:19px;height:19px;color:var(--k-green);flex:0 0 auto}
.k-hero__pin--a{inset-block-start:9%;inset-inline-start:-5%;animation:k-float 9s var(--k-ease) infinite}
.k-hero__pin--b{inset-block-end:11%;inset-inline-end:-4%;animation:k-float 9s var(--k-ease) -4.5s infinite}

@media (max-width:1024px){
  .k-hero__grid{grid-template-columns:1fr;gap:2.75rem}
  .k-hero__content{max-width:none}
  .k-hero__lead{max-width:60ch}
  .k-hero__stack{aspect-ratio:4/3;max-width:100%}
  .k-hero__photo img{object-position:center 32%}
  .k-hero__frame{inset-inline:-2% 6%}
  .k-hero__pin--a{inset-inline-start:3%}
  .k-hero__pin--b{inset-inline-end:3%}
}
@media (max-width:600px){
  .k-hero__stack{aspect-ratio:5/4}
  .k-hero__cta{gap:.7rem}
  .k-hero__cta .k-btn{flex:1 1 100%}
  .k-hero__pin{padding:.5rem .8rem;font-size:.85rem}
  .k-hero__pin--a{inset-block-start:5%;inset-inline-start:4%}
  .k-hero__pin--b{inset-block-end:6%;inset-inline-end:4%}
  .k-hero__frame{display:none}
}

/* ══════════════════════════════════════════════
   شريط الثقة — فواصل رفيعة، بلا بطاقات
   ══════════════════════════════════════════════ */
.k-trust{
  padding-block:clamp(1.6rem,3vw,2.4rem);
  background:var(--k-surface);
  border-block:1px solid var(--k-line);
}
.k-trust__list{
  display:grid;grid-template-columns:repeat(4,1fr);
  list-style:none;margin:0;padding:0;
}
.k-trust__item{
  display:flex;align-items:center;gap:.85rem;
  padding-inline:clamp(.75rem,2vw,1.75rem);
  border-inline-start:1px solid var(--k-line);
}
.k-trust__item:first-child{border-inline-start:0;padding-inline-start:0}
.k-trust__ico{
  display:grid;place-items:center;flex:0 0 auto;
  width:44px;height:44px;border-radius:var(--k-r-sm);
  background:var(--k-lime-soft);color:var(--k-green-900);
}
.k-trust__ico .k-icon{width:23px;height:23px}
.k-trust__text{display:flex;flex-direction:column;line-height:1.5;min-width:0}
.k-trust__text strong{font-size:1rem;font-weight:700;color:var(--k-ink)}
.k-trust__text span{font-size:.87rem;color:var(--k-muted);line-height:1.65}

@media (max-width:900px){
  .k-trust__list{grid-template-columns:repeat(2,1fr);gap:1.4rem 0}
  .k-trust__item:nth-child(odd){border-inline-start:0;padding-inline-start:0}
}
@media (max-width:520px){
  .k-trust__list{grid-template-columns:1fr;gap:1.1rem}
  .k-trust__item{border-inline-start:0;padding-inline:0}
}

/* ══════════════════════════════════════════════
   الخدمات — بطاقات أكبر ومتنفّسة
   ══════════════════════════════════════════════ */
.k-services__grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:clamp(.9rem,1.5vw,1.35rem);
}
/* الخدمات عشر: تنقسم بالتساوي على 5 و 2 و 1 فقط.
   لذلك تُتخطّى شبكة الأعمدة الثلاثة — كانت تترك بطاقة وحيدة في الصف الأخير.
   المسار: 5 (5+5) ← 4 (4+4+2) ← 2 (خمسة صفوف كاملة) ← 1 أفقية. */
@media (max-width:1180px){ .k-services__grid{grid-template-columns:repeat(4,1fr)} }
@media (max-width:900px){  .k-services__grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){  .k-services__grid{grid-template-columns:1fr;gap:.75rem} }
.k-svc{
  display:flex;flex-direction:column;align-items:flex-start;
  gap:.55rem;height:100%;
  padding:clamp(1.5rem,2vw,1.85rem) clamp(1.25rem,1.7vw,1.6rem) clamp(1.25rem,1.7vw,1.5rem);
  background:var(--k-surface);
  border:1px solid var(--k-line);
  border-radius:var(--k-r-lg);
  transition:transform var(--k-t) var(--k-ease-out),
             box-shadow var(--k-t) var(--k-ease),
             border-color var(--k-t) var(--k-ease);
}
.k-svc:hover{transform:translateY(-5px);box-shadow:var(--k-sh-3);border-color:rgba(120,195,7,.45)}

.k-svc__media{margin-bottom:.55rem}
.k-svc__media img{
  width:100%;border-radius:var(--k-r);
  object-fit:cover;object-position:var(--k-img-pos,center);
  aspect-ratio:4/3;background:var(--k-surface-3);
}

.k-svc__icon{
  display:grid;place-items:center;
  width:68px;height:68px;border-radius:var(--k-r);
  background:var(--k-lime-soft);color:var(--k-green-900);
  border:1px solid rgba(120,195,7,.24);
  transition:transform var(--k-t) var(--k-ease-spring),background var(--k-t),color var(--k-t),box-shadow var(--k-t);
}
.k-svc__icon .k-icon{width:36px;height:36px}
.k-svc:hover .k-svc__icon{
  background:var(--k-grad-lime);color:var(--k-ink);
  box-shadow:var(--k-sh-lime);
  transform:translateY(-3px);
}

.k-svc__title{font-size:1.12rem;line-height:1.5;margin:0;color:var(--k-ink)}
.k-svc__desc{font-size:.95rem;line-height:1.8;color:var(--k-muted);margin:0}

.k-svc__cta{
  position:relative;display:inline-flex;align-items:center;gap:.42rem;
  margin-top:auto;padding-top:1.1rem;
  color:var(--k-green-800);font-size:.96rem;font-weight:700;text-decoration:none;
}
.k-svc__cta .k-icon{width:18px;height:18px;transition:transform var(--k-t) var(--k-ease-spring)}
.k-svc:hover .k-svc__cta .k-icon{transform:translateX(-5px)}

/* على الشاشات الضيقة: عمود واحد لكن ببطاقة أفقية مضغوطة.
   عمودان هنا يصنعان بطاقات ضيقة جداً، وبطاقة رأسية كاملة تجعل القسم
   طويلاً بلا داعٍ — التخطيط الأفقي يحل الأمرين معاً. */
@media (max-width:900px){
  .k-svc{
    display:grid;grid-template-columns:auto 1fr;
    grid-template-areas:"icon title" "icon desc" "icon cta";
    column-gap:1.05rem;row-gap:.3rem;align-items:start;
    padding:1.2rem 1.15rem;border-radius:var(--k-r);
  }
  .k-svc:hover{transform:none}
  .k-svc__media{grid-area:icon;margin:0}
  .k-svc__icon{width:54px;height:54px;border-radius:var(--k-r-sm)}
  .k-svc__icon .k-icon{width:29px;height:29px}
  /* صورة الحشرة في التخطيط الأفقي: مصغّرة مربعة بحجم الأيقونة تقريباً */
  .k-svc__media img{width:78px;aspect-ratio:1;border-radius:var(--k-r-sm)}
  .k-svc__title{grid-area:title;font-size:1.05rem}
  .k-svc__desc{grid-area:desc;font-size:.91rem;line-height:1.7}
  .k-svc__cta{grid-area:cta;margin-top:0;padding-top:.5rem}
}

/* ══════════════════════════════════════════════
   لماذا كيان — شبكة نصية بخطوط رفيعة، بلا بطاقات
   ══════════════════════════════════════════════ */
.k-why__top{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(1.5rem,4vw,4rem);align-items:end;
  margin-bottom:clamp(2.25rem,4vw,3.25rem);
}
.k-why__title{margin-bottom:0}
.k-why__lede p{
  font-size:clamp(1.04rem,.99rem + .32vw,1.22rem);
  line-height:1.9;color:var(--k-muted);margin:0;
  padding-inline-start:1.35rem;
  border-inline-start:2px solid rgba(120,195,7,.5);
}

.k-why__body{
  display:grid;grid-template-columns:.85fr 1.15fr;
  gap:clamp(2rem,4vw,3.5rem);align-items:center;
}
.k-why__photo{
  margin:0;border-radius:var(--k-r-xl);overflow:hidden;
  aspect-ratio:4/5;box-shadow:var(--k-sh-3);background:var(--k-surface-3);
}
.k-why__photo img{width:100%;height:100%;object-fit:cover}

.k-why__list{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:0;list-style:none;margin:0;padding:0;
}
.k-benefit{
  padding:clamp(1.2rem,2vw,1.65rem) clamp(1rem,1.8vw,1.5rem);
  border-block-start:1px solid var(--k-line);
}
.k-benefit:nth-child(-n+2){border-block-start:0}
.k-benefit:nth-child(even){border-inline-start:1px solid var(--k-line);padding-inline-start:clamp(1.25rem,2.2vw,1.9rem)}
.k-benefit__ico{
  display:grid;place-items:center;
  width:46px;height:46px;margin-bottom:.85rem;
  border-radius:var(--k-r-sm);
  background:var(--k-lime-soft);color:var(--k-green-900);
  transition:transform var(--k-t) var(--k-ease-spring),background var(--k-t),color var(--k-t);
}
.k-benefit__ico .k-icon{width:24px;height:24px}
.k-benefit:hover .k-benefit__ico{background:var(--k-grad-lime);color:var(--k-ink);transform:translateY(-3px)}
.k-benefit__title{font-size:1.08rem;margin:0 0 .3rem;color:var(--k-ink);line-height:1.5}
.k-benefit__desc{font-size:.94rem;line-height:1.82;color:var(--k-muted);margin:0}

@media (max-width:1024px){
  .k-why__top{grid-template-columns:1fr;gap:1.5rem;align-items:start}
  .k-why__body{grid-template-columns:1fr}
  .k-why__photo{aspect-ratio:16/10;max-width:640px;margin-inline:auto}
}
@media (max-width:620px){
  .k-why__list{grid-template-columns:1fr}
  .k-benefit{padding-inline:0}
  .k-why__list .k-benefit:nth-child(even){border-inline-start:0;padding-inline-start:0}
  .k-benefit:nth-child(2){border-block-start:1px solid var(--k-line)}
}

/* ══════════════════════════════════════════════
   من نخدم — لوحتان تحريريتان
   ══════════════════════════════════════════════ */
.k-segments__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,2.5vw,2rem)}

.k-segment{
  display:flex;flex-direction:column;
  border-radius:var(--k-r-xl);overflow:hidden;
  background:var(--k-surface-2);
  border:1px solid var(--k-line);
}
.k-segment__media{
  position:relative;margin:0;
  aspect-ratio:16/9;overflow:hidden;background:var(--k-surface-3);
}
.k-segment__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--k-ease-out)}
.k-segment:hover .k-segment__media img{transform:scale(1.05)}
.k-segment__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(12,20,8,.42) 0%,rgba(12,20,8,0) 45%);
}
.k-segment__kicker{
  position:absolute;z-index:1;
  inset-block-start:1.1rem;inset-inline-start:1.1rem;
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.45rem .9rem;border-radius:var(--k-r-full);
  background:rgba(255,255,255,.95);
  font-size:.85rem;font-weight:700;color:var(--k-green-900);
}
.k-segment__kicker .k-icon{width:17px;height:17px;color:var(--k-green)}

.k-segment__body{padding:clamp(1.5rem,2.6vw,2.1rem)}
.k-segment__title{font-size:clamp(1.35rem,1.15rem + .7vw,1.75rem);margin:0 0 .55rem;color:var(--k-ink)}
.k-segment__desc{font-size:1rem;line-height:1.85;color:var(--k-muted);margin:0 0 1.25rem;max-width:46ch}
.k-segment__items{
  display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1rem;
  list-style:none;margin:0;padding:0;
}
.k-segment__items li{
  display:flex;align-items:center;gap:.5rem;
  font-size:.97rem;font-weight:600;color:var(--k-ink);
}
.k-segment__items .k-icon{width:17px;height:17px;color:var(--k-green);flex:0 0 auto}

@media (max-width:860px){ .k-segments__grid{grid-template-columns:1fr} }
@media (max-width:420px){ .k-segment__items{grid-template-columns:1fr} }

/* ══════════════════════════════════════════════
   آلية العمل — القسم الداكن
   ══════════════════════════════════════════════ */
.k-process{overflow:hidden}
.k-process__blob{width:min(46vw,580px);aspect-ratio:1;inset-block-start:-28%;inset-inline-start:-10%;opacity:.45}

.k-steps{
  position:relative;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,2.5rem);
  list-style:none;margin:0;padding:0;
}
/* الخط الواصل — يمر بمنتصف الأرقام تماماً */
.k-steps::before{
  content:"";position:absolute;inset-block-start:35px;
  inset-inline:calc(12.5% + 35px) calc(12.5% + 35px);
  height:1px;
  background:linear-gradient(90deg,rgba(120,195,7,.10),rgba(120,195,7,.45),rgba(120,195,7,.10));
}
.k-step{position:relative}
.k-step__num{
  position:relative;z-index:1;
  display:grid;place-items:center;
  width:70px;height:70px;margin-bottom:1.35rem;
  border-radius:var(--k-r);
  background:#16210F;
  border:1px solid rgba(120,195,7,.34);
  color:var(--k-lime);
  font-size:1.35rem;font-weight:700;
  transition:transform var(--k-t) var(--k-ease-spring),background var(--k-t),color var(--k-t),box-shadow var(--k-t),border-color var(--k-t);
}
.k-step:hover .k-step__num{
  background:var(--k-grad-lime);color:var(--k-ink);border-color:transparent;
  transform:translateY(-4px);
  box-shadow:var(--k-sh-lime);
}
.k-step__title{font-size:1.2rem;margin:0 0 .45rem;color:#fff}
.k-step__desc{font-size:.96rem;line-height:1.85;color:#B9C7AE;margin:0;max-width:32ch}

@media (max-width:900px){
  .k-steps{grid-template-columns:repeat(2,1fr);gap:2.25rem 1.75rem}
  .k-steps::before{display:none}
}
@media (max-width:540px){ .k-steps{grid-template-columns:1fr} }

/* ══════════════════════════════════════════════
   شريط الدعوة للتواصل — تحريري لا بطاقة
   ══════════════════════════════════════════════ */
.k-promo{
  position:relative;overflow:hidden;
  padding-block:clamp(3rem,5.5vw,4.5rem);
  background:linear-gradient(120deg,var(--k-surface-3) 0%,var(--k-lime-soft) 55%,var(--k-surface-2) 100%);
  border-block:1px solid rgba(120,195,7,.22);
}
.k-promo__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(1.5rem,4vw,3.5rem);flex-wrap:wrap;
}
.k-promo__title{
  font-size:clamp(1.6rem,1.2rem + 1.7vw,2.5rem);
  margin:0 0 .5rem;color:var(--k-ink);
}
.k-promo__text p{margin:0;font-size:clamp(1rem,.97rem + .3vw,1.18rem);color:var(--k-muted);max-width:48ch}
.k-promo__actions{display:flex;flex-wrap:wrap;gap:.8rem;flex:0 0 auto}
@media (max-width:760px){
  .k-promo__actions{width:100%}
  .k-promo__actions .k-btn{flex:1 1 100%}
}

/* ══════════════════════════════════════════════
   نموذج الطلب
   ══════════════════════════════════════════════ */
.k-request__grid{
  display:grid;grid-template-columns:.88fr 1.12fr;
  gap:clamp(2rem,4.5vw,4rem);align-items:start;
}
.k-request__intro{position:sticky;top:calc(var(--k-header-h) + 2.5rem)}
.k-request__points{list-style:none;margin:1.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.85rem}
.k-request__points li{display:flex;align-items:center;gap:.7rem;font-size:1rem;font-weight:600;color:var(--k-ink)}
.k-request__points .k-icon{width:21px;height:21px;color:var(--k-green);flex:0 0 auto}

.k-request__form{
  display:flex;flex-direction:column;gap:1.2rem;
  padding:clamp(1.5rem,3vw,2.5rem);
  background:var(--k-surface);
  border:1px solid var(--k-line);
  border-radius:var(--k-r-xl);
  box-shadow:var(--k-sh-2);
}
.k-request__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.k-request__hint{margin:0;text-align:center;font-size:.89rem;line-height:1.75;color:var(--k-muted)}
.k-request__status{margin:0;font-size:.95rem;font-weight:600;text-align:center;color:var(--k-green-800)}
.k-request__status:empty{display:none}
.k-request__status.is-error{color:#B4341F}

@media (max-width:1024px){ .k-request__grid{grid-template-columns:1fr} .k-request__intro{position:static} }
@media (max-width:560px){ .k-request__row{grid-template-columns:1fr} }

/* ══════════════════════════════════════════════
   الدعوة الختامية — صورة كاملة العرض
   ══════════════════════════════════════════════ */
.k-cta{position:relative;overflow:hidden;padding-block:clamp(4.5rem,8vw,7.5rem);isolation:isolate}
.k-cta__bg{position:absolute;inset:0;z-index:-2;background:var(--k-ink)}
.k-cta__bg img{width:100%;height:100%;object-fit:cover}
.k-cta::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(10,18,6,.93) 0%,rgba(12,20,8,.86) 42%,rgba(30,54,0,.72) 100%);
}
.k-cta__inner{max-width:640px}
.k-cta__title{color:#fff;font-size:clamp(1.85rem,1.25rem + 2.4vw,3.1rem);margin-bottom:.7rem;line-height:1.28}
.k-cta__text{color:#C8D6BC;font-size:clamp(1.04rem,.99rem + .34vw,1.24rem);margin-bottom:2.15rem;max-width:46ch}
.k-cta__buttons{display:flex;flex-wrap:wrap;gap:.85rem}
@media (max-width:600px){ .k-cta__buttons .k-btn{flex:1 1 100%} }

/* ══════════════════════════════════════════════
   الفوتر
   ══════════════════════════════════════════════ */
.k-footer{
  position:relative;overflow:hidden;
  padding-block:clamp(3.5rem,6vw,5.25rem) 0;
  background:var(--k-grad-dark);color:#B9C7AE;
}
.k-footer__glow{
  position:absolute;inset-block-start:-40%;inset-inline-end:-10%;
  width:min(60vw,700px);aspect-ratio:1;
  background:radial-gradient(circle,rgba(120,195,7,.16),transparent 68%);
  pointer-events:none;
}
.k-footer__grid{
  display:grid;grid-template-columns:1.5fr 1fr 1.35fr 1.25fr;
  gap:clamp(2rem,3.5vw,3.25rem);
  padding-bottom:clamp(2.5rem,4vw,3.5rem);
}
.k-footer__brand{display:inline-block;margin-bottom:1.25rem}
.k-footer__brand img{
  width:auto;height:88px;object-fit:contain;
  background:#fff;padding:.6rem .9rem;border-radius:var(--k-r-sm);
}
.k-footer__desc{font-size:.97rem;line-height:1.95;color:#A9B89E;margin:0 0 1.5rem;max-width:38ch}
.k-footer__actions{display:flex;flex-wrap:wrap;gap:.6rem}

.k-footer__title{
  font-size:1.06rem;font-weight:700;color:#fff;
  margin:0 0 1.25rem;padding-bottom:.7rem;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.k-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.k-footer__list--two{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1rem}
.k-footer__list a{
  position:relative;color:#A9B89E;font-size:.96rem;text-decoration:none;
  transition:color var(--k-t-fast),padding-inline-start var(--k-t-fast);
}
.k-footer__list a:hover{color:var(--k-lime);padding-inline-start:.35rem}

.k-footer__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem}
.k-footer__contact a,.k-footer__plain{
  position:relative;display:flex;align-items:center;gap:.85rem;
  color:#A9B89E;text-decoration:none;
  transition:color var(--k-t-fast);
}
.k-footer__contact a:hover{color:#fff}
.k-footer__ico{
  display:grid;place-items:center;flex:0 0 auto;
  width:44px;height:44px;border-radius:var(--k-r-sm);
  background:rgba(120,195,7,.12);border:1px solid rgba(120,195,7,.24);
  color:var(--k-lime);
  transition:background var(--k-t),color var(--k-t);
}
.k-footer__ico .k-icon{width:22px;height:22px}
.k-footer__contact a:hover .k-footer__ico{background:var(--k-grad-lime);color:var(--k-ink)}
.k-footer__contact strong{display:block;font-size:.99rem;font-weight:700;color:#fff;line-height:1.55}
.k-footer__contact em{display:block;font-size:.87rem;font-style:normal;color:#93A288;line-height:1.65}

.k-footer__bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;
  padding-block:1.5rem;
  border-top:1px solid rgba(255,255,255,.10);
}
.k-footer__bottom p{margin:0;font-size:.9rem;color:#8D9C83}
@media (min-width:901px){ .k-footer__bottom{padding-inline-end:120px} }
.k-footer__note{opacity:.8}

@media (max-width:1024px){ .k-footer__grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){
  .k-footer__grid{grid-template-columns:1fr}
  .k-footer__list--two{grid-template-columns:1fr}
  .k-footer__bottom{justify-content:center;text-align:center}
}

/* ══════════════════════════════════════════════
   أزرار التواصل الدائمة
   ══════════════════════════════════════════════ */
.k-fab{
  position:fixed;inset-block-end:26px;inset-inline-end:26px;
  z-index:var(--k-z-float);
  display:inline-flex;align-items:center;gap:.6rem;
  height:60px;padding:0 20px;
  background:var(--k-grad-lime);color:var(--k-ink);
  border-radius:var(--k-r-full);
  font-weight:700;font-size:.98rem;text-decoration:none;
  box-shadow:var(--k-sh-lime),0 10px 26px rgba(12,20,8,.16);
  transition:transform var(--k-t) var(--k-ease-spring),box-shadow var(--k-t);
}
.k-fab .k-icon{width:27px;height:27px;flex:0 0 auto}
.k-fab__label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .45s var(--k-ease-out),opacity .3s var(--k-ease)}
.k-fab:hover{transform:translateY(-4px);color:var(--k-ink);box-shadow:0 18px 40px rgba(120,195,7,.4),0 8px 20px rgba(12,20,8,.18)}
.k-fab:hover .k-fab__label{max-width:220px;opacity:1}
.k-fab__ring{
  position:absolute;inset:0;border-radius:inherit;
  animation:k-pulse 3.6s var(--k-ease) infinite;pointer-events:none;
}
@media (max-width:900px){ .k-fab{display:none} }

/* شريط الجوال السفلي */
.k-bottombar{
  position:fixed;inset-block-end:0;inset-inline:0;
  z-index:var(--k-z-float);
  display:none;
  padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));
  gap:.55rem;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-top:1px solid var(--k-line);
  box-shadow:0 -6px 24px rgba(12,20,8,.10);
}
.k-bottombar__btn{
  flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  height:54px;border-radius:var(--k-r-full);
  font-weight:700;font-size:1.02rem;text-decoration:none;
  position:relative;
}
.k-bottombar__btn .k-icon{width:22px;height:22px}
.k-bottombar__btn--wa{background:var(--k-grad-lime);color:var(--k-ink);box-shadow:var(--k-sh-lime)}
.k-bottombar__btn--tel{background:var(--k-ink);color:#fff}
.k-bottombar__btn--tel:hover,.k-bottombar__btn--wa:hover{color:inherit}

@media (max-width:900px){
  .k-bottombar{display:flex}
  body.kayan{padding-bottom:78px}
}

/* ══════════════════════════════════════════════
   أمان التخطيط على الشاشات الضيقة
   ══════════════════════════════════════════════
   عناصر الـ grid تأخذ min-width:auto افتراضياً، فترفض النزول تحت عرض
   محتواها الأدنى وتسبب تمريراً أفقياً على الشاشات الصغيرة جداً.
   ══════════════════════════════════════════════ */
.k-hero__grid > *,
.k-trust__list > *,
.k-services__grid > *,
.k-why__top > *,
.k-why__body > *,
.k-why__list > *,
.k-segments__grid > *,
.k-segment__items > *,
.k-steps > *,
.k-request__grid > *,
.k-request__row > *{min-width:0}

@media (max-width:420px){
  .k-request__form{padding:1.25rem 1.1rem;border-radius:var(--k-r-lg)}
  .k-select{padding-inline-start:2.35rem;background-position:left .75rem center}
}

/* ══════════════════════════════════════════════
   توافق Elementor
   ══════════════════════════════════════════════ */
.elementor-widget-shortcode .k-section,
.elementor-widget-shortcode .k-hero,
.elementor-widget-shortcode .k-cta,
.elementor-widget-shortcode .k-promo,
.elementor-widget-shortcode .k-trust{margin-block:0}
.elementor-widget-shortcode > .elementor-widget-container{width:100%}