/*
Theme Name: درع الرياض (Deraa)
Theme URI: https://www.derariyadh.com/
Author: فريق التطوير
Description: قالب مخصّص فائق السرعة لـ«درع الرياض» لمكافحة الحشرات — vanilla، data-driven، سيو وسكيما مدمجة، هوية «التيل والطين».
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: deraa
*/

/* ============ 1) Design tokens — هوية E: التيل والطين ============ */
:root{
  --brand-dark:#0E3A46;   /* تيل عميق */
  --brand-dark-2:#0B2E38;  /* أغمق للتدرّج الهيكلي (بلا gradient بصري) */
  --brand-accent:#D9673A;  /* طيني/تراكوتا — CTA */
  --brand-accent-d:#C4562C;/* تراكوتا أغمق للـhover */
  --brand-gold:#E4B15C;    /* رملي ذهبي — لمسات القيمة */
  --ink:#17262B;           /* حبر النص */
  --ink-2:#3C4a4f;         /* نص ثانوي داكن */
  --paper:#F6F1EA;         /* خلفية فاتحة دافئة */
  --surface:#FFFFFF;
  --border:#E4DDD2;
  --muted:#5C696D;
  --brand-accent-text:#B04A27; /* نسخة أغمق من --brand-accent لاستخدامها كنص (تباين AA)، لا كخلفية */
  --ok:#1F8A5B;
  --radius:14px;
  --radius-sm:10px;
  --wrap:1160px;
  --font-body:'Tajawal','Tajawal-fallback',system-ui,'Segoe UI',Tahoma,sans-serif;
}

/* ============ 2) Reset ============ */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;max-width:100%;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.9;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-dark);text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:800}
p{margin:0 0 1em}
button{font-family:inherit}
ul{margin:0;padding:0;list-style:none}

/* ============ 3) Layout ============ */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sec{padding:64px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 40px}
.kick{color:var(--brand-accent-text);font-weight:800;font-size:13px;letter-spacing:2px}
.sec-head h2{font-size:clamp(24px,3.4vw,34px);color:var(--ink);margin:8px 0 10px}
.sec-head h1{font-size:clamp(28px,4vw,40px);color:var(--ink);margin:8px 0 10px;line-height:1.25}
.sec-head p{color:var(--ink-2);font-size:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;top:8px;inset-inline-start:12px;background:var(--brand-dark);color:#fff;padding:10px 16px;border-radius:8px;z-index:1000}
.skip-link:focus{width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}

/* ============ 4) Buttons ============ */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:18px;padding:13px 24px;border-radius:var(--radius-sm);border:0;cursor:pointer;transition:background .15s,transform .1s;min-height:52px}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand-accent-d);color:#fff}
.btn-primary:hover{background:#AD4C27}
.btn-wa{background:#128C7E;color:#fff}
.btn-wa:hover{filter:brightness(.95)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-dark{background:var(--brand-dark);color:#fff}

/* ============ 5) Header ============ */
.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;height:70px}
.hdr-logo{display:flex;align-items:center;gap:10px;color:var(--brand-dark);--logo-accent:var(--brand-accent)}
.hdr-logo .logo-mark{width:38px;height:auto;flex:0 0 auto}
.logo-word{display:flex;flex-direction:column;line-height:1.25}
.logo-word b{font-size:19px;color:var(--brand-dark)}
.logo-word small{font-size:11px;color:var(--muted);font-weight:600}
.nav{display:flex;align-items:center;gap:15px}
.nav a{color:var(--ink);font-weight:700;font-size:14.5px;white-space:nowrap}
.nav a:hover{color:var(--brand-accent)}
.hdr-cta{display:inline-flex;gap:10px;align-items:center}
.hdr-tel{color:var(--brand-dark);font-weight:800;direction:ltr}
.nav-toggle{display:none;background:transparent;border:0;font-size:26px;color:var(--brand-dark);cursor:pointer;padding:6px}

/* ============ 6) Hero ============ */
.hero{background:var(--brand-dark);color:#fff;position:relative;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0}
.hero-eyebrow{color:var(--brand-gold);font-weight:800;font-size:14px;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px}
.hero h1{font-size:clamp(28px,4.6vw,46px);line-height:1.25;margin:14px 0}
.hero .lead{font-size:18px;color:#D7E2E4;max-width:46ch;margin-bottom:22px}
.hero .lead p{margin:0 0 .6em}
.hero .lead p:last-child{margin-bottom:0}
.hero .lead strong{color:#fff}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-parent-link{font-size:13.5px;color:#9FB3B6;margin:16px 0 0}
.hero-parent-link a{color:#D7E2E4;text-decoration:underline}
.hero-parent-link a:hover{color:#fff}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#EAF1F2;font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px}
.badge svg{fill:none;stroke:var(--brand-gold);flex:0 0 auto}
.hero-visual{align-self:stretch;display:flex}
.hero-visual .deraa-media{width:100%;align-self:stretch}
.hero-visual-empty{min-height:280px;border-radius:18px;background:var(--brand-dark-2);border:1px solid rgba(255,255,255,.08);align-items:center;justify-content:center;color:#3f5b64}

/* ============ 7) Cards / services ============ */
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:transform .12s,box-shadow .12s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(14,58,70,.08)}
.card-ic{width:48px;height:48px;border-radius:12px;background:rgba(217,103,58,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.card-ic svg{stroke:var(--brand-accent)}
.card h2,.card h3{font-size:18px;color:var(--ink);margin-bottom:6px}
.card p{color:var(--ink-2);font-size:16px;line-height:1.85;margin:0}
.card-arrow{position:relative;padding-bottom:58px}
.card-go{position:absolute;left:22px;bottom:20px;width:34px;height:34px;border-radius:50%;background:rgba(217,103,58,.1);display:flex;align-items:center;justify-content:center;color:var(--brand-accent);transition:transform .15s,background .15s,color .15s}
.card-arrow:hover .card-go{background:var(--brand-accent);color:#fff;transform:translateX(-4px)}

/* ============ 8) Trust / value ============ */
.trust{background:var(--surface)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.feat-grid-4{grid-template-columns:repeat(4,1fr)}
.feat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;height:100%}
.feat-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:rgba(14,58,70,.07);display:flex;align-items:center;justify-content:center}
.feat-ic svg{stroke:var(--brand-dark)}
.feat h3{font-size:18px;margin:0;color:var(--ink)}
.feat p{font-size:16px;color:var(--ink-2);margin:0;line-height:1.85}

/* ===== معك خطوة بخطوة — شريط تيل غامق ===== */
.step-support{background:var(--brand-dark);border-radius:20px;padding:48px 40px}
.step-support .kick{color:var(--brand-gold)}
.step-support .sec-head h2{color:#fff}
.step-support .sec-head p{color:#D7E2E4}
.step-support .feat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.step-support .feat-ic{width:48px;height:48px;border-radius:50%;background:#128C7E}
.step-support .feat-ic svg{stroke:#fff}
.step-support .feat h3{color:#fff}
.step-support .feat p{color:#D7E2E4;font-size:16px}
@media(max-width:640px){.step-support{padding:32px 20px;border-radius:16px}}

/* ===== لماذا تختار درع الرياض — بطاقات بريميوم ===== */
.feat-premium .feat{position:relative;border-top:3px solid var(--brand-gold);box-shadow:0 4px 18px rgba(14,58,70,.06);transition:transform .18s,box-shadow .18s}
.feat-premium .feat:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(14,58,70,.12)}
.feat-premium .feat-ic{width:52px;height:52px;border-radius:12px;background:var(--brand-dark)}
.feat-premium .feat-ic svg{stroke:var(--brand-gold)}

/* ============ 9) CTA band + footer ============ */
.cta-band{background:var(--brand-accent);color:#fff;text-align:center}
.cta-band h2{font-size:clamp(22px,3vw,30px);margin-bottom:10px}
.cta-band p{color:#ffe8dd;margin-bottom:18px}
.site-footer{background:var(--brand-dark-2);color:#cdd9db;padding:52px 0 0}
.ft-grid{display:grid;grid-template-columns:1.6fr repeat(5,minmax(0,1fr));align-items:start;gap:32px;padding-bottom:32px}
.site-footer h3{color:#fff;font-size:15px;margin-bottom:14px}
.ft-logo{display:flex;align-items:center;gap:10px;--logo-accent:var(--brand-gold);color:#fff}
.ft-logo .logo-mark{width:34px;height:auto;flex:0 0 auto}
.ft-logo .logo-word b{color:#fff;font-size:17px}
.ft-logo .logo-word small{color:#9fb2b6}
.site-footer a{color:#cdd9db}
.site-footer a:hover{color:var(--brand-gold)}
.ft-bar{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;text-align:center;font-size:13px;color:#8aa0a5}

/* ============ 10) Floating mobile bar (ارتفاع ثابت — لا vh) ============ */
.mbar{display:none;position:fixed;bottom:0;right:0;left:0;height:64px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 18px rgba(0,0,0,.08);z-index:300;padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:8px}
.mbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:800;color:var(--brand-dark);border-radius:12px;transition:background .15s}
.mbar a.wa{color:#128C7E}
.mbar-book{background:var(--brand-accent);color:#fff !important;flex:1.15 !important;box-shadow:0 4px 12px rgba(217,103,58,.35)}
.fab-stack{position:fixed;left:20px;bottom:24px;z-index:250;display:flex;flex-direction:column;gap:12px}
.fab{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2);transition:transform .15s}
.fab:hover{transform:scale(1.07)}
.fab-wa{background:#128C7E;color:#fff}
.fab-tel{background:var(--brand-dark);color:#fff}
.fab-book{width:60px;height:60px;background:var(--brand-accent);color:#fff;box-shadow:0 8px 22px rgba(217,103,58,.45)}
@media(max-width:640px){.fab-stack{display:none}}

/* ============ 11) Responsive ============ */
@media(max-width:900px){
  .hero-in{grid-template-columns:1fr;padding:40px 0}
  .hero-visual-empty{display:none}
  .hero-visual:not(.hero-visual-empty){order:-1}
  .hero-visual .deraa-media{aspect-ratio:16/10 !important}
  .grid-3,.grid-4,.grid-2,.feat-grid,.ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px) and (min-width:641px){
  .nav{gap:10px}
  .nav a{font-size:13.5px}
  .hdr-tel{display:none}
}
@media(max-width:640px){
  .nav,.hdr-cta{display:none}
  .nav-toggle{display:block}
  .grid-3,.grid-4,.grid-2,.feat-grid,.ft-grid{grid-template-columns:1fr}
  .feat-grid-4{grid-template-columns:1fr 1fr}
  .sec{padding:44px 0}
  .mbar{display:flex}
  body{padding-bottom:60px}
  p,li{line-height:2.0}
  .price-band{flex-direction:column;align-items:flex-start !important;text-align:right}
}

/* ============ 12) صفحة الخدمة ============ */
.crumbs{background:var(--surface);border-bottom:1px solid var(--border)}
.crumbs ol{display:flex;align-items:center;gap:8px;padding:13px 0;font-size:13.5px;color:var(--muted);flex-wrap:wrap;list-style:none;margin:0;padding-inline-start:0}
.crumbs li:not(:last-child)::after{content:"‹";margin-inline-start:8px;color:var(--border);font-size:15px;line-height:1}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand-accent);text-decoration:underline}
.crumbs li[aria-current]{color:var(--ink);font-weight:700}

.grid-2{grid-template-columns:1fr 1fr}
.id-card h3{font-size:18px;margin-bottom:10px;color:var(--brand-dark)}
.id-card .rich{color:var(--ink-2);font-size:16px;line-height:1.85}
.id-card .rich p:last-child{margin-bottom:0}
.rich p{margin:0 0 12px;line-height:1.85}
.rich ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px}
.rich li{position:relative;padding-inline-start:20px;font-size:14.5px;line-height:1.7}
.rich li::before{content:"";position:absolute;inset-inline-start:2px;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--brand-accent)}

.svc-hero-icon{color:var(--brand-gold)}
.svc-hero-icon svg{width:72px;height:72px}

.timeline{max-width:640px;margin:0 auto;position:relative}
.timeline::before{content:"";position:absolute;top:6px;bottom:6px;right:19px;width:2px;background:var(--border)}
.tl-item{position:relative;display:flex;gap:18px;padding-bottom:30px}
.tl-item:last-child{padding-bottom:0}
.tl-no{position:relative;z-index:1;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.tl-no svg{stroke:var(--brand-gold)}
.tl-body h3{font-size:16.5px;margin-bottom:4px;color:var(--brand-dark)}
.tl-index{color:var(--brand-accent)}
.tl-body p{color:var(--ink-2);font-size:14.5px;margin:0}

.method-intro{max-width:820px;margin:0 auto 28px;display:grid;gap:14px}
.method-intro p{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;color:var(--ink-2);font-size:16px;line-height:1.85;margin:0}
.method-intro p strong{color:var(--brand-dark)}
.method-intro ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.method-intro li{position:relative;padding-inline-start:36px;font-size:16px;color:var(--ink-2);line-height:1.85;min-height:24px;display:flex;align-items:center}
.method-intro li::before{content:"✓";position:absolute;inset-inline-start:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--brand-dark);color:var(--brand-gold);font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:0 0 auto}

.warranty-box{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:14px;background:rgba(228,177,92,.14);border:1px solid rgba(228,177,92,.4);border-radius:var(--radius);padding:18px 22px}
.warranty-box svg{flex:0 0 auto;stroke:var(--brand-accent-d)}
.warranty-box p{margin:0;color:var(--ink);font-weight:700;font-size:16px;line-height:1.85}

.steps{display:grid;gap:16px}
.step{display:flex;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
.step-no{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--brand-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.step h3{font-size:18px;margin-bottom:4px}
.step p{color:var(--ink-2);font-size:16px;line-height:1.85;margin:0}

.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:820px;margin:0 auto}
.tips li{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;color:var(--ink-2);font-size:14.5px;line-height:1.6;transition:border-color .15s,box-shadow .15s}
.tips li:hover{border-color:rgba(31,138,91,.35);box-shadow:0 6px 16px rgba(14,58,70,.06)}
.tip-ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:rgba(31,138,91,.12);display:flex;align-items:center;justify-content:center}
.tip-ic svg{stroke:var(--ok)}

.svc-video{max-width:720px;margin:0 auto 28px}
.svc-video video{width:100%;border-radius:var(--radius);background:#000}
.svc-video-cap{text-align:center;color:var(--ink-2);font-size:14px;margin-top:8px}
.svc-gallery img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* ============ صور مضمّنة داخل محتوى صفحة الخدمة (v4 — بلا شبكة معرض) ============ */
.svc-inline-media{padding:8px 0 44px}
.svc-inline-media .wrap{max-width:920px}
.svc-inline-media .deraa-media{aspect-ratio:4/3}
@media(max-width:640px){
  .svc-inline-media{padding:4px 0 32px}
}

.price-sec .wrap{max-width:var(--wrap)}
.price-band{background:var(--brand-dark);color:#fff;border-radius:var(--radius);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.price-band .kick{color:var(--brand-gold)}
.price-band h2{color:#fff;font-size:clamp(20px,2.6vw,26px);margin:6px 0}
.price-band p{color:#D7E2E4;margin:0;max-width:52ch}
.price-sub{color:var(--brand-gold);font-weight:800;font-size:15px;margin:0 0 4px}

.faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 18px}
.faq-item summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--brand-accent);font-weight:800;font-size:20px}
.faq-item[open] summary::after{content:"–"}
.faq-a{padding:0 0 16px;color:var(--ink-2);font-size:16px;line-height:1.85}

@media(max-width:640px){
  .tips{grid-template-columns:1fr}
}

/* ============ 13) بطاقة الوسائط — الإطار مخبوز داخل الصورة (v3)؛ الحاوية زوايا/ظل/نسبة فقط ============ */
.deraa-media{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(14,58,70,.16);background:var(--brand-dark-2);aspect-ratio:4/3}
.deraa-media>img,.deraa-media>video{width:100%;height:100%;object-fit:cover;display:block}
/* فيديو: زر تشغيل + مدة فوق poster المخبوز */
.deraa-media .dm-play{position:absolute;inset:0;margin:auto;width:66px;height:66px;border-radius:50%;background:rgba(217,103,58,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:3}
.deraa-media .dm-play svg{width:26px;height:26px;fill:#fff;margin-inline-start:3px}
.deraa-media .dm-dur{position:absolute;bottom:12px;inset-inline-end:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px;z-index:3}

/* ============ 14) شريط الهوكات ============ */
/* ============ لوحة الثقة الموحّدة داخل الهيرو (تدمج الشارات الأساسية + الثانوية) ============ */
.hero-trust{background:var(--brand-dark-2);border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
.hero-trust .wrap{padding:20px 20px 18px}
.hero-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
.hero-trust-item{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:#fff;white-space:nowrap}
.hero-trust-item svg{flex:0 0 auto;stroke:var(--brand-gold)}
.hero-trust-item--sm{font-size:12.5px;font-weight:700;color:#cfe0e3}
.hero-trust-item--sm svg{width:14px;height:14px;stroke:var(--brand-gold);opacity:.9}
.hero-trust-divider{display:flex;justify-content:center;align-items:center;margin:14px 0;position:relative}
.hero-trust-divider::before,.hero-trust-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12);max-width:220px}
.hero-trust-mark{width:20px;height:auto;margin:0 14px;color:var(--brand-gold);--logo-accent:var(--brand-gold);opacity:.85}
@media(max-width:640px){
  .hero-trust .wrap{padding:16px 20px 14px}
  .hero-trust-row{gap:10px 16px}
  .hero-trust-item{font-size:12.5px}
  .hero-trust-item--sm{font-size:11.5px}
  .hero-trust-divider{margin:10px 0}
}

/* ============ 15) جدول الأسعار ============ */
.price-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.price-table th,.price-table td{padding:14px 18px;text-align:start;font-size:14.5px}
.price-table th{background:var(--brand-dark);color:#fff;font-weight:800}
.price-table td{border-top:1px solid var(--border);color:var(--ink-2)}
.price-table td:first-child{color:var(--ink);font-weight:700}
.price-table-wrap{overflow-x:auto}

/* ============ 16) مناطق التغطية ============ */
.areas-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.areas-list span,.areas-list a{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;color:var(--brand-dark);display:inline-block}
.areas-list a:hover{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}

/* ============ 16.1) صندوق تحذير: علامات الإصابة ============ */
.warn-box{max-width:820px;margin:28px auto 0;background:#FBEEE9;border:1px solid #F0CFC0;border-radius:var(--radius);padding:20px 24px}
.warn-box-head{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--brand-accent-d);font-size:15.5px;margin-bottom:10px}
.warn-box ul{display:grid;gap:8px;padding-inline-start:4px}
.warn-box li{position:relative;padding-inline-start:20px;color:var(--ink-2);font-size:14.5px}
.warn-box li::before{content:"";position:absolute;inline-size:6px;block-size:6px;border-radius:50%;background:var(--brand-accent);inset-inline-start:0;top:.55em}

/* ============ 16.2) إحصاءة بارزة ============ */
.stat-callout{display:flex;align-items:center;gap:14px;justify-content:center;background:rgba(228,177,92,.14);border:1px solid rgba(228,177,92,.4);border-radius:20px;padding:14px 26px;max-width:min(680px,100%);width:fit-content;margin:0 auto 32px;color:var(--brand-dark);font-weight:800;font-size:15px}
.stat-callout svg{flex:0 0 auto;stroke:var(--brand-accent-d)}
@media(max-width:640px){
  .stat-callout{border-radius:16px;padding:12px 18px;font-size:13.5px;text-align:start}
}

/* ============ 16.3) صندوق المقارنة ============ */
.compare-box{max-width:820px;margin:32px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--border)}
.compare-row:first-child{border-top:0}
.compare-row span{padding:12px 14px;font-size:13.5px;color:var(--ink-2);text-align:center}
.compare-row.compare-head{background:var(--brand-dark)}
.compare-row.compare-head span{color:#fff;font-weight:800;font-size:13px}
.compare-label{font-weight:800 !important;color:var(--ink) !important;text-align:start !important;background:var(--paper)}
@media(max-width:640px){
  .compare-row span{font-size:12px;padding:10px 6px}
}

/* ============ 16.4) عنوان الضمان ============ */
.warranty-h2{text-align:center;font-size:clamp(20px,2.6vw,26px);color:var(--brand-dark);margin-bottom:18px}

/* ============ 17) ويزارد حجز موعد ============ */
.booking-sec{background:var(--brand-dark)}
.booking-sec .kick{color:var(--brand-gold)}
.booking-sec .sec-head h2{color:#fff}
.booking-sec .sec-head p{color:#D7E2E4}
.booking-wizard{max-width:560px;margin:0 auto;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.hp-field{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;left:auto;right:auto}
.wiz-progress{margin-bottom:24px}
.wiz-progress-text{display:block;text-align:center;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}
.wiz-progress-text b{color:var(--brand-accent-d)}
.wiz-progress-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}
.wiz-progress-bar span{display:block;height:100%;background:var(--brand-accent);border-radius:999px;transition:width .25s ease}
.wiz-step-title{font-size:18px;color:var(--brand-dark);margin-bottom:4px}
.wiz-step label{display:block;font-weight:700;font-size:14px;color:var(--ink);margin:14px 0 6px}
.wiz-step label:first-of-type{margin-top:4px}
.wiz-step input,.wiz-step select,.wiz-step textarea{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:15px;color:var(--ink);background:var(--paper)}
.wiz-step input:focus,.wiz-step select:focus,.wiz-step textarea:focus{outline:2px solid var(--brand-accent);outline-offset:1px}
.wiz-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.wiz-actions .btn{min-height:52px;padding:14px 26px;font-size:15.5px}
.btn-ghost-dark{background:transparent;color:var(--brand-dark);border:1.5px solid var(--border)}
.btn-ghost-dark:hover{background:var(--paper)}
.wiz-trust{text-align:center;font-size:12.5px;color:var(--muted);margin:14px 0 0}
.wiz-alt{text-align:center;font-size:13.5px;margin-top:8px}
.wiz-alt a{color:var(--brand-dark);font-weight:800}
.wz-geo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.wz-geo-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px}
.wz-geo-btn:disabled{opacity:.6;cursor:default}
.wz-geo-status{font-size:13px;color:var(--muted)}
.wz-geo-status[data-ok="1"]{color:#1e7a4a;font-weight:700}
.wz-geo-status[data-err="1"]{color:#b3402a}
.wiz-done{text-align:center;font-weight:700;color:var(--ok);padding:20px 0 4px}

/* ============ 18) قائمة الموبايل المنسدلة ============ */
@media(max-width:640px){
  body.nav-open .hdr{flex-wrap:wrap;height:auto;padding-bottom:16px}
  body.nav-open .nav{display:flex;flex-direction:column;order:3;flex:0 0 100%;gap:12px;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}
  body.nav-open .hdr-cta{display:flex;order:2;flex:0 0 100%;justify-content:flex-start;margin-top:10px}
}

/* ============ 19) منطقة محتوى ووردبريس طبيعية (.deraa-prose) ============ */
.deraa-prose{max-width:820px;margin:0 auto;font-size:17px;line-height:1.9;color:var(--ink)}
.deraa-prose > *:first-child{margin-top:0}
.deraa-prose > *:last-child{margin-bottom:0}
.deraa-prose h2,.deraa-prose h3,.deraa-prose h4{color:var(--brand-dark);font-weight:800;line-height:1.35;margin:32px 0 12px}
.deraa-prose h2{font-size:clamp(21px,2.6vw,26px)}
.deraa-prose h3{font-size:19px}
.deraa-prose h4{font-size:16.5px}
.deraa-prose p{margin:0 0 16px}
.deraa-prose ul,.deraa-prose ol{margin:0 0 16px;padding-inline-start:22px;display:grid;gap:8px}
.deraa-prose ul{list-style:none;padding-inline-start:0}
.deraa-prose ul li{position:relative;padding-inline-start:20px;font-size:15.5px}
.deraa-prose ul li::before{content:"";position:absolute;inset-inline-start:2px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--brand-accent)}
.deraa-prose ol li{font-size:15.5px;padding-inline-start:4px}
.deraa-prose a:not(.btn){color:var(--brand-accent);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.deraa-prose a:not(.btn):hover{color:var(--brand-accent-d)}
.deraa-prose strong{color:var(--brand-dark);font-weight:800}
.deraa-prose blockquote{margin:20px 0;padding:14px 18px;border-inline-start:4px solid var(--brand-gold);background:var(--paper-2,#f7f3ec);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2);font-style:normal}
.deraa-prose img,.deraa-prose figure{max-width:100%;height:auto;border-radius:var(--radius);display:block;margin:20px auto}
.deraa-prose figure figcaption{text-align:center;font-size:13px;color:var(--muted);margin-top:8px}
.deraa-prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.deraa-prose table th,.deraa-prose table td{padding:10px 12px;border:1px solid var(--border);text-align:start}
.deraa-prose table th{background:var(--paper-2,#f7f3ec);color:var(--brand-dark);font-weight:800}
.deraa-prose hr{border:0;border-top:1px solid var(--border);margin:28px 0}

/* ============ 20) فاحص درع — أداة تقييم الخطورة (dc- prefix، معزولة عن باقي القالب) ============ */
.dc-page{background:radial-gradient(1200px 700px at 70% -10%,#12857a 0%,var(--brand-dark) 40%,var(--brand-dark-2) 100%);padding:48px 16px;border-radius:24px}
.dc-app{width:100%;max-width:560px;margin:0 auto;background:var(--paper);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 0 1px rgba(217,164,65,.16);overflow:hidden;position:relative}
.dc-app::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-gold),var(--brand-accent-d),var(--brand-gold));z-index:1}
.dc-head{background:linear-gradient(135deg,var(--brand-dark),var(--brand-dark-2));color:#fff;padding:26px 26px 20px;position:relative}
.dc-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px}
.dc-brand svg{width:30px;height:30px;color:var(--brand-gold);flex:0 0 auto;padding:5px;box-sizing:border-box;border-radius:50%;background:rgba(217,164,65,.14)}
.dc-head p{margin-top:8px;font-size:14px;color:rgba(255,255,255,.85);line-height:1.7}
.dc-pbar{height:6px;background:rgba(255,255,255,.2);margin-top:18px;border-radius:99px;overflow:hidden}
.dc-pfill{height:100%;width:20%;background:var(--brand-gold);border-radius:99px;transition:width .4s cubic-bezier(.3,.8,.3,1)}
.dc-body{padding:26px}
.dc-screen{display:none;animation:dc-fade .45s ease}
.dc-screen.on{display:block}
@keyframes dc-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dc-qn{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--brand-accent-d)}
.dc-qt{font-size:22px;font-weight:800;margin:6px 0 20px;line-height:1.4;color:var(--ink)}
.dc-opts{display:grid;gap:11px}
.dc-opt{display:flex;align-items:center;gap:13px;background:var(--surface);border:2px solid var(--border);border-radius:15px;padding:15px 16px;cursor:pointer;font-size:16px;font-weight:700;text-align:right;transition:.18s;width:100%;color:var(--ink);font-family:inherit}
.dc-opt:hover{border-color:var(--brand-gold);transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,58,70,.16)}
.dc-opt .dc-em{font-size:19px;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:rgba(14,58,70,.06);display:flex;align-items:center;justify-content:center}
.dc-back{margin-top:18px;background:none;border:none;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.dc-back:hover{color:var(--brand-dark)}
.dc-rwrap{text-align:center}
.dc-badge{display:inline-block;background:rgba(14,58,70,.1);color:var(--brand-dark);font-weight:800;font-size:12px;letter-spacing:1px;padding:6px 14px;border-radius:99px}
.dc-rtitle{font-size:27px;font-weight:800;margin:16px 0 4px;letter-spacing:.2px}
.dc-meter{height:14px;background:var(--border);border-radius:99px;overflow:hidden;margin:18px 0 7px;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
.dc-mfill{height:100%;width:0;border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.dc-mlabels{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--muted)}
.dc-rcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;text-align:right;margin-top:20px;box-shadow:0 12px 28px rgba(14,58,70,.08)}
.dc-rcard h4{font-size:13px;color:var(--brand-accent-d);font-weight:800;margin-bottom:7px;letter-spacing:.3px}
.dc-rcard .dc-big{font-size:20px;font-weight:800;line-height:1.5;color:var(--ink)}
.dc-rcard p{font-size:14px;color:var(--ink-2);line-height:1.8;margin-top:7px}
.dc-price{display:none;margin-top:14px;background:linear-gradient(135deg,#fff,#fbf6ec);border:1px dashed var(--brand-gold);border-radius:14px;padding:14px 16px;text-align:right}
.dc-price .dc-p{font-size:22px;font-weight:800;color:var(--brand-dark)}
.dc-price small{color:var(--muted);font-weight:700}
.dc-note{display:none;margin-top:12px;font-size:13px;color:var(--ink-2);background:rgba(228,177,92,.16);border-radius:12px;padding:11px 14px;text-align:right}
.dc-guide-link{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--brand-dark);text-decoration:underline}
.dc-guide-link:hover{color:var(--brand-accent-d)}
.dc-lead{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:right}
.dc-lead p{font-size:13.5px;color:var(--ink-2);margin:0 0 10px}
.dc-lead-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dc-lead input{width:100%;padding:11px 12px;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--paper)}
.dc-lead input:focus{outline:2px solid var(--brand-dark);outline-offset:1px}
.dc-lead button{margin-top:10px;width:100%;padding:11px;border-radius:10px;border:0;background:var(--brand-dark);color:#fff;font-weight:800;font-size:14.5px;cursor:pointer;font-family:inherit}
.dc-lead button:disabled{opacity:.6;cursor:default}
.dc-lead-status{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
.dc-lead-status[data-err="1"]{color:#b3402a}
.dc-cta{display:grid;gap:10px;margin-top:20px}
.dc-btn{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:16px;padding:17px;border-radius:14px;text-decoration:none;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.dc-btn:hover{transform:translateY(-3px)}
.dc-btn-wa{background:#128C7E;color:#fff;box-shadow:0 14px 32px rgba(18,140,126,.42)}
.dc-btn-wa:hover{box-shadow:0 18px 38px rgba(18,140,126,.5)}
.dc-btn-call{background:var(--surface);border:2px solid var(--brand-dark);color:var(--brand-dark)}
.dc-btn-call:hover{box-shadow:0 10px 24px rgba(14,58,70,.16)}
.dc-restart{background:none;border:none;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;margin-top:14px;font-family:inherit}
.dc-foot{text-align:center;font-size:11px;color:var(--muted);padding:0 26px 20px}
.dc-trust{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;padding:0}
.dc-trust li{list-style:none;display:inline-flex;align-items:center;gap:7px;background:rgba(14,58,70,.06);border:1px solid rgba(14,58,70,.16);color:var(--brand-dark);font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px}
.dc-related{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:16px;font-size:13.5px}
.dc-related a{color:var(--brand-dark);font-weight:700;text-decoration:underline}
.dc-related a:hover{color:var(--brand-accent-d)}
@media(max-width:640px){
  .dc-page{padding:24px 10px;border-radius:16px}
  .dc-head{padding:22px 18px 16px}
  .dc-body{padding:18px}
  .dc-qt{font-size:19px}
  .dc-lead-row{grid-template-columns:1fr}
}

/* ===== CTA فاحص درع (داخل صفحة الخدمة) ===== */
.fahes-cta{display:flex;align-items:center;gap:14px;background:var(--surface);border:1.5px dashed var(--brand-gold);border-radius:var(--radius);padding:16px 20px;transition:background .15s,border-color .15s}
.fahes-cta:hover{background:rgba(228,177,92,.08);border-color:var(--brand-accent-d)}
.fahes-cta-ic{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:rgba(14,58,70,.07);display:flex;align-items:center;justify-content:center;color:var(--brand-dark)}
.fahes-cta-t{flex:1;font-size:15px;color:var(--ink-2)}
.fahes-cta-t b{color:var(--ink)}
.fahes-cta-go{flex:0 0 auto;font-size:20px;color:var(--brand-accent-d)}
@media(max-width:640px){.fahes-cta{flex-wrap:wrap}.fahes-cta-t{font-size:14px}}

/* ============ 21) دليل الحشرات — معرض تفاعلي (pe- prefix، معزولة عن باقي القالب) ============ */
.pe-page{background:radial-gradient(1000px 700px at 70% -10%,#12857a 0%,var(--brand-dark) 45%,var(--brand-dark-2) 100%);padding:40px 20px;border-radius:24px}
.pe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1040px;margin:0 auto}
.pe-card{perspective:1200px;height:465px;cursor:pointer}
.pe-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.3,.8,.3,1);transform-style:preserve-3d}
.pe-card.pe-flip .pe-inner{transform:rotateY(180deg)}
.pe-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden}
.pe-front{background:var(--paper);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px;box-shadow:0 14px 34px rgba(9,63,57,.1)}
.pe-front .pe-ic{font-size:40px;line-height:1;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 28%,rgba(228,177,92,.22),rgba(14,58,70,.06));border:1px solid rgba(228,177,92,.35)}
.pe-front .pe-nm{font-size:22px;font-weight:800;color:var(--ink)}
.pe-front .pe-tap{font-size:12px;font-weight:700;color:var(--brand-accent-d);background:rgba(196,86,44,.1);padding:5px 12px;border-radius:99px}
.pe-back{background:linear-gradient(160deg,var(--brand-dark),var(--brand-dark-2));color:#fff;transform:rotateY(180deg);padding:17px 16px;display:flex;flex-direction:column;text-align:right;overflow-y:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pe-back h3{font-size:18px;font-weight:800;margin-bottom:9px;color:var(--brand-gold);padding-bottom:8px;border-bottom:1px solid rgba(217,164,65,.28)}
.pe-row{margin-bottom:9px}
.pe-row b{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;color:rgba(255,255,255,.7)}
.pe-row span{font-size:12.5px;line-height:1.6;color:#f2f7f5}
.pe-cta{margin-top:auto;display:block;background:#128C7E;color:#fff;text-align:center;font-weight:800;font-size:13.5px;padding:11px;border-radius:11px;text-decoration:none;box-shadow:0 10px 24px rgba(18,140,126,.35);transition:transform .18s ease,box-shadow .18s ease}
.pe-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(18,140,126,.45)}
.pe-svc{display:block;text-align:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.75);margin-top:8px;text-decoration:underline}
.pe-svc:hover{color:#fff}
.pe-foot{text-align:center;font-size:12px;color:rgba(255,255,255,.75);margin-top:26px}
.pe-card.pe-highlight .pe-inner{box-shadow:0 0 0 4px var(--brand-gold),0 12px 30px rgba(0,0,0,.35);border-radius:18px;transition:transform .6s cubic-bezier(.3,.8,.3,1),box-shadow .3s ease}
@media(hover:hover){
  .pe-card{transition:transform .25s ease}
  .pe-card:hover{transform:translateY(-4px)}
  .pe-card:hover .pe-front{box-shadow:0 20px 40px rgba(9,63,57,.16)}
}
@media(max-width:640px){
  .pe-page{padding:24px 12px;border-radius:16px}
  .pe-grid{grid-template-columns:1fr;gap:14px;max-width:360px}
  .pe-card{height:445px}
  .pe-front .pe-ic{font-size:52px}
  .pe-front .pe-nm{font-size:19px}
  .pe-back{padding:16px 14px}
  .pe-row span{font-size:13px}
}

/* ============ 22) الفوتر — 6 أعمدة (تلميع) ============ */
.ft-col-brand{grid-column:1/-1;max-width:340px}
.site-footer h3{font-size:14px;letter-spacing:.2px}
.site-footer ul{display:grid;gap:9px;font-size:13.5px}
.site-footer address ul{gap:9px}
@media(min-width:901px){
  .ft-col-brand{grid-column:auto;max-width:none}
}
@media(max-width:1100px) and (min-width:901px){
  .ft-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .ft-grid{grid-template-columns:repeat(3,1fr)}
  .ft-col-brand{grid-column:1/-1;max-width:none}
}
@media(max-width:640px){
  .ft-grid{grid-template-columns:1fr}
  .ft-col-brand{grid-column:auto}
}

/* ============ 23) روابط المحتوى — لون مميّز + underline (UX) ============ */
.wrap p a:not(.btn),.sec p a:not(.btn),.deraa-prose a:not(.btn),.faq-a a:not(.btn),.entry-content a:not(.btn){color:var(--brand-dark);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.wrap p a:not(.btn):hover,.sec p a:not(.btn):hover,.deraa-prose a:not(.btn):hover,.faq-a a:not(.btn):hover,.entry-content a:not(.btn):hover{color:var(--brand-accent-d)}
.wrap p a:not(.btn):focus-visible,.sec p a:not(.btn):focus-visible,.deraa-prose a:not(.btn):focus-visible,.faq-a a:not(.btn):focus-visible,.entry-content a:not(.btn):focus-visible{outline:2px solid var(--brand-dark);outline-offset:2px}
/* أقسام داكنة (هيرو/فوتر/شريط الدعوة) — الروابط تحتاج لوناً فاتحاً لا التيل الداكن العام أعلاه */
.hero .wrap p a:not(.btn),.hero .wrap a:not(.btn),.site-footer .wrap p a:not(.btn),.cta-band .wrap p a:not(.btn){color:var(--brand-gold);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.hero .wrap p a:not(.btn):hover,.hero .wrap a:not(.btn):hover,.site-footer .wrap p a:not(.btn):hover,.cta-band .wrap p a:not(.btn):hover{color:#fff}
.hero .wrap p a:not(.btn):focus-visible,.hero .wrap a:not(.btn):focus-visible,.site-footer .wrap p a:not(.btn):focus-visible,.cta-band .wrap p a:not(.btn):focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}
.logo-word small{font-size:12px}

/* ============ 24) مركز الأسئلة — بحث وتصفية (faq- prefix) ============ */
.faq-search-wrap{margin-bottom:16px}
.faq-search-input{width:100%;padding:14px 18px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:16px;color:var(--ink);background:var(--surface)}
.faq-search-input:focus{outline:2px solid var(--brand-dark);outline-offset:1px}
.faq-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.faq-topic-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--ink-2);cursor:pointer;font-family:inherit;transition:.15s}
.faq-topic-btn:hover{border-color:var(--brand-dark)}
.faq-topic-btn.is-active{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.faq-count{font-size:13px;color:var(--muted);margin:0 0 14px}
.faq-empty{text-align:center;color:var(--muted);padding:24px 0}
.faq-group{margin-bottom:30px}
.faq-group-title{font-size:19px;font-weight:800;color:var(--brand-dark);margin:0 0 12px}
.faq-links{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.faq-link-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;transition:border-color .15s,box-shadow .15s}
.faq-link-item:hover{border-color:var(--brand-dark);box-shadow:0 6px 16px rgba(14,58,70,.08)}
.faq-link-q{font-weight:700;font-size:17px;color:var(--brand-dark);text-decoration:none;display:block}
.faq-link-q:hover{text-decoration:underline;color:var(--brand-accent-d)}
.faq-link-teaser{color:var(--ink-2);font-size:16px;line-height:1.85;margin:6px 0 0}

/* ============ 25) صفحة 404 ============ */
.err404-hero{background:var(--brand-dark);color:#fff;text-align:center}
.err404-hero-in{padding:64px 20px 56px;max-width:640px}
.err404-code{font-size:clamp(56px,9vw,88px);font-weight:900;color:var(--brand-gold);line-height:1;letter-spacing:2px}
.err404-hero h1{font-size:clamp(24px,3.6vw,32px);margin:14px 0 10px;color:#fff}
.err404-lead{color:#D7E2E4;font-size:16px;line-height:1.8;max-width:46ch;margin:0 auto 26px}
.err404-search{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap}
.err404-search input[type="search"]{flex:1 1 240px;min-width:0;min-height:52px;padding:13px 18px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:16px}
.err404-search input[type="search"]::placeholder{color:#9FB3B6}
.err404-search input[type="search"]:focus{outline:2px solid var(--brand-gold);outline-offset:2px;background:rgba(255,255,255,.1)}
.err404-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:36px}
@media(max-width:640px){
  .err404-search{flex-direction:column}
  .err404-search .btn{width:100%;justify-content:center}
}