/*
Theme Name:   Keys World Home
Theme URI:    https://keysworldq8.com/
Description:  قالب ابن لـ Astra — يخصّص الصفحة الرئيسية فقط لموقع فتح سيارات الكويت. كل الأنماط معزولة داخل .ks ولا تمسّ أي صفحة أخرى.
Author:       فتح سيارات الكويت
Author URI:   https://keysworldq8.com/
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  keysworld-child
*/

/* ==========================================================================
   الهوية: «الميلان» — عنّابي داكن + ذهبي نحاسي، أشرطة بعرض الشاشة
   العنصر المميز الوحيد: قطع مائل متوازٍ (شبه منحرف) للصور واللوحات والنقاط
   المحور الفكري: خمسة أجيال من مفاتيح السيارات — الجيل يحدد الوقت والسعر
   ========================================================================== */

.ks{
  --ks-deep:#1A1016; --ks-key:#8C1F3D; --ks-spark:#B32A4E; --ks-spark2:#C9405F;
  --ks-gold:#F0B840; --ks-brass:#8A5E16;
  --ks-pale:#FBF4F6; --ks-pale2:#F2E4E9; --ks-paper:#fff;
  --ks-txt:#1E1318; --ks-mut:#6A535C; --ks-line:#E8D6DC; --ks-even:#FCF7F9;
  --ks-dtxt:#EBD6DD; --ks-dmut:#C3A8B1; --ks-dlink:#FFC98A;
  /* الميلان: قطع مائل في الحافتين المتقابلتين */
  --ks-slant:polygon(0 34px,100% 0,100% calc(100% - 34px),0 100%);
  --ks-slant-s:polygon(0 18px,100% 0,100% calc(100% - 18px),0 100%);
  --ks-dot:polygon(32% 0,100% 0,68% 100%,0 100%);
  font-family:'Mada','Segoe UI',Tahoma,sans-serif;
  color:var(--ks-txt); line-height:1.95; direction:rtl; text-align:right;
  background:var(--ks-paper);
  display:block;                   /* main كمعلم رئيسي */
}

/* ===== حصانة التجاوز الأفقي على الجوال ===== */
.ks *{box-sizing:border-box;min-width:0;}
.ks img,.ks table,.ks iframe,.ks video{max-width:100%;}
.ks p,.ks li,.ks h1,.ks h2,.ks h3,.ks td,.ks th,.ks summary,.ks b,.ks span{overflow-wrap:anywhere;}
#ks-main{max-width:100%;overflow-x:clip;}
.ks-w{max-width:1160px;margin:0 auto;padding:0 22px;width:100%;}

.ks h1,.ks h2,.ks h3{font-family:'Reem Kufi','Mada',sans-serif;color:var(--ks-deep);line-height:1.55;font-weight:700;}
.ks p{font-size:1.07rem;margin:0 0 17px;}
.ks a{text-decoration:none;transition:.22s;}
.ks img{height:auto;display:block;}
.ks ul,.ks ol{list-style:none;margin:0;padding:0;}
.ks strong{color:var(--ks-deep);font-weight:600;}
.ks a:focus-visible,.ks button:focus-visible,.ks summary:focus-visible{outline:3px solid var(--ks-spark);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){.ks *{animation:none!important;transition:none!important;}}

/* ===== الأشرطة ===== */
.ks-s{padding:56px 0;}
.ks-s.pale{background:var(--ks-pale);}
.ks-s.pale2{background:var(--ks-pale2);}
.ks-s.deep{background:var(--ks-deep);color:var(--ks-dtxt);}
.ks-s.deep h2,.ks-s.deep h3{color:#fff;}
.ks-s.deep strong{color:#fff;}
@media(max-width:820px){.ks-s{padding:38px 0;}}

/* رأس القسم */
.ks-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:26px;align-items:end;margin-bottom:26px;}
@media(max-width:820px){.ks-head{grid-template-columns:1fr;gap:10px;margin-bottom:20px;}}
.ks h2{font-size:1.68rem;margin:0;}
.ks-head p{margin:0;color:var(--ks-mut);font-size:1.03rem;}
.ks-s.deep .ks-head p{color:var(--ks-dmut);}
.ks-rule{position:relative;height:4px;width:70px;background:var(--ks-key);margin-bottom:17px;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.ks-rule::after{content:'';position:absolute;top:-7px;right:14px;width:30px;height:4px;background:var(--ks-gold);
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.ks-s.deep .ks-rule{background:var(--ks-gold);}
.ks-s.deep .ks-rule::after{background:var(--ks-spark2);}
.ks h3{font-size:1.2rem;margin:28px 0 12px;}
.ks-s>.ks-w>p,.ks-s>.ks-w>.ks-txt p{max-width:74ch;}

/* ===== روابط النص ===== */
.ks-s p a,.ks-s li a,.ks-s figcaption a,.ks-s .ks-a a{
  color:var(--ks-key);font-weight:600;text-decoration:underline;
  text-decoration-color:rgba(140,31,61,.5);text-decoration-thickness:2px;text-underline-offset:4px;}
.ks-s p a:hover,.ks-s li a:hover,.ks-s .ks-a a:hover{
  color:var(--ks-spark);text-decoration-color:currentColor;background:rgba(179,42,78,.09);}
.ks-s.deep p a,.ks-s.deep li a{color:var(--ks-dlink);text-decoration-color:rgba(255,201,138,.55);}
.ks-s.deep p a:hover,.ks-s.deep li a:hover{color:#FFE0BC;background:rgba(255,255,255,.08);}
.ks-chips a,.ks-rel a,.ks-btn,.ks-wa,.ks-ghost{text-decoration:none;}

/* ===== الهيرو ===== */
.ks-hero{background:linear-gradient(180deg,#FBF4F6 0%,#F2E4E9 100%);padding:52px 0 60px;position:relative;overflow:hidden;}
.ks-hero::before{content:'';position:absolute;top:-170px;left:-150px;width:470px;height:470px;
  background:radial-gradient(circle,rgba(179,42,78,.13),transparent 68%);border-radius:50%;}
.ks-hero .ks-w{position:relative;z-index:2;}
.ks-split{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;}
@media(max-width:900px){.ks-split{grid-template-columns:1fr;gap:26px;}}
.ks-tag{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--ks-line);
  color:var(--ks-key);padding:7px 17px;border-radius:40px;font-size:.9rem;font-weight:600;margin-bottom:18px;}
.ks-slantdot{width:14px;height:13px;background:var(--ks-spark);clip-path:var(--ks-dot);flex:none;}
.ks-hero h1{font-size:2.3rem;font-weight:700;margin:0 0 14px;max-width:20ch;letter-spacing:-.2px;}
.ks-hero h1 b{display:block;font-weight:400;font-size:.56em;color:var(--ks-mut);margin-top:10px;line-height:1.65;font-family:'Mada',sans-serif;}
.ks-lead{font-size:1.11rem;color:#3A2A31;max-width:56ch;margin-bottom:26px;}
.ks-cta{display:flex;gap:11px;flex-wrap:wrap;}
.ks-btn,.ks-wa,.ks-ghost{display:inline-block;padding:14px 30px;border-radius:6px;font-family:'Reem Kufi',sans-serif;font-weight:700;font-size:1.02rem;}
.ks-btn{background:var(--ks-key);color:#fff;}
.ks-btn:hover{background:var(--ks-deep);color:#fff;}
.ks-wa{background:#0B7A43;color:#fff;}
.ks-wa:hover{background:#095c33;color:#fff;}
.ks-ghost{background:transparent;border:1.5px solid var(--ks-key);color:var(--ks-key);padding:12.5px 28px;}
.ks-ghost:hover{background:var(--ks-key);color:#fff;}
.ks-s.deep .ks-btn{background:var(--ks-gold);color:#2B1A06;}
.ks-s.deep .ks-btn:hover{background:#fff;color:var(--ks-deep);}
.ks-s.deep .ks-ghost{border-color:rgba(255,255,255,.45);color:#fff;}
.ks-s.deep .ks-ghost:hover{background:#fff;color:var(--ks-deep);}
.ks-shot{position:relative;}
.ks-shot img{width:100%;aspect-ratio:4/4.2;object-fit:cover;clip-path:var(--ks-slant);}
.ks-badge{position:absolute;bottom:22px;right:-10px;background:#fff;border:1px solid var(--ks-line);
  padding:13px 20px;box-shadow:0 10px 30px rgba(26,16,22,.14);clip-path:var(--ks-slant-s);}
.ks-badge b{display:block;font-family:'Reem Kufi',sans-serif;color:var(--ks-key);font-size:1.1rem;line-height:1.4;}
.ks-badge span{font-size:.84rem;color:var(--ks-mut);}
@media(max-width:900px){.ks-hero h1{font-size:1.6rem;max-width:none;}
  .ks-shot img{aspect-ratio:4/3;clip-path:var(--ks-slant-s);}
  .ks-btn,.ks-wa,.ks-ghost{width:100%;text-align:center;}
  .ks-badge{right:auto;left:14px;bottom:14px;}}

/* شريط الإحصائيات */
.ks-stats{background:var(--ks-deep);}
.ks-stats .ks-w{display:grid;grid-template-columns:repeat(4,1fr);}
.ks-stats div{padding:22px 14px;text-align:center;border-left:1px solid rgba(255,255,255,.1);}
.ks-stats div:last-child{border-left:0;}
.ks-stats b{display:block;font-family:'Reem Kufi',sans-serif;color:#fff;font-size:1.5rem;line-height:1.4;}
.ks-stats span{color:var(--ks-dmut);font-size:.86rem;}
@media(max-width:720px){.ks-stats .ks-w{grid-template-columns:repeat(2,1fr);padding:0;}
  .ks-stats div:nth-child(2){border-left:0;} .ks-stats b{font-size:1.25rem;}}

/* ===== الخدمات ===== */
.ks-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ks-line);}
.ks-s.deep .ks-svc,.ks-s.deep .ks-svc>div{border-color:rgba(255,255,255,.14);}
.ks-svc>div{padding:24px 22px 24px 0;border-bottom:1px solid var(--ks-line);border-left:1px solid var(--ks-line);}
.ks-svc>div:nth-child(3n){border-left:0;}
.ks-svc h3{margin:0 0 7px;font-size:1.06rem;}
.ks-svc p{font-size:.97rem;color:var(--ks-mut);margin:0;}
.ks-s.deep .ks-svc p{color:var(--ks-dmut);}
.ks-num{font-family:'Reem Kufi',sans-serif;font-size:.8rem;color:var(--ks-key);font-weight:700;display:block;margin-bottom:5px;}
.ks-s.deep .ks-num{color:var(--ks-gold);}
@media(max-width:860px){.ks-svc{grid-template-columns:repeat(2,1fr);}
  .ks-svc>div:nth-child(3n){border-left:1px solid var(--ks-line);}
  .ks-svc>div:nth-child(2n){border-left:0;}
  .ks-s.deep .ks-svc>div:nth-child(3n){border-left:1px solid rgba(255,255,255,.14);}}
@media(max-width:560px){.ks-svc{grid-template-columns:1fr;}
  .ks-svc>div,.ks-svc>div:nth-child(3n){border-left:0;padding-left:0;}}

/* ===== الاقتباس ===== */
.ks-q{margin:30px 0;padding:28px 30px 32px 24px;background:var(--ks-paper);
  border-right:4px solid var(--ks-gold);clip-path:var(--ks-slant-s);}
.ks-s.pale .ks-q,.ks-s.pale2 .ks-q{background:#fff;}
.ks-s.deep .ks-q{background:rgba(255,255,255,.06);}
.ks-q p{margin:0;font-family:'Reem Kufi',sans-serif;font-size:1.08rem;font-weight:500;color:var(--ks-key);line-height:1.9;}
.ks-s.deep .ks-q p{color:var(--ks-gold);}

/* ===== التنبيهات ===== */
.ks-note,.ks-warn{border-radius:8px;padding:18px 20px;margin:22px 0;display:flex;gap:13px;align-items:flex-start;}
.ks-note{background:#FBEFE2;border:1px solid #EAD3B8;}
.ks-warn{background:#F7E8EC;border:1px solid #E6C6CF;}
.ks-note p:last-child,.ks-warn p:last-child{margin:0;}
.ks-ic{font-size:1.35rem;flex:none;line-height:1.6;}

/* ===== القوائم ===== */
.ks-tick li{position:relative;padding:9px 30px 9px 0;border-bottom:1px solid var(--ks-line);}
.ks-tick li:last-child{border:0;}
.ks-tick li::before{content:'';position:absolute;right:2px;top:21px;width:14px;height:13px;
  background:var(--ks-spark);clip-path:var(--ks-dot);}
.ks-s.deep .ks-tick li{border-color:rgba(255,255,255,.14);}
.ks-s.deep .ks-tick li::before{background:var(--ks-gold);}
.ks-steps{counter-reset:st;margin-top:8px;}
.ks-steps li{counter-increment:st;position:relative;padding:14px 62px 14px 0;border-bottom:1px solid var(--ks-line);}
.ks-steps li:last-child{border:0;}
.ks-steps li::before{content:counter(st);position:absolute;right:0;top:14px;width:44px;height:42px;
  border:2px solid var(--ks-spark);color:var(--ks-key);
  display:grid;place-items:center;font-family:'Reem Kufi',sans-serif;font-weight:700;
  clip-path:polygon(0 8px,100% 0,100% calc(100% - 8px),0 100%);}
.ks-s.deep .ks-steps li{border-color:rgba(255,255,255,.14);}
.ks-s.deep .ks-steps li::before{border-color:var(--ks-gold);color:#fff;}

/* ===== الجداول ===== */
.ks-t{width:100%;border-collapse:collapse;margin:20px 0;font-size:1rem;background:#fff;}
.ks-t thead th{background:var(--ks-key);color:#fff;font-family:'Reem Kufi',sans-serif;font-weight:500;
  padding:14px 12px;text-align:right;font-size:.97rem;}
.ks-t td{padding:13px 12px;border-bottom:1px solid var(--ks-line);vertical-align:top;color:var(--ks-txt);}
.ks-t tbody tr:nth-child(even) td{background:var(--ks-even);}
.ks-t .p{color:var(--ks-key);font-weight:700;white-space:nowrap;}
.ks-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* الجداول على الجوال: بطاقات رأسية */
@media(max-width:700px){
  .ks-scroll{overflow-x:visible;}
  .ks-t{display:block;background:transparent;font-size:.96rem;}
  .ks-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
  .ks-t tbody,.ks-t tr,.ks-t td{display:block;width:100%;}
  .ks-t tr{background:#fff;border:1px solid var(--ks-line);margin-bottom:12px;padding:6px 0;}
  .ks-t tbody tr:nth-child(even) td{background:transparent;}
  .ks-t td{border-bottom:1px dashed var(--ks-line);padding:9px 14px;}
  .ks-t tr td:last-child{border-bottom:0;}
  .ks-t td::before{content:attr(data-label);display:block;font-family:'Reem Kufi',sans-serif;
    font-size:.78rem;font-weight:500;color:var(--ks-mut);margin-bottom:2px;}
  .ks-t td:not([data-label])::before{display:none;}
}

/* ===== المقارنة ===== */
.ks-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;}
@media(max-width:700px){.ks-cmp{grid-template-columns:1fr;}}
.ks-cmp>div{border-radius:8px;padding:24px;background:#fff;border:1px solid;}
.ks-yes{border-color:#BBD9C8;}
.ks-no{border-color:#EBC9C4;}
.ks-cmp h3{margin:0 0 12px;font-size:1.05rem;}
.ks-yes h3{color:#1B6B4A;} .ks-no h3{color:#A33427;}
.ks-cmp li{padding:8px 26px 8px 0;position:relative;font-size:.99rem;}
.ks-yes li::before{content:'✓';position:absolute;right:0;color:#1B6B4A;font-weight:700;}
.ks-no li::before{content:'✕';position:absolute;right:0;color:#A33427;font-weight:700;}

/* ===== الصور ===== */
.ks-fig{margin:0;}
.ks-fig img{width:100%;clip-path:var(--ks-slant);}
.ks-fig figcaption{margin-top:16px;font-size:.93rem;color:var(--ks-mut);}
.ks-s.deep .ks-fig figcaption{color:var(--ks-dmut);}
.ks-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
.ks-two.rev>.ks-fig{order:-1;}
@media(max-width:820px){.ks-two{grid-template-columns:1fr;} .ks-fig img{clip-path:var(--ks-slant-s);}}

/* ===== الحاسبة ===== */
.ks-calc{background:#fff;border:1px solid var(--ks-line);border-radius:12px;padding:32px;}
.ks-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0;}
@media(max-width:700px){.ks-fields{grid-template-columns:1fr;} .ks-calc{padding:22px 16px;}}
.ks-f label{display:block;font-family:'Reem Kufi',sans-serif;font-weight:500;margin-bottom:7px;font-size:.94rem;color:var(--ks-deep);}
.ks-f select,.ks-f input{width:100%;padding:12px 14px;border-radius:6px;border:1px solid var(--ks-line);
  background:#fff;color:var(--ks-txt);font-family:inherit;font-size:1rem;}
.ks-f select:focus,.ks-f input:focus{outline:none;border-color:var(--ks-spark);}
.ks-calc button{background:var(--ks-key);color:#fff;border:0;border-radius:6px;padding:14px 34px;
  font-family:'Reem Kufi',sans-serif;font-weight:700;font-size:1.02rem;cursor:pointer;width:100%;}
.ks-calc button:hover{background:var(--ks-deep);}
.ks-out{margin-top:20px;background:var(--ks-pale);border:1px solid var(--ks-line);border-radius:8px;padding:20px;display:none;}
.ks-out.on{display:block;}
.ks-out .big{font-family:'Reem Kufi',sans-serif;font-size:1.8rem;font-weight:700;color:var(--ks-key);display:block;line-height:1.45;}
.ks-out small{color:var(--ks-mut);display:block;margin-top:6px;font-size:.9rem;}
.ks-out .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ks-line);font-size:.97rem;}
.ks-out .row:last-of-type{border:0;}
.ks-out .row b{color:var(--ks-deep);font-weight:600;}

/* ===== المناطق والروابط ===== */
.ks-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;}
.ks-chips a,.ks-chips span{display:inline-block;padding:8px 16px;border-radius:30px;background:#fff;
  border:1px solid var(--ks-line);color:var(--ks-key);font-size:.93rem;font-weight:500;}
.ks-chips a:hover{background:var(--ks-key);color:#fff;border-color:var(--ks-key);}
.ks-chips span{color:var(--ks-mut);}
.ks-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:8px;}
@media(max-width:860px){.ks-rel{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.ks-rel{grid-template-columns:1fr;}}
.ks-rel a{display:block;padding:14px 16px;background:#fff;border:1px solid var(--ks-line);border-radius:7px;
  color:var(--ks-txt);font-weight:500;font-size:.95rem;}
.ks-rel a:hover{border-color:var(--ks-spark);color:var(--ks-key);}

/* ===== الأسئلة ===== */
.ks-faq details{border-bottom:1px solid var(--ks-line);}
.ks-faq details[open]{background:#fff;}
.ks-faq summary{cursor:pointer;padding:18px 0;font-family:'Reem Kufi',sans-serif;font-weight:500;
  color:var(--ks-deep);list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:1.02rem;}
.ks-faq summary::-webkit-details-marker{display:none;}
.ks-faq summary::after{content:'+';color:var(--ks-spark);font-size:1.5rem;flex:none;line-height:1;}
.ks-faq details[open] summary::after{content:'−';}
.ks-faq .ks-a{padding:0 0 20px;max-width:80ch;}
.ks-faq .ks-a p:last-child{margin:0;}

/* ===== القاموس ===== */
.ks-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ks-line);}
@media(max-width:700px){.ks-dl{grid-template-columns:1fr;}}
.ks-dl>div{padding:16px 20px 16px 0;border-bottom:1px solid var(--ks-line);border-left:1px solid var(--ks-line);}
.ks-dl>div:nth-child(2n){border-left:0;}
@media(max-width:700px){.ks-dl>div{border-left:0;padding-left:0;}}
.ks-dl b{display:block;font-family:'Reem Kufi',sans-serif;color:var(--ks-key);margin-bottom:3px;}
.ks-dl span{font-size:.95rem;color:var(--ks-mut);}

/* ===== النداء الأخير ===== */
.ks-final{background:var(--ks-key);color:#fff;clip-path:var(--ks-slant);padding:58px 44px 64px;text-align:center;}
.ks-final h2{color:#fff;}
.ks-final p{color:var(--ks-dtxt);max-width:60ch;margin:0 auto 26px;}
.ks-final .ks-cta{justify-content:center;}
.ks-final .ks-btn{background:var(--ks-gold);color:#2B1A06;}
.ks-final .ks-btn:hover{background:#fff;color:var(--ks-deep);}
.ks-final .ks-ghost{border-color:rgba(255,255,255,.5);color:#fff;}
.ks-final .ks-ghost:hover{background:#fff;color:var(--ks-key);}
@media(max-width:700px){.ks-final{padding:34px 18px 46px;clip-path:var(--ks-slant-s);}}

/* ===== المصادر ===== */
.ks-src{font-size:.95rem;color:var(--ks-mut);}
.ks-src li{padding:7px 0;border-bottom:1px solid var(--ks-line);}
.ks-src li:last-child{border:0;}
.ks-disc{background:var(--ks-pale);border:1px solid var(--ks-line);border-radius:7px;padding:16px 19px;
  font-size:.92rem;color:var(--ks-mut);margin-top:18px;}

/* ===== تثبيت الألوان داخل الأقسام الداكنة (مكوّنات لها خلفية فاتحة خاصة) ===== */
.ks-s.deep .ks-t td,.ks-s.deep .ks-t tr{color:var(--ks-txt);}
.ks-s.deep .ks-note,.ks-s.deep .ks-warn,
.ks-s.deep .ks-note p,.ks-s.deep .ks-warn p{color:var(--ks-txt);}
.ks-s.deep .ks-note strong,.ks-s.deep .ks-warn strong,.ks-s.deep .ks-t strong{color:var(--ks-deep);}
.ks-s.deep .ks-note p a,.ks-s.deep .ks-warn p a,.ks-s.deep .ks-t td a{
  color:var(--ks-key);text-decoration-color:rgba(140,31,61,.5);}
.ks-s.deep .ks-note p a:hover,.ks-s.deep .ks-warn p a:hover,.ks-s.deep .ks-t td a:hover{
  color:var(--ks-spark);background:rgba(179,42,78,.09);}
.ks-s.deep .ks-cmp>div,.ks-s.deep .ks-cmp li{color:var(--ks-txt);}
.ks-s.deep .ks-calc{color:var(--ks-txt);}
.ks-s.deep .ks-calc label{color:var(--ks-deep);}
.ks-s.deep .ks-faq details[open]{color:var(--ks-txt);}
.ks-s.deep .ks-chips a{color:var(--ks-key);}
.ks-s.deep .ks-rel a{color:var(--ks-txt);}

/* ===== الشريط الثابت ===== */
.ks-fixed{background:none;line-height:normal;}
.ks-bar{display:none;}
@media(max-width:820px){
  .ks-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;right:0;left:0;z-index:99999;
    background:rgba(26,16,22,.97);padding:9px;}
  .ks-bar a{padding:12px;border-radius:6px;text-align:center;font-family:'Reem Kufi',sans-serif;font-weight:700;color:#fff;font-size:.96rem;}
  .ks-bar .c{background:var(--ks-gold);color:#2B1A06;}
  .ks-bar .w{background:#0B7A43;}
  #ks-main{padding-bottom:92px;}
  .ks-end{padding-bottom:20px;}
}

/* ===== ضبط الجوال الصغير ===== */
@media(max-width:620px){
  .ks-s{padding:32px 0;}
  .ks-w{padding:0 16px;}
  .ks p{font-size:1.02rem;}
  .ks h2{font-size:1.38rem;}
  .ks h3{font-size:1.08rem;margin:22px 0 10px;}
  .ks-hero{padding:34px 0 42px;}
  .ks-hero h1{font-size:1.45rem;}
  .ks-lead{font-size:1.04rem;}
  .ks-btn,.ks-wa,.ks-ghost{padding:13px 20px;font-size:.98rem;}
  .ks-q{padding:22px 20px 28px 18px;}
  .ks-q p{font-size:1rem;}
  .ks-note,.ks-warn{padding:15px;gap:10px;}
  .ks-calc{padding:18px 14px;}
  .ks-out .big{font-size:1.46rem;}
  .ks-steps li{padding:12px 54px 12px 0;}
  .ks-steps li::before{width:38px;height:36px;font-size:.92rem;}
  .ks-cmp>div{padding:18px 16px;}
  .ks-final{padding:28px 16px 42px;}
  .ks-badge{padding:10px 15px;}
  .ks-badge b{font-size:1rem;}
}
