/*
Theme Name: Fnatkif Stopwatch Home
Theme URI: https://fnatkif.com/
Description: قالب ابن لثيم Astra — صفحة رئيسية لـ«فني تكييف بالكويت — يوصل لك خلال 30 دقيقة». الهوية البصرية: ساعة الإيقاف ومسار الوصول — قطاع الثلاثين دقيقة، وخط طريق متقطع ينتهي بدبوس الموقع.
Author: Fnatkif
Template: astra
Version: 1.0.0
Text Domain: fnatkif-stopwatch
*/

/* ============================================================
   .fk — هوية «ساعة الإيقاف والمسار»
   الثنائية: فيروزي التبريد / برتقالي الإشارة (السرعة)
   الموتيف: وجه ساعة إيقاف بقطاع 30 دقيقة + خط مسار متقطع بدبوس
   كل الأنماط محصورة تحت .fk
   ============================================================ */

.fk{
  --fk-ink:#0F2A2E;      /* حبر فيروزي داكن */
  --fk-deep:#0A1F23;     /* خلفية الأقسام الداكنة */
  --fk-deep2:#11303A;    /* بطاقات داخل الداكن */
  --fk-edge:#25525C;     /* حدود داخل الداكن */
  --fk-tl:#0A6560;       /* فيروزي — روابط ونص على الفاتح */
  --fk-tll:#5FE0CF;      /* فيروزي فاتح — على الداكن */
  --fk-tlb:#E3F6F3;      /* خلفية فيروزية فاتحة */
  --fk-sig:#B4470B;      /* برتقالي الإشارة */
  --fk-sigl:#FFB24D;     /* برتقالي فاتح — على الداكن */
  --fk-sigb:#FFF1E4;
  --fk-ok:#17663F;
  --fk-red:#B42318;
  --fk-redb:#FDECEA;
  --fk-paper:#F4F9F8;
  --fk-line:#D2E3E1;
  --fk-txt:#16302F;
  --fk-mut:#4A6260;

  display:block;
  font-family:'Almarai',Tahoma,sans-serif;
  font-size:1.12rem;
  line-height:1.95;
  color:var(--fk-txt);
  direction:rtl;
  text-align:right;
  background:#fff;
}

/* ── حصانة الجوال ───────────────────────────────────────── */
.fk,.fk *,.fk *::before,.fk *::after{box-sizing:border-box;}
.fk *{min-width:0;}
#fk-main{max-width:100%;overflow-x:clip;}
.fk img{max-width:100%;height:auto;}
.fk p,.fk li,.fk h1,.fk h2,.fk h3,.fk summary,.fk figcaption,.fk .fk-tr>span{overflow-wrap:anywhere;}

/* ── العناوين ───────────────────────────────────────────── */
.fk h1,.fk h2,.fk h3{font-family:'Alexandria','Almarai',sans-serif;color:var(--fk-ink);letter-spacing:0;}
.fk h1{font-size:2.85rem;font-weight:800;line-height:1.4;margin:0 0 20px;}
.fk h2{font-size:2.1rem;font-weight:700;line-height:1.45;margin:0 0 16px;}
.fk h3{font-size:1.32rem;font-weight:600;line-height:1.6;margin:0 0 12px;}
.fk p{margin:0 0 18px;}
.fk ul,.fk ol{margin:0 0 18px;padding:0;list-style:none;}
.fk strong,.fk b{font-weight:800;color:var(--fk-ink);}

/* ── الحاويات ───────────────────────────────────────────── */
.fk-w{width:100%;max-width:1140px;margin:0 auto;padding:0 18px;}
.fk-s{padding:68px 0;background:#fff;position:relative;}
.fk-s.alt{background:var(--fk-paper);}

/* ── الروابط النصية ─────────────────────────────────────── */
.fk a{color:var(--fk-tl);}
.fk-s p a,.fk-s li a,.fk-end li a,.fk-end p a{
  color:var(--fk-tl);font-weight:700;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;
}
.fk-s p a:hover,.fk-s li a:hover{color:var(--fk-sig);}

/* ── الأقسام الداكنة ────────────────────────────────────── */
.fk-s.deep{background:var(--fk-deep);color:#D1E2E0;}
.fk-s.deep h2,.fk-s.deep h3{color:#fff;}
.fk-s.deep strong,.fk-s.deep b{color:var(--fk-tll);}
.fk-s.deep p a,.fk-s.deep li a{color:var(--fk-tll);}
.fk-s.deep p a:hover,.fk-s.deep li a:hover{color:var(--fk-sigl);}

/* ══ الموتيف ① خط المسار: نقطة انطلاق → طريق متقطع → دبوس ═══ */
.fk-route{
  position:relative;display:block;width:180px;height:16px;margin:0 0 14px;
  background:repeating-linear-gradient(90deg,var(--fk-tl) 0 12px,transparent 12px 20px) center/calc(100% - 30px) 3px no-repeat;
}
.fk-route::before{ /* نقطة الانطلاق (يمين) */
  content:"";position:absolute;right:0;top:3px;width:10px;height:10px;border-radius:50%;
  background:#fff;border:3px solid var(--fk-tl);
}
.fk-route::after{ /* دبوس الوصول (يسار) */
  content:"";position:absolute;left:2px;top:-3px;width:16px;height:16px;
  border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--fk-sig);
  box-shadow:inset 0 0 0 4px var(--fk-sig),inset 0 0 0 8px #fff;
}
.fk-s.deep .fk-route,.fk-hero .fk-route,.fk-final .fk-route{
  background:repeating-linear-gradient(90deg,var(--fk-tll) 0 12px,transparent 12px 20px) center/calc(100% - 30px) 3px no-repeat;
}
.fk-s.deep .fk-route::before,.fk-hero .fk-route::before,.fk-final .fk-route::before{background:var(--fk-deep);border-color:var(--fk-tll);}
.fk-s.deep .fk-route::after,.fk-hero .fk-route::after,.fk-final .fk-route::after{background:var(--fk-sigl);box-shadow:inset 0 0 0 4px var(--fk-sigl),inset 0 0 0 8px var(--fk-deep);}
.fk-final .fk-route{margin-inline:auto;}

/* ══ الموتيف ② شارة القسم: ساعة إيقاف صغيرة بقطاع 30 دقيقة ══ */
.fk-chip{
  position:relative;display:inline-grid;place-items:center;flex:0 0 auto;
  width:60px;height:60px;border-radius:50%;margin-top:8px;
  background-color:#fff;
  color:var(--fk-ink);font-family:'Alexandria',sans-serif;font-weight:800;font-size:1.2rem;line-height:1;
}
.fk-chip::after{ /* حلقة القطاع — طبقة منفصلة حتى تبقى خلفية الرقم لونًا صريحًا يقرؤه فحص التباين */
  content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:conic-gradient(var(--fk-sig) 0 180deg,var(--fk-line) 180deg 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 60%,#000 61%);mask:radial-gradient(circle,transparent 0 60%,#000 61%);
}
.fk-chip::before{ /* زر التاج */
  content:"";position:absolute;top:-9px;left:50%;width:14px;height:8px;margin-left:-7px;
  border-radius:3px 3px 0 0;background:var(--fk-ink);
}
.fk-s.deep .fk-chip{background-color:var(--fk-deep2);color:#fff;}
.fk-s.deep .fk-chip::after{background:conic-gradient(var(--fk-sigl) 0 180deg,var(--fk-edge) 180deg 360deg);}
.fk-s.deep .fk-chip::before{background:var(--fk-tll);}

/* ══ الموتيف ③ ساعة الإيقاف الكبيرة ══════════════════════ */
.fk-watch{position:relative;width:100%;max-width:260px;aspect-ratio:1;margin:0 auto;}
.fk-watch .crown{position:absolute;top:-4%;left:50%;width:18%;height:9%;margin-left:-9%;border-radius:6px 6px 2px 2px;background:#E9F5F3;}
.fk-watch .btn{position:absolute;top:9%;right:9%;width:11%;height:7%;border-radius:4px;background:#E9F5F3;transform:rotate(45deg);}
.fk-watch .face{
  position:absolute;inset:4%;border-radius:50%;background:#0B2328;
  box-shadow:0 0 0 8px #E9F5F3,0 20px 40px rgba(0,0,0,.35);
}
.fk-watch .sector{
  position:absolute;inset:10%;border-radius:50%;
  background:conic-gradient(rgba(255,178,77,.9) 0 180deg,transparent 180deg);
  -webkit-mask:radial-gradient(circle,transparent 0 62%,#000 63%);mask:radial-gradient(circle,transparent 0 62%,#000 63%);
}
.fk-watch .ticks{
  position:absolute;inset:6%;border-radius:50%;
  background:repeating-conic-gradient(rgba(255,255,255,.85) 0 1.2deg,transparent 1.2deg 30deg);
  -webkit-mask:radial-gradient(circle,transparent 0 84%,#000 85%);mask:radial-gradient(circle,transparent 0 84%,#000 85%);
}
.fk-watch .hand{
  position:absolute;left:50%;top:14%;width:4px;height:36%;margin-left:-2px;border-radius:3px;
  background:#fff;transform-origin:50% 100%;transform:rotate(180deg);animation:fk-hand 2.6s cubic-bezier(.2,.7,.2,1) both;
}
.fk-watch .pin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--fk-sigl);border:4px solid #fff;}
.fk-watch .read{
  position:absolute;left:0;right:0;top:58%;text-align:center;color:#fff;
  font-family:'Alexandria',sans-serif;font-weight:800;font-size:2.1rem;line-height:1;
}
.fk-watch .read small{display:block;font-family:'Almarai',sans-serif;font-weight:700;font-size:.85rem;color:var(--fk-tll);margin-top:6px;}
@keyframes fk-hand{from{transform:rotate(0deg);}to{transform:rotate(180deg);}}

/* ── ترويسة القسم ───────────────────────────────────────── */
.fk-head{margin:0 0 32px;}
.fk-head .fk-top{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap;}
.fk-kicker{font-family:'Alexandria',sans-serif;font-weight:600;font-size:1rem;color:var(--fk-sig);}
.fk-s.deep .fk-kicker{color:var(--fk-sigl);}
.fk-hero .fk-kicker{color:var(--fk-sigl);display:block;margin-bottom:10px;}
.fk-head>p{color:var(--fk-mut);max-width:72ch;margin:0;}
.fk-s.deep .fk-head>p{color:#A9C3C0;}

/* ── البطل ──────────────────────────────────────────────── */
.fk-hero{
  position:relative;overflow:hidden;padding:70px 0 64px;color:#D8E9E7;
  background:
    radial-gradient(circle at 12% 18%,rgba(95,224,207,.16),transparent 40%),
    radial-gradient(circle at 92% 88%,rgba(255,178,77,.12),transparent 38%),
    linear-gradient(155deg,#11303A 0%,#0A1F23 62%,#071618 100%);
}
.fk-hero::before{ /* طريق متقطع قطري في الخلفية */
  content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:140%;
  background:repeating-linear-gradient(90deg,rgba(95,224,207,.10) 0 26px,transparent 26px 44px) center/100% 4px no-repeat;
  transform:rotate(-28deg);
}
.fk-hero .fk-w{position:relative;z-index:2;}
.fk-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;}
.fk-hero h1{color:#fff;}
.fk-lede{font-size:1.18rem;color:#C6DCD9;margin-bottom:22px;}
.fk-lede strong{color:var(--fk-sigl);}
.fk-side{display:grid;gap:22px;}
.fk-shot{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--fk-edge);box-shadow:0 22px 46px rgba(0,0,0,.35);}
.fk-shot img{display:block;width:100%;aspect-ratio:1024/585;object-fit:cover;}

/* ── الوسوم والأزرار ────────────────────────────────────── */
.fk-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;}
.fk-tag{display:inline-block;padding:5px 15px;border-radius:999px;font-size:.96rem;font-weight:700;background:rgba(255,255,255,.07);border:1px solid rgba(95,224,207,.38);color:#D3EFEB;}
.fk-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;}
.fk a.fk-btn,.fk a.fk-ghost{
  display:inline-block;padding:13px 28px;border-radius:12px;line-height:1.3;
  font-family:'Alexandria',sans-serif;font-weight:700;font-size:1.08rem;text-decoration:none;
  transition:background-color .2s,color .2s,transform .2s;
}
.fk a.fk-btn{background:var(--fk-sigl);color:#1E1300;}
.fk a.fk-btn:hover,.fk a.fk-btn:focus-visible{background:#fff;color:#1E1300;transform:translateY(-2px);}
.fk a.fk-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);}
.fk a.fk-ghost:hover,.fk a.fk-ghost:focus-visible{background:rgba(255,255,255,.14);color:#fff;}

/* ── شريط الأرقام ───────────────────────────────────────── */
.fk-stats{background:var(--fk-ink);}
.fk-stats .fk-w{display:grid;grid-template-columns:repeat(4,1fr);padding-inline:0;}
.fk-stats div{position:relative;padding:28px 14px;text-align:center;}
.fk-stats div+div::before{content:"";position:absolute;right:0;top:22%;bottom:22%;width:0;border-right:2px dashed rgba(95,224,207,.3);}
.fk-stats b{display:block;font-family:'Alexandria',sans-serif;font-weight:800;font-size:2rem;color:var(--fk-sigl);line-height:1.3;}
.fk-stats span{display:block;font-size:.96rem;color:#B5CDCA;}

/* ── البطاقات ───────────────────────────────────────────── */
.fk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.fk-cards.four{grid-template-columns:repeat(4,1fr);}
.fk-cards>div{
  position:relative;padding:26px 22px 22px;border-radius:18px;background:#fff;border:1px solid var(--fk-line);color:var(--fk-mut);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.fk-cards>div::after{ /* ركن مسار */
  content:"";position:absolute;left:18px;top:18px;width:34px;height:3px;
  background:repeating-linear-gradient(90deg,var(--fk-sig) 0 7px,transparent 7px 11px);
}
.fk-cards>div:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,42,46,.10);border-color:#A7CBC6;}
.fk-cards h3{margin:4px 0 8px;font-size:1.2rem;}
.fk-cards p{margin:0;font-size:1rem;line-height:1.85;}
.fk-cards .n{font-family:'Alexandria',sans-serif;font-weight:700;color:var(--fk-tl);font-size:.92rem;}
.fk-s.deep .fk-cards>div{background:var(--fk-deep2);border-color:var(--fk-edge);color:#B5CDCA;}
.fk-s.deep .fk-cards .n{color:var(--fk-tll);}
.fk-s.deep .fk-cards>div::after{background:repeating-linear-gradient(90deg,var(--fk-sigl) 0 7px,transparent 7px 11px);}

/* ── خط زمني للوصول ─────────────────────────────────────── */
.fk-time{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0;position:relative;}
.fk-time::before{content:"";position:absolute;right:6%;left:6%;top:21px;height:3px;background:repeating-linear-gradient(90deg,var(--fk-tll) 0 12px,transparent 12px 20px);}
.fk-time>div{position:relative;text-align:center;padding:0 10px;}
.fk-time b{position:relative;z-index:1;display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border-radius:999px;background:var(--fk-sigl);color:#1E1300;font-family:'Alexandria',sans-serif;font-weight:800;font-size:.98rem;}
.fk-time h3{margin:12px 0 6px;font-size:1.12rem;}
.fk-time p{margin:0;font-size:.98rem;line-height:1.8;color:#B5CDCA;}

/* ── الاقتباس البارز ────────────────────────────────────── */
.fk-q{position:relative;margin:32px 0;padding:24px 30px 24px 74px;border-radius:18px;background:var(--fk-sigb);border-right:7px solid var(--fk-sig);}
.fk-q::after{
  content:"";position:absolute;left:24px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;
  background:radial-gradient(circle,var(--fk-sigb) 0 52%,transparent 54%),conic-gradient(var(--fk-sig) 0 180deg,#E8CDB8 180deg);
}
.fk-q p{margin:0;font-family:'Alexandria',sans-serif;font-weight:600;font-size:1.36rem;line-height:1.65;color:var(--fk-ink);}
.fk-s.deep .fk-q{background:#173A40;border-right-color:var(--fk-sigl);}
.fk-s.deep .fk-q::after{background:radial-gradient(circle,#173A40 0 52%,transparent 54%),conic-gradient(var(--fk-sigl) 0 180deg,var(--fk-edge) 180deg);}
.fk-s.deep .fk-q p{color:#EAF6F4;}

/* ── المقتطف المميز ─────────────────────────────────────── */
.fk-snip{position:relative;margin:30px 0;padding:28px 26px 10px;border-radius:18px;background:#fff;border:2px solid var(--fk-tl);}
.fk-snip .tag{position:absolute;top:-15px;right:22px;padding:2px 14px;border-radius:999px;background:var(--fk-tl);color:#fff;font-family:'Alexandria',sans-serif;font-size:.9rem;font-weight:600;}

/* ── التنبيهات ──────────────────────────────────────────── */
.fk-note,.fk-warn{padding:20px 24px;margin:26px 0;border-radius:14px;border:1px solid;}
.fk-note{background:var(--fk-tlb);border-color:#B3DDD7;border-right:6px solid var(--fk-tl);color:#0C3633;}
.fk-warn{background:var(--fk-redb);border-color:#F1C5C0;border-right:6px solid var(--fk-red);color:#5B140F;}
.fk-note p:last-child,.fk-warn p:last-child{margin-bottom:0;}
.fk-note b,.fk-warn b{color:inherit;}
.fk-s.deep .fk-note{background:#143840;border-color:var(--fk-edge);border-right-color:var(--fk-tll);color:#D6EEEB;}

/* ── قوائم ──────────────────────────────────────────────── */
.fk-tick li{position:relative;padding-right:32px;margin-bottom:13px;}
.fk-tick li::before{ /* دبوس صغير */
  content:"";position:absolute;right:3px;top:.6em;width:14px;height:14px;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);background:var(--fk-sig);box-shadow:inset 0 0 0 4px var(--fk-sig),inset 0 0 0 7px #fff;
}
.fk-s.deep .fk-tick li::before{background:var(--fk-sigl);box-shadow:inset 0 0 0 4px var(--fk-sigl),inset 0 0 0 7px var(--fk-deep);}
.fk-steps{counter-reset:st;display:grid;gap:12px;}
.fk-steps li{counter-increment:st;position:relative;padding:14px 66px 14px 18px;border-radius:14px;background:#fff;border:1px solid var(--fk-line);margin:0;}
.fk-steps li::before{
  content:counter(st);position:absolute;right:14px;top:13px;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;color:var(--fk-ink);font-family:'Alexandria',sans-serif;font-weight:800;
  background:radial-gradient(circle,#fff 0 58%,transparent 60%),conic-gradient(var(--fk-sig) 0 180deg,var(--fk-line) 180deg);
}

/* ══ الجداول — بنية div ══════════════════════════════════ */
.fk-tbl{border:1px solid var(--fk-line);border-radius:14px;overflow:hidden;background:#fff;margin:26px 0;}
.fk-tr{display:grid;grid-template-columns:var(--fk-cols,repeat(3,1fr));}
.fk-tr>span{display:block;padding:14px 17px;font-size:1rem;line-height:1.75;color:var(--fk-txt);border-bottom:1px solid var(--fk-line);border-left:1px solid var(--fk-line);}
.fk-tr>span:last-child{border-left:0;}
.fk-tr:last-child>span{border-bottom:0;}
.fk-tbl .fk-tr:nth-child(odd):not(.fk-th)>span{background:var(--fk-paper);}
.fk-tbl .fk-th>span{background:var(--fk-ink)!important;color:#fff;font-family:'Alexandria',sans-serif;font-weight:600;font-size:1rem;border-color:rgba(255,255,255,.16);}
.fk-tr>span b{color:var(--fk-ink);}
.fk-tr .price{font-family:'Alexandria',sans-serif;font-weight:800;color:var(--fk-sig);}
.fk-s.deep .fk-tbl{background:var(--fk-deep2);border-color:var(--fk-edge);}
.fk-s.deep .fk-tr>span{color:#C9DDDA;border-color:var(--fk-edge);}
.fk-s.deep .fk-tbl .fk-tr:nth-child(odd):not(.fk-th)>span{background:#0E2A31;}
.fk-s.deep .fk-tr>span b{color:var(--fk-tll);}
.fk-s.deep .fk-tbl .fk-th>span{background:#051214!important;}

/* ── مخطط الصيانة التفاعلي ──────────────────────────────── */
.fk-plan{margin:34px 0 0;padding:32px 30px;border-radius:20px;background:var(--fk-paper);border:1px solid var(--fk-line);border-top:6px solid var(--fk-sig);color:var(--fk-txt);}
.fk-plan h3{color:var(--fk-ink);font-size:1.55rem;}
.fk-plan>p{color:var(--fk-mut);}
.fk-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;}
.fk-f label{display:block;font-weight:800;font-size:.98rem;color:var(--fk-ink);margin-bottom:7px;}
.fk-f select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #A3C2BE;background:#fff;color:var(--fk-txt);font-family:'Almarai',sans-serif;font-size:1rem;}
.fk-f select:focus{outline:3px solid var(--fk-tll);outline-offset:1px;}
.fk-plan button{padding:13px 32px;border-radius:12px;border:0;cursor:pointer;background:var(--fk-ink);color:#fff;font-family:'Alexandria',sans-serif;font-weight:700;font-size:1.05rem;}
.fk-plan button:hover,.fk-plan button:focus-visible{background:var(--fk-tl);}
.fk-out{display:none;margin-top:22px;padding:22px 24px;border-radius:14px;background:#fff;border:1px solid var(--fk-line);border-right:6px solid var(--fk-tl);}
.fk-out.on{display:block;}
.fk-out .big{display:block;font-family:'Alexandria',sans-serif;font-weight:800;font-size:1.6rem;color:var(--fk-ink);margin-bottom:8px;}
.fk-out .row{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--fk-line);}
.fk-out .row:last-of-type{border-bottom:0;}
.fk-out .row span{color:var(--fk-mut);font-weight:700;}
.fk-out .row b{color:var(--fk-ink);font-weight:700;}
.fk-out small{display:block;margin-top:12px;color:var(--fk-mut);font-size:.94rem;line-height:1.8;}

/* ── المقارنة ───────────────────────────────────────────── */
.fk-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;}
.fk-cmp>div{padding:24px 24px 10px;border-radius:18px;background:#fff;border:1px solid var(--fk-line);color:var(--fk-txt);}
.fk-yes{border-top:5px solid var(--fk-ok)!important;}
.fk-no{border-top:5px solid var(--fk-red)!important;}
.fk-cmp h3{color:var(--fk-ink);}
.fk-cmp li{position:relative;padding-right:28px;margin-bottom:12px;font-size:1rem;color:var(--fk-txt);}
.fk-yes li::before{content:"✔";position:absolute;right:0;color:var(--fk-ok);font-weight:700;}
.fk-no li::before{content:"✘";position:absolute;right:0;color:var(--fk-red);font-weight:700;}

/* ── الصور ──────────────────────────────────────────────── */
.fk-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.fk-fig{margin:0;}
.fk-fig img{display:block;width:100%;border-radius:18px;object-fit:cover;}
.fk-fig figcaption{margin-top:12px;font-size:.96rem;color:var(--fk-mut);border-right:4px solid var(--fk-sig);padding-right:12px;line-height:1.7;}
.fk-s.deep .fk-fig figcaption{color:#A9C3C0;}

/* ── المناطق ────────────────────────────────────────────── */
.fk-areas{margin:24px 0 0;padding:22px;border-radius:18px;background:var(--fk-deep2);border:1px solid var(--fk-edge);}
.fk-areas+.fk-areas{margin-top:16px;}
.fk-areas h3{font-size:1.14rem;margin:0 0 12px;color:#fff;}
.fk-chips{display:flex;flex-wrap:wrap;gap:8px;}
.fk-chips a{
  display:inline-block;padding:5px 13px;border-radius:9px;font-size:.96rem;font-weight:700;text-decoration:none;
  background:var(--fk-deep);border:1px solid var(--fk-edge);border-bottom:3px solid var(--fk-sigl);color:#E2F1EF;
}
.fk-chips a:hover,.fk-chips a:focus-visible{background:var(--fk-tll);color:#05201D;border-color:var(--fk-tll);}

/* ── روابط ذات صلة ──────────────────────────────────────── */
.fk-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0;}
.fk-rel a{display:block;position:relative;padding:15px 42px 15px 16px;border-radius:12px;background:#fff;border:1px solid var(--fk-line);color:var(--fk-ink);font-weight:700;font-size:1rem;text-decoration:none;}
.fk-rel a::before{content:"";position:absolute;right:16px;top:50%;width:14px;height:14px;margin-top:-9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--fk-sig);box-shadow:inset 0 0 0 4px var(--fk-sig),inset 0 0 0 7px #fff;}
.fk-rel a:hover,.fk-rel a:focus-visible{border-color:var(--fk-tl);background:var(--fk-tlb);}

/* ── الأسئلة الشائعة ────────────────────────────────────── */
.fk-faq details{background:var(--fk-deep2);border:1px solid var(--fk-edge);border-radius:12px;margin-bottom:12px;}
.fk-faq details[open]{border-color:var(--fk-tll);}
.fk-faq summary{cursor:pointer;list-style:none;position:relative;padding:17px 20px 17px 58px;font-family:'Alexandria',sans-serif;font-weight:600;font-size:1.06rem;color:#fff;}
.fk-faq summary::-webkit-details-marker{display:none;}
.fk-faq summary::after{
  content:"";position:absolute;left:20px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;
  background:radial-gradient(circle,var(--fk-deep2) 0 52%,transparent 54%),conic-gradient(var(--fk-tll) 0 90deg,var(--fk-edge) 90deg);
  transition:transform .3s;
}
.fk-faq details[open] summary::after{transform:rotate(90deg);background:radial-gradient(circle,var(--fk-deep2) 0 52%,transparent 54%),conic-gradient(var(--fk-sigl) 0 180deg,var(--fk-edge) 180deg);}
.fk-faq .ans{padding:0 20px 18px;color:#BCD3D0;font-size:1.02rem;}
.fk-faq .ans p:last-child{margin-bottom:0;}


/* ══ قفل الألوان: المكوّنات الفاتحة داخل الأقسام الداكنة ═══════
   قواعد .fk-s.deep (h2/h3/b/strong/a) أقوى من قواعد المكوّن العادية،
   فتُعاد هنا بنفس القوة حتى لا يظهر نص فاتح على خلفية فاتحة. */
.fk-s.deep .fk-cmp>div,.fk-s.deep .fk-plan,.fk-s.deep .fk-out,.fk-s.deep .fk-snip,.fk-s.deep .fk-rel a{color:var(--fk-txt);}
.fk-s.deep .fk-cmp h3,.fk-s.deep .fk-plan h3,.fk-s.deep .fk-out .big{color:var(--fk-ink);}
.fk-s.deep .fk-cmp li,.fk-s.deep .fk-plan>p,.fk-s.deep .fk-snip p{color:var(--fk-txt);}
.fk-s.deep .fk-cmp b,.fk-s.deep .fk-cmp strong,.fk-s.deep .fk-snip b,.fk-s.deep .fk-out .row b,.fk-s.deep .fk-rel a{color:var(--fk-ink);}
.fk-s.deep .fk-cmp a,.fk-s.deep .fk-plan a,.fk-s.deep .fk-snip a{color:var(--fk-tl);}
.fk-s.deep .fk-time b{color:#1E1300;}
.fk-s.deep .fk-f label{color:var(--fk-ink);}
.fk-s.deep .fk-out .row span,.fk-s.deep .fk-out small{color:var(--fk-mut);}

/* ── النداء الأخير ──────────────────────────────────────── */
.fk-final{position:relative;overflow:hidden;padding:76px 0;text-align:center;color:#D1E2E0;background:radial-gradient(circle at 50% 120%,rgba(255,178,77,.18),transparent 55%),linear-gradient(180deg,#11303A,#0A1F23);}
.fk-final .fk-w{position:relative;z-index:2;}
.fk-final h2{color:#fff;}
.fk-final p{color:#C0D7D4;max-width:66ch;margin:0 auto 12px;}
.fk-final .fk-cta{justify-content:center;}
.fk-final .fk-watch{max-width:170px;margin-bottom:26px;}
.fk-final .fk-watch .read{font-size:1.4rem;}

/* ── المصادر ────────────────────────────────────────────── */
.fk-end{padding:44px 0;background:var(--fk-paper);border-top:1px solid var(--fk-line);}
.fk-end h3{font-size:1.18rem;margin-bottom:12px;}
.fk-end li{font-size:.98rem;color:var(--fk-mut);margin-bottom:9px;}
.fk-end li a:hover{color:var(--fk-sig);}
.fk-end p{font-size:.95rem;color:var(--fk-mut);margin:16px 0 0;}

/* ══ الاستجابة ════════════════════════════════════════════ */
@media (max-width:980px){
  .fk-grid,.fk-two{grid-template-columns:1fr;gap:30px;}
  .fk-cards,.fk-cards.four,.fk-rel{grid-template-columns:1fr 1fr;}
  .fk-stats .fk-w{grid-template-columns:1fr 1fr;}
  .fk-fields{grid-template-columns:1fr 1fr;}
  .fk h1{font-size:2.35rem;}
  .fk h2{font-size:1.85rem;}
}
@media (max-width:700px){
  .fk{font-size:1.06rem;}
  .fk-s{padding:50px 0;}
  .fk-hero{padding:50px 0 46px;}
  .fk-final{padding:56px 0;}
  .fk h1{font-size:1.95rem;}
  .fk h2{font-size:1.6rem;}
  .fk h3{font-size:1.22rem;}
  .fk-q{padding:20px 22px 20px 60px;}
  .fk-q p{font-size:1.16rem;}
  .fk-cards,.fk-cards.four,.fk-cmp,.fk-rel,.fk-fields{grid-template-columns:1fr;gap:16px;}
  .fk-time{grid-template-columns:1fr;gap:18px;}
  .fk-time::before{display:none;}
  .fk-plan{padding:24px 18px;}
  .fk-out .row{grid-template-columns:1fr;gap:2px;}
  .fk-chip{width:52px;height:52px;font-size:1.06rem;}
  .fk-watch{max-width:210px;}

  .fk-tbl{border:0!important;background:none!important;overflow:visible;border-radius:0;}
  .fk-tbl .fk-th{display:none!important;}
  .fk-tr{display:block!important;background:#fff!important;border:1px solid var(--fk-line)!important;border-right:5px solid var(--fk-tl)!important;border-radius:12px!important;margin-bottom:12px!important;padding:4px 0!important;}
  .fk-tr>span{display:block!important;border-left:0!important;border-bottom:1px dashed var(--fk-line)!important;padding:10px 16px!important;background:none!important;}
  .fk-tr>span:last-child{border-bottom:0!important;}
  .fk-tr>span::before{content:attr(data-l);display:block;font-size:.86rem;font-weight:800;color:var(--fk-tl);margin-bottom:2px;}
  .fk-s.deep .fk-tr{background:var(--fk-deep2)!important;border-color:var(--fk-edge)!important;border-right-color:var(--fk-tll)!important;}
  .fk-s.deep .fk-tr>span{border-bottom-color:var(--fk-edge)!important;}
  .fk-s.deep .fk-tr>span::before{color:var(--fk-tll);}
}
@media (max-width:560px){
  .fk-stats b{font-size:1.6rem;}
  .fk a.fk-btn,.fk a.fk-ghost,.fk-plan button{width:100%;text-align:center;}
}
@media (prefers-reduced-motion:reduce){
  .fk *{transition:none!important;animation:none!important;}
}