/* ==========================================================================
   فلسطيننا | pal48.ps
   الهوية: أرض زيتونية، تطريز قرمزي، كوفية، وذهب للمسجد الأقصى فقط
   ========================================================================== */

:root{
  --gold:#C4A35A;        /* لمسة الأقصى — ليس لون الهوية */
  --gold-dk:#A8873A;
  --gold-lt:#D4BC7A;
  --golddk:var(--gold-dk);
  --goldlt:var(--gold-lt);
  --ink:#1A2214;
  --olive:#3F5438;
  --olive-lt:#6B845C;
  --leaf:#F6F5F1;        /* شريط فاصل خفيف على الأبيض */
  --paper:#FFFFFF;
  --night:#12180E;
  --linen:#EFE9DC;
  --muted:#6A665C;
  --tatreez:#8E1A1A;     /* قرمزي الثوب */
  --tatreez-lt:#C43A38;
  --kuff:#141414;
  --ease:cubic-bezier(.16,1,.3,1);
  /* عناوين البطاقات والقوائم: Reem Kufi محجوز لعناوين الأقسام لأنه متعب في القراءة المتّصلة */
  --font-title:"IBM Plex Sans Arabic",sans-serif;
  --mask-motif:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20shape-rendering%3D%22crispEdges%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Crect%20x%3D%2212%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2210%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2211%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2224%22%20y%3D%2212%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2213%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2214%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2215%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2216%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2217%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2218%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2219%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

html{ scroll-behavior:smooth; font-feature-settings:"locl" 0; }
body{ font-family:"IBM Plex Sans Arabic",sans-serif; background:var(--paper); color:var(--ink); overflow-x:hidden; }
.font-display{ font-family:"Reem Kufi",sans-serif; }
.font-title{ font-family:var(--font-title); }
.font-naskh{ font-family:"Amiri",serif; }
.num{ font-variant-numeric:tabular-nums; }
::selection{ background:var(--tatreez); color:#fff; }
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--leaf); }
::-webkit-scrollbar-thumb{ background:var(--olive); border-radius:99px; border:2px solid var(--leaf); }

/* ===== التطريز ===== */
.stitch{
  height:3px; border-radius:3px; display:inline-block;
  background-image:repeating-linear-gradient(to left,currentColor 0 13px,transparent 13px 24px);
}
.stitch-x{ display:inline-block; }

/* شريط التطريز الفاصل — حافة ثوب، مش فستان كامل */
.thob-band{
  position:relative; height:100px; width:100%;
  background-color:var(--leaf);
}
.thob-band::before{
  content:""; position:absolute; inset:8px 0;
  background:url('../images/thob.svg') repeat-x center / auto 80px;
}

/* شريط الكوفية — مرة واحدة في الصفحة */
.tatreez-band{
  height:22px; width:100%;
  background-image:
    linear-gradient(45deg,transparent 43%,var(--tzc,var(--tatreez)) 43% 57%,transparent 57%),
    linear-gradient(-45deg,transparent 43%,var(--tzc,var(--tatreez)) 43% 57%,transparent 57%),
    linear-gradient(45deg,transparent 46%,var(--tzc2,var(--gold)) 46% 54%,transparent 54%),
    linear-gradient(-45deg,transparent 46%,var(--tzc2,var(--gold)) 46% 54%,transparent 54%);
  background-size:22px 22px,22px 22px,11px 11px,11px 11px;
  background-position:0 0,0 0,5px 5px,5px 5px;
}
.tatreez-thin{
  height:10px; width:100%;
  background-image:
    linear-gradient(45deg,transparent 44%,var(--tzc,var(--gold)) 44% 56%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,var(--tzc,var(--gold)) 44% 56%,transparent 56%);
  background-size:10px 10px;
}

/* شريط SVG يُرسم عند الظهور */
.stitch-band{ display:block; width:100%; height:16px; overflow:visible; }
.stitch-band path{ fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:square; stroke-dasharray:26; stroke-dashoffset:26; }
.stitch-band.is-in path{ animation:stitchdraw .5s var(--ease) forwards; animation-delay:var(--d,0ms); }
@keyframes stitchdraw{ to{ stroke-dashoffset:0; } }

/* ===== عناصر عامة ===== */
.eyebrow{
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:"Reem Kufi",sans-serif; font-weight:600; font-size:.85rem;
}
.eyebrow .stitch{ width:2.2rem; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:600; font-size:.9rem;
  padding:.72rem 1.45rem; border-radius:999px;
  transition:transform .35s var(--ease),background-color .3s,color .3s,border-color .3s,box-shadow .35s;
}
.btn svg{ transition:transform .35s var(--ease); }
.btn:hover svg{ transform:translateX(-4px); }
.btn-gold{ background:var(--gold); color:var(--ink); }
.btn-gold:hover{ background:#fff; color:var(--ink); transform:translateY(-2px); }
.btn-ink{ background:var(--ink); color:var(--paper); }
.btn-ink:hover{ background:var(--tatreez); color:#fff; transform:translateY(-2px); }
.btn-tatreez{ background:var(--tatreez); color:#fff; }
.btn-tatreez:hover{ background:var(--ink); color:var(--paper); transform:translateY(-2px); }
.btn-paper{ background:var(--paper); color:var(--ink); }
.btn-paper:hover{ background:var(--tatreez); color:#fff; transform:translateY(-2px); }
.btn-line{ border:1px solid rgba(26,34,20,.18); color:var(--ink); }
.btn-line:hover{ background:var(--ink); color:var(--paper); border-color:var(--ink); transform:translateY(-2px); }
.btn-ghost{ border:1px solid rgba(255,255,255,.42); color:#fff; background:rgba(255,255,255,.07); backdrop-filter:blur(8px); }
.btn-ghost:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.75); transform:translateY(-2px); }

.rnd-btn{
  width:2.55rem; height:2.55rem; border-radius:999px; display:grid; place-items:center; flex:none;
  border:1px solid rgba(26,34,20,.14); transition:.35s var(--ease);
}
.rnd-btn:hover{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
.rnd-btn.on-dark{ border-color:rgba(255,255,255,.22); color:#fff; }
.rnd-btn.on-dark:hover{ background:var(--paper); color:var(--ink); border-color:var(--paper); }

/* ===== شريط التقدّم + التحميل ===== */
#scroll-progress{
  position:fixed; top:0; inset-inline:0; height:3px; z-index:120; width:0;
  background:linear-gradient(to left,var(--tatreez),var(--olive));
  transition:width .1s linear;
}
#loader{
  position:fixed; inset:0; z-index:200;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.55); backdrop-filter:blur(3px);
  transition:opacity .5s ease,visibility .5s;
  /* شبكة أمان: لو ما اشتغل الجافاسكربت لأي سبب، الطبقة بتختفي لحالها بدل ما تحجب الصفحة */
  animation:loaderBail .5s ease 4s forwards;
}
@keyframes loaderBail{ to{ opacity:0; visibility:hidden; } }
#loader.done{ animation:none; opacity:0; visibility:hidden; pointer-events:none; }
#loader img{
  width:70px; height:70px; object-fit:contain;
  background:#fff; border-radius:10px; padding:5px;
  box-shadow:0 0 20px rgba(0,0,0,.3);
  animation:loaderSpin 2.2s linear infinite;
}
@keyframes loaderSpin{ to{ transform:rotate(360deg); } }

/* ===== نافذة تحميل التطبيق — مرة في الأسبوع ===== */
#app-dlg{
  position:fixed; inset:0; z-index:160;
  display:grid; place-items:center; padding:1.25rem;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .4s var(--ease),visibility .4s;
}
#app-dlg.open{ opacity:1; visibility:visible; pointer-events:auto; }
.app-dlg__dim{
  position:absolute; inset:0;
  background:rgba(18,24,14,.58); backdrop-filter:blur(10px);
}
.app-dlg__card{
  position:relative; z-index:1; isolation:isolate;
  width:min(26.5rem,100%);
  background:var(--paper);
  border-radius:1.45rem;
  padding:2.1rem 1.6rem 1.45rem;
  text-align:center;
  box-shadow:0 32px 70px -28px rgba(18,24,14,.55);
  transform:translateY(18px) scale(.97);
  transition:transform .5s var(--ease);
}
#app-dlg.open .app-dlg__card{ transform:none; }
.app-dlg__card::before{
  content:""; position:absolute; inset-inline:1.4rem; top:0; height:4px;
  background-image:repeating-linear-gradient(to left,var(--tatreez) 0 11px,transparent 11px 20px);
  border-radius:0 0 3px 3px;
}
.app-dlg__motif{
  position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit;
  background-color:rgba(63,84,56,.05);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:92px 92px; mask-size:92px 92px;
}
.app-dlg__x{
  position:absolute; top:.85rem; inset-inline-start:.85rem; z-index:2;
  width:2.1rem; height:2.1rem; border-radius:999px;
  display:grid; place-items:center; color:var(--muted);
  border:1px solid rgba(26,34,20,.1); background:#fff;
  transition:.3s var(--ease);
}
.app-dlg__x:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.app-dlg__phone{
  position:relative; z-index:1;
  width:5.6rem; height:9.8rem; margin:0 auto 1.3rem;
  border-radius:1.15rem; background:var(--ink);
  border:2px solid #2a3524;
  box-shadow:0 14px 28px -16px rgba(18,24,14,.55),0 0 0 8px rgba(196,163,90,.12);
  display:flex; align-items:center; justify-content:center;
  padding-top:1.1rem;
  animation:appDlgPhonePulse 3.2s var(--ease) infinite;
}
@keyframes appDlgPhonePulse{
  0%,100%{ transform:scale(1); box-shadow:0 14px 28px -16px rgba(18,24,14,.55),0 0 0 8px rgba(196,163,90,.12); }
  50%{ transform:scale(1.035); box-shadow:0 18px 32px -16px rgba(18,24,14,.6),0 0 0 11px rgba(196,163,90,.16); }
}
@media (prefers-reduced-motion:reduce){
  .app-dlg__phone{ animation:none; }
}
.app-dlg__notch{
  position:absolute; top:6px; left:50%; transform:translateX(-50%);
  width:1.7rem; height:5px; border-radius:99px; background:#0c1009;
}
.app-dlg__phone img{ width:3.1rem; height:auto; filter:brightness(1.08); }
.app-dlg__lead{
  position:relative; z-index:1;
  margin:.7rem auto 0; max-width:22rem;
  font-size:.92rem; line-height:1.95; color:var(--muted);
}
.app-dlg__features{
  position:relative; z-index:1; list-style:none;
  display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem;
  margin:1.1rem 0 0; padding:0;
}
.app-dlg__features li{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.42rem .8rem; border-radius:999px;
  background:var(--leaf); color:var(--olive);
  font-size:.78rem; font-weight:600;
  border:1px solid rgba(63,84,56,.14);
}
.app-dlg__feature-ic{ display:inline-flex; flex:none; color:var(--tatreez); }
.app-dlg__feature-ic svg{ display:block; }
.app-dlg__stores{
  position:relative; z-index:1;
  display:flex; flex-wrap:wrap; justify-content:center; gap:.55rem; margin-top:1.25rem;
}
.app-dlg__store{
  display:inline-flex; align-items:center; gap:.45rem;
  min-width:8.4rem; justify-content:center;
  padding:.72rem 1.15rem; border-radius:999px;
  background:var(--olive); color:#fff; font-weight:600; font-size:.88rem;
  transition:transform .35s var(--ease),background .3s;
}
.app-dlg__store:hover{ background:var(--ink); transform:translateY(-2px); }
.app-dlg__store--ink{ background:var(--ink); }
.app-dlg__store--ink:hover{ background:var(--tatreez); }
.app-dlg__later{
  position:relative; z-index:1; display:block; width:100%;
  margin-top:.95rem; padding:.35rem;
  font-size:.8rem; color:var(--muted);
  transition:color .25s;
}
.app-dlg__later:hover{ color:var(--ink); }
body.app-dlg-open{ overflow:hidden; }

/* ===== الهيدر — صفّ واحد هادئ ===== */
#navbar{
  position:sticky; top:0; z-index:90;
  background:
    linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),
    url('../images/header-bg-grey.png') repeat;
  background-size:auto,320px;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(26,34,20,.08); transition:box-shadow .4s;
}
#navbar.scrolled{ box-shadow:0 10px 28px -20px rgba(26,34,20,.45); }

.hdr{ display:flex; align-items:center; justify-content:space-between; gap:1.25rem; min-height:4.35rem; }
.hdr-logo{
  display:flex; align-items:center; gap:.7rem; flex:none; padding-block:.55rem;
  transition:padding .4s var(--ease);
}
.hdr-logo img{ height:3rem; width:auto; max-width:5.2rem; object-fit:contain; flex:none; display:block; transition:height .4s var(--ease); }
#navbar.scrolled .hdr-logo img{ height:2.55rem; }
.hdr-logo .wm{ line-height:1.3; }
.hdr-logo .wm b{ display:block; font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.22rem; color:var(--ink); transition:font-size .4s var(--ease); }
.hdr-logo .wm span{ display:block; font-size:.68rem; color:var(--olive); letter-spacing:.02em; }
#navbar.scrolled .hdr-logo .wm b{ font-size:1.08rem; }

.hdr-nav{
  flex:1; min-width:0; display:flex; align-items:center; justify-content:center;
}
.hdr-nav > nav{ display:flex; align-items:center; gap:.1rem; }
.nav-link{
  padding:.45rem .75rem; border-radius:.45rem; font-weight:500; font-size:.92rem;
  display:inline-flex; align-items:center; gap:.28rem; position:relative;
  transition:color .3s;
}
.nav-link::after{
  content:""; position:absolute; inset-inline:.75rem; bottom:.12rem; height:2px; border-radius:2px;
  background:currentColor; transform:scaleX(0); transform-origin:right;
  transition:transform .4s var(--ease);
}
.nav-link:hover{ color:var(--olive); }
.nav-link:hover::after{ transform:scaleX(1); }
.nav-link.active{ color:var(--tatreez); font-weight:600; }
.nav-link.active::after{ transform:scaleX(1); }

.nav-item{ position:relative; }
.nav-item .nav-drop{
  position:absolute; top:100%; inset-inline-end:0; padding-top:.5rem;
  opacity:0; visibility:hidden; transform:translateY(6px); transition:.25s var(--ease);
}
.nav-item:hover .nav-drop{ opacity:1; visibility:visible; transform:none; }
.nav-drop-inner{
  background:#fff; border:1px solid rgba(26,34,20,.06); border-radius:1rem;
  box-shadow:0 22px 44px -20px rgba(26,34,20,.35); padding:.5rem; min-width:13.5rem;
}
.nav-drop-inner a{ display:block; padding:.55rem .85rem; border-radius:.55rem; font-size:.88rem; transition:.25s; }
.nav-drop-inner a:hover{ background:var(--leaf); color:var(--olive); }
.nav-drop-inner a.active{ background:var(--leaf); color:var(--olive); font-weight:600; }

.hdr-tools{ display:flex; align-items:center; gap:.4rem; flex:none; }
.hdr-clock{
  display:flex; flex-direction:column; align-items:flex-start;
  font-size:.7rem; line-height:1.45; color:var(--muted); padding-inline-end:.65rem;
  border-inline-end:1px solid rgba(26,34,20,.1); margin-inline-end:.15rem;
}
.hdr-clock b{ color:var(--ink); font-weight:600; }
#clock{ display:inline-block; transition:opacity .22s var(--ease); }
#clock.is-tick{ opacity:.4; }
.sq{
  width:2.45rem; height:2.45rem; border-radius:.65rem; flex:none;
  display:grid; place-items:center; background:transparent; color:var(--ink);
  border:1px solid rgba(26,34,20,.14);
  transition:.32s var(--ease);
}
.sq:hover{ background:var(--ink); color:var(--paper); transform:none; }
.sq--accent{ border-color:var(--ink); }
.sq--accent:hover{ background:var(--ink); color:var(--paper); }
.sq--lang{ font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:700; font-size:.72rem; }
.burger{ display:flex; flex-direction:column; gap:3px; }
.burger i{ display:block; width:14px; height:1.7px; background:currentColor; border-radius:2px; transition:.35s var(--ease); }
.sq--accent.open .burger i:nth-child(1){ transform:translateY(4.7px) rotate(45deg); }
.sq--accent.open .burger i:nth-child(2){ opacity:0; }
.sq--accent.open .burger i:nth-child(3){ transform:translateY(-4.7px) rotate(-45deg); }

@media(max-width:1100px){
  .hdr-nav{ display:none; }
}
@media(max-width:767px){
  .hdr-clock{ display:none; }
  .hdr{ min-height:3.8rem; }
  .sq{ width:2.3rem; height:2.3rem; }
}
@media(max-width:640px){
  .hdr-logo img{ height:2.55rem; }
  .hdr-logo{ gap:.5rem; padding-block:.45rem; }
  .hdr-logo .wm b{ font-size:1.02rem; }
  .hdr-logo .wm .sub{ display:none; }
  .hero-title{ font-size:1.75rem !important; }
}

/* ===== الدرج الجانبي ===== */
.side-menu{
  position:fixed; inset:0; z-index:300;
  display:flex; justify-content:flex-end;      /* RTL: اللوح إلى اليسار */
  transform:scale(0,1); transform-origin:left center;
  transition:transform .7s ease;
}
html[dir="ltr"] .side-menu{ justify-content:flex-start; }
.side-nav__lang{
  margin-top:.45rem;
  color:var(--olive) !important;
  font-weight:700;
}
.side-menu.active{ transform:scale(1,1); }
.side-menu__overlay{ position:absolute; inset:0; background:#000; opacity:.7; }
.side-menu__inner{
  position:relative; z-index:2; width:320px; max-width:86vw; height:100vh;
  background:#fff; overflow-y:auto; padding:3.15rem 1.2rem 1.35rem;
  display:flex; flex-direction:column; text-align:start;
}
.side-menu__close{
  position:absolute; top:1rem; inset-inline-start:1rem;
  width:2.1rem; height:2.1rem; border-radius:.55rem; display:grid; place-items:center;
  background:var(--leaf); color:var(--ink); transition:.3s var(--ease);
}
.side-menu__close:hover{ background:var(--ink); color:#fff; transform:rotate(90deg); }

.side-nav{
  display:flex; flex-direction:column; gap:.12rem;
  padding:.15rem 0 1rem;
}
.side-nav a{
  display:block; padding:.68rem .85rem; border-radius:.7rem;
  font-size:.98rem; font-weight:600; color:var(--ink);
  transition:background .2s, color .2s;
}
.side-nav a:hover, .side-nav a.active{
  background:var(--leaf); color:var(--olive);
}

.side-feats{
  display:block;
  padding:.35rem 0 0;
}
.side-feat{
  position:relative;
  display:block;
  padding:1.7rem 0 .95rem 3.9rem;
  min-height:5.6rem;
  border-bottom:1px solid rgba(0,0,0,.07);
  color:#757575;
  font-size:.95rem;
  line-height:1.5;
}
.side-feat:last-child{ border-bottom:0; }
.side-feat:hover strong{ color:var(--olive); }
.side-feat__icon{
  position:absolute; left:0; top:1rem;
  width:3.75rem; height:3.75rem;
  display:grid; place-items:center;
}
.side-feat__icon img{
  max-width:60px; max-height:60px; width:auto; height:auto;
  object-fit:contain;
}
.side-feat__icon--handala img{ max-width:40px; max-height:52px; }
.side-feat strong{
  display:block;
  font-family:"IBM Plex Sans Arabic",sans-serif;
  font-weight:700; font-size:1.125rem;
  color:#222; line-height:1.45; text-align:right;
}
.side-feat__txt{
  display:block;
  margin-top:.15rem;
  color:#757575; font-size:.95rem;
  line-height:1.55; text-align:right;
}

/* ===== بطاقة الخريطة التفاعلية في الشريط الجانبي ===== */
.side-map{
  position:relative; isolation:isolate; display:block; overflow:hidden;
  margin-top:1.25rem; border-radius:1.1rem; min-height:15.5rem;
  background:var(--night); color:var(--linen);
  box-shadow:0 16px 36px -22px rgba(26,34,20,.65);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.side-map:hover{ transform:translateY(-3px); box-shadow:0 22px 44px -20px rgba(26,34,20,.75); }
.side-map__bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:center 38%;
  filter:saturate(.85) contrast(1.05);
  transition:transform 1.2s var(--ease);
}
.side-map:hover .side-map__bg{ transform:scale(1.06); }
.side-map__veil{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(9,12,7,.62) 0%, rgba(9,12,7,.82) 46%, rgba(9,12,7,.95) 100%),
    radial-gradient(ellipse 70% 60% at 80% 0%, rgba(196,163,90,.26), transparent 60%);
}
.side-map__edge{
  position:absolute; inset-inline:0; top:0; height:10px; opacity:.75;
  background-image:
    linear-gradient(45deg,transparent 44%,var(--gold) 44% 56%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,var(--gold) 44% 56%,transparent 56%);
  background-size:10px 10px;
}
.side-map__in{
  position:relative; z-index:1; display:block;
  padding:2.15rem 1.15rem 1.15rem;
}
.side-map__kicker{
  display:inline-flex; align-items:center; gap:.4rem;
  font-family:"Reem Kufi",sans-serif; font-size:.74rem; font-weight:600;
  letter-spacing:.02em; color:var(--gold-lt);
}
.side-map__kicker svg{ width:.95rem; height:.95rem; }
.side-map strong{
  display:block; margin-top:.5rem;
  font-family:var(--font-title); font-weight:700; font-size:1.02rem; line-height:1.55;
  color:#fff;
}
.side-map__lead{
  display:block; margin-top:.4rem;
  font-size:.8rem; line-height:1.75; color:rgba(239,233,220,.72);
}
.side-map__foot{
  display:flex; align-items:center; gap:.45rem; flex-wrap:wrap;
  margin-top:1rem; padding-top:.85rem;
  border-top:1px solid rgba(255,255,255,.14);
}
.side-map__count{
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.35rem;
  line-height:1; color:var(--gold-lt);
}
.side-map__count-label{ font-size:.74rem; color:rgba(239,233,220,.55); }
.side-map__go{
  display:inline-flex; align-items:center; gap:.35rem;
  margin-inline-start:auto; padding:.42rem .8rem; border-radius:999px;
  background:var(--gold); color:var(--ink);
  font-size:.76rem; font-weight:700; white-space:nowrap;
  transition:background .3s, color .3s, gap .35s var(--ease);
}
.side-map__go svg{ width:.85rem; height:.85rem; }
.side-map:hover .side-map__go{ background:#fff; gap:.6rem; }
.side-map--wide{ margin-top:2.5rem; }
@media(min-width:768px){
  .side-map--wide{ min-height:19rem; border-radius:1.35rem; }
  .side-map--wide .side-map__in{ padding:3rem 2.1rem 2.1rem; max-width:34rem; }
  .side-map--wide .side-map__kicker{ font-size:.82rem; }
  .side-map--wide strong{ font-size:1.5rem; line-height:1.5; }
  .side-map--wide .side-map__lead{ font-size:.92rem; }
  .side-map--wide .side-map__count{ font-size:1.75rem; }
  .side-map--wide .side-map__count-label{ font-size:.82rem; }
  .side-map--wide .side-map__go{ padding:.6rem 1.15rem; font-size:.84rem; }
}

.side-ad{
  position:relative; isolation:isolate; flex:none;
  margin-top:1.25rem; width:100%; aspect-ratio:1; overflow:hidden;
  border-radius:.35rem;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(196,163,90,.22), transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(63,84,56,.45), transparent 50%),
    var(--night);
  color:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  padding:1.35rem 1.15rem 1.2rem;
  box-shadow:0 0 25px 0 rgba(0,0,0,.1);
}
.side-ad::before{
  content:""; position:absolute; inset-inline:1.1rem; top:0; height:3px; z-index:2;
  background-image:repeating-linear-gradient(to left,var(--gold) 0 10px,transparent 10px 18px);
}
.side-ad__motif{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background-color:rgba(196,163,90,.09);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:84px 84px; mask-size:84px 84px;
}
.side-ad__logo, .side-ad__kicker, .side-ad h2, .side-ad p, .side-ad__stores{ position:relative; z-index:1; }
.side-ad__logo{
  display:block; height:2.7rem; width:auto; margin-bottom:.85rem;
  filter:brightness(1.12);
}
.side-ad__kicker{
  font-size:.72rem; font-weight:600; color:var(--gold-lt);
  letter-spacing:.04em; margin:0;
}
.side-ad h2{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:1.7rem; line-height:1.35; color:#fff; margin:.25rem 0 0;
}
.side-ad p{
  margin:.4rem 0 1.05rem;
  font-size:.92rem; line-height:1.6; color:rgba(239,233,220,.78);
}
.side-ad__stores{ display:grid; grid-template-columns:1fr 1fr; gap:.45rem; width:100%; }
.side-ad__store{
  display:inline-flex; align-items:center; justify-content:center; gap:.35rem;
  padding:.7rem .45rem; border-radius:.7rem;
  background:var(--gold); color:var(--ink);
  font-weight:700; font-size:.8rem;
  transition:transform .3s var(--ease), background .25s;
}
.side-ad__store:hover{ background:var(--gold-lt); transform:translateY(-1px); }
.side-ad__store--ink{ background:#fff; color:var(--ink); }
.side-ad__store--ink:hover{ background:var(--linen); }

body.menu-open{ overflow:hidden; }

#mobile-menu{ max-height:0; overflow:hidden; transition:max-height .5s var(--ease); }
@media(min-width:1024px){
  #mobile-menu nav{ display:grid; grid-template-columns:repeat(3,1fr); gap:.25rem 1.5rem; align-items:start; }
  #mobile-menu nav > .btn{ grid-column:1/-1; justify-self:start; min-width:16rem; }
}
#mobile-menu.open{ max-height:85vh; overflow-y:auto; }
.mob-acc + .mob-panel{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.mob-acc.open + .mob-panel{ max-height:22rem; }
.mob-acc .sign{ transition:transform .4s var(--ease); }
.mob-acc.open .sign{ transform:rotate(135deg); }

/* ===== ستارة البحث ===== */
#search-curtain{
  position:fixed; inset:0; z-index:130; background:rgba(18,26,15,.97); backdrop-filter:blur(8px);
  display:grid; place-items:center; opacity:0; visibility:hidden; transition:.45s var(--ease);
}
#search-curtain.open{ opacity:1; visibility:visible; }
#search-curtain .box{ transform:translateY(22px) scale(.97); transition:transform .55s var(--ease); }
#search-curtain.open .box{ transform:none; }
#search-curtain input{ background:transparent; border:0; color:#fff; font-family:var(--font-title); outline:none; }
#search-curtain input::placeholder{ color:rgba(255,255,255,.38); }
.search-curtain__results{
  margin-top:1.25rem; text-align:right; max-height:min(52vh,22rem); overflow-y:auto;
  border:1px solid rgba(255,255,255,.08); border-radius:.9rem; background:rgba(255,255,255,.04);
}
.search-curtain__hit{
  display:flex; align-items:center; justify-content:space-between; gap:.85rem;
  padding:.85rem 1rem; border-bottom:1px solid rgba(255,255,255,.06); color:#fff; text-align:right;
}
.search-curtain__hit:last-child{ border-bottom:0; }
.search-curtain__hit:hover{ background:rgba(255,255,255,.06); }
.search-curtain__hit b{ display:block; font-weight:600; font-size:.95rem; line-height:1.6; }
.search-curtain__hit i{ display:block; font-style:normal; font-size:.72rem; color:rgba(255,255,255,.48); margin-top:.15rem; }
.search-curtain__hit em{
  flex:none; font-style:normal; font-size:.7rem; color:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:.2rem .65rem;
}
.search-curtain__empty, .search-curtain__status{
  padding:1.1rem 1rem; color:rgba(255,255,255,.5); font-size:.88rem; text-align:center;
}
body.search-open{ overflow:hidden; }
.chip{ padding:.4rem 1rem; border-radius:999px; font-size:.85rem; border:1px solid rgba(242,238,227,.2); color:rgba(242,238,227,.8); transition:.3s; }
.chip:hover{ background:var(--tatreez); color:#fff; border-color:var(--tatreez); }

/* ===== الهيرو ===== */
#hero{ position:relative; overflow:hidden; background:var(--night); }
.slide{ position:absolute; inset:0; opacity:0; visibility:hidden; z-index:1; transition:opacity .95s var(--ease),visibility .95s; }
.slide.active{ opacity:1; visibility:visible; z-index:2; }
.slide-bg{
  position:absolute; inset:0; background-size:cover; background-position:center;
  transform:scale(1.12); transition:transform 9s var(--ease); filter:saturate(.9) contrast(1.05);
}
.slide.active .slide-bg{ transform:scale(1); }
.slide::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(to left,rgba(18,24,14,.94) 0%,rgba(18,24,14,.78) 38%,rgba(18,24,14,.35) 72%,rgba(18,24,14,.12) 100%),
    linear-gradient(to top,rgba(18,24,14,.82) 0%,transparent 44%);
}
.slide-in{ position:relative; z-index:3; }
.hero-copy{ position:relative; }
.hero-copy::before{
  content:""; position:absolute; inset-inline-start:-1.2rem; top:.35rem; bottom:.35rem; width:3px; border-radius:99px;
  background:linear-gradient(to bottom,transparent,var(--tatreez) 18%,var(--tatreez) 82%,transparent);
}
@media(max-width:640px){ .hero-copy::before{ display:none; } }
.hero-title{ text-wrap:balance; text-shadow:0 10px 36px rgba(0,0,0,.45); }
.slide .rv{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
.slide.active .rv{ opacity:1; transform:none; }
.slide.active .rv:nth-child(1){ transition-delay:.2s; }
.slide.active .rv:nth-child(2){ transition-delay:.34s; }
.slide.active .rv:nth-child(3){ transition-delay:.48s; }
.slide.active .rv:nth-child(4){ transition-delay:.62s; }
.hero-cat{
  display:inline-flex; align-items:center; gap:.45rem; padding:.38rem 1rem; border-radius:999px;
  background:var(--tatreez); color:#fff; font-family:"Reem Kufi",sans-serif; font-size:.78rem; font-weight:600;
}
.hero-dot{ width:8px; height:8px; border-radius:99px; background:rgba(255,255,255,.32); border:0; padding:0; cursor:pointer; transition:.45s var(--ease); }
.hero-dot.active{ width:2.1rem; background:var(--tatreez-lt); }
.hero-prog{ height:3px; background:rgba(255,255,255,.12); }
.hero-prog i{ display:block; height:100%; width:0; background:linear-gradient(to left,var(--tatreez),var(--olive-lt)); transition:width .08s linear; }

/* ===== الشريط المتحرك ===== */
.marquee{ position:relative; display:flex; overflow:hidden; user-select:none; background:var(--ink); }
.marquee-track{ display:flex; width:max-content; animation:mq 46s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
.marquee-group{ display:flex; align-items:center; gap:1.5rem; padding:.7rem .75rem; }
.marquee-item{ font-family:"Reem Kufi",sans-serif; font-weight:600; white-space:nowrap; color:var(--linen); }
.marquee-x{
  width:.38rem; height:.38rem; flex:none;
  background:var(--olive-lt); transform:rotate(45deg);
  border-radius:1px;
}
@keyframes mq{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(50%,0,0); } }

/* ===== الظهور ===== */
.rise{ opacity:0; transform:translateY(30px); transition:opacity .8s var(--ease),transform .8s var(--ease); }
.rise.in{ opacity:1; transform:none; }
.zoom{ opacity:0; transform:scale(.95); transition:.9s var(--ease); }
.zoom.in{ opacity:1; transform:none; }

/* ===== البطاقات ===== */
.card{
  background:#fff; border:1px solid rgba(27,36,22,.06); border-radius:1.5rem; padding:.55rem;
  display:flex; flex-direction:column; transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.card:hover{ transform:translateY(-6px); box-shadow:0 26px 50px -26px rgba(27,36,22,.45); }
.card-media{ position:relative; overflow:hidden; border-radius:1.05rem; aspect-ratio:16/11; background:var(--leaf); }
.card-media img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }
.card:hover .card-media img{ transform:scale(1.07); }
.card-badge{
  position:absolute; top:.7rem; inset-inline-start:.7rem; z-index:2; text-align:center;
  background:var(--ink); color:var(--gold); border-radius:.7rem; padding:.35rem .6rem; line-height:1.1;
}
.card-badge b{ display:block; font-family:"Reem Kufi",sans-serif; font-size:1rem; }
.card-badge span{ font-size:.6rem; opacity:.75; }
.card-title{
  font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:600; font-size:1.02rem; line-height:1.75; margin-top:.35rem;
  transition:color .3s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.card:hover .card-title{ color:var(--tatreez); }
.card-cap{ font-size:.75rem; color:var(--olive); font-weight:600; }
.card--dark{ background:var(--ink); border-color:var(--ink); }
.card--dark .card-title{ color:var(--gold); }

/* بطاقة أيقونة */
.icard{
  background:#fff; border:1px solid rgba(27,36,22,.06); border-radius:1.5rem; padding:1.5rem;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease); display:block;
}
.icard:hover{ transform:translateY(-6px); box-shadow:0 24px 46px -26px rgba(74,97,65,.5); }
.icard-ico{
  width:3rem; height:3rem; border-radius:1rem; display:grid; place-items:center;
  background:rgba(201,162,39,.18); color:var(--olive); transition:.45s var(--ease);
}
.icard:hover .icard-ico{ background:var(--gold); color:var(--ink); }
.icard--dark{ background:var(--ink); border-color:var(--ink); }
.icard--dark .icard-ico{ background:var(--gold); color:var(--ink); }

/* ===== السكك ===== */
.rail{
  overflow-x:auto; overscroll-behavior-x:contain; direction:ltr;
  scroll-snap-type:none; padding-bottom:1.4rem; cursor:grab;
  scrollbar-width:none; min-width:0; width:100%;
}
.rail-track{
  display:flex; flex-direction:row-reverse; gap:1.2rem;
  width:max-content; min-width:100%; box-sizing:border-box;
}
.rail::-webkit-scrollbar{ display:none; }
.rail.dragging{ cursor:grabbing; }
.rail-track > *{ direction:rtl; flex:none; }

/* بطاقة طولية (المخيمات) — على غرار بطاقات المتحدثين */
.tall{ position:relative; width:17.5rem; height:23rem; border-radius:1.2rem; overflow:hidden; display:flex; align-items:flex-end; }
.tall-bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.04); transition:transform 1.1s var(--ease); }
.tall:hover .tall-bg{ transform:scale(1.12); }
.tall::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(18,26,15,.96) 5%,rgba(18,26,15,.35) 48%,transparent 80%); }
.tall-body{ position:relative; z-index:2; padding:1.3rem; width:100%; }
.tall-more{ max-height:0; overflow:hidden; opacity:0; transition:max-height .55s var(--ease),opacity .4s; }
.tall:hover .tall-more{ max-height:8rem; opacity:1; }

/* ===== المجازر: شبكة بينتو — الاسم وحده فوق الصورة ===== */
.mtile{
  position:relative; overflow:hidden; border-radius:1.2rem;
  padding:1.35rem 1.4rem 1.2rem;
  display:flex; flex-direction:column; justify-content:flex-end;
  min-height:11.5rem;
  background-color:#1a2216;
  background-size:cover; background-position:center;
  border:1px solid rgba(255,255,255,.08); transition:.5s var(--ease);
}
.mtile--lead{ min-height:22rem; }
.mtile::before{ content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px; background:var(--tatreez); transform:scaleY(0); transform-origin:top; transition:transform .55s var(--ease); z-index:2; }
.mtile::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(to top, rgba(18,26,15,.92) 0%, rgba(18,26,15,.28) 48%, rgba(18,26,15,.06) 100%);
}
.mtile h3{ position:relative; z-index:1; margin:0; text-shadow:0 1px 12px rgba(0,0,0,.45); }
.mtile:hover::before{ transform:scaleY(1); }
.mtile:hover{ border-color:rgba(178,42,40,.45); transform:translateY(-5px); }
.mtile:hover::after{
  background:linear-gradient(to top, rgba(18,26,15,.96) 0%, rgba(178,42,40,.32) 46%, rgba(18,26,15,.1) 100%);
}

/* ===== التبويبات ===== */
.tab-btn{ padding:.5rem 1.1rem; border-radius:999px; font-size:.88rem; font-family:"Reem Kufi",sans-serif; border:1px solid rgba(27,36,22,.14); transition:.3s; }
.tab-btn:hover{ background:var(--leaf); }
.tab-btn.active{ background:var(--ink); color:var(--gold); border-color:var(--ink); }
.tab-btn.on-dark{ border-color:rgba(255,255,255,.2); color:rgba(255,255,255,.8); }
.tab-btn.on-dark:hover{ background:rgba(255,255,255,.08); }
.tab-btn.on-dark.active{ background:var(--gold); color:var(--ink); border-color:var(--gold); }
.tab-pane{ display:none; }
.tab-pane.active{ display:block; animation:fadeIn .5s var(--ease); }
@keyframes fadeIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }

/* ===== الرزنامة ===== */
.cal{ background:#fff; border:1px solid rgba(27,36,22,.09); border-radius:1.2rem; padding:1.1rem; }
.cal__head{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.2rem .2rem .9rem; }
.cal__nav{
  width:2.1rem; height:2.1rem; border-radius:.6rem; display:grid; place-items:center;
  background:var(--leaf); color:var(--ink); transition:.3s var(--ease);
}
.cal__nav:hover{ background:var(--ink); color:var(--gold); }
.cal__month{ display:block; font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.05rem; }
.cal__year{ display:block; font-size:.72rem; color:var(--muted); }
.cal__wd{
  display:grid; grid-template-columns:repeat(7,1fr); gap:.2rem; text-align:center;
  font-size:.62rem; color:var(--muted); padding-bottom:.5rem;
  border-bottom:1px solid rgba(27,36,22,.07);
}
.cal__grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:.2rem; padding-top:.5rem; }
.cal__d{
  position:relative; aspect-ratio:1/1; border-radius:.55rem;
  display:grid; place-items:center; font-size:.82rem; font-variant-numeric:tabular-nums;
  transition:.28s var(--ease);
}
.cal__d--pad{ opacity:0; pointer-events:none; }
.cal__d--has{ cursor:pointer; font-weight:600; }
.cal__d--has::after{
  content:""; position:absolute; bottom:.28rem; left:50%; transform:translateX(-50%);
  width:.3rem; height:.3rem; border-radius:99px; background:var(--tatreez);
  transition:.28s var(--ease);
}
.cal__d--has:hover{ background:var(--leaf); }
.cal__d--today{ box-shadow:inset 0 0 0 1.5px rgba(178,42,40,.55); }
.cal__d.on{ background:var(--ink); color:#fff; transform:scale(1.06); }
.cal__d.on::after{ background:var(--gold); width:.36rem; height:.36rem; }
.cal__hint{
  display:flex; align-items:center; gap:.45rem; justify-content:center;
  margin-top:.9rem; padding-top:.8rem; border-top:1px solid rgba(27,36,22,.07);
  font-size:.7rem; color:var(--muted);
}
.cal__dot-demo{ width:.35rem; height:.35rem; border-radius:99px; background:var(--tatreez); display:inline-block; }

/* لوح الأحداث */
.ev-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:1rem;
  padding-bottom:1rem; border-bottom:1px solid rgba(27,36,22,.1);
}
.ev-count{ text-align:center; line-height:1; flex:none; }
.ev-count b{ display:block; font-family:"Reem Kufi",sans-serif; font-size:1.8rem; color:var(--tatreez); }
.ev-count span{ font-size:.68rem; color:var(--muted); }
.ev-card{
  display:flex; gap:1.1rem; background:#fff; border:1px solid rgba(27,36,22,.07);
  border-radius:1.1rem; padding:1.2rem 1.3rem; position:relative; overflow:hidden;
  opacity:0; transform:translateY(14px); animation:evIn .5s var(--ease) forwards;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s;
}
.ev-card:hover{ transform:translateY(-4px); box-shadow:0 22px 40px -24px rgba(27,36,22,.4); border-color:rgba(168,127,30,.4); }
@keyframes evIn{ to{ opacity:1; transform:none; } }
.ev-card__y{
  flex:none; font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.5rem;
  color:var(--tatreez); line-height:1.1; font-variant-numeric:tabular-nums;
  min-width:4rem; text-align:center; padding-inline-end:1.1rem;
  border-inline-end:1px solid rgba(27,36,22,.1);
}
.ev-card__y span{ display:block; font-size:.6rem; color:var(--muted); font-weight:400; margin-top:.25rem; }
.ev-card__t{ font-family:var(--font-title); font-weight:600; font-size:1.05rem; line-height:1.7; }
.ev-card__t a{ color:inherit; text-decoration:none; }
.ev-card__t a:hover{ color:var(--olive); }
.ev-card__d{ font-size:.88rem; line-height:1.95; color:var(--muted); margin-top:.5rem; }
.ev-empty{
  border:1px dashed rgba(27,36,22,.18); border-radius:1.1rem; padding:2.5rem 1.5rem;
  text-align:center; color:var(--muted); font-size:.9rem;
}

/* ===== لوح فيديوهات غزة ===== */
.gz-sec{ background:var(--paper); }
.vid-band__thumb{
  position:relative; display:block; border-radius:1.2rem; overflow:hidden;
  box-shadow:0 28px 50px -28px rgba(26,34,20,.45);
  background:#000;
}
.vid-band__thumb img,
.vid-band__thumb video{
  width:100%; display:block; aspect-ratio:16/10; object-fit:cover;
  background:#000;
}
.vid-band__thumb img{ transition:transform 1.1s var(--ease); }
.vid-band__thumb:hover img{ transform:scale(1.06); }
.vid-band__thumb::before{
  content:""; position:absolute; inset:0; background:rgba(18,26,15,.35); transition:background-color .4s;
  pointer-events:none; z-index:1;
}
.vid-band__thumb.playing::before{ opacity:0; }
.vid-band__thumb:hover::before{ background:rgba(18,26,15,.2); }
.vid-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
  width:5.2rem; height:5.2rem; border-radius:999px; display:grid; place-items:center;
  background:var(--paper); color:var(--tatreez); box-shadow:0 18px 34px -14px rgba(0,0,0,.55);
  transition:.4s var(--ease); cursor:pointer;
}
.vid-play::before{
  content:""; position:absolute; inset:-.7rem; border-radius:999px;
  border:2px solid rgba(247,243,234,.5); animation:vidping 2.4s ease-out infinite;
}
@keyframes vidping{ 0%{ transform:scale(.85); opacity:.9; } 100%{ transform:scale(1.35); opacity:0; } }
.vid-band__thumb:hover .vid-play{ background:var(--tatreez); color:#fff; transform:translate(-50%,-50%) scale(1.08); }
.vid-band__thumb.playing .vid-play{ opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.7); }
.vid-list li{
  display:flex; align-items:flex-start; gap:.75rem; color:rgba(26,34,20,.72);
  font-size:.95rem; line-height:1.9;
}
.vid-list li + li{ margin-top:.85rem; }
.vid-list svg{ flex:none; margin-top:.45rem; color:var(--tatreez); }

.gz-stats{ margin-top:3rem; }
@media(min-width:768px){ .gz-stats{ margin-top:3.5rem; } }
.gz-stats__in{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem;
  padding-top:1.75rem; border-top:1px solid rgba(26,34,20,.1);
}
.gz-stat{
  text-align:center; padding:1.1rem .75rem;
  background:#fff; border:1px solid rgba(26,34,20,.08);
  border-radius:1rem; min-height:5.2rem;
  transition:border-color .35s,box-shadow .35s,background .35s,color .35s;
}
.gz-stat:hover{ border-color:rgba(142,26,26,.35); box-shadow:0 16px 32px -24px rgba(142,26,26,.45); }
.gz-stat__n{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.25rem,1.7vw,1.75rem); line-height:1.1; color:var(--tatreez);
}
.gz-stat span{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; margin-top:.35rem; font-size:.82rem; color:var(--muted);
  font-family:"IBM Plex Sans Arabic",sans-serif; line-height:1.45;
}
.gz-stat--more{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-decoration:none; background:var(--tatreez); border-color:var(--tatreez); color:#fff;
}
.gz-stat--more:hover{ background:#6e1414; border-color:#6e1414; box-shadow:0 16px 32px -20px rgba(142,26,26,.7); }
.gz-stat--more b{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.15rem,1.5vw,1.45rem); line-height:1.1;
}
.gz-stat--more span{ color:rgba(255,255,255,.82); -webkit-line-clamp:1; }
@media(max-width:1023px){
  .gz-stats__in{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:639px){
  .gz-stats{ margin-top:2.25rem; }
  .gz-stats__in{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; padding-top:1.4rem; }
  .gz-stat{ padding:.85rem .6rem; min-height:4.4rem; border-radius:.8rem; }
}

/* ===== المقالات — على غرار news-section في pal48.ps ===== */
.news-sec{ background:var(--paper); padding:3.25rem 0 2.75rem; }
@media(min-width:768px){ .news-sec{ padding:4.5rem 0 3.5rem; } }
.news-bar{
  display:flex; align-items:center; justify-content:space-between;
  gap:.75rem; margin-bottom:1.35rem;
}
.news-rail{ padding-bottom:.4rem; }
.news-rail .rail-track{ gap:1.55rem; }
.ns-card{
  position:relative; display:block; overflow:hidden;
  width:11.4rem; height:18.75rem; border-radius:15px;
  box-shadow:0 3px 6px rgb(0 0 0 / 26%);
  isolation:isolate;
}
@media(min-width:640px){ .ns-card{ width:13.6rem; } }
@media(min-width:1024px){ .ns-card{ width:14.6rem; } }
@media(min-width:1280px){ .ns-card{ width:14.35rem; } }
.ns-card img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1); transition:transform .5s var(--ease);
}
.ns-card:hover img{ transform:scale(1.1); }
.ns-card__body{
  position:absolute; inset:0; z-index:2;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:1.55rem 1.25rem 1.35rem;
  background-image:linear-gradient(to top,#000 0,rgba(0,0,0,0) 70%);
  color:#fff;
}
.ns-card__body p{
  font-size:.82rem; line-height:1; margin:0 0 .55rem; color:rgba(255,255,255,.88);
}
.ns-card__body h3{
  font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:700;
  font-size:1.02rem; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .4s;
}
.ns-card:hover .ns-card__body h3{ color:var(--gold-lt); }
.ns-card__go{
  position:absolute; z-index:3; top:1.5rem; inset-inline-end:1.5rem;
  width:3.1rem; height:3.1rem; border-radius:999px;
  background:#fff; color:#000;
  display:grid; place-items:center;
  opacity:0; transform:translateY(-50%);
  transition:opacity .5s,transform .5s,background-color .5s,color .5s;
}
.ns-card__go svg{ width:1.1rem; height:1.1rem; }
.ns-card:hover .ns-card__go{
  opacity:1; transform:none;
  background:var(--olive); color:#fff;
}

/* ===== المسجد الأقصى ===== */
.aqsa-sec{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--night); color:#fff;
  padding:5.25rem 0 5.5rem;
}
@media(min-width:768px){ .aqsa-sec{ padding:6.5rem 0 6.35rem; } }
.aqsa-sec::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse 80% 55% at 72% 18%, rgba(196,163,90,.2), transparent 58%),
    radial-gradient(ellipse 50% 40% at 8% 90%, rgba(196,163,90,.08), transparent 70%);
}
.aqsa-sec::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%23C4A35A' stroke-width='1'%3E%3Cpath d='M44 4 L52 32 L80 24 L56 44 L80 64 L52 56 L44 84 L36 56 L8 64 L32 44 L8 24 L36 32 Z'/%3E%3Cpath d='M44 16 L66 44 L44 72 L22 44 Z'/%3E%3Ccircle cx='44' cy='44' r='8'/%3E%3Ccircle cx='0' cy='0' r='6'/%3E%3Ccircle cx='88' cy='0' r='6'/%3E%3Ccircle cx='0' cy='88' r='6'/%3E%3Ccircle cx='88' cy='88' r='6'/%3E%3C/g%3E%3C/svg%3E");
  background-size:88px 88px;
}
.aqsa-tear{
  position:absolute; z-index:3; left:0; right:0;
  height:clamp(3.6rem, 6.4vw, 5.75rem);
  pointer-events:none; user-select:none;
  background:url("../images/paper-tear.png") center / 100% 100% no-repeat;
  filter:drop-shadow(0 3px 5px rgba(8,12,6,.28));
}
.aqsa-tear--top{ top:0; }
.aqsa-tear--bot{ bottom:0; transform:scaleY(-1); }
.aqsa-inner{ position:relative; z-index:1; max-width:1320px; margin-inline:auto; padding-inline:1.25rem; }
@media(min-width:768px){ .aqsa-inner{ padding-inline:1.5rem; } }

.aqsa-stage{
  display:grid; gap:2.5rem; align-items:start;
}
@media(min-width:960px){
  .aqsa-stage{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:4rem; }
}

.aqsa-viz{ position:relative; max-width:28rem; margin-inline:auto; }
@media(min-width:960px){ .aqsa-viz{ max-width:none; margin:0; } }
.aqsa-viz__halo{
  position:absolute; z-index:0;
  inset:-12% -8% -8%;
  background:radial-gradient(ellipse at 50% 42%, rgba(196,163,90,.45), transparent 62%);
  filter:blur(8px); pointer-events:none;
}
.aqsa-viz__frame{
  position:relative; z-index:1; margin:0; overflow:hidden;
  aspect-ratio:4/5; border-radius:1.4rem;
  border:1px solid var(--gold);
  box-shadow:
    0 0 0 7px var(--night),
    0 0 0 8px rgba(196,163,90,.55),
    0 32px 60px -28px rgba(0,0,0,.7);
}
.aqsa-viz__img{
  position:absolute; inset:0; opacity:0;
  background-size:cover; background-position:center 28%;
  transform:scale(1.04);
  transition:opacity 1.15s ease, transform 8s var(--ease);
}
.aqsa-viz__img.is-on{ opacity:1; }
.aqsa-viz:hover .aqsa-viz__img.is-on{ transform:scale(1.1); }
.aqsa-viz__map-link{
  position:absolute; z-index:2; inset-inline:1rem; bottom:1rem;
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.55rem .85rem; border-radius:999px;
  background:rgba(12,16,10,.78); color:#fff; font-size:.78rem; font-weight:700;
  border:1px solid rgba(196,163,90,.45); backdrop-filter:blur(6px);
  transition:transform .2s var(--ease), background .2s var(--ease);
}
.aqsa-viz__map-link:hover{
  transform:translateY(-2px); background:rgba(12,16,10,.92);
}
.aqsa-viz__map-link span{ color:var(--goldlt); font-size:1rem; line-height:1; }
.aqsa-actions .aq-map-cta{ margin-top:0; flex:1; min-width:min(100%, 18rem); }
.aqsa-sec .aq-map-cta--home{
  background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(196,163,90,.12) 100%);
  border-color:rgba(196,163,90,.35);
}
.aqsa-sec .aq-map-cta--home .aq-map-cta__body strong{ color:#fff; }
.aqsa-sec .aq-map-cta--home .aq-map-cta__body span{ color:rgba(239,233,220,.72); }
.aqsa-sec .aq-map-cta--home:hover{
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}

.aqsa-copy__aya{
  margin-top:1.15rem; color:var(--gold-lt);
  font-size:1.08rem; line-height:2.05;
}
@media(min-width:768px){ .aqsa-copy__aya{ font-size:1.22rem; } }
.aqsa-copy__lead{
  margin-top:1.1rem; max-width:34rem;
  color:rgba(255,255,255,.62); font-size:.98rem; line-height:2;
}

.aqsa-stats{
  display:grid; grid-template-columns:repeat(2,1fr); gap:.65rem;
  margin-top:1.7rem; max-width:28rem;
}
@media(min-width:520px){ .aqsa-stats{ grid-template-columns:repeat(4,1fr); max-width:none; } }
.aqsa-stats > div{
  text-align:center; padding:.9rem .4rem;
  border:1px solid rgba(196,163,90,.28); border-radius:.55rem;
  background:rgba(196,163,90,.06);
  transition:border-color .35s,background-color .35s;
}
.aqsa-stats > div:hover{ background:rgba(196,163,90,.14); border-color:var(--gold); }
.aqsa-stats b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:1.4rem; line-height:1; color:var(--gold-lt);
}
.aqsa-stats span{
  display:block; margin-top:.35rem;
  font-size:.68rem; color:rgba(255,255,255,.5);
}

.aqsa-index__label{
  margin-top:1.7rem; margin-bottom:.55rem;
  font-family:"Reem Kufi",sans-serif; font-weight:600;
  font-size:.88rem; color:var(--gold-lt);
}

.aqsa-gates{
  display:grid; grid-template-columns:1fr; gap:0;
}
@media(min-width:520px){ .aqsa-gates{ grid-template-columns:1fr 1fr; gap:0 1.25rem; } }

.aqsa-gate{
  display:flex; align-items:flex-start; gap:.65rem; text-align:start;
  padding:.7rem 0;
  border-bottom:1px solid rgba(196,163,90,.18);
  transition:color .3s, padding .3s;
}
.aqsa-gate:hover{ padding-inline-start:.2rem; }
.aqsa-gate__n{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:.78rem; color:var(--gold); flex:none; margin-top:.12rem;
}
.aqsa-gate h3{
  font-family:var(--font-title); font-weight:600;
  font-size:.95rem; color:#fff; line-height:1.6;
}
.aqsa-gate p{
  font-size:.72rem; line-height:1.7;
  color:rgba(255,255,255,.48); margin-top:.15rem;
}

/* ===== لوح القرى المهجّرة ===== */
.vil-sec{ background:var(--paper); }

.vil-intro{ margin-bottom:1.6rem; }
.vil-intro__lead{
  margin-top:.85rem; max-width:34rem;
  font-size:.98rem; line-height:1.95; color:rgba(26,34,20,.58);
}
.vil-intro__stat{
  margin-top:1.1rem; font-size:.9rem; color:var(--muted);
  display:flex; align-items:baseline; gap:.45rem;
}
.vil-intro__stat b{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:1.7rem; color:var(--tatreez); line-height:1;
}

@media(min-width:1024px){
  #villages .split{ grid-template-columns:minmax(260px,.72fr) 1.28fr; }
}

.vil-art{
  position:relative; overflow:hidden; background:#fff;
  display:grid; place-items:center; padding:3rem 1.5rem 2.75rem;
}
.vil-art__in{ position:relative; z-index:2; width:100%; max-width:26rem; }
.vil-art__hint{
  text-align:center; margin-top:1.15rem;
  font-size:.72rem; color:var(--muted);
}

.vil-body{ background:var(--paper); position:relative; }
.vil-body__in{ position:relative; z-index:2; padding:2rem 1.5rem 3rem; }
@media(min-width:1024px){ .vil-body__in{ padding:2.75rem 3rem 3.5rem; } }

/* بوكسات الأقضية */
.city-boxes{
  display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; margin-top:0;
}
@media(min-width:640px){ .city-boxes{ grid-template-columns:repeat(5,1fr); } }
@media(min-width:1280px){ .city-boxes{ grid-template-columns:repeat(7,1fr); } }
.city-box{
  appearance:none; -webkit-appearance:none; width:100%; cursor:pointer; font:inherit;
  position:relative; overflow:hidden; border-radius:.4rem; padding:.7rem .3rem;
  background:transparent; border:1px solid rgba(26,34,20,.14); text-align:center;
  transition:background-color .3s,border-color .3s,color .3s;
}
.city-box:hover{ background:var(--ink); border-color:var(--ink); }
.city-box.on{ background:var(--tatreez); border-color:var(--tatreez); }
.city-box__n{
  display:block; font-family:var(--font-title); font-weight:600; font-size:.8rem;
  color:var(--ink); position:relative; transition:color .3s;
}
.city-box__c{
  display:block; font-size:.68rem; margin-top:.12rem; position:relative;
  color:var(--muted); font-variant-numeric:tabular-nums; transition:color .3s;
}
.city-box:hover .city-box__n,.city-box:hover .city-box__c,
.city-box.on .city-box__n{ color:#fff; }
.city-box.on .city-box__c{ color:rgba(247,243,234,.75); }

/* لوح القرى */
.vil-panel{
  margin-top:1.6rem; border:1px solid rgba(26,34,20,.1); border-radius:.55rem;
  background:#fff; overflow:hidden;
}
.vil-panel__head{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.05rem 1.25rem; background:transparent;
  border-bottom:1px solid rgba(26,34,20,.08);
}
.vil-panel__count{ text-align:center; line-height:1; flex:none; }
.vil-panel__count b{ display:block; font-family:"Reem Kufi",sans-serif; font-size:1.6rem; color:var(--tatreez); }
.vil-panel__count span{ font-size:.66rem; color:var(--muted); }
.vil-grid{ display:flex; flex-wrap:wrap; gap:.5rem; padding:1.35rem 1.3rem; min-height:8rem; align-content:flex-start; }
.vil-chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.4rem .85rem; border-radius:999px; font-size:.82rem;
  background:rgba(239,231,210,.6); border:1px solid rgba(27,36,22,.07);
  opacity:0; transform:translateY(8px);
  animation:chipIn .45s var(--ease) forwards;
  transition:background-color .3s,color .3s,transform .3s;
}
.vil-chip::before{
  content:""; width:.32rem; height:.32rem; border-radius:99px; background:var(--tatreez); flex:none;
}
.vil-chip:hover{ background:var(--ink); color:var(--paper); transform:translateY(-2px); }
.vil-chip a{ color:inherit; text-decoration:none; }
@keyframes chipIn{ to{ opacity:1; transform:none; } }
.vil-panel__all{
  display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  padding:.85rem 1.2rem; font-size:.85rem; border-top:1px solid rgba(27,36,22,.08);
  color:var(--tatreez); transition:background-color .3s;
}
.vil-panel__all:hover{ background:var(--leaf); }

/* ===== الخريطة التفاعلية (من موسوعة التراث) ===== */
#map-box{ position:relative; }
#map-box svg{ position:relative; z-index:1; width:100%; height:auto; display:block; }

/* ظلّ العلم خلف خريطة الأقضية — نفس الـviewBox فينطبق شكله على الخريطة */
.map-ghost{
  position:absolute; top:0; left:0; z-index:0;
  width:60%; height:auto;
  opacity:.11;
  pointer-events:none; user-select:none;
}
#map-box .st2{ fill:#DDD4C0; transition:fill .3s var(--ease); }
#map-box .st3{ fill:#F0EEE8; }
#map-box .st0{ fill:none; pointer-events:none; }
#map-box text,#map-box tspan{
  direction:ltr; unicode-bidi:isolate; font-family:"IBM Plex Sans Arabic",sans-serif !important;
  font-size:20px; fill:var(--ink); pointer-events:none;
  transition:fill .3s var(--ease);
}
#map-box g[data-qada]{ cursor:pointer; }
#map-box g[data-qada] path{ transition:fill .3s var(--ease); }
#map-box g[data-qada]:hover path.st2{ fill:var(--olive); }
#map-box g[data-qada]:hover text,#map-box g[data-qada]:hover tspan{ fill:var(--linen); }
#map-box g[data-qada].on path.st2{ fill:var(--tatreez); }
#map-box g[data-qada].on text,#map-box g[data-qada].on tspan{ fill:#fff; }
#map-box g[data-off] path.st2{ fill:#EDE8DC; }

.qada-item{
  display:flex; align-items:center; justify-content:space-between; gap:.6rem;
  padding:.55rem .8rem; border-radius:.7rem; width:100%; border:1px solid transparent; transition:.3s var(--ease);
}
.qada-item:hover{ background:#fff; border-color:rgba(27,36,22,.08); }
.qada-item.on{ background:var(--ink); color:var(--leaf); border-color:var(--ink); }
.qada-item .n{ font-family:"Reem Kufi",sans-serif; font-weight:700; color:var(--tatreez); }
.qada-item.on .n{ color:var(--gold-lt); }
.qada-item .bar{ height:3px; border-radius:99px; background:rgba(27,36,22,.1); position:relative; overflow:hidden; }
.qada-item.on .bar{ background:rgba(255,255,255,.15); }
.qada-item .bar i{ position:absolute; inset-inline-start:0; top:0; height:100%; width:0; background:var(--tatreez); transition:width 1s var(--ease); }

/* ===== العدّادات ===== */
.stat{ text-align:center; padding:1.4rem 1rem; position:relative; }
.stat-num{ font-family:"Reem Kufi",sans-serif; font-weight:700; line-height:1; font-size:clamp(1.8rem,1.1rem + 2vw,2.8rem); color:var(--gold); }

/* ===== الفوتر ===== */
.foot-link{ display:block; padding:.3rem 0; font-size:.9rem; transition:color .3s,padding .3s; }
.foot-link:hover{ color:var(--linen); padding-inline-end:.4rem; }
.soc{
  width:2.3rem; height:2.3rem; border-radius:999px; display:grid; place-items:center;
  border:1px solid rgba(242,238,227,.2); transition:.35s var(--ease);
}
.soc:hover{ background:var(--tatreez); color:#fff; border-color:var(--tatreez); transform:translateY(-3px); }
.soc--ink{
  border-color:rgba(26,34,20,.14); color:var(--ink);
}
.soc--ink:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.side-social{ display:flex; flex-wrap:wrap; gap:.45rem; padding:.2rem 0 1rem; }

.foot-brand{
  display:inline-flex; align-items:center; gap:.75rem;
  transition:opacity .3s var(--ease);
}
.foot-brand:hover{ opacity:.82; }

.site-foot{
  position:relative; isolation:isolate; overflow:hidden;
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%,rgba(196,163,90,.18),transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 80%,rgba(142,26,26,.28),transparent 50%),
    var(--night);
}
/* حافة ورق ممزّق أعلى الفوتر — نفس حافة قسم الأقصى في الصفحة الرئيسية */
.site-foot{ padding-top:clamp(2rem, 3.6vw, 3.25rem); }
.site-foot__tear{
  position:absolute; z-index:3; left:0; right:0; top:0;
  height:clamp(2.6rem, 4.6vw, 4.25rem);
  background:url("../images/paper-tear.png") center / 100% 100% no-repeat;
  filter:drop-shadow(0 3px 5px rgba(8,12,6,.28));
  pointer-events:none; user-select:none;
}
/* الصفحات التي تنتهي بخلفية داكنة لا يناسبها التمزّق الفاتح */
.ms-page ~ .site-foot .site-foot__tear,
.gn-page ~ .site-foot .site-foot__tear{ display:none; }
.ms-page ~ .site-foot,
.gn-page ~ .site-foot{ padding-top:0; }
.site-foot__glow{
  position:absolute; top:-20%; inset-inline-end:-15%; width:55%; height:70%;
  background:radial-gradient(circle,rgba(196,163,90,.2),transparent 68%);
  pointer-events:none;
}
.site-foot__motif{
  position:absolute; inset:0; pointer-events:none;
  background-color:rgba(239,233,220,.045);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:120px 120px; mask-size:120px 120px;
}
.site-foot__in{ position:relative; z-index:1; }

/* ===== نموذج النشرة في الفوتر ===== */
.foot-news{ margin-top:.25rem; }
.foot-news__input{
  display:block; width:100%; padding:.72rem 1.15rem; border-radius:999px;
  font-size:.88rem; color:var(--linen);
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06);
  transition:border-color .3s, background .3s;
}
.foot-news__input::placeholder{ color:rgba(239,233,220,.4); }
.foot-news__input:focus{
  outline:none; border-color:rgba(196,163,90,.55); background:rgba(255,255,255,.09);
}
.foot-news__submit{
  width:100%; margin-top:.55rem; padding-block:.62rem; font-size:.85rem;
}
.foot-news__submit[disabled]{ opacity:.55; cursor:progress; transform:none; }
.foot-news__msg{
  margin-top:.65rem; font-size:.78rem; line-height:1.7; color:rgba(239,233,220,.6);
}
.foot-news__msg.is-good{ color:#a9d3a0; }
.foot-news__msg.is-bad{ color:#e8a3a0; }
.foot-news__link{
  display:flex; width:100%; margin-top:.75rem; padding-block:.62rem; font-size:.85rem;
}
.foot-news__links{ margin-top:1.1rem; }

/* ===== شهداء فلسطين — جدار الذاكرة في الصفحة الرئيسية ===== */
.hm-sec{
  position:relative; isolation:isolate; overflow:hidden;
  padding:4rem 0 4.25rem;
  color:var(--linen);
  background:
    radial-gradient(ellipse 62% 52% at 50% -8%, rgba(142,26,26,.26), transparent 62%),
    radial-gradient(ellipse 48% 46% at 6% 106%, rgba(63,84,56,.32), transparent 60%),
    linear-gradient(180deg,#0d1109 0%,#151b10 46%,#0d1109 100%);
}
@media(min-width:768px){ .hm-sec{ padding:5rem 0 5.25rem; } }

/* حافة تطريز ذهبية تفصل القسم عن الأبيض فوقه */
.hm-sec__edge{
  position:absolute; inset-inline:0; top:0; height:10px; pointer-events:none; opacity:.6;
  background-image:
    linear-gradient(45deg,transparent 44%,var(--gold) 44% 56%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,var(--gold) 44% 56%,transparent 56%);
  background-size:10px 10px;
}
.hm-sec__motif{
  position:absolute; inset:0; pointer-events:none;
  background-color:rgba(239,233,220,.028);
  -webkit-mask-image:var(--mask-motif), radial-gradient(ellipse 78% 70% at 50% 42%, #000, transparent 78%);
          mask-image:var(--mask-motif), radial-gradient(ellipse 78% 70% at 50% 42%, #000, transparent 78%);
  -webkit-mask-size:120px 120px, 100% 100%;
          mask-size:120px 120px, 100% 100%;
  -webkit-mask-composite:source-in;
          mask-composite:intersect;
}
.hm-sec__glow{
  position:absolute; top:-16%; left:50%; transform:translateX(-50%);
  width:min(46rem,92vw); height:58%; pointer-events:none;
  background:radial-gradient(circle, rgba(196,163,90,.13), transparent 66%);
}

/* ===== الرأس ===== */
.hm-head{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  max-width:46rem; margin-inline:auto;
}
.hm-head__lead{
  margin-top:1rem; max-width:38rem; font-size:.95rem; line-height:2;
  color:rgba(239,233,220,.55);
}
.hm-ayah{
  position:relative; margin:1.85rem 0 0; padding:1.5rem 1.5rem 1.35rem;
  width:100%; max-width:44rem; border-radius:1.2rem; text-align:center;
  border:1px solid rgba(196,163,90,.22);
  background:linear-gradient(180deg, rgba(196,163,90,.08), rgba(255,255,255,.015));
}
.hm-ayah__star{
  position:absolute; top:-.72rem; left:50%; transform:translateX(-50%);
  display:grid; place-items:center; width:1.55rem; height:1.55rem;
  color:var(--gold); background:#111609; border-radius:999px;
}
.hm-ayah__star svg{ width:.95rem; height:.95rem; }
.hm-ayah q{
  display:block; quotes:none; font-style:normal;
  font-size:clamp(1.02rem,2.1vw,1.3rem); line-height:2.15; color:#f3ede0;
}
.hm-ayah cite{
  display:block; margin-top:.6rem; font-style:normal; font-size:.74rem;
  letter-spacing:.04em; color:rgba(196,163,90,.8);
}

/* ===== لوح الأرقام ===== */
.hm-plaque{
  display:grid; gap:1.1rem; margin-top:2.35rem;
  padding:1.35rem 1.2rem; border-radius:1.4rem;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 26px 48px -32px rgba(0,0,0,.9);
}
@media(min-width:900px){
  .hm-plaque{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);
    align-items:center; gap:1.9rem; padding:1.6rem 1.9rem;
  }
}
.hm-plaque__total{
  display:flex; align-items:center; justify-content:center; gap:1rem;
  padding-bottom:1.1rem; border-bottom:1px solid rgba(255,255,255,.1);
}
@media(min-width:900px){
  .hm-plaque__total{
    justify-content:flex-start; padding-bottom:0; border-bottom:0;
    padding-inline-end:1.9rem; border-inline-end:1px solid rgba(255,255,255,.1);
  }
}
.hm-plaque__figure{ text-align:center; }
@media(min-width:900px){ .hm-plaque__figure{ text-align:start; } }
.hm-plaque__figure b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.95rem,4.2vw,2.9rem); line-height:1; color:#fff;
}
.hm-plaque__figure span{
  display:block; margin-top:.4rem; font-size:.8rem; color:rgba(239,233,220,.55);
}
.hm-flame{
  position:relative; flex:none; display:grid; place-items:center;
  width:3.4rem; height:3.4rem; border-radius:999px; color:var(--goldlt);
  border:1px solid rgba(196,163,90,.28);
  background:linear-gradient(180deg, rgba(196,163,90,.14), rgba(196,163,90,.03));
}
.hm-flame svg{ position:relative; z-index:1; width:1.85rem; height:1.85rem; }
.hm-flame::after{
  content:""; position:absolute; inset:-.55rem; border-radius:999px;
  background:radial-gradient(circle, rgba(212,188,122,.42), transparent 64%);
  animation:hm-flicker 3.4s ease-in-out infinite;
}
@keyframes hm-flicker{
  0%,100%{ opacity:.55; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.09); }
}
@media(prefers-reduced-motion:reduce){ .hm-flame::after{ animation:none; } }

.hm-cats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hm-cat{ position:relative; text-align:center; padding:.2rem .55rem; }
.hm-cat + .hm-cat::before{
  content:""; position:absolute; inset-block:.15rem; inset-inline-start:0;
  width:1px; background:rgba(255,255,255,.1);
}
.hm-cat b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.15rem,2.4vw,1.6rem); line-height:1.15; color:#fff;
}
.hm-cat span{
  display:block; margin-top:.3rem; font-size:.75rem; line-height:1.4;
  color:rgba(239,233,220,.52);
}
.hm-cat i{ display:block; width:1.7rem; height:2px; margin:.6rem auto 0; border-radius:2px; }
.hm-cat--gold i{ background:var(--gold); }
.hm-cat--tatreez i{ background:var(--tatreez-lt); }
.hm-cat--olive i{ background:var(--olive-lt); }

/* ===== جدار الوجوه ===== */
.hm-wall{ margin-top:2.6rem; }
.hm-wall__label{
  display:flex; align-items:center; justify-content:center; gap:.75rem;
  margin-bottom:1.2rem; font-family:"Reem Kufi",sans-serif; font-weight:600;
  font-size:.86rem; letter-spacing:.03em; color:rgba(196,163,90,.85);
}
.hm-wall__label .stitch{ width:2.4rem; opacity:.5; }
.hm-wall__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
@media(min-width:640px){ .hm-wall__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem; } }
@media(min-width:1024px){ .hm-wall__grid{ grid-template-columns:repeat(6,minmax(0,1fr)); gap:1rem; } }

.hm-tile{
  position:relative; display:block; overflow:hidden; border-radius:1.05rem;
  border:1px solid rgba(255,255,255,.08); background:#171b12;
  transition:transform .45s var(--ease), border-color .45s, box-shadow .45s;
}
.hm-tile:hover{
  transform:translateY(-4px); border-color:rgba(196,163,90,.45);
  box-shadow:0 26px 44px -26px rgba(0,0,0,.95);
}
.hm-tile__frame{ position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:#241c14; }
.hm-tile__frame img{
  width:100%; height:100%; object-fit:cover; object-position:center 22%;
  filter:grayscale(.42) contrast(1.04);
  transition:transform 1s var(--ease), filter .5s ease;
}
.hm-tile:hover .hm-tile__frame img{ transform:scale(1.06); filter:grayscale(0) contrast(1.02); }
.hm-tile__void{
  display:grid; place-items:center; width:100%; height:100%;
  color:rgba(196,163,90,.3);
  background:radial-gradient(circle at 50% 36%, rgba(196,163,90,.13), transparent 62%), #191d13;
}
.hm-tile__void svg{ width:2.5rem; height:2.5rem; }
.hm-tile__shade{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top, rgba(9,12,7,.96) 4%, rgba(9,12,7,.74) 32%, rgba(9,12,7,.12) 66%, transparent 100%);
}
.hm-tile__mark{
  position:absolute; top:.6rem; inset-inline-start:.6rem; z-index:2;
  display:inline-flex; align-items:center; gap:.28rem;
  padding:.22rem .55rem; border-radius:999px;
  font-size:.62rem; line-height:1.6; color:#f6efdd;
  background:rgba(9,12,7,.5); border:1px solid rgba(196,163,90,.32);
  backdrop-filter:blur(6px);
}
.hm-tile__mark svg{ width:.7rem; height:.7rem; color:var(--goldlt); }
.hm-tile__body{
  position:absolute; inset-inline:0; bottom:0; z-index:2;
  padding:.8rem .8rem .85rem;
}
.hm-tile__body b{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-family:var(--font-title); font-weight:700; font-size:.86rem; line-height:1.55; color:#fff;
}
.hm-tile__meta{
  display:block; margin-top:.28rem; font-size:.68rem; line-height:1.5;
  color:rgba(239,233,220,.6);
}
.hm-tile__body time{
  display:block; margin-top:.3rem; font-size:.64rem; color:rgba(196,163,90,.75);
}

/* ===== الذيل والحالة الفارغة ===== */
.hm-sec__empty{
  margin-top:2.25rem; text-align:center; font-size:.98rem; line-height:2;
  color:rgba(239,233,220,.55);
}
.hm-foot{
  display:flex; flex-direction:column; align-items:center; gap:.85rem;
  margin-top:2.5rem;
}
.hm-foot__note{ font-size:.76rem; color:rgba(239,233,220,.42); text-align:center; }

#to-top{
  position:fixed; inset-inline-end:1.15rem; bottom:1.15rem; z-index:80;
  width:3.7rem; height:3.7rem; border-radius:999px; border:0; padding:0; cursor:pointer;
  display:grid; place-items:center;
  background:#fff; color:var(--ink);
  box-shadow:0 12px 28px -14px rgba(26,34,20,.5);
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .35s var(--ease),visibility .35s,transform .35s var(--ease),box-shadow .35s;
}
#to-top.show{ opacity:1; visibility:visible; transform:none; }
#to-top:hover{ box-shadow:0 16px 32px -12px rgba(26,34,20,.55); }
.to-top__ring{
  position:absolute; inset:0; width:100%; height:100%;
  transform:rotate(-90deg);
  pointer-events:none;
}
.to-top__track{ stroke:rgba(63,84,56,.16); stroke-width:2.6; }
.to-top__prog{
  stroke:var(--olive); stroke-width:2.6; stroke-linecap:round;
  stroke-dasharray:282.74; stroke-dashoffset:282.74;
}
.to-top__handala{
  position:relative; z-index:1;
  height:1.95rem; width:auto;
  filter:brightness(0);
  transform:translateY(3px);
  transition:transform .35s var(--ease);
}
#to-top:hover .to-top__handala{ transform:translateY(0); }

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .rise,.zoom,.slide .rv{ opacity:1 !important; transform:none !important; }
}

/* ==========================================================================
   مكوّنات مستوحاة من موسوعة التراث الفلسطيني
   ========================================================================== */

/* ===== طبقة موتيف التطريز (نجمة ثمانية) ===== */
.motif{
  position:absolute; inset:0; pointer-events:none;
  background-color:var(--mc,rgba(255,255,255,.09));
  -webkit-mask-image:var(--mask-motif);
          mask-image:var(--mask-motif);
  -webkit-mask-size:var(--ms,104px) var(--ms,104px);
          mask-size:var(--ms,104px) var(--ms,104px);
  -webkit-mask-repeat:repeat; mask-repeat:repeat;
}
.motif--fade{
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

/* شريط تطريز عمودي (جانبَي الخريطة كما في تراثنا) */
.motif-strip{
  position:absolute; top:0; bottom:0; width:var(--w,86px); pointer-events:none;
  background-color:var(--mc,rgba(255,255,255,.14));
  -webkit-mask-image:var(--mask-motif);
          mask-image:var(--mask-motif);
  -webkit-mask-size:var(--w,86px) var(--w,86px);
          mask-size:var(--w,86px) var(--w,86px);
}

/* ===== تبويبات بخط يمرّ خلفها ===== */
.tabs-line{ position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; }
.tabs-line::before{
  content:""; position:absolute; top:50%; inset-inline:0; height:1px;
  background:var(--tlc,rgba(27,36,22,.16));
}
.tabs-line > *{ position:relative; z-index:1; }

/* ===== بطاقة مصطلح / مقولة ===== */
.qcard{
  background:#fff; border-radius:1.1rem; padding:1.5rem 1.4rem; text-align:center;
  border:1px solid rgba(27,36,22,.05);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
  display:flex; flex-direction:column;
}
.qcard:hover{ transform:translateY(-6px); box-shadow:0 26px 46px -26px rgba(27,36,22,.4); }
.qcard-h{ font-family:var(--font-title); font-weight:600; font-size:1.12rem; line-height:1.7; }
.qcard-sep{ display:flex; align-items:center; gap:.75rem; margin:1.1rem 0; color:var(--gold); }
.qcard-sep::before,.qcard-sep::after{ content:""; flex:1; height:1px; background:rgba(27,36,22,.12); }
.qcard-sep svg{ flex:none; transition:transform .5s var(--ease); }
.qcard:hover .qcard-sep svg{ transform:rotate(45deg) scale(1.15); }
.qcard-b{ font-size:.9rem; line-height:1.95; color:var(--muted); }

/* ===== زر «المزيد» الدائري ===== */
.plus-more{ display:inline-flex; flex-direction:column; align-items:center; gap:.5rem; }
.plus-more i{
  width:3.1rem; height:3.1rem; border-radius:999px; display:grid; place-items:center;
  background:var(--ink); color:var(--gold); font-style:normal; font-size:1.4rem; line-height:1;
  transition:.45s var(--ease);
}
.plus-more:hover i{ background:var(--gold); color:var(--ink); transform:rotate(90deg); }
.plus-more span{ font-size:.8rem; color:var(--muted); font-family:"Reem Kufi",sans-serif; }
.plus-more.on-dark i{ background:var(--gold); color:var(--ink); }
.plus-more.on-dark span{ color:rgba(255,255,255,.55); }

/* ===== معرض بإطار مُزاح + شارة دائرية ===== */
.frame{ position:relative; display:block; }
.frame::before{
  content:""; position:absolute; inset-inline-start:-14px; top:14px; width:100%; height:100%;
  background:var(--leaf); border-radius:.5rem; transition:.55s var(--ease); z-index:0;
}
.frame:hover::before{ inset-inline-start:-20px; top:20px; }
.frame-img{ position:relative; z-index:1; overflow:hidden; border-radius:.4rem; }
.frame-img img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); filter:saturate(.92); }
.frame:hover .frame-img img{ transform:scale(1.06); filter:none; }
.frame-img::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(18,26,15,.8),transparent 55%);
}
.frame-lbl{
  position:absolute; z-index:2; bottom:1rem; inset-inline-start:1.1rem;
  max-width:calc(100% - 2.2rem);
  font-family:var(--font-title); font-weight:600; font-size:.82rem; line-height:1.7; color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.45);
}

/* مقاطع المقال — إطار بمعاينة متحرّكة وزرّ تشغيل */
.art-clip .frame-img video{
  width:100%; height:100%; display:block; object-fit:cover;
  background:var(--night); filter:saturate(.92);
}
.art-clip .vid-play{ width:3.4rem; height:3.4rem; }
.art-clip .vid-play svg{ width:1.15rem; height:1.15rem; }
.art-clip:hover .vid-play{ background:var(--tatreez); color:#fff; transform:translate(-50%,-50%) scale(1.08); }
.frame-plus{
  position:absolute; z-index:3; bottom:-1.1rem; inset-inline-end:1.6rem;
  width:3rem; height:3rem; border-radius:999px; display:grid; place-items:center;
  background:var(--paper); color:var(--ink); font-size:1.25rem; line-height:1;
  box-shadow:0 0 0 5px var(--paper);
  transition:.45s var(--ease);
}
.frame-plus::before{
  content:""; position:absolute; inset:-7px; border-radius:999px;
  border:1.5px dashed rgba(201,162,39,.75); transition:transform .8s var(--ease);
}
.frame:hover .frame-plus{ background:var(--gold); }
.frame:hover .frame-plus::before{ transform:rotate(120deg); }

/* ===== بطاقة قائمة برأس متدرّج ===== */
.lcard{
  background:#fff; border-radius:1.1rem; overflow:hidden;
  border:1px solid rgba(27,36,22,.06);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
  display:flex; flex-direction:column;
}
.lcard:hover{ transform:translateY(-6px); box-shadow:0 26px 48px -26px rgba(27,36,22,.4); }
.lcard-h{
  padding:.95rem 1.2rem; font-family:"Reem Kufi",sans-serif; font-weight:600; color:#fff;
  background:linear-gradient(120deg,var(--h1,#4A6141),var(--h2,#C9A227));
}
.lcard ul{ padding:.4rem 1.2rem 1.1rem; }
.lcard li{ border-bottom:1px solid rgba(27,36,22,.07); }
.lcard li:last-child{ border-bottom:0; }
.lcard li a{
  display:flex; align-items:center; gap:.6rem; padding:.6rem 0; font-size:.9rem;
  transition:color .3s,padding .3s;
}
.lcard li a:hover{ color:var(--golddk); padding-inline-start:.35rem; }
.lcard li svg{ color:var(--olive); flex:none; }

/* ===== لوح مقسوم كامل العرض (الخريطة) ===== */
.split{ display:grid; }
@media(min-width:1024px){ .split{ grid-template-columns:1fr 1fr; } }
.split-art{ position:relative; overflow:hidden; background:var(--ink); display:grid; place-items:center; padding:3rem 1rem; }
.split-body{ background:#fff; padding:3rem 1.5rem; }
@media(min-width:1024px){ .split-body{ padding:4.5rem 3.5rem; } }

/* ===== شريط أرقام بأيقونات ===== */
.stat-ico{
  width:3.2rem; height:3.2rem; margin-inline:auto; display:grid; place-items:center;
  border-radius:999px; border:1px dashed rgba(201,162,39,.5); color:var(--gold);
  transition:.5s var(--ease);
}
.stat:hover .stat-ico{ background:var(--gold); color:var(--ink); border-style:solid; transform:rotate(-8deg); }

@media(max-width:640px){
  .motif-strip{ --w:46px !important; }
  .split-art{ padding:2.5rem .5rem; }
  .frame::before{ inset-inline-start:-9px; top:9px; }
}

/* ==========================================================================
   قسم النكبة — كولاج أرشيفي (على غرار «عن المنصة» في موسوعة التراث)
   ========================================================================== */

.collage{ position:relative; width:100%; aspect-ratio:1/1; max-width:34rem; margin-inline:auto; }

.collage figure{ position:absolute; overflow:hidden; border-radius:.4rem; margin:0; }
.collage figure img{
  width:100%; height:100%; object-fit:cover; display:block;
  filter:grayscale(1) contrast(1.05);
  transition:transform 1.1s var(--ease),filter .8s var(--ease);
}
.collage:hover figure img{ filter:grayscale(.4) sepia(.2) contrast(1.03); }
.collage figure:hover img{ transform:scale(1.06); filter:grayscale(0) sepia(.08); }

/* الإطار الخطّي المفتوح */
.collage .frame-line{
  position:absolute; left:30%; top:0; width:58%; height:48%;
  border:1px solid rgba(142,26,26,.45); border-radius:.25rem; z-index:1;
}
/* الكتل اللونية */
.collage .blk{ position:absolute; border-radius:.3rem; z-index:0; }
.collage .blk--a{ left:14%; top:30%; width:18%; height:17%; background:var(--tatreez); }
.collage .blk--b{ left:57%; top:82%; width:16%; height:18%; background:var(--olive); }

/* الصور — نفس نِسَب كولاج «عن المنصة» */
.collage .ph-a{ left:33%; top:25%; width:55%; height:55%; z-index:2; box-shadow:0 16px 36px -22px rgba(27,36,22,.55); }
.collage .ph-b{ left:57%; top:62%; width:31%; height:30%; z-index:3; box-shadow:0 16px 36px -22px rgba(27,36,22,.55); }
.collage .ph-c{ left:4%;  top:42%; width:52%; height:58%; z-index:4; box-shadow:0 28px 58px -26px rgba(27,36,22,.8); }

/* البطاقة العائمة */
.collage .float-card{
  position:absolute; left:33%; top:1.5%; z-index:5;
  background:#fff; border-radius:.4rem; padding:.8rem .95rem;
  box-shadow:0 18px 40px -24px rgba(27,36,22,.55);
  display:flex; align-items:center; gap:.85rem;
}
.collage .float-card__txt{ text-align:right; line-height:1.5; }
.collage .float-card__txt b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:1.7rem; color:var(--tatreez); line-height:1;
}
.collage .float-card__txt span{ font-size:.68rem; color:var(--muted); }
.collage .float-card__key{
  width:2.8rem; height:3.1rem; flex:none; display:grid; place-items:center;
  background:var(--leaf); border-radius:.3rem; position:relative;
}
.collage .float-card__key::before{
  content:""; position:absolute; right:0; top:0; bottom:0; width:3px; background:var(--tatreez);
}
.collage .float-card__key img{ width:1.35rem; opacity:.85; animation:sway 7s ease-in-out infinite; }
@keyframes sway{ 0%,100%{ transform:rotate(-8deg); } 50%{ transform:rotate(8deg); } }

@media(max-width:640px){
  .collage .float-card{ padding:.55rem .7rem; gap:.55rem; left:28%; }
  .collage .float-card__txt b{ font-size:1.25rem; }
  .collage .float-card__key{ width:2.1rem; height:2.4rem; }
  .collage .float-card__key img{ width:1rem; }
}

/* ===== القصيدة — لوح بعرض الصفحة ===== */
.poem-hero{ position:relative; overflow:hidden; background:var(--night); }
.poem-hero__bg{
  position:absolute; inset:0; background-size:cover; background-position:center 42%;
  filter:grayscale(1) contrast(1.06); opacity:.45; transform:scale(1.06);
  animation:poemdrift 26s ease-in-out infinite alternate;
}
@keyframes poemdrift{ from{ transform:scale(1.06) translateY(0); } to{ transform:scale(1.12) translateY(-16px); } }
.poem-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 72% 82% at 50% 48%,rgba(18,26,15,.42),rgba(18,26,15,.93) 78%),
    linear-gradient(to bottom,rgba(18,26,15,.85),transparent 22%,transparent 78%,rgba(18,26,15,.85));
}
.poem-hero__inner{ position:relative; z-index:2; }
.poem-hero__q{
  font-family:Amiri,serif; color:rgba(255,255,255,.9); text-align:center;
  font-size:clamp(1.05rem,.82rem + .9vw,1.55rem); line-height:2.25; text-wrap:balance;
}
.poem-hero__q b{ font-weight:400; color:var(--gold-lt); }
.poem-hero__foot{
  display:flex; align-items:center; justify-content:center; gap:1rem;
  margin-top:3rem; color:rgba(255,255,255,.45); font-size:.8rem;
  font-family:"Reem Kufi",sans-serif;
}
.poem-hero__foot .stitch{ width:3rem; color:rgba(201,162,39,.6); }

/* ===== فهرس أبواب الملف — قائمة ===== */
.ch-list{
  display:flex; flex-direction:column;
  background:#fff; border:1px solid rgba(27,36,22,.08); border-radius:1.1rem; overflow:hidden;
}
.ch-row{
  display:flex; align-items:center; gap:1rem; padding:.95rem 1.1rem;
  position:relative; transition:background-color .35s var(--ease),padding .35s var(--ease);
}
.ch-row + .ch-row{ border-top:1px solid rgba(27,36,22,.07); }
.ch-row::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px;
  background:var(--tatreez); transform:scaleY(0); transition:transform .4s var(--ease);
}
.ch-row:hover{ background:rgba(239,231,210,.55); padding-inline-start:1.5rem; }
.ch-row:hover::before{ transform:scaleY(1); }
.ch-row__no{
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.5rem; flex:none;
  min-width:2.1rem; text-align:center;
  color:rgba(27,36,22,.3); transition:color .35s,transform .35s var(--ease);
}
.ch-row:hover .ch-row__no{ transform:scale(1.12); }
.ch-row:hover .ch-row__no{ color:var(--tatreez); }
.ch-row__body{ flex:1; min-width:0; line-height:1.5; }
.ch-row__body b{ display:block; font-family:var(--font-title); font-weight:600; font-size:.95rem; }
.ch-row__body i{ font-style:normal; font-size:.72rem; color:var(--muted); }
.ch-row__go{
  width:1.05rem; height:1.05rem; flex:none; color:var(--gold-dk);
  opacity:0; transform:translateX(6px); transition:.35s var(--ease);
}
.ch-row:hover .ch-row__go{ opacity:1; transform:none; }

.ch-row--more{ display:none; }
.ch-list.open .ch-row--more{ display:flex; animation:fadeIn .45s var(--ease); }

.ch-toggle{
  margin-top:auto;
  display:flex; align-items:center; justify-content:center; gap:.6rem; width:100%;
  padding:.8rem 1rem; border-radius:.9rem;
  border:1px dashed rgba(168,127,30,.5); color:var(--gold-dk);
  font-family:"Reem Kufi",sans-serif; font-size:.88rem; transition:.35s var(--ease);
}
.ch-toggle:hover{ background:rgba(168,127,30,.1); border-style:solid; }
.ch-toggle{ margin-block-start:.9rem; }
.ch-toggle i{
  font-style:normal; width:1.4rem; height:1.4rem; border-radius:999px; flex:none;
  display:grid; place-items:center; background:var(--gold-dk); color:#fff; font-size:.9rem; line-height:1;
  transition:transform .4s var(--ease);
}
.ch-toggle.open i{ transform:rotate(45deg); }

/* ===== لوح القصيدة ===== */
.poem-panel{
  position:relative; overflow:hidden; border-radius:1.3rem; background:var(--ink);
  display:flex; align-items:center;
}
.poem-panel__wm{
  position:absolute; inset-inline-start:-1.5rem; bottom:-1rem; width:11rem;
  opacity:.06; filter:invert(1); pointer-events:none;
}
.poem-panel__in{ position:relative; z-index:2; padding:2.5rem 1.8rem; width:100%; text-align:center; }
@media(min-width:768px){ .poem-panel__in{ padding:3rem 2.5rem; } }
.poem-panel .stitch-band{ margin-inline:auto; }
.poem-panel__q{
  font-family:Amiri,serif; color:rgba(255,255,255,.88); text-align:center;
  font-size:clamp(.98rem,.82rem + .35vw,1.2rem); line-height:2.15; text-wrap:balance;
}
.poem-panel__q b{ font-weight:400; color:var(--gold-lt); }
.poem-panel__src{
  margin-top:2rem; font-family:"Reem Kufi",sans-serif; font-size:.72rem;
  color:rgba(255,255,255,.4);
}

/* تأطير الصور داخل الكولاج */
.collage .ph-a img{ object-position:center 58%; }
.collage .ph-b img{ object-position:36% 20%; }
.collage .ph-c img{ object-position:center 45%; }


/* ===== لوح حنظلة — رمز المخيمات الوحيد ===== */
.camp-art{
  position:relative; overflow:hidden; border-radius:1.2rem; background:var(--ink);
  aspect-ratio:4/5; display:block; isolation:isolate;
}
.camp-art__glow{
  position:absolute; left:50%; top:18%; width:14rem; height:14rem;
  transform:translateX(-50%); border-radius:999px; pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.08),transparent 66%);
}
.camp-art__handala{
  position:absolute; left:50%; top:18%; width:8.2rem; z-index:2; opacity:.95;
  transform:translateX(-50%);
  filter:brightness(0) invert(1);
  transition:transform .8s var(--ease);
}
.camp-art:hover .camp-art__handala{ transform:translateX(-50%) translateY(-6px); }
.camp-art__cap{
  position:absolute; left:1.4rem; right:1.4rem; bottom:1.3rem; z-index:3; text-align:center;
  padding-top:1rem; border-top:1px solid rgba(255,255,255,.12);
}
.camp-art__cap b{
  display:block; font-family:var(--font-title); font-weight:600;
  font-size:1.02rem; color:var(--paper);
}
.camp-art__cap span{ display:block; font-size:.75rem; color:rgba(255,255,255,.5); margin-top:.3rem; }
@media(max-width:1023px){
  .camp-art{ aspect-ratio:1/1; max-width:18rem; margin-inline:auto; }
}

/* أبواب الملف — شبكة روابط خفيفة */
.ch-mini{
  display:grid; grid-template-columns:1fr 1fr; gap:.5rem .9rem; margin-top:1.6rem;
}
@media(max-width:480px){ .ch-mini{ grid-template-columns:1fr; } }
.ch-mini a{
  display:flex; align-items:center; gap:.55rem;
  padding:.55rem 0; font-size:.88rem; border-bottom:1px solid rgba(26,34,20,.08);
  transition:color .3s, padding .3s;
}
.ch-mini a:hover{ color:var(--tatreez); padding-inline-start:.25rem; }
.ch-mini .num{ font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:.78rem; color:var(--tatreez); flex:none; }

/* رقم واحد للنكبة */
.nakba-num{
  display:flex; align-items:baseline; gap:.75rem; margin-top:1.6rem;
  padding-top:1.4rem; border-top:1px solid rgba(26,34,20,.1);
}
.nakba-num b{
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:3rem; line-height:1; color:var(--tatreez);
}
.nakba-num span{ font-size:.88rem; line-height:1.7; color:var(--muted); }

/* لوح التطبيق داخل الفوتر */
.app-bar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.1rem 0 1.4rem; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:2.2rem;
}
.app-bar p{ font-size:.9rem; color:rgba(242,238,227,.7); }
.app-bar .btn{ background:var(--paper); color:var(--ink); }
.app-bar .btn:hover{ background:#fff; }

/* ===== نص غني — محتوى محرّر لوحة التحكم ===== */
/* Tailwind Preflight يصفّر list-style/margin للوسوم؛ نعيدها هنا صراحة. */
.rich-text p{ margin-block:1em; }
.rich-text p:first-child{ margin-block-start:0; }
.rich-text p:last-child{ margin-block-end:0; }
.rich-text ul,.rich-text ol{
  margin-block:1em; padding-inline-start:1.75rem;
  list-style-position:outside;
}
.rich-text ul{ list-style-type:disc !important; }
.rich-text ol{ list-style-type:decimal !important; }
.rich-text ul ul{ list-style-type:circle !important; }
.rich-text ul ul ul{ list-style-type:square !important; }
.rich-text ol ol{ list-style-type:lower-alpha !important; }
.rich-text li{ margin-block:.4em; display:list-item; }
.rich-text li::marker{ color:var(--tatreez); }
.rich-text li > p{ margin-block:.25em; }
.rich-text blockquote{
  margin-block:1.4em; padding:.9rem 1.15rem;
  border-inline-start:3px solid var(--gold);
  background:var(--leaf); border-radius:0 .85rem .85rem 0;
  color:var(--ink); font-family:Amiri,serif; font-size:1.05em; line-height:1.9;
}
.rich-text blockquote p:last-child{ margin-block-end:0; }
.rich-text hr{
  border:0; height:1px; margin-block:1.8em;
  background:linear-gradient(to left,transparent,rgba(27,36,22,.18),transparent);
}
.rich-text a{ color:var(--tatreez); text-decoration:underline; text-underline-offset:2px; }
.rich-text a[data-fancybox]{ display:block; text-decoration:none; color:inherit; }
.rich-text img{
  display:block; margin-block:1.4em; margin-inline:auto;
  max-width:100%; height:auto; border-radius:.9rem;
  box-shadow:0 18px 40px -24px rgba(27,36,22,.55);
  cursor:zoom-in;
}
.rich-text figure{ margin-block:1.5em; }
.rich-text figure img{ margin-block:0; }
.rich-text figcaption{
  text-align:center; font-size:.8rem; color:var(--muted); margin-top:.65rem;
}
.rich-text strong,.rich-text b{ font-weight:700; }
.rich-text em,.rich-text i{ font-style:italic; }
.rich-text u{ text-decoration:underline; text-underline-offset:3px; }
.rich-text s,.rich-text del{ text-decoration:line-through; color:var(--muted); }
.rich-text sub,.rich-text sup{ font-size:.75em; }
.rich-text code,.rich-text kbd{
  font-size:.88em; background:var(--leaf); border-radius:.35rem; padding:.1em .4em;
}
.rich-text pre{
  margin-block:1.2em; padding:1rem 1.15rem; overflow-x:auto;
  background:var(--leaf); border-radius:.85rem; font-size:.88rem;
}
.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6{
  font-family:"Reem Kufi",sans-serif; font-weight:700; margin-block:1.15em .5em; line-height:1.45;
}
.rich-text h1{ font-size:1.45em; }
.rich-text h2{ font-size:1.28em; }
.rich-text h3{ font-size:1.12em; }
.rich-text dl{ margin-block:1em; }
.rich-text dt{ font-weight:700; margin-top:.6em; }
.rich-text dd{ margin-inline-start:1.2rem; color:var(--ink); }
.rich-text iframe,.rich-text video{
  display:block; width:100%; max-width:100%; margin-block:1.4em; border-radius:.9rem; border:0;
}
.rich-text .gallery-block{
  max-width:min(100%,22rem); margin-block:1.6em; margin-inline:auto;
  background:#fff; border:1px solid rgba(27,36,22,.08); border-radius:1.15rem; overflow:hidden;
  box-shadow:0 20px 44px -28px rgba(27,36,22,.5);
}
.rich-text .gallery-block > a{ display:block; text-decoration:none; color:inherit; }
.rich-text .gallery-block figure{ margin:0; }
.rich-text .gallery-block img{
  width:100%; margin:0; border-radius:0; box-shadow:none;
}
.rich-text .gallery-block .zoom-btn,
.rich-text .gallery-block .cap-box{ display:none; }
.rich-text .gallery-block .lower-box{ padding:.9rem 1rem 1.05rem; text-align:center; }
.rich-text .gallery-block .lower-box h4,
.rich-text .gallery-block .lower-box h6{
  margin:0; font-family:"Reem Kufi",sans-serif; font-size:.95rem; font-weight:700; color:var(--ink);
}
.rich-text{ min-width:0; max-width:100%; }
.rich-text .table-scroll,
.rich-text .responsive:not(table),
.rich-text .table-responsive:not(table){
  overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  max-width:100%; margin-block:1.4em;
}
.rich-text .table-scroll table,
.rich-text .responsive:not(table) table,
.rich-text .table-responsive:not(table) table{ margin-block:0; }
.rich-text table{
  width:max-content; min-width:100%; max-width:none;
  border-collapse:collapse; margin-block:1.4em; font-size:.92rem;
}
.rich-text > table,
.rich-text table.table-responsive,
.rich-text table.responsive{
  display:block; width:100%; max-width:100%; min-width:0;
  overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
}
.rich-text > table > :is(thead,tbody,tfoot),
.rich-text table.table-responsive > :is(thead,tbody,tfoot),
.rich-text table.responsive > :is(thead,tbody,tfoot){
  display:table; width:max-content; min-width:100%; border-collapse:collapse;
}
.rich-text .table-scroll > table{
  display:table; overflow:visible; width:max-content; min-width:100%; max-width:none; margin-block:0;
}
.rich-text .table-scroll > table > thead{ display:table-header-group; }
.rich-text .table-scroll > table > tbody{ display:table-row-group; }
.rich-text .table-scroll > table > tfoot{ display:table-footer-group; }
.rich-text th,.rich-text td{
  border:1px solid rgba(27,36,22,.12); padding:.6rem .85rem; text-align:start; vertical-align:top;
}
.rich-text thead th,.rich-text tr:first-child td{
  background:var(--leaf); font-family:"Reem Kufi",sans-serif; font-weight:600; color:var(--ink); white-space:nowrap;
}
.rich-text tbody tr:nth-child(even){ background:rgba(26,34,20,.03); }

.art-map-wrap{ position:relative; margin-top:1.25rem; }
.art-map-wrap::before{
  content:""; position:absolute; inset-inline-start:-12px; top:2.6rem; width:100%; height:calc(100% - 2.6rem);
  background:var(--leaf); border-radius:.5rem; z-index:0;
}
.art-map-cap{
  position:relative; z-index:1;
  display:flex; align-items:center; gap:.55rem;
  margin-bottom:.7rem;
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:.98rem; color:var(--ink);
}
.art-map-cap::before{
  content:""; width:.7rem; height:.7rem; border-radius:50% 50% 50% 0; transform:rotate(-45deg);
  background:var(--tatreez); box-shadow:0 0 0 3px rgba(142,26,26,.16); flex:none;
}
.art-map{
  position:relative; z-index:1;
  height:20rem; direction:ltr;
  border-radius:.4rem; overflow:hidden;
  border:1px solid rgba(27,36,22,.08);
  box-shadow:0 18px 40px -28px rgba(27,36,22,.45);
  background:var(--leaf);
}
@media (min-width:768px){
  .art-map{ height:28rem; }
}
.art-map .leaflet-container{
  width:100%; height:100%; font-family:inherit; background:var(--leaf);
}
.art-map .leaflet-popup-content{ font-family:"IBM Plex Sans Arabic",sans-serif; direction:rtl; text-align:right; margin:.6rem .85rem; }
.art-map .leaflet-control-attribution{ font-size:.65rem; }
.art-map-pin{ background:transparent !important; border:none !important; }
.art-map-pin span{
  display:block; width:1.15rem; height:1.15rem;
  background:var(--tatreez); border:3px solid #fff;
  border-radius:50% 50% 50% 0; transform:rotate(-45deg);
  box-shadow:0 6px 14px rgba(27,36,22,.35);
}

.art-pdf{
  display:flex; align-items:center; justify-content:center; gap:.7rem;
  width:100%; margin-top:2.5rem; padding:1rem 1.25rem;
  border-radius:1.1rem; border:1px solid rgba(27,36,22,.12);
  background:#fff; color:var(--ink);
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.02rem;
  transition:border-color .3s,color .3s,box-shadow .3s,transform .3s;
}
.art-pdf:hover{
  border-color:var(--tatreez); color:var(--tatreez);
  box-shadow:0 16px 32px -24px rgba(27,36,22,.4); transform:translateY(-2px);
}
.art-pdf svg{ width:1.35rem; height:1.35rem; flex:none; }

.art-share{
  margin-top:2.25rem; padding:1.15rem 1.2rem 1.25rem;
  border-radius:1.15rem; border:1px solid rgba(27,36,22,.1);
  background:linear-gradient(180deg, rgba(246,245,241,.9), #fff);
}
.art-share__label{
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:.95rem;
  color:var(--ink); margin-bottom:.85rem;
}
.art-share__row{ display:flex; flex-wrap:wrap; gap:.55rem; }
.share-btn{
  position:relative;
  width:2.55rem; height:2.55rem; border-radius:.85rem; display:grid; place-items:center;
  border:1px solid rgba(27,36,22,.12); background:#fff; color:var(--ink);
  cursor:pointer;
  transition:background .25s, color .25s, border-color .25s, transform .25s, box-shadow .25s;
}
.share-btn:hover{ transform:translateY(-2px); color:#fff; }
.share-btn--whatsapp:hover{ background:#25D366; border-color:#25D366; }
.share-btn--telegram:hover{ background:#229ED9; border-color:#229ED9; }
.share-btn--facebook:hover{ background:#1877F2; border-color:#1877F2; }
.share-btn--twitter:hover{ background:#111; border-color:#111; }
.share-btn--linkedin:hover{ background:#0A66C2; border-color:#0A66C2; }
.share-btn--instagram:hover{ background:#E4405F; border-color:#E4405F; }
.share-btn--copy:hover, .share-btn--native:hover{
  background:#238b5c; border-color:#238b5c; color:#fff;
}
.share-btn--copy.is-copied{
  background:#1a7a50; border-color:#1a7a50; color:#fff;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 10px 22px -10px rgba(26,122,80,.65);
}
.share-btn--copy{
  display:grid; place-items:center;
}
.share-btn__icon,
.share-btn__check{ display:grid; place-items:center; grid-area:1/1; transition:opacity .2s, transform .25s var(--ease); }
.share-btn__check[hidden]{ display:none; }
.share-btn--copy.is-copied .share-btn__icon{ opacity:0; transform:scale(.75); }
.share-btn--copy.is-copied .share-btn__check{
  display:grid; animation:share-check .35s var(--ease);
}
@keyframes share-check{
  from{ opacity:0; transform:scale(.6); }
  to{ opacity:1; transform:scale(1); }
}
.share-btn__tip{
  position:absolute; bottom:calc(100% + .5rem); left:50%;
  transform:translateX(-50%) translateY(4px);
  opacity:0; visibility:hidden; pointer-events:none;
  padding:.38rem .72rem; border-radius:.6rem;
  font-family:"IBM Plex Sans Arabic",sans-serif;
  font-size:.74rem; font-weight:600; line-height:1.2; white-space:nowrap;
  color:#fff; background:#1a7a50;
  box-shadow:0 8px 18px -8px rgba(26,122,80,.55);
  transition:opacity .22s var(--ease), transform .22s var(--ease), visibility .22s;
}
.share-btn__tip::after{
  content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%);
  border:5px solid transparent; border-top-color:#1a7a50;
}
.share-btn--copy.is-copied .share-btn__tip{
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
}
.share-btn.is-copied{ background:var(--olive); border-color:var(--olive); color:#fff; }
.share-btn--copy.is-copied{ background:#1a7a50; border-color:#1a7a50; }

.art-app{
  position:relative; overflow:hidden;
  margin-top:1.25rem; padding:1.75rem 1.5rem 1.85rem;
  border-radius:1.45rem; color:#fff;
  border:1px solid rgba(196,163,90,.16);
  background:
    radial-gradient(ellipse 75% 85% at 100% 15%,rgba(196,163,90,.16),transparent 58%),
    radial-gradient(ellipse 55% 70% at 0% 95%,rgba(142,26,26,.14),transparent 52%),
    var(--ink);
}
@media(min-width:768px){
  .art-app{
    margin-top:1.5rem; padding:1.85rem 2rem 2rem;
    min-height:0;
  }
}
.art-app__glow{
  position:absolute; inset-inline-end:-4rem; top:15%;
  width:18rem; height:18rem; border-radius:999px;
  background:radial-gradient(circle,rgba(196,163,90,.2),transparent 70%);
  pointer-events:none;
}
.art-app__motif{
  position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-color:rgba(239,233,220,.045);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:88px 88px; mask-size:88px 88px;
}
.art-app__grid{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:stretch; gap:1.5rem;
}
@media(min-width:768px){
  .art-app__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(13rem,40%);
    align-items:center;
    gap:1.5rem 2rem;
  }
}
@media(min-width:1024px){
  .art-app__grid{ gap:1.75rem 2.5rem; }
}
.art-app__content{
  display:flex; flex-direction:column; justify-content:center;
  min-width:0;
}
.art-app__float{
  height:12.5rem; max-width:18rem; margin-inline:auto;
  order:-1;
}
@media(min-width:768px){
  .art-app__float{
    height:15.5rem; max-width:100%; margin-inline:0; order:0;
  }
}
@media(min-width:1024px){
  .art-app__float{ height:17rem; }
}
.art-app__float .dl-phone{ top:.65rem; }
.art-app__float .dl-float__a{
  inset-inline-start:.1rem; transform:rotate(-14deg) translateY(.65rem); z-index:1; --dl-w:5.5rem;
  filter:brightness(.92) saturate(.95);
}
.art-app__float .dl-float__c{
  inset-inline-end:.1rem; transform:rotate(14deg) translateY(.65rem); z-index:1; --dl-w:5.5rem;
  filter:brightness(.92) saturate(.95);
}
.art-app__float .dl-float__b{
  left:50%; top:0; z-index:3; --dl-w:7rem;
  transform:translateX(-50%);
  box-shadow:
    0 28px 44px -18px rgba(8,12,6,.78),
    0 0 0 1px rgba(196,163,90,.55),
    inset 0 0 0 1.5px rgba(196,163,90,.5);
  animation:dl-bob 5.2s ease-in-out infinite;
}
@media(min-width:768px){
  .art-app__float .dl-float__a,
  .art-app__float .dl-float__c{ --dl-w:6.4rem; }
  .art-app__float .dl-float__b{ --dl-w:8rem; top:-.1rem; }
}
@media(min-width:1024px){
  .art-app__float .dl-float__a,
  .art-app__float .dl-float__c{ --dl-w:7rem; }
  .art-app__float .dl-float__b{ --dl-w:8.8rem; }
}
@media (prefers-reduced-motion: reduce){
  .art-app__float .dl-float__b{ animation:none; }
}
.art-app__row{ position:relative; display:flex; align-items:flex-start; gap:1.1rem; }
.art-app__icon{
  width:3.85rem; height:3.85rem; border-radius:1.05rem; overflow:hidden; flex:none;
  background:#fff; padding:.5rem;
  box-shadow:0 12px 24px -16px rgba(0,0,0,.45);
}
@media(min-width:768px){
  .art-app__icon{ width:4.25rem; height:4.25rem; }
}
.art-app__icon img{ width:100%; height:100%; object-fit:contain; }
.art-app__body{ flex:1; min-width:0; padding-top:.15rem; }
.art-app__body b{
  display:block; font-family:"Reem Kufi",sans-serif;
  font-size:1.28rem; font-weight:700; line-height:1.45;
}
@media(min-width:768px){
  .art-app__body b{ font-size:1.45rem; }
}
.art-app__body span{
  display:block; font-size:.88rem; color:rgba(255,255,255,.68);
  margin-top:.55rem; line-height:1.75; max-width:26rem;
}
@media(min-width:768px){
  .art-app__body span{ font-size:.92rem; margin-top:.65rem; }
}
.art-app__stores{
  position:relative; display:flex; flex-direction:column; gap:.6rem;
  margin-top:1.35rem;
}
@media(min-width:520px){
  .art-app__stores{ flex-direction:row; flex-wrap:wrap; }
}
.art-app__store{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.65rem 1.15rem; border-radius:999px;
  background:rgba(255,255,255,.1); color:#fff; font-size:.86rem;
  border:1px solid rgba(255,255,255,.16); transition:background .3s, transform .3s var(--ease);
}
@media(min-width:520px){
  .art-app__store{ flex:1 1 auto; min-width:11.5rem; }
}
.art-app__store:hover{ background:rgba(255,255,255,.18); transform:translateY(-1px); }
.art-app__store svg{ width:1.05rem; height:1.05rem; flex:none; }

.arc-pager{
  display:grid; grid-template-columns:1fr 1fr; gap:.75rem;
  margin-top:2.75rem;
}
.arc-pager__card{
  display:flex; flex-direction:column; gap:.45rem; min-width:0;
  padding:1.05rem 1.15rem 1.15rem;
  background:#fff; border:1px solid rgba(27,36,22,.08); border-radius:1.15rem;
  text-decoration:none; color:inherit;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.arc-pager__card:not(.is-empty):hover{
  transform:translateY(-3px);
  box-shadow:0 22px 40px -28px rgba(27,36,22,.45);
}
.arc-pager__card--gold:not(.is-empty):hover{ border-color:rgba(196,163,90,.45); }
.arc-pager__card--tatreez:not(.is-empty):hover{ border-color:rgba(142,26,26,.28); }
.arc-pager__card.is-empty{ visibility:hidden; pointer-events:none; background:transparent; border:0; padding:0; }
.arc-pager__card--next{ text-align:end; align-items:flex-end; }
.arc-pager__dir{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.72rem; letter-spacing:.04em; color:var(--muted);
}
.arc-pager__card--gold .arc-pager__dir{ color:var(--gold-dk); }
.arc-pager__card--tatreez .arc-pager__dir{ color:var(--tatreez); }
.arc-pager__dir svg{ width:.85rem; height:.85rem; }
.arc-pager__card b{
  font-family:var(--font-title); font-weight:700; font-size:1.02rem;
  line-height:1.6; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.arc-app{
  position:relative; overflow:hidden;
  margin-top:1rem; padding:1.45rem 1.4rem 1.5rem;
  border-radius:1.35rem; background:var(--ink); color:#fff;
}
.arc-app__glow{
  position:absolute; inset-inline-end:-2.4rem; top:-2.2rem;
  width:11rem; height:11rem; border-radius:999px; pointer-events:none;
  background:radial-gradient(circle,rgba(196,163,90,.32),transparent 70%);
}
.arc-app--tatreez .arc-app__glow{
  background:radial-gradient(circle,rgba(196,58,56,.28),transparent 70%);
}
.arc-app__handala{
  position:absolute; inset-inline-start:-.4rem; bottom:-.35rem;
  width:4.4rem; height:auto; opacity:.12; pointer-events:none;
  filter:brightness(10);
}
.arc-app__copy{ position:relative; max-width:28rem; }
.arc-app__copy .eyebrow{ color:var(--gold-lt); justify-content:flex-start; }
.arc-app--tatreez .arc-app__copy .eyebrow{ color:#E8B4B2; }
.arc-app__copy b{
  display:block; margin-top:.55rem;
  font-family:"Reem Kufi",sans-serif; font-size:1.35rem; font-weight:700; line-height:1.4;
}
.arc-app__copy span{
  display:block; margin-top:.45rem;
  font-size:.86rem; line-height:1.75; color:rgba(255,255,255,.66);
}
.arc-app__stores{ position:relative; display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.15rem; }
.arc-app__store{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.62rem 1.15rem; border-radius:999px;
  background:rgba(255,255,255,.1); color:#fff; font-size:.84rem;
  border:1px solid rgba(255,255,255,.16); transition:background .3s, transform .3s;
}
.arc-app__store:hover{ background:rgba(255,255,255,.18); transform:translateY(-1px); }
.arc-app__store--solid{ background:var(--gold); color:var(--ink); border-color:var(--gold); }
.arc-app__store--solid:hover{ background:var(--gold-lt); }
.arc-app--tatreez .arc-app__store--solid{ background:var(--tatreez); color:#fff; border-color:var(--tatreez); }
.arc-app--tatreez .arc-app__store--solid:hover{ background:var(--tatreezlt); }
.arc-app__store svg{ width:1rem; height:1rem; }

@media (max-width: 639px){
  .arc-pager{ grid-template-columns:1fr; }
  .arc-pager__card.is-empty{ display:none; }
  .arc-pager__card--next{ text-align:start; align-items:flex-start; }
}

.nk-doors{
  display:grid; gap:1rem;
  grid-template-columns:1fr;
}
@media(min-width:768px){ .nk-doors{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.nk-doors .aq-door{ min-height:15.5rem; }
button.aq-door{
  width:100%; padding:0; border:0; text-align:inherit; cursor:pointer;
  font:inherit; color:#fff; background:transparent;
}
.nk-doors .aq-door__body h3{
  color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.55);
}
.nk-doors-tagline{
  margin-top:2.5rem; padding-top:2rem;
  border-top:1px solid rgba(27,36,22,.08);
}
.nk-doors-tagline p{
  font-family:"Noto Naskh Arabic",serif; color:var(--olive);
  font-size:clamp(1.15rem,1rem + .5vw,1.45rem); line-height:1.85;
}

/* معنى النكبة — بطاقة بين المقدمة والأبواب */
.nk-meaning{ margin-top:2.5rem; }
@media(min-width:768px){ .nk-meaning{ margin-top:3.25rem; } }
.nk-meaning__card{
  display:grid; gap:1.75rem 2.5rem; align-items:center;
  padding:1.75rem 1.5rem 1.85rem;
  background:linear-gradient(135deg,rgba(242,238,227,.92) 0%,rgba(255,255,255,.98) 55%,rgba(242,238,227,.85) 100%);
  border:1px solid rgba(27,36,22,.08); border-radius:1.35rem;
  border-inline-start:4px solid var(--tatreez);
  box-shadow:0 18px 48px rgba(26,34,20,.06);
}
@media(min-width:768px){
  .nk-meaning__card{
    grid-template-columns:minmax(9rem,11rem) 1fr;
    padding:2rem 2.25rem 2.1rem; gap:2rem 3rem;
  }
}
.nk-meaning__figures{
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
}
@media(min-width:768px){
  .nk-meaning__figures{ grid-template-columns:1fr; gap:1.35rem; }
}
.nk-meaning__fig{
  padding:1rem .85rem 1.05rem; text-align:center;
  background:rgba(255,255,255,.72); border-radius:1rem;
  border:1px solid rgba(27,36,22,.06);
}
.nk-meaning__fig b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.85rem,1.5rem + 1vw,2.35rem); line-height:1.1; color:var(--tatreez);
}
.nk-meaning__fig span{
  display:block; margin-top:.45rem; font-size:.78rem; line-height:1.65; color:var(--muted);
}
.nk-meaning__lead{
  margin-top:.85rem; font-family:"Noto Naskh Arabic",serif;
  font-size:clamp(1.12rem,1rem + .45vw,1.35rem); line-height:2.05; color:var(--ink); text-align:justify;
}
.nk-meaning__context{
  margin-top:1rem; padding-top:1rem;
  border-top:1px solid rgba(27,36,22,.08);
  font-size:1rem; line-height:2; color:rgba(26,34,20,.72); text-align:justify;
}
.nk-meaning__context .num{ font-weight:700; color:var(--tatreez); }

.nk-meaning__stats-wrap{ margin-top:1.75rem; }
@media(min-width:768px){ .nk-meaning__stats-wrap{ margin-top:2.25rem; } }
.nk-meaning__stats{
  display:grid; gap:1rem; margin-top:1.15rem;
}
@media(min-width:640px){
  .nk-meaning__stats{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; }
}
@media(min-width:1024px){
  .nk-meaning__stats{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.15rem; }
}
.nk-meaning__stat{
  padding:1.2rem 1.25rem 1.3rem;
  background:linear-gradient(145deg,rgba(255,255,255,.96) 0%,rgba(242,238,227,.88) 100%);
  border:1px solid rgba(27,36,22,.08); border-radius:1.15rem;
  border-inline-start:3px solid var(--tatreez);
  box-shadow:0 10px 28px rgba(26,34,20,.04);
}
.nk-meaning__stat b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(2rem,1.6rem + 1.2vw,2.65rem); line-height:1; color:var(--tatreez);
}
.nk-meaning__stat h3{
  margin-top:.55rem; font-family:var(--font-title); font-weight:700;
  font-size:1rem; line-height:1.65; color:var(--ink);
}
.nk-meaning__stat p{
  margin-top:.45rem; font-size:.86rem; line-height:1.85; color:rgba(26,34,20,.68); text-align:justify;
}
@media(min-width:1024px){
  .nk-meaning__stat:first-child{ grid-column:1 / -1; }
  .nk-meaning__stat:first-child{
    display:grid; grid-template-columns:auto 1fr; gap:.35rem 1.25rem; align-items:start;
    padding:1.35rem 1.5rem 1.45rem;
  }
  .nk-meaning__stat:first-child b{ grid-row:1 / span 2; font-size:clamp(2.4rem,2rem + 1.5vw,3.1rem); }
  .nk-meaning__stat:first-child h3{ margin-top:0; font-size:1.08rem; }
  .nk-meaning__stat:first-child p{ grid-column:2; margin-top:0; }
}

.nk-invite{ width:100%; max-width:none; }
.nk-invite h2{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.85rem,1.3rem + 1.6vw,2.65rem); line-height:1.45; margin-top:.75rem;
}
.nk-invite__lead{
  margin-top:1.15rem; font-size:1.08rem; line-height:2; color:rgba(26,34,20,.78); text-align:justify;
}
.nk-invite__sayings{
  display:flex; flex-direction:column; gap:.85rem; margin:1.75rem 0 0;
}
.nk-invite__sayings li{
  padding:1.05rem 1.15rem 1.1rem; background:#fff;
  border:1px solid rgba(27,36,22,.08); border-radius:1.15rem;
  border-inline-start:3px solid var(--tatreez);
}
.nk-invite__sayings b{
  display:block; font-family:var(--font-title); font-weight:700; font-size:1.05rem; color:var(--ink);
}
.nk-invite__sayings span{
  display:block; margin-top:.35rem; font-size:.88rem; line-height:1.8; color:var(--muted);
}
.nk-invite .arc-app{ margin-top:1.75rem; }
.nk-invite .art-app{
  padding-bottom:1.35rem;
}
@media(min-width:768px){
  .nk-invite .art-app{
    padding:1.45rem 2rem 1.45rem 20px;
  }
  .nk-invite .art-app__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(11rem,36%);
    align-items:center;
    gap:1rem 1.5rem;
  }
  .nk-invite .art-app__float{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    transform:none;
    width:100%;
    height:13.5rem;
    max-width:none;
    margin:0;
    grid-column:2;
    grid-row:1;
  }
  .nk-invite .art-app__content{
    grid-column:1;
    grid-row:1;
  }
  [dir="rtl"] .nk-invite .art-app__float{
    justify-self:end;
  }
  [dir="ltr"] .nk-invite .art-app__float{
    justify-self:start;
  }
}
@media(min-width:1024px){
  .nk-invite .art-app__grid{
    grid-template-columns:minmax(0,1fr) minmax(12rem,38%);
  }
  .nk-invite .art-app__float{
    height:14.5rem;
  }
}
.nk-invite .art-app__float .dl-phone{
  border-radius:1.7rem;
  overflow:hidden;
}
.nk-invite .art-app__float .dl-phone img{
  border-radius:1.25rem;
}

/* ===== أكورديون أبواب/أقسام النكبة ===== */
.nk-acc-group{ display:flex; flex-direction:column; }
.nk-acc{ position:relative; }
.nk-acc + .nk-acc{ margin-top:.75rem; }

.nk-acc__head{ display:flex; align-items:stretch; gap:.5rem; }

.nk-acc__btn{
  display:flex; align-items:center; gap:1rem; flex:1; min-width:0; text-align:start; cursor:pointer;
  background:#fff; border:1px solid rgba(27,36,22,.08); border-radius:1.1rem; padding:1.05rem 1.2rem;
  position:relative; overflow:hidden; z-index:1;
  transition:border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.nk-acc__btn::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px;
  background:var(--tatreez); transform:scaleY(0); transition:transform .4s var(--ease);
}
.nk-acc__btn:hover{ box-shadow:0 18px 40px -28px rgba(27,36,22,.3); }
.nk-acc.open > .nk-acc__head > .nk-acc__btn{ border-color:transparent; box-shadow:0 18px 40px -28px rgba(27,36,22,.3); }
.nk-acc.open > .nk-acc__head > .nk-acc__btn::before,.nk-acc__btn:hover::before{ transform:scaleY(1); }

.nk-acc__icon{
  width:2.9rem; height:2.9rem; border-radius:.85rem; flex:none; overflow:hidden;
  background:var(--leaf); display:grid; place-items:center; transition:transform .5s var(--ease);
}
.nk-acc.open > .nk-acc__head > .nk-acc__btn .nk-acc__icon{ transform:rotate(-4deg) scale(1.05); }
.nk-acc__icon img{ width:100%; height:100%; object-fit:cover; }
.nk-acc__no{ font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:1.05rem; color:var(--tatreez); }

.nk-acc__title{ flex:1; min-width:0; line-height:1.5; }
.nk-acc__title b{ display:block; font-family:var(--font-title); font-weight:600; font-size:.95rem; color:var(--ink); }
.nk-acc__title i{ font-style:normal; font-size:.72rem; color:var(--muted); }

.nk-acc__plus{ width:1.9rem; height:1.9rem; flex:none; border-radius:999px; position:relative; background:var(--leaf); transition:background-color .35s var(--ease),transform .45s var(--ease); }
.nk-acc__plus::before,.nk-acc__plus::after{ content:""; position:absolute; inset:0; margin:auto; background:var(--muted); transition:background-color .35s; }
.nk-acc__plus::before{ width:.7rem; height:2px; }
.nk-acc__plus::after{ width:2px; height:.7rem; }
.nk-acc.open > .nk-acc__head > .nk-acc__btn .nk-acc__plus{ background:var(--tatreez); transform:rotate(45deg); }
.nk-acc.open > .nk-acc__head > .nk-acc__btn .nk-acc__plus::before,
.nk-acc.open > .nk-acc__head > .nk-acc__btn .nk-acc__plus::after{ background:#fff; }

.nk-acc__standalone{
  width:2.9rem; flex:none; display:grid; place-items:center; border-radius:1.1rem;
  background:#fff; border:1px solid rgba(27,36,22,.08); color:var(--muted);
  transition:color .3s,border-color .3s,background-color .3s;
}
.nk-acc__standalone svg{ width:1rem; height:1rem; }
.nk-acc__standalone:hover{ color:var(--tatreez); border-color:var(--tatreez); background:rgba(196,58,56,.06); }

.nk-acc__panel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--ease); }
.nk-acc.open > .nk-acc__panel{ grid-template-rows:1fr; }
.nk-acc__panel-in{ overflow:hidden; min-height:0; }
.nk-acc__panel-in > .rich-text{ padding:1.3rem .3rem .4rem; }
.nk-acc__panel-in > p{ padding:1rem .3rem; }

.nk-acc__panel-in .nk-acc{ margin-inline-start:1.3rem; margin-top:.6rem; }
.nk-acc__panel-in .nk-acc:first-child{ margin-top:1rem; }
.nk-acc__panel-in .nk-acc .nk-acc__btn{ background:var(--leaf); border-color:transparent; padding:.85rem 1rem; }
.nk-acc__panel-in .nk-acc .nk-acc__btn:hover{ box-shadow:none; background:#fff; }
.nk-acc__panel-in .nk-acc .nk-acc__icon{ width:2.3rem; height:2.3rem; }
.nk-acc__panel-in .nk-acc .nk-acc__no{ font-size:.9rem; }
.nk-acc__panel-in .nk-acc .nk-acc__standalone{ width:2.3rem; border-radius:.9rem; }
.nk-acc__panel-in .nk-acc .nk-acc__standalone svg{ width:.85rem; height:.85rem; }

@media(max-width:640px){
  .nk-acc__panel-in .nk-acc{ margin-inline-start:.6rem; }
}

/* ===== الشريط الجانبي — ملف النكبة ===== */
.nk-side{ display:flex; flex-direction:column; gap:1.25rem; }
.nk-side-card{
  background:#fff; border:1px solid rgba(27,36,22,.08); border-radius:1.1rem; padding:1.1rem;
}
.nk-side-card__title{
  font-family:"Reem Kufi",sans-serif; font-weight:600; font-size:.85rem; color:var(--olive);
  margin-bottom:.75rem;
}

.nk-search{
  display:flex; align-items:center; gap:.6rem; border:1px solid rgba(27,36,22,.14); border-radius:.8rem;
  padding:.6rem .9rem; color:var(--muted); transition:border-color .3s;
}
.nk-search:focus-within{ border-color:var(--tatreez); color:var(--ink); }
.nk-search input{ border:0; outline:0; background:none; width:100%; font-size:.88rem; color:var(--ink); }
.nk-search input::placeholder{ color:var(--muted); }
.nk-search__results{
  position:relative; margin-top:.6rem; border-top:1px dashed rgba(27,36,22,.1); padding-top:.6rem;
  max-height:16rem; overflow-y:auto; display:flex; flex-direction:column; gap:.15rem;
}
.nk-search__item{ display:block; padding:.5rem .6rem; border-radius:.6rem; transition:background-color .2s; }
.nk-search__item:hover{ background:rgba(239,231,210,.6); }
.nk-search__item b{ display:block; font-size:.85rem; font-weight:600; color:var(--ink); }
.nk-search__item i{ display:block; font-style:normal; font-size:.7rem; color:var(--muted); margin-top:.15rem; }
.nk-search__empty{ font-size:.8rem; color:var(--muted); padding:.4rem .6rem; }

#nk-tree,#aq-tree{ max-height:26rem; overflow-y:auto; }
.nk-tree__list{ display:flex; flex-direction:column; }
.nk-tree__list .nk-tree__list{ padding-inline-start:1.2rem; margin-top:.15rem; }
.nk-tree__item{ border-top:1px solid rgba(27,36,22,.06); }
.nk-tree > .nk-tree__list > .nk-tree__item:first-child{ border-top:0; }
.nk-tree__row{ display:flex; align-items:center; gap:.4rem; }
.nk-tree__toggle{
  width:1.5rem; height:1.5rem; flex:none; display:grid; place-items:center; color:var(--muted);
}
.nk-tree__toggle svg{ width:.85rem; height:.85rem; transition:transform .3s var(--ease); }
.nk-tree__toggle.open svg{ transform:rotate(90deg); }
.nk-tree__spacer{ width:1.5rem; flex:none; }
.nk-tree__link{
  flex:1; display:flex; align-items:center; gap:.5rem; padding:.5rem .3rem; min-width:0;
  font-size:.85rem; color:var(--ink); line-height:1.5; border-radius:.5rem; transition:color .2s,background-color .2s;
}
.nk-tree__link:hover{ color:var(--tatreez); background:rgba(239,231,210,.5); }
.nk-tree__link span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nk-tree__link--active{ color:var(--tatreez); font-weight:600; background:rgba(196,58,56,.08); }
.nk-tree__children{ display:none; }
.nk-tree__children.open{ display:block; animation:fadeIn .3s var(--ease); }

.nk-return{
  display:flex; align-items:center; gap:.6rem; padding:.85rem 1.1rem; border-radius:1.1rem;
  background:var(--leaf); border:1px solid rgba(27,36,22,.08); font-family:"Reem Kufi",sans-serif;
  font-weight:600; font-size:.85rem; color:var(--olive); transition:background-color .3s,transform .3s var(--ease);
}
.nk-return:hover{ background:#fff; transform:scale(1.015); }
.nk-return__icon{ width:1.5rem; height:1.5rem; flex:none; animation:sway 7s ease-in-out infinite; }

.nk-other-links{ display:flex; flex-direction:column; gap:.2rem; }
.nk-other-links a{
  display:flex; align-items:center; gap:.75rem; padding:.6rem .5rem; border-radius:.7rem;
  transition:background-color .2s;
}
.nk-other-links a:hover{ background:rgba(239,231,210,.5); }
.nk-other-links__icon{ width:2.3rem; height:2.3rem; flex:none; display:grid; place-items:center; color:var(--tatreez); }
.nk-other-links__icon img,.nk-other-links__icon svg{ width:100%; height:100%; object-fit:contain; }
.nk-other-links__body{ min-width:0; }
.nk-other-links__body b{ display:block; font-family:"Reem Kufi",sans-serif; font-weight:600; font-size:.85rem; color:var(--ink); }
.nk-other-links__body span{ display:block; font-size:.7rem; color:var(--muted); margin-top:.1rem; }

.nk-app-card{
  position:relative; isolation:isolate; overflow:hidden;
  margin-top:.35rem; padding:1.35rem 1.2rem 1.25rem;
  border-radius:1.25rem; color:#fff; text-align:center;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(196,163,90,.22), transparent 58%),
    radial-gradient(90% 80% at 0% 100%, rgba(142,26,26,.18), transparent 52%),
    var(--night);
  border:1px solid rgba(196,163,90,.18);
  box-shadow:0 18px 36px -24px rgba(27,36,22,.45);
}
.nk-app-card::before{
  content:""; position:absolute; inset-inline:1rem; top:0; height:3px; z-index:2;
  background-image:repeating-linear-gradient(to left,var(--gold) 0 10px,transparent 10px 18px);
}
.nk-app-card__motif{
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background-color:rgba(239,233,220,.045);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:72px 72px; mask-size:72px 72px;
}
.nk-app-card__glow{
  position:absolute; inset-inline-end:-2rem; top:-1rem;
  width:9rem; height:9rem; border-radius:999px;
  background:radial-gradient(circle,rgba(196,163,90,.18),transparent 70%);
  pointer-events:none;
}
.nk-app-card__head,
.nk-app-card__lead,
.nk-app-card__phone,
.nk-app-card__phones,
.nk-app-card__stores,
.nk-app-card__more{ position:relative; z-index:1; }
.nk-app-card__head{
  display:flex; align-items:center; gap:.85rem; text-align:start;
}
.nk-app-card__logo{
  width:3.5rem; height:3.5rem; flex:none;
  border-radius:1rem; overflow:hidden; background:#fff; padding:.5rem;
  box-shadow:0 10px 20px -14px rgba(0,0,0,.45);
}
.nk-app-card__logo img{ width:100%; height:100%; object-fit:contain; }
.nk-app-card__titles{ min-width:0; flex:1; }
.nk-app-card__kicker{
  margin:0; font-size:.72rem; font-weight:600; color:var(--gold-lt);
  letter-spacing:.02em;
}
.nk-app-card__titles b{
  display:block; margin-top:.2rem;
  font-family:"Reem Kufi",sans-serif; font-size:1.15rem; font-weight:700; line-height:1.35;
}
.nk-app-card__lead{
  margin:1rem 0 0; text-align:start;
  font-size:.86rem; line-height:1.75; color:rgba(239,233,220,.78);
}
.nk-app-card__phone{
  --dl-w:5rem;
  width:var(--dl-w);
  height:auto;
  aspect-ratio:9/16;
  margin:.85rem auto .9rem;
  padding:5px;
  border-radius:1.25rem;
  overflow:hidden;
  box-shadow:
    0 22px 36px -16px rgba(8,12,6,.78),
    0 0 0 1px rgba(196,163,90,.45),
    inset 0 0 0 1.5px rgba(196,163,90,.42);
}
.nk-app-card__phone img{
  object-fit:cover;
  object-position:top center;
  border-radius:.95rem;
}
.nk-app-card__phone .dl-phone__notch{
  top:8px; height:6px;
}
.nk-app-card__phones.dl-float{
  height:150px;
  max-height:150px;
  width:min(100%,11.75rem);
  max-width:11.75rem;
  margin:.85rem auto .75rem;
}
.nk-app-card__phones.dl-float .dl-phone{
  top:.35rem;
  padding:4px;
  margin:0;
  border-radius:1.1rem;
  overflow:hidden;
}
.nk-app-card__phones.dl-float .dl-phone img{
  border-radius:.82rem;
}
.nk-app-card__phones.dl-float .dl-float__b{
  border-radius:1.15rem;
}
.nk-app-card__phones.dl-float .dl-float__b img{
  border-radius:.88rem;
}
.nk-app-card__phones.dl-float .dl-float__a{
  inset-inline-start:.2rem;
  transform:rotate(-14deg) translateY(.35rem);
  z-index:1;
  --dl-w:3.55rem;
  filter:brightness(.92) saturate(.95);
}
.nk-app-card__phones.dl-float .dl-float__c{
  inset-inline-end:.2rem;
  transform:rotate(14deg) translateY(.35rem);
  z-index:1;
  --dl-w:3.55rem;
  filter:brightness(.92) saturate(.95);
}
.nk-app-card__phones.dl-float .dl-float__b{
  left:50%;
  top:0;
  z-index:3;
  --dl-w:4.35rem;
  transform:translateX(-50%);
  box-shadow:
    0 22px 34px -16px rgba(8,12,6,.78),
    0 0 0 1px rgba(196,163,90,.55),
    inset 0 0 0 1.5px rgba(196,163,90,.5);
  animation:dl-bob 5.2s ease-in-out infinite;
}
.nk-app-card__phones.dl-float .dl-phone__notch{
  top:7px; height:5px;
}
@media (prefers-reduced-motion: reduce){
  .nk-app-card__phones.dl-float .dl-float__b{ animation:none; }
}
.nk-app-card__stores{
  display:grid; grid-template-columns:1fr; gap:.5rem;
}
@media(min-width:420px){
  .nk-app-card__stores{ grid-template-columns:1fr 1fr; }
}
.nk-app-card__store{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  min-height:2.65rem; padding:.65rem .55rem; border-radius:.85rem;
  background:var(--gold); color:var(--ink);
  font-weight:700; font-size:.78rem; line-height:1.25;
  cursor:pointer;
  transition:transform .3s var(--ease), background .25s, box-shadow .25s;
}
.nk-app-card__store svg{ width:1rem; height:1rem; flex:none; }
.nk-app-card__store:hover{
  background:var(--gold-lt); transform:translateY(-2px);
  box-shadow:0 10px 18px -12px rgba(196,163,90,.55);
}
.nk-app-card__store--light{
  background:#fff; color:var(--ink);
}
.nk-app-card__store--light:hover{ background:var(--linen); }
.nk-app-card__more{
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  width:100%; margin-top:.85rem; padding:.55rem .75rem;
  border:0; background:transparent; color:rgba(239,233,220,.72);
  font-size:.82rem; font-weight:600; cursor:pointer;
  transition:color .25s, gap .3s var(--ease);
}
.nk-app-card__more svg{ width:.95rem; height:.95rem; }
.nk-app-card__more:hover{ color:#fff; gap:.65rem; }

@media(max-width:1023px){
  .nk-side{ margin-top:2.5rem; }
}

/* ===== بطاقات الأقضية والقرى ===== */
.vg-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr)); gap:1.25rem; }

.vg-city-card{
  display:block; background:#fff; border:1px solid rgba(27,36,22,.08); border-radius:1.2rem; overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.vg-city-card:hover{ transform:translateY(-5px); box-shadow:0 26px 50px -28px rgba(27,36,22,.4); }
.vg-city-card__media{ position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--leaf); }
.vg-city-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.vg-city-card:hover .vg-city-card__media img{ transform:scale(1.08); }
.vg-city-card__badge{
  position:absolute; top:.8rem; inset-inline-end:.8rem; background:rgba(18,26,15,.75); backdrop-filter:blur(4px);
  color:#fff; font-family:"Reem Kufi",sans-serif; font-size:.72rem; padding:.3rem .75rem; border-radius:999px;
}
.vg-city-card__body{ padding:1.1rem 1.2rem; }
.vg-city-card__body b{ display:block; font-family:var(--font-title); font-weight:700; font-size:1.05rem; color:var(--ink); }
.vg-city-card__body p{
  font-size:.78rem; color:var(--muted); margin-top:.4rem; line-height:1.7;
  overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

.vg-village-card{
  display:flex; align-items:center; gap:1rem; background:#fff; border:1px solid rgba(27,36,22,.08);
  border-radius:1.1rem; padding:.85rem; overflow:hidden; transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.vg-village-card:hover{ transform:translateY(-3px); box-shadow:0 20px 40px -26px rgba(27,36,22,.35); }
.vg-village-card__media{
  width:4.5rem; height:4.5rem; border-radius:.9rem; overflow:hidden; flex:none;
  background:var(--leaf); display:grid; place-items:center;
}
.vg-village-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.vg-village-card:hover .vg-village-card__media img{ transform:scale(1.1); }
.vg-village-card__body{ flex:1; min-width:0; }
.vg-village-card__body b{
  display:block; font-family:var(--font-title); font-weight:600; font-size:.92rem; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.vg-village-card__meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:.2rem .7rem;
  margin-top:.28rem; font-size:.75rem; color:var(--muted);
}
.vg-village-card__meta i{ font-style:normal; }
.vg-village-card__meta time{
  font-variant-numeric:tabular-nums; letter-spacing:.01em;
}
.vg-village-card__go{
  width:1.9rem; height:1.9rem; flex:none; border-radius:999px; display:grid; place-items:center;
  color:var(--muted); background:var(--leaf); transition:.35s var(--ease);
}
.vg-village-card:hover .vg-village-card__go{ background:var(--tatreez); color:#fff; }
.vg-village-card__go svg{ width:.85rem; height:.85rem; }

.vg-fact{
  display:flex; align-items:center; gap:.5rem; padding:.6rem 1rem; background:#fff; border:1px solid rgba(27,36,22,.08);
  border-radius:.9rem; font-size:.8rem; color:var(--ink);
}
.vg-fact b{ font-family:"Reem Kufi",sans-serif; font-weight:600; }
.vg-fact span{ color:var(--muted); }

.vg-pager{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:2.5rem; }
.vg-pager__btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.65rem 1.2rem; border-radius:.9rem;
  border:1px solid rgba(27,36,22,.14); font-size:.85rem; color:var(--ink); transition:.3s var(--ease);
}
.vg-pager__btn:hover{ border-color:var(--tatreez); color:var(--tatreez); }
.vg-pager__btn[aria-disabled="true"]{ opacity:.35; pointer-events:none; }
.vg-pager__info{ font-size:.8rem; color:var(--muted); }

/* ===== صفحة المدينة: رأس مضغوط + تبويبات ===== */
.ct-head{
  display:flex; align-items:center; gap:.9rem;
  margin-top:.85rem; margin-bottom:1.1rem;
}
.ct-head__media{
  width:3.6rem; height:3.6rem; border-radius:.85rem; overflow:hidden; flex:none;
  background:var(--leaf); border:1px solid rgba(27,36,22,.08);
}
.ct-head__media img{ width:100%; height:100%; object-fit:cover; }
.ct-head__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:.45rem .7rem; margin-top:.35rem; }
.ct-head__chip{
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.75rem; color:var(--muted); background:var(--leaf);
  border:1px solid rgba(27,36,22,.08); border-radius:999px; padding:.2rem .7rem;
}

.ct-tabs{
  display:flex; flex-wrap:wrap; gap:.35rem;
  padding:.3rem; background:var(--leaf);
  border:1px solid rgba(27,36,22,.08); border-radius:1rem;
  margin-bottom:1.35rem;
}
.ct-tab{
  appearance:none; background:none; border:0; cursor:pointer; font:inherit;
  font-family:"Reem Kufi",sans-serif; font-weight:600; font-size:.88rem;
  color:var(--muted); padding:.7rem 1rem; border-radius:.8rem;
  display:inline-flex; align-items:center; justify-content:center; gap:.45rem;
  flex:1; min-width:min(100%, 10rem); transition:color .25s,background .25s,box-shadow .25s;
}
.ct-tab:hover{ color:var(--olive); background:rgba(255,255,255,.55); }
.ct-tab.active{
  color:var(--tatreez); background:#fff;
  box-shadow:0 8px 22px -16px rgba(27,36,22,.45);
}
.ct-tab__count{
  font-size:.68rem; font-weight:700; color:var(--tatreez);
  background:rgba(142,26,26,.08); border-radius:999px; padding:.12rem .5rem;
}
.ct-tab.active .ct-tab__count{ background:rgba(142,26,26,.12); }

.nk-side-map{
  padding:.85rem 0 .75rem;
}
.nk-side-map .nk-side-card__title{
  padding-inline:1.1rem; margin-bottom:.4rem;
}
.nk-side-map #map-box{
  display:block; background:var(--leaf);
  border-radius:0; padding:0;
}
.nk-side-map #map-box svg{
  width:100%; height:auto; max-width:none; display:block;
}
.nk-side-map__hint{
  font-size:.72rem; color:var(--muted); text-align:center;
  margin-top:.5rem; padding-inline:1.1rem;
}

.nk-other-links a[aria-current="page"]{
  background:var(--leaf);
}
.nk-other-links a[aria-current="page"] b{ color:var(--tatreez); }

/* ===== سجل المجازر ===== */
.ms-page{
  position:relative; overflow:hidden;
  background:
    radial-gradient(1200px 520px at 80% -10%,rgba(142,26,26,.28),transparent 58%),
    radial-gradient(900px 420px at 0% 30%,rgba(18,24,14,.9),transparent 55%),
    var(--night);
  color:var(--linen);
}
.ms-page::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
.ms-hero{ position:relative; padding:5.5rem 0 2.5rem; }
@media(min-width:768px){ .ms-hero{ padding:6.5rem 0 3rem; } }
.ms-hero__veil{
  position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,1fr); opacity:.22;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 92%);
}
.ms-hero__veil span{
  background-size:cover; background-position:center;
  filter:grayscale(1) contrast(1.15) brightness(.55);
}
.ms-hero > .max-w-\[1320px\]{ position:relative; z-index:1; }
.ms-hero__head{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;
  gap:1.5rem 2.5rem; margin-top:1.25rem;
}
.ms-hero__intro{ flex:1 1 22rem; min-width:min(100%, 22rem); }
.ms-hero__aside{
  display:flex; flex-direction:column; align-items:stretch; gap:1.15rem;
  flex:0 1 auto; min-width:min(100%, 18rem);
}
@media(min-width:1024px){
  .ms-hero__aside{
    border-inline-start:1px solid rgba(239,233,220,.12);
    padding-inline-start:1.75rem;
  }
}
.ms-hero__quote{
  max-width:38rem; margin-top:1.15rem;
  font-size:1.2rem; line-height:2; color:rgba(239,233,220,.72);
}
.ms-hero__stats{
  display:grid; gap:1rem 1.5rem;
  flex:0 1 auto; min-width:min(100%, 11rem);
}
@media(min-width:768px){
  .ms-hero__stats{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem 1.75rem; }
}
.ms-hero__stats div{ min-width:7rem; }
.ms-hero__search{ width:100%; min-width:0; }
.ms-hero__stats b{
  display:block; font-family:"Reem Kufi",sans-serif; font-size:1.55rem; font-weight:700; color:#fff; line-height:1.2;
}
.ms-hero__stats span{ display:block; margin-top:.25rem; font-size:.78rem; color:rgba(239,233,220,.5); }

.ms-toolbar{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:1rem; margin-bottom:1.75rem;
}
.ms-eras{
  display:flex; flex-wrap:nowrap; gap:.45rem; overflow-x:auto; padding-bottom:.2rem;
  scrollbar-width:thin;
}
.ms-era{
  display:inline-flex; align-items:center; gap:.4rem; flex:none;
  padding:.45rem .9rem; border-radius:999px;
  border:1px solid rgba(239,233,220,.14); color:rgba(239,233,220,.78);
  font-size:.82rem; white-space:nowrap; transition:.3s var(--ease);
}
.ms-era i{ font-style:normal; font-size:.72rem; color:rgba(239,233,220,.42); }
.ms-era:hover{ border-color:rgba(196,58,56,.55); color:#fff; }
.ms-era.is-active{
  background:var(--tatreez); border-color:var(--tatreez); color:#fff;
}
.ms-era.is-active i{ color:rgba(255,255,255,.7); }
.ms-search{
  display:flex; align-items:center; gap:.65rem; min-width:min(100%,18rem);
  padding:.55rem .95rem; border-radius:999px;
  border:1px solid rgba(239,233,220,.14); background:rgba(255,255,255,.04);
}
.ms-search svg{ flex:none; color:rgba(239,233,220,.45); }
.ms-search input{
  flex:1; min-width:0; background:transparent; border:0; outline:none;
  color:#fff; font-size:.88rem;
}
.ms-search input::placeholder{ color:rgba(239,233,220,.38); }

.ms-grid{
  display:grid; grid-template-columns:1fr; gap:1rem;
}
@media(min-width:700px){
  .ms-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1100px){
  .ms-grid{ grid-template-columns:repeat(3,1fr); }
}
.ms-card{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  border-radius:1.15rem; background:rgba(255,255,255,.035);
  border:1px solid rgba(239,233,220,.08);
  min-height:100%;
  transition:transform .5s var(--ease), border-color .4s var(--ease), background .4s var(--ease);
}
.ms-card::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px; z-index:2;
  background:var(--tatreez); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease);
}
.ms-card:hover{ transform:translateY(-4px); border-color:rgba(196,58,56,.45); background:rgba(142,26,26,.12); }
.ms-card:hover::before{ transform:scaleY(1); }
.ms-card--lead{ grid-column:1 / -1; display:grid; grid-template-columns:1fr; min-height:22rem; }
@media(min-width:900px){
  .ms-card--lead{ grid-template-columns:1.15fr .85fr; }
}
.ms-card__media{
  position:relative; aspect-ratio:16/10; overflow:hidden; background:#1a140f;
}
.ms-card--lead .ms-card__media{ aspect-ratio:auto; min-height:16rem; height:100%; }
.ms-card__media img{
  width:100%; height:100%; object-fit:cover;
  filter:grayscale(1) contrast(1.08) brightness(.78);
  transition:transform 1s var(--ease), filter .7s var(--ease);
}
.ms-card:hover .ms-card__media img{ transform:scale(1.06); filter:grayscale(.35) contrast(1.05) brightness(.9); }
.ms-card__void{
  display:grid; place-items:center; height:100%; min-height:10rem; color:rgba(239,233,220,.22);
}
.ms-card__void svg{ width:2.4rem; height:2.4rem; }
.ms-card__year{
  position:absolute; inset-inline-end:.85rem; bottom:.7rem; z-index:1;
  font-family:"Reem Kufi",sans-serif; font-size:1.55rem; font-weight:700; line-height:1;
  color:rgba(255,255,255,.82); text-shadow:0 10px 24px rgba(0,0,0,.55);
}
.ms-card__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(18,24,14,.72),transparent 55%);
}
.ms-card__body{
  display:flex; flex-direction:column; gap:.45rem; padding:1.05rem 1.15rem 1.15rem; flex:1;
}
.ms-card--lead .ms-card__body{ justify-content:center; padding:1.5rem 1.4rem; }
.ms-card__body time{
  font-family:"Reem Kufi",sans-serif; font-size:.82rem; font-weight:700; color:var(--tatreez-lt);
}
.ms-card__body b{
  display:block; font-family:var(--font-title); font-weight:700;
  font-size:1.08rem; color:#fff; line-height:1.6;
}
.ms-card--lead .ms-card__body b{ font-size:1.55rem; }
.ms-card__body p{
  color:rgba(239,233,220,.58); font-size:.88rem; line-height:1.85;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.ms-card--lead .ms-card__body p{ -webkit-line-clamp:4; font-size:.95rem; }
.ms-card__foot{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  margin-top:auto; padding-top:.85rem;
  border-top:1px solid rgba(239,233,220,.08);
  color:rgba(239,233,220,.45); font-size:.78rem;
}
.ms-card__foot i{ font-style:normal; color:var(--tatreez-lt); font-weight:600; }
.ms-card__foot svg{ flex:none; }

.ms-pager{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:2.25rem;
}
.ms-pager__btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.65rem 1.2rem; border-radius:.9rem;
  border:1px solid rgba(239,233,220,.16); font-size:.85rem; color:var(--linen); transition:.3s var(--ease);
}
.ms-pager__btn:hover{ border-color:var(--tatreez-lt); color:#fff; }
.ms-pager__btn[aria-disabled="true"]{ opacity:.35; pointer-events:none; }
.ms-pager__info{ font-size:.8rem; color:rgba(239,233,220,.45); }
.ms-empty{ color:rgba(239,233,220,.55); margin-top:3rem; text-align:center; }

.ms-page .eyebrow .stitch{ background:var(--tatreez-lt); }

/* ===== أرشيف المخيمات ===== */
.cp-page{
  position:relative; overflow:hidden;
  background:
    radial-gradient(900px 480px at 100% -8%,rgba(63,84,56,.12),transparent 55%),
    radial-gradient(700px 380px at 0% 20%,rgba(196,163,90,.1),transparent 50%),
    var(--leaf);
}
.cp-hero{ position:relative; padding:5.5rem 0 2.25rem; }
@media(min-width:768px){ .cp-hero{ padding:6.5rem 0 2.75rem; } }
.cp-hero__veil{
  position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,1fr); opacity:.14;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);
}
.cp-hero__veil span{
  background-size:cover; background-position:center;
  filter:grayscale(.35) saturate(.8) contrast(1.05);
}
.cp-hero__quote{
  margin-top:1rem; font-size:1.35rem; line-height:2; color:var(--olive);
}
.cp-hero__row{ margin-top:1.25rem; }
.cp-hero__row .es-hero__grid{ margin-top:0; }
@media(min-width:1100px){
  .cp-hero__row{
    display:grid; grid-template-columns:minmax(0,1fr) 16rem;
    gap:2rem; align-items:end;
  }
}
.cp-hero__handala{
  display:block; text-align:center; padding:.95rem 1rem .9rem; margin-top:1.5rem;
  background:var(--ink); color:#fff; border-radius:1.2rem;
}
.cp-hero__handala img{
  width:4.4rem; height:auto; margin-inline:auto;
  filter:brightness(0) invert(1); opacity:.95;
}
.cp-hero__handala span{
  display:block; margin-top:.7rem; font-size:.75rem; color:rgba(255,255,255,.5);
}
@media(min-width:1100px){
  .cp-hero__handala{ margin-top:0; padding:1.2rem 1rem 1rem; }
  .cp-hero__handala img{ width:5.4rem; }
  .cp-hero__handala span{ margin-top:.85rem; }
}
.cp-page .eyebrow .stitch{ background:var(--olive); }
.cp-page .es-hero__desc{ border-inline-start-color:rgba(63,84,56,.35); }
.cp-toolbar{ margin-bottom:1.9rem; }
.cp-toolbar .eyebrow{ margin-bottom:.95rem; }

.cp-grid{
  display:grid; grid-template-columns:1fr; gap:1.1rem;
}
@media(min-width:700px){ .cp-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .cp-grid{ grid-template-columns:repeat(3,1fr); } }
.cp-card{
  display:flex; flex-direction:column; overflow:hidden; min-height:100%;
  background:#fff; border-radius:1.15rem;
  border:1px solid rgba(27,36,22,.08);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s var(--ease);
}
.cp-card::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px;
  background:var(--olive); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease);
}
.cp-card{ position:relative; }
.cp-card:hover{
  transform:translateY(-4px); border-color:rgba(63,84,56,.28);
  box-shadow:0 22px 44px -28px rgba(27,36,22,.45);
}
.cp-card:hover::before{ transform:scaleY(1); }
.cp-card__media{
  position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--leaf);
}
.cp-card__media img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.85) contrast(1.04);
  transition:transform 1s var(--ease), filter .7s var(--ease);
}
.cp-card:hover .cp-card__media img{ transform:scale(1.06); filter:none; }
.cp-card__void{
  display:grid; place-items:center; height:100%; min-height:10rem; color:rgba(27,36,22,.22);
}
.cp-card__void svg{ width:2.4rem; height:2.4rem; }
.cp-card__place{
  position:absolute; inset-inline-start:.75rem; bottom:.7rem; z-index:1;
  padding:.22rem .65rem; border-radius:999px;
  background:rgba(18,24,14,.72); color:#fff; font-size:.72rem;
}
.cp-card__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(18,24,14,.45),transparent 52%);
}
.cp-card__body{
  display:flex; flex-direction:column; gap:.35rem; padding:1.05rem 1.15rem 1.15rem; flex:1;
}
.cp-card__body b{
  display:block; font-family:var(--font-title); font-weight:700;
  font-size:1.08rem; color:var(--ink); line-height:1.6;
}
.cp-card__body em{
  font-style:normal; font-size:.8rem; color:var(--olive);
}
.cp-card__body p{
  color:var(--muted); font-size:.86rem; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.cp-card__foot{
  display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .75rem;
  margin-top:auto; padding-top:.85rem;
  border-top:1px solid rgba(27,36,22,.08);
  font-size:.78rem; color:var(--muted);
}
.cp-card__foot i{ font-style:normal; font-weight:600; color:var(--olive); }
.cp-card__foot svg{ margin-inline-start:auto; flex:none; color:var(--ink); }

/* ===== أرشيف الأماكن الأثرية ===== */
.pl-page{
  position:relative;
  background:
    radial-gradient(900px 480px at 100% -8%,rgba(196,163,90,.16),transparent 55%),
    radial-gradient(700px 380px at 0% 24%,rgba(168,135,58,.08),transparent 50%),
    var(--linen);
}
.pl-hero{ position:relative; padding:5.5rem 0 2.25rem; }
@media(min-width:768px){ .pl-hero{ padding:6.5rem 0 2.75rem; } }
.pl-hero__veil{
  position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,1fr); opacity:.18;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.pl-hero__veil span{
  background-size:cover; background-position:center;
  filter:grayscale(.25) sepia(.22) contrast(1.05);
}
.pl-hero__quote{
  margin-top:1rem; font-size:1.35rem; line-height:2; color:var(--gold-dk);
}
.pl-page .eyebrow .stitch{ background:var(--gold-dk); }
.pl-page .es-hero__desc{ border-inline-start-color:rgba(168,135,58,.4); }
.pl-toolbar{ margin-bottom:1.9rem; }
.pl-toolbar .eyebrow{ margin-bottom:.95rem; }

.pl-grid{
  display:grid; grid-template-columns:1fr; gap:1.1rem;
}
@media(min-width:700px){ .pl-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .pl-grid{ grid-template-columns:repeat(3,1fr); } }
.pl-card{
  position:relative; display:flex; flex-direction:column; overflow:hidden; min-height:100%;
  background:#fff; border-radius:1.15rem;
  border:1px solid rgba(168,135,58,.16);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s var(--ease);
}
.pl-card::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px;
  background:var(--gold); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease);
}
.pl-card:hover{
  transform:translateY(-4px); border-color:rgba(168,135,58,.4);
  box-shadow:0 22px 44px -28px rgba(90,68,24,.45);
}
.pl-card:hover::before{ transform:scaleY(1); }
.pl-card__media{
  position:relative; aspect-ratio:16/10; overflow:hidden; background:#efe4c8;
}
.pl-card__media img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.88) sepia(.08) contrast(1.04);
  transition:transform 1s var(--ease), filter .7s var(--ease);
}
.pl-card:hover .pl-card__media img{ transform:scale(1.06); filter:none; }
.pl-card__void{
  display:grid; place-items:center; height:100%; min-height:10rem; color:rgba(168,135,58,.35);
}
.pl-card__void svg{ width:2.4rem; height:2.4rem; }
.pl-card__place{
  position:absolute; inset-inline-start:.75rem; bottom:.7rem; z-index:1;
  padding:.22rem .65rem; border-radius:999px;
  background:rgba(90,68,24,.78); color:#fff; font-size:.72rem;
}
.pl-card__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(58,42,12,.5),transparent 52%);
}
.pl-card__body{
  display:flex; flex-direction:column; gap:.35rem; padding:1.05rem 1.15rem 1.15rem; flex:1;
}
.pl-card__body b{
  display:block; font-family:var(--font-title); font-weight:700;
  font-size:1.08rem; color:var(--ink); line-height:1.6;
}
.pl-card__body p{
  color:var(--muted); font-size:.86rem; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.pl-card__foot{
  display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .75rem;
  margin-top:auto; padding-top:.85rem;
  border-top:1px solid rgba(168,135,58,.14);
  font-size:.78rem; color:var(--muted);
}
.pl-card__foot i{ font-style:normal; font-weight:600; color:var(--gold-dk); }
.pl-card__foot svg{ margin-inline-start:auto; flex:none; color:var(--ink); }

/* ===== أرشيف المقالات ===== */
.es-page{
  position:relative; overflow:hidden;
  background:
    radial-gradient(900px 480px at 100% -8%,rgba(142,26,26,.08),transparent 55%),
    radial-gradient(700px 380px at 0% 24%,rgba(26,34,20,.05),transparent 50%),
    var(--leaf);
}
.es-hero{ position:relative; padding:5.5rem 0 2.25rem; }
@media(min-width:768px){ .es-hero{ padding:6.5rem 0 2.75rem; } }
.es-hero__veil{
  position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,1fr); opacity:.16;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.es-hero__veil span{
  background-size:cover; background-position:center;
  filter:grayscale(.3) contrast(1.06);
}
.es-hero__quote{
  margin-top:1rem; font-size:1.35rem; line-height:2; color:var(--tatreez);
}
.es-page .eyebrow .stitch{ background:var(--tatreez); }

/* المقدّمة والبحث — تقابل العنوان في الجهة اليسرى من الهيرو */
.es-hero__grid{ display:grid; gap:2rem; margin-top:1.25rem; }
@media(min-width:1024px){
  .es-hero__grid{
    grid-template-columns:1fr minmax(0,28rem);
    align-items:end; gap:3.5rem;
  }
}
.es-hero__desc{
  padding-inline-start:1.1rem;
  border-inline-start:2px solid rgba(142,26,26,.35);
  font-size:.96rem; line-height:2.1; color:rgba(26,34,20,.72); text-align:justify;
}
.es-hero__lead .es-search{ width:100%; margin-top:1.2rem; }

.es-toolbar{ margin-bottom:1.9rem; }
.es-toolbar .eyebrow{ margin-bottom:.95rem; }
.es-filters{ display:flex; flex-wrap:wrap; gap:.55rem; }
.es-chip{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.52rem 1.05rem; border-radius:999px;
  border:1px solid rgba(26,34,20,.12); background:#fff; color:var(--ink);
  font-size:.86rem; font-weight:500; white-space:nowrap;
  transition:transform .3s var(--ease),background-color .3s,border-color .3s,color .3s,box-shadow .3s;
}
.es-chip i{
  font-style:normal; font-weight:700; font-size:.7rem; line-height:1;
  min-width:1.35rem; padding:.26rem .4rem; border-radius:999px; text-align:center;
  background:rgba(26,34,20,.06); color:var(--muted);
  transition:background-color .3s,color .3s;
}
.es-chip:hover{
  border-color:var(--tatreez); color:var(--tatreez);
  transform:translateY(-2px); box-shadow:0 14px 26px -20px rgba(27,36,22,.5);
}
.es-chip:hover i{ background:rgba(142,26,26,.1); color:var(--tatreez); }
.es-chip.is-active{ background:var(--ink); border-color:var(--ink); color:#fff; }
.es-chip.is-active i{ background:rgba(255,255,255,.16); color:#fff; }
.es-chip.is-active:hover{ background:var(--tatreez); border-color:var(--tatreez); }
.es-search{
  display:flex; align-items:center; gap:.65rem; min-width:min(100%,18rem);
  padding:.55rem .95rem; border-radius:999px;
  border:1px solid rgba(26,34,20,.12); background:#fff;
}
.es-search svg{ flex:none; color:var(--muted); }
.es-search input{
  flex:1; min-width:0; background:transparent; border:0; outline:none;
  color:var(--ink); font-size:.88rem;
}
.es-search input::placeholder{ color:var(--muted); }

.es-grid{
  display:grid; grid-template-columns:1fr; gap:1.1rem;
}
@media(min-width:700px){ .es-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .es-grid{ grid-template-columns:repeat(3,1fr); } }
.es-card{
  position:relative; display:flex; flex-direction:column; overflow:hidden; min-height:100%;
  background:#fff; border-radius:1.15rem;
  border:1px solid rgba(26,34,20,.08);
  transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s var(--ease);
}
.es-card::before{
  content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:3px;
  background:var(--tatreez); transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease);
}
.es-card:hover{
  transform:translateY(-4px); border-color:rgba(142,26,26,.28);
  box-shadow:0 22px 44px -28px rgba(26,34,20,.45);
}
.es-card:hover::before{ transform:scaleY(1); }
.es-card__media{
  position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--linen);
}
.es-card__media img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.88) contrast(1.04);
  transition:transform 1s var(--ease), filter .7s var(--ease);
}
.es-card:hover .es-card__media img{ transform:scale(1.06); filter:none; }
.es-card__void{
  display:grid; place-items:center; height:100%; min-height:10rem; color:rgba(26,34,20,.22);
}
.es-card__void svg{ width:2.4rem; height:2.4rem; }
.es-card__place{
  position:absolute; inset-inline-start:.75rem; bottom:.7rem; z-index:1;
  padding:.22rem .65rem; border-radius:999px;
  background:rgba(18,24,14,.78); color:#fff; font-size:.72rem;
}
.es-card__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top,rgba(18,24,14,.5),transparent 52%);
}
.es-card__body{
  display:flex; flex-direction:column; gap:.35rem; padding:1.05rem 1.15rem 1.15rem; flex:1;
}
.es-card__body b{
  display:block; font-family:var(--font-title); font-weight:700;
  font-size:1.08rem; color:var(--ink); line-height:1.6;
}
.es-card__body p{
  color:var(--muted); font-size:.86rem; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.es-card__foot{
  display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .75rem;
  margin-top:auto; padding-top:.85rem;
  border-top:1px solid rgba(26,34,20,.08);
  font-size:.78rem; color:var(--muted);
}
.es-card__foot i{ font-style:normal; font-weight:600; color:var(--tatreez); }
.es-card__foot svg{ margin-inline-start:auto; flex:none; color:var(--ink); }

/* ===== صفحة الإبادة الجماعية في غزة ===== */
.gn-page{
  position:relative;
  background:#0a0c08;
  color:var(--linen);
}
.gn-hero{
  position:relative; isolation:isolate;
  padding:5.2rem 0 0;
  min-height: min(64vh, 36rem);
  display:flex; flex-direction:column; justify-content:flex-end;
}
@media(min-width:768px){ .gn-hero{ padding-top:6.2rem; } }
.gn-hero__video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0; pointer-events:none;
  filter:grayscale(.1) contrast(1.08) brightness(.78) saturate(1.05);
}
.gn-hero__ash{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,12,8,.32),transparent 24%,transparent 76%,rgba(10,12,8,.32)),
    linear-gradient(to top,#0a0c08 0%,rgba(10,12,8,.68) 22%,rgba(10,12,8,.18) 52%,rgba(10,12,8,.28) 100%);
}
.gn-hero__in{
  position:relative; z-index:2;
  width:min(1320px, calc(100% - 2rem));
  margin:0 auto; padding:1.25rem 0 2rem;
}
.gn-crumb{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem;
  font-size:.82rem; color:rgba(239,233,220,.5); margin-bottom:1.35rem;
}
.gn-crumb a:hover{ color:#fff; }
.gn-split{
  display:grid; gap:1.6rem; align-items:center;
}
.gn-spot{ order:0; }
.gn-split__copy{ order:1; }
@media(min-width:960px){
  .gn-split{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:2.4rem; }
  .gn-split__copy{ order:0; }
  .gn-spot{ order:1; }
}
.gn-spot{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem; min-height:16rem;
}
@media(min-width:960px){
  .gn-spot{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.gn-spot__cell{
  display:flex; flex-direction:column; justify-content:flex-end; gap:.35rem;
  min-width:0; padding:1.05rem 1rem 1.1rem;
  background:rgba(10,12,8,.62);
  border:1px solid rgba(239,233,220,.16);
}
.gn-spot__cell.is-lead{
  grid-column:1 / -1;
  background:rgba(92,16,16,.72);
  min-height:7.5rem;
}
.gn-spot__cell b{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.2rem, 2vw, 1.55rem); line-height:1.15; color:#fff;
  overflow-wrap:anywhere;
}
.gn-spot__cell.is-lead b{
  font-size:clamp(1.55rem, 2.8vw, 2.1rem); color:#ffd7d4;
}
.gn-spot__cell i{
  font-style:normal; font-size:.86rem; color:rgba(239,233,220,.72);
}
.gn-spot:hover .gn-spot__cell{ border-color:rgba(196,58,56,.45); }
.gn-split__copy h1{
  font-family:"Reem Kufi",sans-serif; font-weight:700; color:#fff;
  font-size:clamp(1.85rem, 4vw, 2.75rem); line-height:1.3; margin-top:.4rem;
  text-shadow:0 8px 24px rgba(0,0,0,.55);
}
.gn-hero__quote{
  margin-top:.85rem; max-width:32rem;
  font-size:clamp(1.05rem, 1.8vw, 1.28rem); line-height:1.85;
  color:rgba(239,233,220,.92);
  text-shadow:0 8px 20px rgba(0,0,0,.5);
}
.gn-days{
  display:flex; align-items:baseline; gap:.65rem;
  margin-top:1.1rem;
}
.gn-days b{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(2rem, 4vw, 2.8rem); line-height:1; color:#fff;
}
.gn-days span{ font-size:.88rem; color:rgba(239,233,220,.7); }
.gn-cta{
  display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.35rem;
}
.gn-cta__watch,
.gn-cta__read{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.7rem 1.05rem;
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:.95rem;
  transition:background .3s, border-color .3s, color .3s;
}
.gn-cta__watch{ background:var(--tatreez); color:#fff; }
.gn-cta__watch:hover{ background:#a32222; color:#fff; }
.gn-cta__read{
  border:1px solid rgba(239,233,220,.2); color:var(--linen);
}
.gn-cta__read:hover{ border-color:var(--tatreez-lt); color:#fff; }
.gn-cta i{
  font-style:normal; font-size:.72rem; font-weight:500;
  padding:.1rem .45rem; background:rgba(0,0,0,.22);
}

.gn-wall{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem; margin:0 0 2rem;
}
@media(min-width:800px){ .gn-wall{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.gn-wall__cell{
  min-width:0; background:#10140c; padding:1.45rem 1.15rem 1.35rem;
  border:1px solid rgba(239,233,220,.12);
  box-shadow:0 14px 28px -18px rgba(0,0,0,.7);
}
.gn-wall__cell b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.25rem, 2.2vw, 1.7rem); line-height:1.15; color:#fff;
  overflow-wrap:anywhere;
}
.gn-wall__cell span{
  display:block; margin-top:.55rem; font-size:.95rem; color:rgba(239,233,220,.68);
}
.gn-wall__cell.is-lead{ background:linear-gradient(180deg,#5c1010,#2a0808); }
.gn-wall__cell.is-lead b{ color:#ffd7d4; }

.gn-body{
  position:relative; z-index:1;
  width:min(1320px, calc(100% - 2rem));
  margin:0 auto; padding:2.25rem 0 4.5rem;
}
.gn-block{ margin-top:2.75rem; scroll-margin-top:5.5rem; }
.gn-body > .gn-block:first-child{ margin-top:0; }
.gn-block__head{ max-width:40rem; margin-bottom:1.25rem; }
.gn-block__head h2{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(1.5rem,2.2vw,2rem); color:#fff; margin-top:.35rem; line-height:1.4;
}
.gn-block__head p{ margin-top:.5rem; color:rgba(239,233,220,.55); line-height:1.9; font-size:.95rem; }
.gn-block__head--row{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:1rem;
  max-width:none;
}
.gn-block__head--row > div{ flex:1 1 16rem; min-width:0; }
.gn-search{
  display:flex; align-items:center; gap:.65rem;
  width:min(100%,22rem); flex:none;
  padding:.55rem .95rem; border:1px solid rgba(239,233,220,.16); background:rgba(10,12,8,.55);
}
.gn-more{
  display:inline-flex; align-items:center; gap:.4rem; padding:.5rem 1rem;
  border:1px solid rgba(239,233,220,.16); font-size:.82rem; color:var(--linen); white-space:nowrap;
  transition:.3s var(--ease);
}
.gn-more:hover{ border-color:var(--tatreez-lt); color:#fff; }

.gn-extra{
  margin-top:1.25rem;
}
.gn-extra__group{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:.95rem; color:rgba(239,233,220,.78);
  margin:1.35rem 0 .65rem;
}
.gn-extra__group:first-child{ margin-top:1rem; }
.gn-extra__btn{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  width:100%; padding:.85rem 1.25rem;
  background:rgba(142,26,26,.42);
  border:1px solid rgba(196,58,56,.55); color:#fff;
  font-family:"Reem Kufi",sans-serif; font-weight:700; font-size:.95rem;
  transition:background .3s, border-color .3s;
}
.gn-extra__btn::-webkit-details-marker,
.gn-extra__btn::marker{ display:none; content:""; }
.gn-extra__btn:hover{ background:var(--tatreez); border-color:var(--tatreez); }
.gn-extra__btn i{
  font-style:normal; font-size:.72rem; font-weight:500;
  padding:.12rem .5rem; background:rgba(0,0,0,.22);
}
.gn-extra__less{ display:none; }
.gn-extra[open] .gn-extra__more{ display:none; }
.gn-extra[open] .gn-extra__less{ display:inline; }
.gn-extra[open] .gn-extra__btn{ background:rgba(10,12,8,.55); border-color:rgba(239,233,220,.2); }

.gn-stories{
  display:grid; grid-template-columns:1fr; gap:1px;
  background:rgba(239,233,220,.12); border:1px solid rgba(239,233,220,.12);
}
@media(min-width:700px){ .gn-stories{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:1100px){ .gn-stories{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.gn-story{
  position:relative; display:block; min-height:16.5rem; overflow:hidden; background:#10140c;
  isolation:isolate;
}
.gn-story__media{ position:absolute; inset:0; }
.gn-story__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform 1s var(--ease);
}
.gn-story:hover .gn-story__media img{ transform:scale(1.06); }
.gn-story__void{ display:block; height:100%; background:#1a100e; }
.gn-story__cap{
  position:absolute; inset:auto 0 0; z-index:1;
  display:flex; flex-direction:column; gap:.28rem;
  padding:3.4rem 1.1rem 1.1rem;
  background:linear-gradient(to top, rgba(10,12,8,.96) 0%, rgba(10,12,8,.55) 55%, transparent 100%);
}
.gn-story__cap em{
  font-style:normal; font-size:.7rem; letter-spacing:.12em; color:var(--tatreez-lt);
}
.gn-story__cap time{ font-size:.72rem; color:rgba(239,233,220,.55); }
.gn-story__cap b{
  font-family:var(--font-title); font-weight:700;
  font-size:1.05rem; color:#fff; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.gn-story__cap p{
  color:rgba(239,233,220,.7); font-size:.88rem; line-height:1.75;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.gn-story__cap i{ font-style:normal; font-size:.82rem; color:var(--tatreez-lt); }
@media(min-width:700px){
  .gn-story--lead{
    grid-column:1 / -1;
    display:grid; grid-template-columns:1.35fr 1fr; min-height:22rem;
  }
  .gn-story--lead .gn-story__media{ position:relative; min-height:22rem; }
  .gn-story--lead .gn-story__cap{
    position:relative; inset:auto;
    background:#10140c; justify-content:center;
    padding:1.6rem 1.5rem 1.7rem;
  }
  .gn-story--lead .gn-story__cap b{ font-size:clamp(1.3rem, 2.2vw, 1.75rem); -webkit-line-clamp:4; }
  .gn-story--lead .gn-story__cap p{ -webkit-line-clamp:3; }
}

.gn-search svg{ flex:none; color:rgba(239,233,220,.45); }
.gn-search input{
  flex:1; min-width:0; background:transparent; border:0; outline:none;
  color:#fff; font-size:.88rem;
}
.gn-search input::placeholder{ color:rgba(239,233,220,.4); }

.gn-grid{
  display:grid; grid-template-columns:1fr; gap:1.15rem;
  background:transparent; border:0;
}
@media(min-width:700px){ .gn-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .gn-grid{ grid-template-columns:repeat(3,1fr); } }
.gn-card{
  display:flex; flex-direction:column; min-height:100%; background:#10140c;
  border:1px solid rgba(239,233,220,.1);
  box-shadow:0 14px 30px -16px rgba(0,0,0,.65);
}
.gn-card__media{
  position:relative; aspect-ratio:16/10; overflow:hidden; background:#000;
}
.gn-card__media video,
.gn-card__media img{
  width:100%; height:100%; object-fit:cover; display:block; background:#000;
}
.gn-card__media a{ display:block; height:100%; }
.gn-card__video{ position:relative; display:block; height:100%; }
.gn-card__video::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.4), transparent 50%);
}
.gn-card__media .vid-play{ width:3.6rem; height:3.6rem; }
.gn-card__media:hover .vid-play{ background:var(--tatreez); color:#fff; transform:translate(-50%,-50%) scale(1.08); }
.gn-card__media.playing .vid-play{ opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.7); }
.gn-card__void{ display:grid; place-items:center; height:100%; color:rgba(239,233,220,.22); }
.gn-card__void svg{ width:2.4rem; height:2.4rem; }
.gn-card__body{
  display:flex; flex-direction:column; gap:.4rem; padding:1rem 1.1rem 1.15rem; flex:1;
}
.gn-card__body time{ font-size:.75rem; color:rgba(239,233,220,.42); }
.gn-card__body p{
  color:rgba(239,233,220,.78); font-size:.9rem; line-height:1.8;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
.gn-card__tags{ display:flex; flex-wrap:wrap; gap:.35rem; margin-top:auto; padding-top:.65rem; }
.gn-card__tags i{
  font-style:normal; font-size:.7rem; padding:.18rem .55rem;
  background:rgba(142,26,26,.28); color:rgba(239,233,220,.8);
}

.gn-infinite{
  display:block; width:100%; margin-top:1.25rem; padding:1rem 1.2rem;
  border:1px solid rgba(239,233,220,.16); background:rgba(142,26,26,.18);
  color:#fff; font-family:"Reem Kufi",sans-serif; font-size:.95rem;
  transition:background .3s, border-color .3s;
}
.gn-infinite:hover{ background:rgba(142,26,26,.32); border-color:var(--tatreez-lt); }
.gn-infinite.is-loading{ opacity:.55; pointer-events:none; }

.gn-app-banner{
  position:relative; isolation:isolate; overflow:hidden;
  margin-top:1.75rem; border-radius:1.35rem;
  border:1px solid rgba(196,163,90,.2);
  background:
    radial-gradient(ellipse 85% 110% at 100% 0%, rgba(142,26,26,.34), transparent 58%),
    radial-gradient(ellipse 70% 90% at 0% 100%, rgba(196,163,90,.16), transparent 52%),
    linear-gradient(145deg, #141a10 0%, #0d100b 55%, #121810 100%);
  box-shadow:
    0 24px 48px -28px rgba(0,0,0,.85),
    inset 0 1px 0 rgba(239,233,220,.06);
}
.gn-app-banner__stripe{
  position:absolute; inset-inline:1.15rem; top:0; height:3px; z-index:2;
  background-image:repeating-linear-gradient(to left,var(--gold) 0 10px,transparent 10px 18px);
}
.gn-app-banner__motif{
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-color:rgba(239,233,220,.04);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:76px 76px; mask-size:76px 76px;
}
.gn-app-banner__glow{
  position:absolute; inset-inline-end:-4rem; top:-2.5rem;
  width:14rem; height:14rem; border-radius:999px;
  background:radial-gradient(circle, rgba(142,26,26,.28), transparent 70%);
  pointer-events:none;
}
.gn-app-banner__glow--alt{
  inset-inline-end:auto; inset-inline-start:-3rem; top:auto; bottom:-3rem;
  width:11rem; height:11rem;
  background:radial-gradient(circle, rgba(196,163,90,.16), transparent 72%);
}
.gn-app-banner__in{
  position:relative; z-index:1;
  display:grid; gap:1.35rem 1.75rem; align-items:center;
  padding:1.55rem 1.25rem 1.65rem;
}
@media(min-width:768px){
  .gn-app-banner__in{
    grid-template-columns:minmax(0,1fr) minmax(14rem,42%);
    padding:1.75rem 1.85rem 1.85rem;
  }
}
@media(min-width:1024px){
  .gn-app-banner__in{ gap:2rem 2.5rem; padding:2rem 2.15rem 2.1rem; }
}
.gn-app-banner__copy{
  display:flex; flex-direction:column; gap:0; min-width:0;
}
.gn-app-banner__head{
  display:flex; align-items:center; gap:.9rem;
}
.gn-app-banner__logo{
  width:3.5rem; height:3.5rem; flex:none;
  border-radius:1rem; overflow:hidden; background:#fff; padding:.5rem;
  box-shadow:0 12px 24px -14px rgba(0,0,0,.55);
}
.gn-app-banner__logo img{ width:100%; height:100%; object-fit:contain; }
.gn-app-banner__titles{ min-width:0; }
.gn-app-banner__kicker{
  margin:0; font-size:.74rem; font-weight:600; color:var(--gold-lt);
  letter-spacing:.02em;
}
.gn-app-banner__titles b{
  display:block; margin-top:.15rem;
  font-family:"Reem Kufi",sans-serif; font-size:clamp(1.05rem,.95rem + .45vw,1.35rem);
  font-weight:700; line-height:1.35; color:#fff;
}
.gn-app-banner__text{
  margin:1rem 0 0; color:rgba(239,233,220,.86);
  font-size:clamp(.98rem,.92rem + .3vw,1.18rem); line-height:1.9; text-align:start;
}
.gn-app-banner__actions{
  display:flex; flex-direction:column; align-items:stretch; gap:.75rem;
  margin-top:1.15rem;
}
.gn-app-banner__stores{ justify-content:flex-start; }
.gn-app-banner__more{
  display:inline-flex; align-items:center; justify-content:flex-start; gap:.45rem;
  padding:.45rem .1rem 0; background:transparent; border:0;
  color:rgba(239,233,220,.62); font-size:.82rem; font-weight:600;
  transition:color .25s, gap .3s var(--ease);
}
.gn-app-banner__more svg{ width:1rem; height:1rem; }
.gn-app-banner__more:hover{ color:#fff; gap:.6rem; }
.gn-app-banner__stage{
  position:relative;
  height:clamp(10.5rem, 32vw, 15.5rem);
  width:min(100%, 20rem);
  margin-inline:auto;
}
@media(min-width:768px){
  .gn-app-banner__stage{
    height:clamp(11.5rem, 22vw, 16.5rem);
    width:100%; max-width:none; margin-inline:0;
  }
}
.gn-app-banner__phone{
  position:absolute; margin:0; padding:4px; border-radius:1.15rem;
  overflow:hidden;
}
.gn-app-banner__phone img{ border-radius:.88rem; }
.gn-app-banner__phone .dl-phone__notch{ top:8px; height:5px; }
.gn-app-banner__phone--a{
  inset-inline-start:0; top:1.65rem;
  --dl-w:clamp(3.4rem, 11vw, 4.5rem);
  transform:rotate(-14deg);
  z-index:1;
  filter:brightness(.86) saturate(.92);
}
.gn-app-banner__phone--b{
  inset-inline-start:18%; top:.55rem;
  --dl-w:clamp(3.9rem, 12.5vw, 5.1rem);
  transform:rotate(-6deg);
  z-index:2;
  filter:brightness(.92);
}
.gn-app-banner__phone--hero{
  left:50%; top:0;
  --dl-w:clamp(4.8rem, 15vw, 6.4rem);
  transform:translateX(-50%);
  z-index:4;
  padding:5px;
  border-radius:1.25rem;
  box-shadow:
    0 28px 44px -18px rgba(8,12,6,.82),
    0 0 0 1px rgba(196,163,90,.58),
    inset 0 0 0 1.5px rgba(196,163,90,.48);
  animation:dl-bob 5.4s ease-in-out infinite;
}
.gn-app-banner__phone--hero img{ border-radius:.95rem; }
.gn-app-banner__phone--c{
  inset-inline-end:0; top:1.65rem;
  --dl-w:clamp(3.4rem, 11vw, 4.5rem);
  transform:rotate(14deg);
  z-index:1;
  filter:brightness(.86) saturate(.92);
}
@media(min-width:768px){
  .gn-app-banner__phone--a{ inset-inline-start:2%; top:1.85rem; }
  .gn-app-banner__phone--b{ inset-inline-start:16%; top:.35rem; }
  .gn-app-banner__phone--c{ inset-inline-end:2%; top:1.85rem; }
}
@media (prefers-reduced-motion: reduce){
  .gn-app-banner__phone--hero{ animation:none; }
}

.feed-more{
  display:block; width:100%; margin-top:1.4rem; padding:1rem 1.2rem;
  border:1px solid rgba(26,34,20,.12); background:#fff; border-radius:1rem;
  color:var(--ink); font-family:"Reem Kufi",sans-serif; font-size:.95rem;
  transition:background .3s, border-color .3s, opacity .3s;
}
.feed-more:hover{ border-color:var(--olive); background:var(--leaf); }
.feed-more--dark{
  background:rgba(142,26,26,.18); border-color:rgba(239,233,220,.16); color:#fff;
}
.feed-more--dark:hover{ background:rgba(142,26,26,.32); border-color:var(--tatreez-lt); }
.feed-more.is-loading{ opacity:.55; pointer-events:none; }
.hero-today{ color:var(--gold-lt); }
.ct-about{ margin-bottom:1.6rem; padding-bottom:1.4rem; border-bottom:1px solid rgba(26,34,20,.08); }
.ct-about h2{ margin-bottom:.85rem; }
.ct-form{ display:flex; flex-direction:column; gap:1rem; }
.ct-form label{ display:flex; flex-direction:column; gap:.4rem; }
.ct-form span{ font-size:.88rem; font-weight:600; }
.ct-form span i{ font-style:normal; font-weight:400; color:var(--muted); }
.ct-form input, .ct-form textarea{
  border:1px solid rgba(26,34,20,.12); border-radius:.85rem;
  padding:.75rem .9rem; background:var(--leaf); color:var(--ink);
}
.ct-form em{ font-style:normal; font-size:.8rem; color:var(--tatreez); }
.gn-pager{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.5rem;
}
.gn-pager__btn{
  display:inline-flex; align-items:center; gap:.5rem; padding:.65rem 1.2rem;
  border:1px solid rgba(239,233,220,.16); font-size:.85rem; color:var(--linen); transition:.3s var(--ease);
}
.gn-pager__btn:hover{ border-color:var(--tatreez-lt); color:#fff; }
.gn-pager__btn[aria-disabled="true"]{ opacity:.35; pointer-events:none; }
.gn-pager__info{ font-size:.8rem; color:rgba(239,233,220,.45); }
.gn-empty{ color:rgba(239,233,220,.55); margin-top:.5rem; text-align:center; }

.gn-page .eyebrow .stitch{ background:var(--tatreez-lt); }

/* ===== ملف المسجد الأقصى ===== */
.aq-hero{
  position:relative; overflow:hidden; padding:5.5rem 0 4.5rem; color:#fff;
}
@media(min-width:768px){ .aq-hero{ padding:6.5rem 0 5.25rem; } }
.aq-hero--compact{ padding:4.25rem 0 3.25rem; }
.aq-hero__bg{
  position:absolute; inset:0;
  background:#12180E center/cover no-repeat;
  transform:scale(1.04);
}
.aq-hero__veil{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg,rgba(12,16,10,.55) 0%,rgba(12,16,10,.78) 55%,rgba(12,16,10,.92) 100%),
    linear-gradient(90deg,rgba(12,16,10,.45),transparent 55%);
}
.aq-hero__aya{
  max-width:38rem; margin-top:1.25rem;
  font-size:1.15rem; line-height:2; color:var(--goldlt);
}
@media(min-width:768px){ .aq-hero__aya{ font-size:1.3rem; } }
.aq-intro{ width:100%; }
.aq-intro .rich-text p{ margin:0 0 .85rem; }
.aq-intro .rich-text p:last-child{ margin-bottom:0; }
.aq-hero__stats{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem; margin-top:2.25rem; max-width:36rem;
}
@media(min-width:640px){ .aq-hero__stats{ grid-template-columns:repeat(4,minmax(0,1fr)); max-width:44rem; } }
.aq-hero__stats > div{
  padding:1rem 0.85rem; border:1px solid rgba(196,163,90,.28);
  background:rgba(196,163,90,.08); text-align:center;
}
.aq-hero__stats b{
  display:block; font-family:"Reem Kufi",sans-serif; font-size:1.55rem; color:var(--goldlt); line-height:1;
}
.aq-hero__stats span{ display:block; margin-top:.45rem; font-size:.72rem; color:rgba(239,233,220,.6); line-height:1.5; }

.aq-doors{
  display:grid; gap:1rem;
}
@media(min-width:640px){ .aq-doors{ grid-template-columns:1fr 1fr; } }
.aq-door{
  position:relative; min-height:17rem; overflow:hidden; display:flex; align-items:flex-end;
  color:#fff; border-radius:1.15rem;
}
.aq-door__photo{
  position:absolute; inset:0; background:#1A2214 center/cover no-repeat; transition:transform .7s var(--ease);
}
.aq-door__shade{
  position:absolute; inset:0;
  background:linear-gradient(to top,rgba(12,16,10,.94) 0%,rgba(12,16,10,.35) 55%,rgba(12,16,10,.15) 100%);
}
.aq-door:hover .aq-door__photo{ transform:scale(1.08); }
.aq-door__n{
  position:absolute; top:1.1rem; inset-inline-start:1.15rem;
  font-family:"Reem Kufi",sans-serif; font-size:.85rem; color:var(--goldlt);
  border:1px solid rgba(196,163,90,.45); padding:.15rem .55rem;
}
.aq-door__body{ position:relative; padding:1.35rem 1.25rem; }
.aq-door__body h3{
  font-family:var(--font-title); font-weight:700; font-size:1.35rem; line-height:1.6;
}
.aq-door__body p{
  margin-top:.55rem; font-size:.88rem; line-height:1.85; color:rgba(239,233,220,.7);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.aq-door__body i{
  display:inline-block; margin-top:.7rem; font-style:normal; font-size:.75rem; color:var(--goldlt);
}

.aq-tl{ list-style:none; padding:0; margin:0; position:relative; }
.aq-tl::before{
  content:""; position:absolute; inset-inline-start:5.6rem; top:.4rem; bottom:.4rem; width:1px;
  background:linear-gradient(to bottom,transparent,rgba(168,127,30,.45),transparent);
}
@media(max-width:639px){ .aq-tl::before{ inset-inline-start:4.4rem; } }
.aq-tl li + li{ margin-top:.85rem; }
.aq-tl a{
  display:grid; grid-template-columns:5.2rem 1fr; gap:1.15rem; align-items:start;
  padding:1.05rem 1.15rem; border:1px solid rgba(27,36,22,.08); background:#fff;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
@media(min-width:640px){ .aq-tl a{ grid-template-columns:6.4rem 1fr; } }
.aq-tl a:hover{ border-color:rgba(168,127,30,.45); transform:translateY(-2px); box-shadow:0 18px 36px -28px rgba(27,36,22,.4); }
.aq-tl time{
  display:block; font-family:"Reem Kufi",sans-serif; font-size:.92rem; color:var(--golddk); line-height:1.4; padding-top:.15rem;
}
.aq-tl h2{ font-family:var(--font-title); font-weight:600; font-size:1.05rem; line-height:1.65; }
.aq-tl p{ margin-top:.35rem; font-size:.88rem; line-height:1.85; color:var(--muted); }

.aq-page .nk-acc.open > .nk-acc__head > .nk-acc__btn::before,
.aq-page .nk-acc__btn:hover::before{ background:var(--gold); }
.aq-page .nk-tree__link--active{ color:var(--golddk); }

/* ===== صفحة البحث ===== */
.sr-page{
  background:
    radial-gradient(900px 480px at 100% -8%,rgba(142,26,26,.09),transparent 55%),
    radial-gradient(720px 380px at 0% 12%,rgba(63,84,56,.07),transparent 50%),
    var(--leaf);
}
.sr-wrap{ max-width:1080px; margin-inline:auto; padding:5rem 1rem 4.5rem; }
@media(min-width:768px){ .sr-wrap{ padding:6rem 1.5rem 6rem; } }
.sr-hero{ max-width:40rem; }
.sr-hero__query{
  margin-top:.85rem; font-size:1.15rem; line-height:1.8; color:var(--ink);
}
.sr-hero__query b{
  font-family:var(--font-title); font-weight:700;
  background:linear-gradient(180deg,transparent 62%,rgba(142,26,26,.16) 62%);
}
.sr-hero__lead{ margin-top:.7rem; color:var(--muted); line-height:1.9; }
.sr-form{
  display:flex; align-items:center; gap:.7rem; margin-top:1.5rem;
  padding:.5rem .5rem .5rem 1rem; border-radius:999px;
  border:1px solid rgba(26,34,20,.12); background:#fff;
  box-shadow:0 18px 40px -32px rgba(27,36,22,.55);
}
.sr-form:focus-within{ border-color:rgba(142,26,26,.35); }
.sr-form svg{ flex:none; color:var(--muted); }
.sr-form input{
  flex:1; min-width:0; background:transparent; border:0; outline:none;
  color:var(--ink); font-size:1rem;
}
.sr-form input::placeholder{ color:var(--muted); }
.sr-form .btn{ flex:none; }
.sr-panel{
  margin-top:2rem; padding:1.4rem 1.35rem 1.5rem; background:#fff;
  border:1px solid rgba(26,34,20,.08); border-radius:1.2rem;
}
.sr-panel p{ color:var(--ink); line-height:1.9; }
.sr-panel__hint{ margin-top:.45rem; color:var(--muted); font-size:.92rem; }
.sr-suggest{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
.sr-suggest__chip{
  display:inline-flex; align-items:center; padding:.42rem .9rem; border-radius:999px;
  border:1px solid rgba(26,34,20,.12); background:var(--leaf); color:var(--ink);
  font-size:.84rem; transition:transform .3s var(--ease), background-color .3s, color .3s, border-color .3s;
}
.sr-suggest__chip:hover{ background:var(--tatreez); color:#fff; border-color:var(--tatreez); transform:translateY(-1px); }
.sr-toolbar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:.85rem 1.2rem; margin-top:2rem; padding-bottom:1rem;
  border-bottom:1px solid rgba(26,34,20,.08);
}
.sr-toolbar__count{ display:flex; align-items:baseline; gap:.45rem; color:var(--muted); }
.sr-toolbar__count strong{
  font-family:"Reem Kufi",sans-serif; font-size:1.7rem; font-weight:700; color:var(--ink); line-height:1;
}
.sr-jumps{ display:flex; flex-wrap:wrap; gap:.45rem; }
.sr-jumps__chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.4rem .85rem; border-radius:999px;
  border:1px solid rgba(26,34,20,.1); background:#fff; color:var(--ink);
  font-size:.8rem; font-weight:500;
  transition:transform .3s var(--ease), border-color .3s, background-color .3s;
}
.sr-jumps__chip i{ font-style:normal; color:var(--tatreez); font-weight:700; }
.sr-jumps__chip:hover{ transform:translateY(-1px); border-color:rgba(142,26,26,.3); }
.sr-group{ margin-top:2rem; }
.sr-group__head{ display:flex; align-items:center; gap:.85rem; }
.sr-group__icon{
  display:grid; place-items:center; width:2.6rem; height:2.6rem; flex:none;
  border-radius:.85rem; background:var(--sr-wash); color:var(--sr-tone);
}
.sr-group__icon svg{ width:1.2rem; height:1.2rem; }
.sr-group__meta{ margin-top:.15rem; font-size:.78rem; color:var(--muted); }
.sr-list{ display:grid; grid-template-columns:1fr; gap:.6rem; margin-top:.95rem; }
@media(min-width:760px){ .sr-list--wide{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.sr-hit{
  --sr-tone:var(--tatreez);
  --sr-wash:rgba(142,26,26,.08);
  position:relative; display:flex; align-items:center; gap:.9rem;
  min-height:100%; padding:.9rem 1rem .9rem .95rem; background:#fff;
  border-radius:1.05rem; border:1px solid rgba(26,34,20,.08);
  overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
}
.sr-hit::before{
  content:""; position:absolute; inset-block:0; inset-inline-start:0; width:3px;
  background:var(--sr-tone); opacity:.0; transition:opacity .3s;
}
.sr-hit:hover{
  transform:translateY(-2px); border-color:color-mix(in srgb,var(--sr-tone) 35%,transparent);
  box-shadow:0 18px 34px -26px rgba(27,36,22,.5);
}
.sr-hit:hover::before{ opacity:1; }
.sr-hit__mark{
  display:grid; place-items:center; width:2.45rem; height:2.45rem; flex:none;
  border-radius:.8rem; background:var(--sr-wash); color:var(--sr-tone);
}
.sr-hit__mark svg{ width:1.15rem; height:1.15rem; }
.sr-hit__body{ min-width:0; flex:1; }
.sr-hit__body b{
  display:block; font-family:var(--font-title); font-weight:700; font-size:1.02rem;
  color:var(--ink); line-height:1.55;
}
.sr-hit__body b mark{
  background:linear-gradient(180deg,transparent 62%,rgba(142,26,26,.18) 62%);
  color:inherit; padding:0 .05em;
}
.sr-hit__body i{ display:block; font-style:normal; font-size:.78rem; color:var(--muted); margin-top:.22rem; }
.sr-hit__aside{
  display:flex; align-items:center; gap:.45rem; flex:none; color:var(--muted);
}
.sr-hit em{
  font-style:normal; font-size:.7rem; font-weight:600; color:var(--sr-tone);
  background:var(--sr-wash); border-radius:999px; padding:.26rem .65rem;
}
.sr-hit__aside svg{ transition:transform .3s var(--ease); }
.sr-hit:hover .sr-hit__aside svg{ transform:translateX(-3px); color:var(--sr-tone); }
.sr-tone-massacre, .sr-tone-article{ --sr-tone:var(--tatreez); --sr-wash:rgba(142,26,26,.09); }
.sr-tone-village, .sr-tone-city, .sr-tone-camp{ --sr-tone:var(--olive); --sr-wash:rgba(63,84,56,.1); }
.sr-tone-place, .sr-tone-aqsa{ --sr-tone:var(--gold-dk); --sr-wash:rgba(168,127,30,.12); }
.sr-tone-nakba{ --sr-tone:var(--ink); --sr-wash:rgba(26,34,20,.08); }

.md-page{ background:var(--leaf); }
.md-hero{ padding:5.5rem 0 2.4rem; }
.md-hero__head{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;
  gap:1.25rem 2rem; margin-top:1.25rem;
}
.md-hero__intro{ flex:1 1 20rem; min-width:min(100%, 20rem); }
.md-search{
  flex:0 1 22rem; width:100%; display:flex; align-items:center; gap:.65rem;
  padding:.72rem 1rem; border-radius:.9rem;
  border:1px solid rgba(26,34,20,.12); background:#fff;
}
.md-search svg{ color:var(--gold-dk); flex:none; }
.md-search input{
  flex:1; min-width:0; border:0; background:transparent; color:var(--ink);
  font-size:.95rem; outline:none;
}
.md-search input::placeholder{ color:rgba(26,34,20,.4); }
.md-hero__quote{
  font-size:1.35rem; color:var(--ink); opacity:.78; margin-top:1rem; line-height:1.8;
}
.md-toolbar{ display:flex; flex-wrap:wrap; gap:.6rem; margin:1.5rem 0 2rem; }
.md-tab{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.55rem 1.05rem; border-radius:999px;
  border:1px solid rgba(26,34,20,.12); background:#fff;
  font-size:.92rem; color:var(--ink); transition:border-color .25s, color .25s, background .25s;
}
.md-tab i{
  font-style:normal; font-size:.75rem; color:var(--muted);
  background:rgba(168,127,30,.1); border-radius:999px; padding:.12rem .5rem;
}
.md-tab:hover, .md-tab.is-active{
  border-color:var(--gold-dk); color:var(--gold-dk); background:rgba(168,127,30,.08);
}
.md-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}
@media(min-width:720px){ .md-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.15rem; } }
@media(min-width:1100px){ .md-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.md-card{
  display:flex; flex-direction:column; background:#fff; border-radius:1rem;
  overflow:hidden; border:1px solid rgba(26,34,20,.08);
  transition:transform .35s var(--ease), box-shadow .35s;
}
.md-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(26,34,20,.1); }
.md-card__media{
  position:relative; display:block; aspect-ratio:4/3; background:#1a2214; overflow:hidden;
}
.md-card__media img, .md-card__media video{
  width:100%; height:100%; object-fit:cover; display:block;
}
.md-card__media .vid-play{ width:3.2rem; height:3.2rem; }
.md-card__media .vid-play svg{ width:1.05rem; height:1.05rem; margin-inline-start:.1rem; }
.md-card__media:hover .vid-play{ background:var(--tatreez); color:#fff; transform:translate(-50%,-50%) scale(1.08); }
.md-card__body{ display:block; padding:.85rem 1rem 1rem; }
.md-card__body b{
  display:block; font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:600;
  font-size:.95rem; line-height:1.55; color:var(--ink);
}
.md-card__source{
  display:inline-flex; align-items:center; gap:.3rem; margin-top:.35rem;
  font-size:.78rem; color:var(--gold-dk); line-height:1.45;
}
.md-card__source:hover{ text-decoration:underline; color:var(--ink); }
.md-card__source--text{ color:var(--muted); pointer-events:none; }
@media(max-width:520px){
  .sr-form{ border-radius:1.1rem; flex-wrap:wrap; padding:.7rem; }
  .sr-form .btn{ width:100%; }
  .sr-hit__aside em{ display:none; }
}

/* ===== أسئلة وأجوبة ===== */
.ex-page{ background:var(--leaf); }
.ex-hero{ padding:5.5rem 0 2.4rem; }
.ex-hero--play{ padding-bottom:1.4rem; }
@media(min-width:768px){ .ex-hero{ padding:6.5rem 0 2.75rem; } }
.ex-hero__quote{
  font-size:1.35rem; color:var(--ink); opacity:.78; margin-top:1rem; line-height:1.8;
}
.ex-hero__stats{
  display:flex; flex-wrap:wrap; gap:1.5rem 2.4rem; margin-top:1.8rem;
}
.ex-hero__stats b{
  display:block; font-family:"Reem Kufi",sans-serif; font-size:1.7rem; color:var(--gold-dk); line-height:1.2;
}
.ex-hero__stats span{ display:block; font-size:.8rem; color:var(--muted); margin-top:.2rem; }

.ex-mix{
  display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap;
  background:var(--ink); color:#fff; border-radius:1.4rem; padding:1.25rem 1.35rem;
  margin-bottom:1.5rem; transition:transform .35s var(--ease), box-shadow .35s;
}
.ex-mix:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(26,34,20,.18); }
.ex-mix__mark{
  width:3.4rem; height:3.4rem; border-radius:1rem; flex:none;
  display:grid; place-items:center;
  font-family:"Reem Kufi",sans-serif; font-size:1.5rem;
  background:var(--gold); color:var(--ink);
}
.ex-mix__body{ flex:1; min-width:12rem; }
.ex-mix__body i{ display:block; font-style:normal; font-size:.75rem; color:var(--gold-lt); }
.ex-mix__body b{ display:block; font-family:"Reem Kufi",sans-serif; font-size:1.35rem; margin-top:.15rem; }
.ex-mix__body em{ display:block; font-style:normal; font-size:.85rem; color:rgba(255,255,255,.62); margin-top:.25rem; }
.ex-mix__cta{
  display:inline-flex; align-items:center; gap:.4rem;
  background:#fff; color:var(--ink); border-radius:999px;
  padding:.55rem 1rem; font-size:.88rem; font-weight:600;
}

.ex-grid{
  display:grid; grid-template-columns:1fr; gap:1rem;
}
@media(min-width:720px){ .ex-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem; } }
@media(min-width:1100px){ .ex-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.ex-cat{
  display:flex; flex-direction:column; gap:.55rem;
  background:#fff; border-radius:1.2rem; padding:1.25rem 1.2rem 1.1rem;
  border:1px solid rgba(26,34,20,.08); position:relative; overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s;
}
.ex-cat::before{
  content:""; position:absolute; inset:0 auto 0 0; width:4px;
  background:var(--ex-tone, var(--olive));
}
.ex-cat:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(26,34,20,.1); }
.ex-cat--place{ --ex-tone:var(--gold-dk); }
.ex-cat--geo{ --ex-tone:var(--olive); }
.ex-cat--event{ --ex-tone:var(--ink); }
.ex-cat--women{ --ex-tone:var(--tatreez); }
.ex-cat--general{ --ex-tone:var(--gold); }
.ex-cat__no{
  position:absolute; top:.85rem; left:1rem;
  font-family:"Reem Kufi",sans-serif; font-size:.85rem; color:var(--muted);
}
.ex-cat__icon{
  width:2.6rem; height:2.6rem; border-radius:.85rem;
  display:grid; place-items:center; color:var(--ex-tone);
  background:color-mix(in srgb, var(--ex-tone) 10%, #fff);
}
.ex-cat__icon svg{ width:1.2rem; height:1.2rem; }
.ex-cat__title{
  font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:700;
  font-size:1.15rem; line-height:1.45; color:var(--ink);
}
.ex-cat__blurb{ font-size:.88rem; color:var(--muted); line-height:1.7; }
.ex-cat__meta{
  display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-top:.4rem;
}
.ex-cat__meta i{
  font-style:normal; font-size:.75rem; color:var(--muted);
  background:var(--leaf); border-radius:999px; padding:.2rem .65rem;
}
.ex-cat__meta b{ font-size:.88rem; color:var(--ex-tone); }

.ex-stage{ margin-top:.5rem; }
.ex-panel{
  background:#fff; border-radius:1.4rem; padding:1.5rem 1.35rem 1.4rem;
  border:1px solid rgba(26,34,20,.08);
}
@media(min-width:720px){ .ex-panel{ padding:1.9rem 1.8rem 1.7rem; } }
.ex-panel__kicker{ font-size:.8rem; color:var(--gold-dk); letter-spacing:.02em; }
.ex-panel__title{
  font-family:"Reem Kufi",sans-serif; font-size:1.7rem; line-height:1.4; margin-top:.35rem;
}
.ex-panel__text{ color:var(--ink); opacity:.72; line-height:1.9; margin: .7rem 0 1.2rem; }
.ex-panel.is-swap{ animation:exSwap .35s var(--ease); }
@keyframes exSwap{
  from{ opacity:.35; transform:translateY(8px); }
  to{ opacity:1; transform:none; }
}

.ex-progress{ margin-bottom:1.2rem; }
.ex-progress__row{
  display:flex; justify-content:space-between; gap:1rem;
  font-size:.85rem; color:var(--muted); margin-bottom:.45rem;
}
.ex-progress__row b{ color:var(--ink); }
.ex-progress__clock{ font-variant-numeric:tabular-nums; }
.ex-progress__bar{
  height:6px; border-radius:99px; background:rgba(26,34,20,.08); overflow:hidden;
}
.ex-progress__bar i{
  display:block; height:100%; width:0; border-radius:inherit;
  background:linear-gradient(90deg, var(--olive), var(--gold));
  transition:width .4s var(--ease);
}

.ex-q__media{ margin:0 0 1rem; border-radius:1rem; overflow:hidden; background:var(--ink); }
.ex-q__media img{ display:block; width:100%; max-height:280px; object-fit:cover; }
.ex-q__title{
  font-family:"IBM Plex Sans Arabic",sans-serif; font-weight:700;
  font-size:1.25rem; line-height:1.65; margin-bottom:1rem; outline:none;
}
.ex-options{ display:flex; flex-direction:column; gap:.65rem; }
.ex-opt{
  display:flex; align-items:flex-start; gap:.8rem; text-align:right;
  width:100%; background:var(--leaf); border:1px solid transparent;
  border-radius:1rem; padding:.85rem 1rem; transition:border-color .2s, background .2s, transform .2s;
}
.ex-opt i{
  width:1.85rem; height:1.85rem; border-radius:999px; flex:none;
  display:grid; place-items:center;
  font-style:normal; font-size:.8rem; font-weight:700;
  background:#fff; color:var(--ink);
}
.ex-opt span{ flex:1; line-height:1.65; padding-top:.15rem; }
.ex-opt:hover:not(:disabled){ border-color:var(--olive); background:#fff; transform:translateX(-2px); }
.ex-opt:disabled{ cursor:default; }
.ex-opt.is-correct{ background:rgba(63,84,56,.12); border-color:var(--olive); }
.ex-opt.is-correct i{ background:var(--olive); color:#fff; }
.ex-opt.is-wrong{ background:rgba(142,26,26,.08); border-color:var(--tatreez); }
.ex-opt.is-wrong i{ background:var(--tatreez); color:#fff; }

.ex-feedback{ margin-top:1rem; font-weight:600; }
.ex-feedback.is-good{ color:var(--olive); }
.ex-feedback.is-bad{ color:var(--tatreez); }
.ex-hint{
  margin-top:.55rem; font-size:.92rem; line-height:1.8; color:var(--muted);
  background:rgba(168,127,30,.08); border-radius:.85rem; padding:.7rem .9rem;
}
.ex-play__actions{ margin-top:1.25rem; }

.ex-score{
  width:8.2rem; height:8.2rem; margin:0 auto 1rem; position:relative;
}
.ex-score svg{ width:100%; height:100%; transform:rotate(-90deg); }
.ex-score__track{ fill:none; stroke:rgba(26,34,20,.08); stroke-width:8; }
.ex-score__prog{
  fill:none; stroke:var(--olive); stroke-width:8; stroke-linecap:round;
  stroke-dasharray:326.7; stroke-dashoffset:326.7;
  transition:stroke-dashoffset .8s var(--ease);
}
.ex-score b{
  position:absolute; inset:0; display:grid; place-items:center;
  font-family:"Reem Kufi",sans-serif; font-size:1.6rem;
}
.ex-result__stats{
  display:flex; flex-wrap:wrap; gap:1.2rem 2rem; margin:1.2rem 0 1.4rem;
}
.ex-result__stats b{
  display:block; font-family:"Reem Kufi",sans-serif; font-size:1.4rem; color:var(--gold-dk);
}
.ex-result__stats span{ display:block; font-size:.78rem; color:var(--muted); margin-top:.15rem; }
.ex-result__actions{ display:flex; flex-wrap:wrap; gap:.55rem; }

.ex-review{ margin-top:1.8rem; }
.ex-review h3{
  font-family:"Reem Kufi",sans-serif; font-size:1.2rem; margin-bottom:.9rem;
}
.ex-review__item{
  border-top:1px solid rgba(26,34,20,.08); padding:1rem 0;
}
.ex-review__q{ font-weight:600; line-height:1.7; }
.ex-review__item img{
  display:block; width:100%; max-height:180px; object-fit:cover;
  border-radius:.8rem; margin:.7rem 0;
}
.ex-review__item ul{ margin-top:.6rem; display:flex; flex-direction:column; gap:.35rem; }
.ex-review__item li{
  border-radius:.7rem; padding:.45rem .7rem; background:var(--leaf); font-size:.9rem;
}
.ex-review__item li.is-correct{ background:rgba(63,84,56,.12); }
.ex-review__item li.is-wrong{ background:rgba(142,26,26,.08); }
.ex-review__hint{ margin-top:.55rem; font-size:.85rem; color:var(--muted); line-height:1.7; }

.ex-more{ margin-top:2.4rem; }
.ex-more h2{ font-family:"Reem Kufi",sans-serif; font-size:1.2rem; margin-bottom:.8rem; }
.ex-more__list{ display:flex; flex-wrap:wrap; gap:.5rem; }
.ex-more__list a{
  display:inline-flex; align-items:center; gap:.45rem;
  background:#fff; border:1px solid rgba(26,34,20,.1);
  border-radius:999px; padding:.4rem .85rem; font-size:.88rem;
}
.ex-more__list a i{
  font-style:normal; font-size:.72rem; color:var(--muted);
  background:var(--leaf); border-radius:999px; padding:.1rem .45rem;
}
.ex-more__list a:hover, .ex-more__list a.is-active{
  border-color:var(--gold-dk); color:var(--gold-dk);
}
@media (prefers-reduced-motion: reduce){
  .ex-panel.is-swap{ animation:none; }
  .ex-cat:hover, .ex-mix:hover{ transform:none; }
}

/* ==========================================================================
   تطبيق فلسطيننا — سكشن الرئيسية + صفحة التحميل
   ========================================================================== */
.dl-phone{
  --dl-w:13.6rem;
  position:relative;
  width:var(--dl-w);
  aspect-ratio:9/19.5;
  margin:0;
  padding:7px;
  border-radius:1.7rem;
  background:#0a0e08;
  box-shadow:
    0 28px 48px -22px rgba(8,12,6,.7),
    inset 0 0 0 1.5px rgba(196,163,90,.38);
  overflow:hidden;
}
.dl-phone img{
  display:block; width:100%; height:100%;
  object-fit:cover; object-position:top center;
  border-radius:1.25rem;
}
.dl-phone__notch{
  position:absolute; top:12px; left:50%; transform:translateX(-50%);
  z-index:2; width:38%; height:8px; border-radius:99px;
  background:#070a06; pointer-events:none;
}

.dl-stores{ display:flex; flex-wrap:wrap; gap:.65rem; }
.dl-store{
  display:inline-flex; align-items:center; gap:.65rem;
  min-width:12.5rem; padding:.7rem 1.15rem;
  border-radius:.95rem; color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(196,163,90,.38);
  transition:transform .35s var(--ease), background .3s, border-color .3s;
}
.dl-store svg{ width:1.35rem; height:1.35rem; flex-shrink:0; }
.dl-store span{ display:flex; flex-direction:column; line-height:1.15; text-align:start; }
.dl-store small{ font-size:.65rem; letter-spacing:.02em; opacity:.72; }
.dl-store b{ font-size:.95rem; font-weight:700; }
.dl-store:hover{ background:var(--gold); color:var(--night); border-color:var(--gold); transform:translateY(-2px); }
.dl-stores--ink .dl-store{
  background:var(--ink); color:#fff; border-color:transparent;
}
.dl-stores--ink .dl-store:hover{ background:var(--tatreez); color:#fff; }
.dl-stores--dock{ width:100%; display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
.dl-stores--dock .dl-store{ min-width:0; justify-content:center; padding:.65rem .7rem; }

.dl-stage{ position:relative; min-width:0; }
.dl-swiper{ overflow:visible; padding:1.6rem 0 2.2rem; }
.dl-swiper .swiper-slide{
  width:var(--dl-w,13.6rem);
  height:auto;
  transition:filter .5s var(--ease);
}
.dl-swiper .swiper-slide:not(.swiper-slide-active){ filter:brightness(.72) saturate(.88); }
.dl-swiper .swiper-slide-active .dl-phone{
  box-shadow:
    0 36px 58px -20px rgba(8,12,6,.78),
    0 0 0 1px rgba(196,163,90,.55),
    inset 0 0 0 1.5px rgba(196,163,90,.5);
}
.dl-stage__tools{
  display:flex; align-items:center; justify-content:center; gap:.85rem;
  margin-top:.2rem;
}
.dl-nav{
  width:2.4rem; height:2.4rem; border-radius:999px;
  display:grid; place-items:center;
  color:var(--gold-lt);
  border:1px solid rgba(196,163,90,.4);
  background:rgba(255,255,255,.04);
  transition:background .3s, color .3s, transform .35s var(--ease);
}
.dl-nav svg{ width:1rem; height:1rem; }
.dl-nav:hover{ background:var(--gold); color:var(--night); transform:translateY(-1px); }
.dl-dots{ display:flex; justify-content:center; gap:.35rem; }
.dl-dots .swiper-pagination-bullet{
  width:.45rem; height:.45rem; margin:0 !important;
  background:rgba(239,233,220,.35); opacity:1; border-radius:99px;
  transition:width .35s var(--ease), background .3s;
}
.dl-dots .swiper-pagination-bullet-active{
  width:1.35rem; background:var(--gold);
}

.dl-home{
  position:relative; isolation:isolate; overflow:hidden;
  background:
    radial-gradient(ellipse 70% 80% at 0% 100%,rgba(142,26,26,.22),transparent 55%),
    radial-gradient(ellipse 55% 70% at 100% 0%,rgba(63,84,56,.55),transparent 50%),
    var(--night);
  padding:4.2rem 0 4.6rem;
}
.dl-home__glow{
  position:absolute; inset:auto -10% -30% 30%; height:70%;
  background:radial-gradient(circle,rgba(196,163,90,.16),transparent 62%);
  pointer-events:none;
}
.dl-home__motif{
  position:absolute; inset:0; pointer-events:none; opacity:.55;
  background-color:rgba(239,233,220,.05);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:108px 108px; mask-size:108px 108px;
}
.dl-home__grid{
  display:grid; gap:2.4rem; align-items:center;
  /* لازم minmax(0,…) وإلا عمود auto بياخد عرض شرائح السلايدر كاملة (‎.dl-swiper‎ عندها overflow:visible) */
  grid-template-columns:minmax(0,1fr);
}
.dl-home__copy{ position:relative; z-index:1; }
.dl-more{
  display:inline-flex; align-items:center; gap:.45rem;
  margin-top:1.35rem; color:var(--gold-lt); font-weight:600; font-size:.95rem;
  border-bottom:1px solid rgba(196,163,90,.35); padding-bottom:.15rem;
  transition:color .25s, gap .35s var(--ease), border-color .25s;
}
.dl-more svg{ width:1rem; height:1rem; }
.dl-more:hover{ color:#fff; gap:.7rem; border-color:#fff; }
@media (min-width:960px){
  .dl-home{ padding:5.2rem 0 5.6rem; }
  .dl-home__grid{ grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:3rem; }
  .dl-home .dl-phone, .dl-home .dl-swiper .swiper-slide{ --dl-w:14.4rem; }
}

.dl-hero{
  position:relative; isolation:isolate; overflow:hidden;
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%,rgba(196,163,90,.18),transparent 55%),
    radial-gradient(ellipse 60% 80% at 0% 80%,rgba(142,26,26,.28),transparent 50%),
    var(--night);
  padding:2.2rem 0 4.4rem;
  min-height:min(92vh,52rem);
}
.dl-hero__glow{
  position:absolute; top:-20%; inset-inline-end:-15%; width:55%; height:70%;
  background:radial-gradient(circle,rgba(196,163,90,.2),transparent 68%);
  pointer-events:none;
}
.dl-hero__motif{
  position:absolute; inset:0; pointer-events:none;
  background-color:rgba(239,233,220,.045);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:120px 120px; mask-size:120px 120px;
}
.dl-hero__handala{
  position:absolute; bottom:-.4rem; inset-inline-start:1.2rem;
  width:5.4rem; height:auto; opacity:.22; pointer-events:none;
  filter:brightness(8);
}
.dl-hero__grid{
  display:grid; gap:2.6rem; align-items:center;
  margin-top:2.2rem;
}
.dl-hero__note{
  margin-top:1rem; font-size:.82rem; color:rgba(239,233,220,.5);
}
.dl-float{
  position:relative; height:26rem; max-width:28rem; margin-inline:auto;
}
.dl-float .dl-phone{ position:absolute; top:1.6rem; }
.dl-float__a{ inset-inline-start:0; transform:rotate(-14deg) translateY(1.4rem); z-index:1; --dl-w:11.2rem; }
.dl-float__c{ inset-inline-end:0; transform:rotate(14deg) translateY(1.4rem); z-index:1; --dl-w:11.2rem; }
.dl-float__b{
  left:50%; top:.2rem; z-index:3; --dl-w:13.8rem;
  transform:translateX(-50%);
  animation:dl-bob 5.2s ease-in-out infinite;
}
@keyframes dl-bob{
  0%,100%{ transform:translateX(-50%) translateY(0); }
  50%{ transform:translateX(-50%) translateY(-10px); }
}
@media (min-width:960px){
  .dl-hero{ padding:3rem 0 5.4rem; }
  .dl-hero__grid{ grid-template-columns:minmax(0,1fr) minmax(20rem,1fr); gap:2rem; margin-top:2.8rem; }
  .dl-float{ height:34rem; max-width:34rem; }
  .dl-float__a, .dl-float__c{ --dl-w:13.2rem; }
  .dl-float__b{ --dl-w:16.2rem; }
  .dl-hero__handala{ width:7rem; inset-inline-start:2rem; }
}

.dl-story{
  background:var(--paper); padding:4.2rem 0 4.6rem;
}
.dl-story__grid{
  display:grid; gap:2.4rem; align-items:center;
}
.dl-story__phone{ display:flex; justify-content:center; }
.dl-story__phone .dl-phone{
  --dl-w:14.2rem;
  box-shadow:
    0 28px 48px -22px rgba(8,12,6,.45),
    inset 0 0 0 1.5px rgba(63,84,56,.28);
}
@media (min-width:960px){
  .dl-story{ padding:5rem 0 5.4rem; }
  .dl-story__grid{ grid-template-columns:minmax(0,1.15fr) minmax(0,.7fr); gap:3.2rem; }
}

.dl-doors{
  background:var(--paper); padding:4.2rem 0 4.8rem;
}
.dl-doors__grid{
  display:grid; gap:1.15rem; margin-top:2.4rem;
}
.dl-door{
  display:grid; gap:1.1rem; align-items:center;
  background:var(--leaf); border-radius:1.2rem; padding:1.1rem;
  border:1px solid rgba(26,34,20,.06);
}
.dl-door__phone{ --dl-w:7.4rem; }
.dl-door h3{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:1.15rem; line-height:1.5; margin-bottom:.35rem;
}
.dl-door p{ font-size:.92rem; line-height:1.95; color:var(--muted); }
.dl-door--more{
  position:relative; isolation:isolate; overflow:hidden;
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%,rgba(196,163,90,.22),transparent 55%),
    var(--night);
  border-color:rgba(196,163,90,.28);
}
.dl-door--more h3{ color:var(--gold-lt); }
.dl-door--more p{ color:rgba(239,233,220,.68); }
.dl-door--more a{
  display:inline-flex; align-items:center; gap:.35rem;
  margin-top:.7rem; color:var(--gold-lt); font-weight:600; font-size:.88rem;
  border-bottom:1px solid rgba(196,163,90,.4); padding-bottom:.1rem;
  transition:gap .35s var(--ease), color .25s;
}
.dl-door--more a:hover{ color:#fff; gap:.55rem; border-color:#fff; }
.dl-door__copy{ position:relative; z-index:1; }
.dl-door__motif{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background-color:rgba(239,233,220,.05);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:72px 72px; mask-size:72px 72px;
}
.dl-door__stack{
  position:relative; z-index:1;
  width:7.6rem; height:10.4rem; flex-shrink:0;
}
.dl-door__stack .dl-phone{
  position:absolute; top:.45rem; --dl-w:6.1rem;
  box-shadow:0 16px 28px -16px rgba(8,12,6,.75);
}
.dl-door__stack .dl-phone:first-child{
  inset-inline-start:0; transform:rotate(-11deg) translateY(.35rem); z-index:1;
}
.dl-door__stack .dl-phone:last-child{
  inset-inline-start:1.5rem; transform:rotate(9deg); z-index:2;
}
@media (min-width:720px){
  .dl-doors__grid{ grid-template-columns:1fr 1fr; }
  .dl-door{ grid-template-columns:auto 1fr; padding:1.2rem 1.3rem; }
}
@media (min-width:1100px){
  .dl-doors{ padding:5rem 0 5.4rem; }
  .dl-doors__grid{ grid-template-columns:1fr 1fr 1fr; }
}

.dl-who{
  background:var(--night); padding:4.2rem 0 4.8rem; color:var(--linen);
}
.dl-who .eyebrow{ color:var(--gold-lt); }
.dl-who h2{ color:#fff; }
.dl-who__grid{
  display:grid; gap:1rem; margin-top:2.4rem;
}
.dl-who__card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(196,163,90,.22);
  border-radius:1.15rem; padding:1.35rem 1.25rem 1.4rem;
}
.dl-who__card h3{
  font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:1.15rem; line-height:1.5; color:var(--gold-lt); margin-bottom:.45rem;
}
.dl-who__card p{ font-size:.92rem; line-height:1.95; color:rgba(239,233,220,.68); }
@media (min-width:720px){
  .dl-who__grid{ grid-template-columns:1fr 1fr 1fr; gap:1.15rem; }
}
@media (min-width:1100px){
  .dl-who{ padding:5rem 0 5.4rem; }
}

.dl-gallery{
  position:relative; overflow:hidden;
  background:var(--night); padding:4.4rem 0 4.8rem;
}
.dl-gallery::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-color:rgba(239,233,220,.04);
  -webkit-mask-image:var(--mask-motif); mask-image:var(--mask-motif);
  -webkit-mask-size:110px 110px; mask-size:110px 110px;
}
.dl-gallery .dl-phone, .dl-gallery .dl-swiper .swiper-slide{ --dl-w:14.2rem; }

.dl-end{
  position:relative;
  background:
    linear-gradient(180deg,var(--linen),var(--paper));
  padding:4.4rem 0 6.8rem;
}
@media (min-width:720px){
  .dl-end{ padding:5rem 0 5.4rem; }
}
.dl-end::before{
  content:""; position:absolute; inset-inline:12% 12%; top:0; height:4px;
  background-image:repeating-linear-gradient(to left,var(--tatreez) 0 12px,transparent 12px 22px);
}
.dl-link{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.7rem;
  margin:1.5rem auto 0; padding:1rem 1.1rem;
  background:#fff; border-radius:1rem;
  border:1px solid rgba(26,34,20,.08);
}
.dl-link code{
  font-size:.92rem; color:var(--olive); direction:ltr; unicode-bidi:isolate;
  word-break:break-all;
}
.dl-link .btn{ padding:.55rem 1.1rem; font-size:.85rem; }
.dl-link .btn.is-copied{ background:var(--olive); }

.dl-dock{
  display:none;
  position:fixed; inset-inline:0; bottom:0; z-index:70;
  padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(18,24,14,.92);
  border-top:1px solid rgba(196,163,90,.28);
  backdrop-filter:blur(14px);
}
@media (max-width:719px){
  .dl-dock{ display:block; }
}

@media print{
  .dl-dock{ display:none !important; }
}

@media (prefers-reduced-motion:reduce){
  .dl-float__b{ animation:none; }
  .dl-store:hover, .dl-nav:hover, .dl-more:hover{ transform:none; }
}

/* ==================== شهداء فلسطين ==================== */
.sh-page{
  --sh-gold:var(--gold);
  --sh-gold-soft:rgba(196,163,90,.14);
  --sh-line:rgba(196,163,90,.2);
  --sh-red:var(--tatreez);
  --sh-red-soft:rgba(142,26,26,.12);
  --sh-tatreez:var(--tatreez);
  --sh-olive:var(--olive);
  --sh-ink:var(--ink);
  --sh-paper:var(--leaf);
  background:var(--sh-paper);
  color:var(--sh-ink);
  min-height:100vh;
}
.sh-hero{
  position:relative;
  padding:5.25rem 0 0;
  background:#121410;
  color:#efe9dc;
  overflow:hidden;
}
@media(min-width:768px){ .sh-hero{ padding-top:6rem; } }
.sh-hero__pattern{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 62% 55% at 50% -10%, rgba(142,26,26,.26), transparent 62%),
    radial-gradient(ellipse 48% 46% at 6% 104%, rgba(63,84,56,.3), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 46%);
}
.sh-hero__motif{
  position:absolute; inset:0; pointer-events:none;
  background-color:rgba(239,233,220,.022);
  -webkit-mask-image:var(--mask-motif), radial-gradient(ellipse 82% 74% at 50% 38%, #000, transparent 78%);
          mask-image:var(--mask-motif), radial-gradient(ellipse 82% 74% at 50% 38%, #000, transparent 78%);
  -webkit-mask-size:120px 120px, 100% 100%;
          mask-size:120px 120px, 100% 100%;
  -webkit-mask-composite:source-in;
          mask-composite:intersect;
}
.sh-hero__in{ position:relative; z-index:1; padding-bottom:1.85rem; }
.sh-hero__edge{
  position:absolute; inset-inline:0; bottom:0; z-index:3; height:12px;
  border-bottom:1px solid rgba(196,163,90,.55);
  background-image:
    linear-gradient(45deg,transparent 44%,var(--gold) 44% 56%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,var(--gold) 44% 56%,transparent 56%);
  background-size:10px 10px;
  background-position:0 0;
  background-repeat:repeat-x;
  opacity:.72;
}
.sh-crumb{
  display:flex; flex-wrap:wrap; align-items:center; gap:.45rem;
  font-size:.84rem; color:rgba(239,233,220,.5);
}
.sh-crumb a:hover{ color:#fff; }
.sh-hero__head{ margin-top:1.4rem; text-align:center; }
.sh-hero__title{
  font-family:var(--font-display); font-size:clamp(2.05rem,4.8vw,3.3rem);
  line-height:1.3; font-weight:800; color:#fff; margin-top:.55rem;
}
.sh-hero__quote{
  max-width:38rem; margin:.75rem auto 0; font-size:.95rem; line-height:1.85;
  color:rgba(239,233,220,.58);
}
.sh-hero__ayah{
  position:relative; max-width:44rem; margin:1.75rem auto 0;
  padding:1.5rem 1.5rem 1.35rem; border-radius:1.2rem; text-align:center;
  border:1px solid rgba(196,163,90,.22);
  background:linear-gradient(180deg, rgba(196,163,90,.08), rgba(255,255,255,.015));
}
.sh-hero__ayah-star{
  position:absolute; top:-.72rem; left:50%; transform:translateX(-50%);
  display:grid; place-items:center; width:1.55rem; height:1.55rem;
  color:var(--gold); background:#141712; border-radius:999px;
}
.sh-hero__ayah-star svg{ width:.95rem; height:.95rem; }
.sh-hero__ayah p{
  font-size:clamp(1.02rem,2.2vw,1.3rem); line-height:2.15; color:#f3ede0;
}
.sh-hero__ayah cite{
  display:block; margin-top:.6rem; font-style:normal; font-size:.74rem;
  letter-spacing:.04em; color:rgba(196,163,90,.8);
}

/* لوح الإجمالي ثم مجموعتا الأرقام — صف واحد لكل مجموعة بلا فراغ */
.sh-stats{ margin-top:1.6rem; }
.sh-total{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1rem;
  padding:1.25rem 1.35rem; border-radius:1.3rem; text-align:center;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.24));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 24px 46px -34px rgba(0,0,0,.9);
}
@media(min-width:760px){
  .sh-total{ justify-content:flex-start; text-align:start; padding:1.4rem 1.8rem; }
  .sh-total__updated{ margin-inline-start:auto; }
}
.sh-total__flame{
  position:relative; flex:none; display:grid; place-items:center;
  width:3.4rem; height:3.4rem; border-radius:999px; color:var(--gold-lt);
  border:1px solid rgba(196,163,90,.28);
  background:linear-gradient(180deg, rgba(196,163,90,.14), rgba(196,163,90,.03));
}
.sh-total__flame svg{ position:relative; z-index:1; width:1.85rem; height:1.85rem; }
.sh-total__flame::after{
  content:""; position:absolute; inset:-.55rem; border-radius:999px;
  background:radial-gradient(circle, rgba(212,188,122,.42), transparent 64%);
  animation:hm-flicker 3.4s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){ .sh-total__flame::after{ animation:none; } }
.sh-total__figure b{
  display:block; font-family:"Reem Kufi",sans-serif; font-weight:700;
  font-size:clamp(2rem,4.6vw,3rem); line-height:1; color:#fff;
}
.sh-total__figure span{
  display:block; margin-top:.4rem; font-size:.82rem; color:rgba(239,233,220,.55);
}
.sh-total__figure--year{
  position:relative; padding-inline-start:1.5rem;
}
.sh-total__figure--year::before{
  content:""; position:absolute; inset-block:.15rem; inset-inline-start:0;
  width:1px; background:rgba(255,255,255,.14);
}
.sh-total__figure--year b{ font-size:clamp(1.5rem,3.2vw,2.1rem); color:var(--gold-lt); }
@media(max-width:759px){
  .sh-total__figure--year{ padding-inline-start:1.1rem; }
}
.sh-total__updated{ font-size:.76rem; color:rgba(239,233,220,.45); }

.sh-stats__board{ display:grid; gap:.9rem; margin-top:.9rem; }
@media(min-width:1024px){ .sh-stats__board{ grid-template-columns:5fr 3fr; gap:1rem; } }
.sh-stats__group{
  padding:.95rem 1rem 1.05rem; border-radius:1.15rem;
  border:1px solid rgba(255,255,255,.09); background:rgba(0,0,0,.2);
}
.sh-stats__group-head{
  margin:0 0 .85rem; padding-bottom:.55rem;
  font-size:.74rem; font-weight:600; letter-spacing:.04em;
  color:rgba(239,233,220,.5); border-bottom:1px solid rgba(255,255,255,.08);
}
.sh-metrics{ display:grid; gap:.55rem; }
.sh-metrics--types{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.sh-metrics--types .sh-metric:last-child{ grid-column:1/-1; }
@media(min-width:700px){
  .sh-metrics--types{ grid-template-columns:repeat(5,minmax(0,1fr)); }
  .sh-metrics--types .sh-metric:last-child{ grid-column:auto; }
}
.sh-metrics--region{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.sh-metric{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem;
  min-height:5.4rem; padding:.8rem .5rem .7rem; border-radius:.9rem; text-align:center;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035);
  transition:border-color .25s, background .25s, transform .25s;
}
.sh-metric:hover{
  transform:translateY(-1px); border-color:rgba(196,163,90,.3);
  background:rgba(255,255,255,.055);
}
.sh-metric__val{
  font-size:clamp(1.1rem,2vw,1.45rem); line-height:1; font-weight:800; color:#fff;
}
.sh-metric__lbl{
  font-size:.7rem; line-height:1.35; color:rgba(239,233,220,.58);
}
.sh-metric__bar{
  display:block; width:1.5rem; height:2px; margin-top:.15rem;
  border-radius:2px; background:rgba(255,255,255,.2);
}
.sh-metric--gold .sh-metric__bar{ background:var(--gold); }
.sh-metric--tatreez .sh-metric__bar{ background:var(--tatreez-lt); }
.sh-metric--green .sh-metric__bar{ background:var(--olive-lt); }
.sh-metric--sand .sh-metric__bar{ background:#b9a681; }
.sh-metric--red .sh-metric__bar{ background:#c43a38; }
.sh-stats__panels{
  display:grid; gap:.85rem; margin-top:1rem;
}
@media(min-width:900px){ .sh-stats__panels{ grid-template-columns:1.15fr 1fr; gap:1rem; } }
.sh-stats__panel{
  padding:1rem 1.05rem; border-radius:1rem;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035);
}
.sh-stats__panel h2{
  font-size:.72rem; letter-spacing:.04em; color:rgba(239,233,220,.42); margin-bottom:.75rem;
}
.sh-stats__rings{
  display:flex; flex-wrap:wrap; gap:.65rem; justify-content:center;
}
.sh-stats__rings--region{ justify-content:flex-start; }
.sh-ring{
  min-width:6.25rem; padding:.65rem .5rem .7rem; border-radius:.9rem; text-align:center;
  border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.18);
  transition:border-color .2s, transform .2s, background .2s;
}
.sh-ring:not(:disabled):hover{ transform:translateY(-1px); border-color:rgba(196,163,90,.32); }
.sh-ring.is-active{ border-color:var(--sh-gold); background:var(--sh-gold-soft); }
.sh-ring b{
  display:grid; place-items:center; width:3rem; height:3rem; margin:0 auto;
  border-radius:999px; font-size:1.05rem; line-height:1; font-weight:800; color:#fff;
}
.sh-ring span{
  display:block; margin-top:.5rem; font-size:.7rem; color:rgba(239,233,220,.62); line-height:1.35;
}
.sh-ring--total b{ background:linear-gradient(180deg,var(--tatreez-lt),var(--tatreez)); }
.sh-ring--gold b{ background:linear-gradient(180deg,var(--gold-lt),var(--gold-dk)); color:#1a1408; }
.sh-ring--tatreez b{ background:linear-gradient(180deg,#b52f2d,var(--tatreez)); }
.sh-ring--green b{ background:linear-gradient(180deg,var(--olive-lt),var(--olive)); }
.sh-ring--sand b{ background:linear-gradient(180deg,#d9cdb4,#9a8564); color:#1a1408; }
.sh-ring--red b{ background:linear-gradient(180deg,#c43a38,var(--tatreez)); }
.sh-body{ padding-top:1.25rem; }
.sh-layout{
  display:grid; gap:1.25rem; align-items:start;
}
@media(min-width:1024px){
  .sh-layout{ grid-template-columns:minmax(260px, 300px) minmax(0,1fr); gap:1.5rem 1.75rem; }
}
.sh-sidebar{
  border-radius:1rem; border:1px solid rgba(196,163,90,.22);
  background:linear-gradient(180deg,#fff 0%,#faf8f3 100%);
  box-shadow:0 14px 34px rgba(26,34,20,.05);
  overflow:hidden;
}
@media(min-width:1024px){ .sh-sidebar{ position:sticky; top:5.5rem; } }
.sh-sidebar__head{
  padding:1rem 1.05rem; border-bottom:1px solid rgba(196,163,90,.16);
  background:linear-gradient(180deg,#f8f3ea,#f2ece1);
}
.sh-sidebar__head h2{ font-size:.98rem; font-weight:800; color:var(--ink); }
.sh-sidebar__search{
  display:flex; align-items:center; gap:.65rem; margin:1rem;
  padding:.78rem .9rem; border-radius:.85rem;
  border:1px solid rgba(196,163,90,.22); background:#fff;
}
.sh-sidebar__search svg{ color:var(--tatreez); flex:none; }
.sh-sidebar__search input{
  flex:1; min-width:0; border:0; background:transparent; color:var(--sh-ink);
  font-size:.92rem; outline:none;
}
.sh-sidebar__search input::placeholder{ color:rgba(26,34,20,.35); }
.sh-sidebar__select{
  width:100%; padding:.68rem .78rem; border-radius:.75rem;
  border:1px solid rgba(196,163,90,.22); background:#fff; color:var(--sh-ink); font-size:.86rem;
}
.sh-sidebar__select:focus{ outline:2px solid rgba(196,163,90,.35); outline-offset:1px; }
.sh-acc{ border-top:1px solid rgba(196,163,90,.12); }
.sh-acc summary{
  list-style:none; cursor:pointer; padding:.9rem 1rem; font-size:.88rem; font-weight:700;
  color:var(--sh-ink); display:flex; align-items:center; justify-content:space-between;
}
.sh-acc summary::-webkit-details-marker{ display:none; }
.sh-acc summary::after{
  content:""; width:.55rem; height:.55rem; border-right:2px solid rgba(26,34,20,.35);
  border-bottom:2px solid rgba(26,34,20,.35); transform:rotate(45deg); transition:transform .2s;
}
.sh-acc[open] summary::after{ transform:rotate(-135deg); margin-top:.25rem; }
.sh-acc[open] summary{ color:var(--tatreez); }
.sh-acc__body{ padding:0 1rem 1rem; }
.sh-acc__chips{ display:flex; flex-wrap:wrap; gap:.5rem; }
.sh-chip{
  padding:.42rem .78rem; border-radius:999px; font-size:.76rem;
  border:1px solid rgba(196,163,90,.22); background:#fff; color:var(--sh-ink);
  transition:border-color .2s, background .2s, color .2s;
}
.sh-chip:hover{ border-color:var(--gold); }
.sh-chip.is-active{
  border-color:var(--tatreez); background:rgba(142,26,26,.08); color:var(--tatreez); font-weight:700;
}
.sh-active-tags{
  display:flex; flex-wrap:wrap; gap:.45rem; padding:0 1rem 1rem;
}
.sh-tag{
  padding:.32rem .7rem; border-radius:999px; font-size:.74rem;
  border:1px solid rgba(196,163,90,.2); background:#fff; color:rgba(26,34,20,.72);
}
.sh-tag--clear{ color:var(--tatreez); border-color:rgba(142,26,26,.22); }
.sh-main{ min-width:0; }
.sh-toolbar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.85rem;
  margin-bottom:1.25rem; padding:.9rem 1.1rem; border-radius:1rem;
  background:#fff; border:1px solid rgba(26,34,20,.07);
  box-shadow:0 12px 26px -22px rgba(26,34,20,.55);
}
.sh-toolbar__count{
  font-size:.98rem; font-weight:800; color:var(--tatreez);
}
.sh-toolbar__lead{
  display:flex; align-items:center; gap:.65rem;
  max-width:44rem; font-size:.95rem; line-height:1.8; color:rgba(26,34,20,.72);
}
.sh-toolbar__mark{
  flex:none; width:.4rem; height:1.7rem; border-radius:99px;
  background:linear-gradient(180deg,var(--gold),var(--tatreez));
}
.sh-toolbar__share{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.55rem .95rem; border-radius:999px; font-size:.78rem;
  border:1px solid rgba(26,34,20,.1); color:rgba(26,34,20,.72); background:#fff;
  transition:border-color .25s, color .25s, background .25s;
}
.sh-toolbar__share:hover{ border-color:var(--gold); color:var(--sh-ink); background:rgba(196,163,90,.08); }
.sh-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem;
}
@media(min-width:520px){ .sh-grid{ gap:1rem; } }
@media(min-width:768px){ .sh-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.05rem; } }
@media(min-width:992px){ .sh-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.1rem; } }
@media(min-width:1200px){ .sh-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:1.15rem; } }
.sh-card{
  position:relative; display:block; width:100%; padding:0; border:0; text-align:inherit;
  border-radius:1rem; overflow:hidden; cursor:pointer; background:#ddd4c5;
  border:1px solid rgba(26,34,20,.06);
  box-shadow:0 12px 28px rgba(26,34,20,.07);
  transition:transform .22s ease, box-shadow .22s ease;
}
.sh-card-item{ display:block; }
.sh-card-item:hover .sh-card{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(26,34,20,.11);
}
.sh-card-wrap{
  display:flex; flex-direction:column;
  border-radius:1rem; overflow:hidden;
  border:1px solid rgba(26,34,20,.06);
  background:#fff;
  box-shadow:0 12px 28px rgba(26,34,20,.07);
  transition:transform .22s ease, box-shadow .22s ease;
}
.sh-card-wrap:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(26,34,20,.11);
}
.sh-card-wrap:hover .sh-card{
  transform:none;
  box-shadow:none;
}
.sh-card-wrap .sh-card{
  box-shadow:none;
  border:0;
}
.sh-card-wrap .sh-share{
  padding:.65rem .75rem .75rem;
  border-top:1px solid rgba(26,34,20,.06);
  background:#fff;
}
.sh-share__row{
  display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center;
}
.sh-modal__share .sh-share__row{ justify-content:flex-start; }
.share-btn--sm{
  width:2.35rem; height:2.35rem; font-size:.78rem;
}
.sh-modal__share{
  margin-top:1.15rem; padding-top:1rem;
  border-top:1px solid rgba(26,34,20,.08);
}
.sh-modal__share-link{
  display:block; font-size:.74rem; line-height:1.6;
  color:var(--olive); word-break:break-all;
}
.sh-modal__share-link:hover{ color:var(--tatreez); }
.sh-modal__share .sh-share{ margin-top:.65rem; padding:0; }
.sh-card:hover{ transform:translateY(-3px); box-shadow:0 18px 34px rgba(26,34,20,.11); }
.sh-card__media{
  position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:#221a12;
}
.sh-card__media img{
  width:100%; height:100%; object-fit:cover; object-position:center 20%;
  filter:grayscale(.38) contrast(1.04);
  transition:transform 1s var(--ease), filter .5s ease;
}
.sh-card-item:hover .sh-card__media img{ transform:scale(1.05); filter:grayscale(0) contrast(1.02); }
.sh-card__void{
  display:grid; place-items:center; width:100%; height:100%; color:rgba(196,163,90,.32);
  background:radial-gradient(circle at 50% 36%, rgba(196,163,90,.14), transparent 62%), #1b1d14;
}
.sh-card__void svg{ width:3rem; height:3rem; }
.sh-card__mark{
  position:absolute; top:.6rem; inset-inline-start:.6rem; z-index:2;
  display:inline-flex; align-items:center; gap:.3rem;
  padding:.24rem .6rem; border-radius:999px; font-size:.66rem; line-height:1.6;
  color:#f6efdd; background:rgba(9,12,7,.5); border:1px solid rgba(196,163,90,.35);
  backdrop-filter:blur(6px);
}
.sh-card__mark svg{ width:.72rem; height:.72rem; color:var(--gold-lt); }
.sh-card__shade{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top, rgba(9,12,7,.96) 4%, rgba(9,12,7,.74) 30%, rgba(9,12,7,.1) 64%, transparent 100%);
}
.sh-card__body{
  position:absolute; inset-inline:0; bottom:0; z-index:1; padding:.85rem .85rem .95rem;
}
.sh-card__body b{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-family:var(--font-title); font-size:.86rem; line-height:1.5;
  color:#fff; font-weight:800;
}
@media(min-width:768px){ .sh-card__body b{ font-size:.95rem; } }
.sh-card__meta{
  display:block; margin-top:.3rem; font-size:.74rem; line-height:1.5; color:rgba(255,255,255,.72);
}
.sh-card__body time{
  display:block; margin-top:.32rem; font-size:.7rem; color:rgba(212,188,122,.85);
}
.sh-empty{
  padding:2.5rem 1rem; text-align:center;
  border:1px dashed rgba(26,34,20,.12); border-radius:1rem;
  color:rgba(26,34,20,.48); background:#fff;
}
.sh-empty__action{
  margin-top:.75rem; padding:.45rem .85rem; border-radius:999px;
  font-size:.78rem; border:1px solid rgba(142,26,26,.18); color:var(--tatreez);
}
#sh-results.is-loading{ opacity:.5; pointer-events:none; transition:opacity .2s; }
#sh-stats.is-loading{ opacity:.5; pointer-events:none; transition:opacity .2s; }
.sh-app-banner{ margin-top:1.35rem; }
.sh-app-banner .gn-app-banner__stage{
  margin-inline:0;
  justify-self:start;
}
.sh-app-banner .gn-app-banner__phone--hero{
  left:0; right:auto;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .sh-app-banner .gn-app-banner__phone--hero{ animation:none; }
}
.sh-page .feed-more{
  margin-top:1.2rem; border-color:rgba(26,34,20,.12); color:rgba(26,34,20,.72); background:#fff;
}
.sh-page .feed-more:hover{ border-color:var(--sh-gold); color:var(--sh-ink); }
.sh-modal[hidden]{ display:none !important; }
.sh-modal{
  position:fixed; inset:0; z-index:120; display:grid; place-items:end center; overflow:hidden;
}
@media(min-width:768px){ .sh-modal{ place-items:center; padding:1.25rem; } }
.sh-modal__backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.74); backdrop-filter:blur(3px);
}
.sh-modal__panel{
  position:relative; z-index:1; width:min(100%, 32rem); max-height:min(92vh, 780px);
  overflow:auto; border-radius:1rem 1rem 0 0; background:#f8f5ef; color:#1a2214;
  box-shadow:0 20px 50px rgba(0,0,0,.4);
}
@media(min-width:768px){ .sh-modal__panel{ border-radius:1rem; } }
.sh-modal__close{
  position:absolute; top:.7rem; inset-inline-start:.7rem; z-index:3;
  width:2rem; height:2rem; border-radius:999px;
  display:grid; place-items:center; background:rgba(255,255,255,.9); color:#1a2214;
}
.sh-modal__hero{
  position:relative; aspect-ratio:4/3; background:#ddd4c5; overflow:hidden;
}
.sh-modal__hero img{ width:100%; height:100%; object-fit:cover; object-position:center top; }
.sh-modal__hero-fallback{
  display:grid; place-items:center; width:100%; height:100%; color:rgba(26,34,20,.25);
}
.sh-modal__hero-fallback svg{ width:3.5rem; height:3.5rem; }
.sh-modal__hero::after{
  content:""; position:absolute; inset:auto 0 0 0; height:30%;
  background:linear-gradient(180deg, transparent, #f8f5ef);
}
.sh-modal__content{ padding:0 1rem 1.25rem; margin-top:-1rem; position:relative; }
.sh-modal__category{ font-size:.76rem; color:var(--tatreez); font-weight:700; }
.sh-modal__name{
  margin-top:.2rem; font-size:1.25rem; line-height:1.4; font-weight:800; color:#111;
}
.sh-modal__badges{
  display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.75rem; padding:0; list-style:none;
}
.sh-modal__badges li{
  padding:.32rem .62rem; border-radius:999px; font-size:.73rem;
  background:#ece7dc; color:#334029;
}
.sh-modal__badges li.is-warn{ background:#fff0c9; color:#7a5a00; }
.sh-modal__details{
  margin-top:.9rem; font-size:.9rem; line-height:1.8; color:#334029; white-space:pre-wrap;
}

/* ===== خريطة المسجد الأقصى التفاعلية ===== */
.aq-page--map .aq-map-section{ padding:1.5rem 0 3rem; background:var(--leaf); }
.aq-map-cta{
  display:flex; align-items:center; gap:1rem; margin-top:1.5rem; padding:1rem 1.15rem;
  border-radius:1rem; border:1px solid rgba(196,163,90,.28); background:linear-gradient(135deg,#fff 0%,#fbf7ed 100%);
  color:inherit; transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.aq-map-cta:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(26,34,20,.08); }
.aq-map-cta__icon{
  width:3rem; height:3rem; border-radius:.95rem; display:grid; place-items:center;
  background:var(--gold); color:#fff; font-size:1.35rem; font-weight:700;
}
.aq-map-cta__body{ flex:1; min-width:0; }
.aq-map-cta__body strong{ display:block; font-size:1rem; color:var(--ink); }
.aq-map-cta__body span{ display:block; margin-top:.25rem; font-size:.84rem; color:var(--muted); line-height:1.6; }
.aq-map-cta__arrow{ color:var(--gold-dk); font-size:1.1rem; }
.aq-map{
  position:relative; min-height:720px; border:1px solid rgba(26,34,20,.08);
  border-radius:1.25rem; overflow:hidden; background:var(--paper);
  box-shadow:0 24px 60px rgba(26,34,20,.08);
}
.aq-map__shell{
  display:grid; grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  min-height:720px;
}
.aq-map__sidebar{
  display:flex; flex-direction:column; border-inline-end:1px solid rgba(26,34,20,.08);
  background:linear-gradient(180deg,#fff 0%,#faf8f3 100%);
}
.aq-map__sidebar-head{ padding:1rem; border-bottom:1px solid rgba(26,34,20,.06); }
.aq-map__search input{
  width:100%; border:1px solid rgba(26,34,20,.12); border-radius:.85rem;
  padding:.75rem .95rem; font:inherit; background:#fff; color:var(--ink);
}
.aq-map__search input:focus{ outline:2px solid rgba(196,163,90,.35); border-color:var(--gold); }
.aq-map__filters{
  display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.85rem;
}
.aq-map__chip{
  display:inline-flex; align-items:center; gap:.4rem;
  border:1px solid rgba(26,34,20,.1); background:#fff; color:var(--ink);
  border-radius:999px; padding:.35rem .55rem .35rem .75rem; font-size:.74rem; cursor:pointer;
  transition:transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.aq-map__chip-count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:1.45rem; padding:0 .3rem; border-radius:999px;
  background:rgba(26,34,20,.07); color:var(--muted);
  font-style:normal; font-size:.68rem; font-weight:700;
  font-variant-numeric:tabular-nums; direction:ltr;
}
.aq-map__chip.is-active .aq-map__chip-count{
  background:var(--chip-color,var(--gold)); color:#fff;
}
.aq-map__chip.is-active{
  border-color:var(--chip-color,var(--gold)); background:rgba(196,163,90,.12);
  box-shadow:inset 0 0 0 1px rgba(196,163,90,.18);
}
.aq-map__list{
  flex:1; overflow:auto; padding:.65rem;
}
.aq-map__list-item{
  width:100%; display:grid; grid-template-columns:52px minmax(0,1fr); gap:.75rem;
  align-items:center; text-align:start; padding:.65rem; border:0; border-radius:.95rem;
  background:transparent; cursor:pointer; transition:background .2s var(--ease);
}
.aq-map__list-item img,.aq-map__list-dot{
  width:52px; height:52px; border-radius:.75rem; object-fit:cover; display:block;
}
.aq-map__list-item strong{
  display:block; font-size:.92rem; line-height:1.45; color:var(--ink);
}
.aq-map__list-item i{
  display:block; margin-top:.2rem; font-style:normal; font-size:.72rem; color:var(--muted);
}
.aq-map__list-item.is-active,.aq-map__list-item:hover{ background:rgba(196,163,90,.12); }
.aq-map__empty{ padding:1rem; color:var(--muted); font-size:.88rem; }
.aq-map__stage{
  position:relative; min-width:0; background:#dfe5d6;
}
.aq-map__toolbar{
  position:absolute; inset-inline:1rem; top:1rem; z-index:5;
  display:flex; flex-wrap:wrap; gap:.55rem; justify-content:space-between; pointer-events:none;
}
.aq-map__toolbar-group{ display:flex; gap:.45rem; pointer-events:auto; }
.aq-map__btn{
  /* inline-flex لازم: زر «طباعة الخريطة» عنصر <a> والعناصر السطرية بتتجاهل height */
  pointer-events:auto; display:inline-flex; align-items:center; justify-content:center;
  border:0; border-radius:.75rem; min-width:2.5rem; height:2.5rem;
  background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 8px 24px rgba(26,34,20,.12);
  font-size:1.1rem; line-height:1; cursor:pointer;
}
.aq-map__zoom{
  pointer-events:none; display:inline-flex; align-items:center; justify-content:center;
  min-width:3.4rem; height:2.5rem; padding:0 .6rem; border-radius:.75rem;
  background:rgba(26,34,20,.82); color:#fff;
  font-family:"IBM Plex Sans Arabic",sans-serif; font-size:.8rem; font-weight:700;
  font-variant-numeric:tabular-nums; direction:ltr;
  box-shadow:0 8px 24px rgba(26,34,20,.18);
}
.aq-map__btn--text{ min-width:auto; padding:0 1rem; font-size:.82rem; font-weight:700; }
.aq-map__btn--mobile{ display:none; }

/* الأدوات الثانوية: صف عادي على الديسكتوب، وقائمة «⋯» على الشاشات الضيقة */
.aq-map__more{ position:relative; display:contents; }
.aq-map__more-menu{ display:contents; }
.aq-map__btn--more{ display:none; font-size:1.35rem; letter-spacing:.05em; }
.aq-map__viewport{
  position:relative; width:100%; height:720px; overflow:hidden; cursor:grab;
  touch-action:none; background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.35), transparent 55%),
    linear-gradient(180deg,#e7ece1 0%,#d5ddd0 100%);
}
.aq-map__viewport.is-dragging{ cursor:grabbing; }
.aq-map__canvas{
  position:absolute; top:0; left:0; transform-origin:0 0; will-change:transform;
}
.aq-map__image{
  display:block; width:100%; height:100%; object-fit:fill; user-select:none;
  box-shadow:0 18px 50px rgba(26,34,20,.18);
}
.aq-map__markers{ position:absolute; inset:0; pointer-events:none; }
.aq-map__marker{
  position:absolute; transform:translate(-50%,-50%); width:24px; height:24px;
  border:0; padding:0; background:transparent; cursor:pointer; z-index:2;
  pointer-events:auto;
}
.aq-map__marker-core{
  position:absolute; inset:4px; border-radius:50%;
  background:var(--marker-color,var(--gold)); border:2px solid #fff;
  box-shadow:0 0 0 1.5px rgba(26,34,20,.25), 0 4px 12px rgba(26,34,20,.2);
  transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.aq-map__marker-ring{
  position:absolute; inset:-2px; border-radius:50%;
  border:2px solid rgba(255,255,255,.7);
  opacity:0; transform:scale(.7); transition:opacity .2s var(--ease), transform .2s var(--ease);
}
.aq-map__marker:hover .aq-map__marker-ring,
.aq-map__marker.is-active .aq-map__marker-ring{
  opacity:1; transform:scale(1.65);
  border-color:var(--marker-color,var(--gold));
}
.aq-map__marker.is-active .aq-map__marker-core{
  transform:scale(1.2);
  box-shadow:0 0 0 4px rgba(196,163,90,.35), 0 8px 20px rgba(26,34,20,.28);
}
.aq-map__tooltip{
  position:absolute; z-index:6; pointer-events:none; padding:.4rem .65rem;
  border-radius:.6rem; background:rgba(26,34,20,.9); color:#fff; font-size:.76rem;
  transform:translate(-50%, calc(-100% - 14px)); white-space:nowrap;
  box-shadow:0 8px 20px rgba(26,34,20,.18);
}
.aq-map__popup{
  position:absolute; z-index:7; transform:translate(-50%, calc(-100% - 18px));
  pointer-events:none;
}
.aq-map__popup.is-below{
  transform:translate(-50%, 18px);
}
.aq-map__popup.is-below .aq-map__popup-tail{
  top:auto; bottom:100%; border-top:none; border-bottom:10px solid #fff;
}
.aq-map__popup-card{
  position:relative; pointer-events:auto; background:#fff; border-radius:1rem;
  overflow:hidden; box-shadow:0 20px 50px rgba(26,34,20,.18), 0 0 0 1px rgba(26,34,20,.06);
  animation:aq-map-pop .25s var(--ease);
}
@keyframes aq-map-pop{
  from{ opacity:0; transform:translateY(8px) scale(.96); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
.aq-map__popup-close{
  position:absolute; top:.55rem; inset-inline-end:.55rem; z-index:2;
  width:1.85rem; height:1.85rem; border:0; border-radius:999px;
  background:rgba(26,34,20,.08); color:var(--ink); font-size:1.2rem; line-height:1; cursor:pointer;
}
.aq-map__popup-image{
  display:block; width:100%; height:104px; object-fit:cover;
}
.aq-map__gallery{
  position:relative; background:#111;
}
.aq-map__gallery-track{
  position:relative; height:104px; overflow:hidden;
}
.aq-map__popup-slide{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity .2s ease;
}
.aq-map__popup-slide.is-active{ opacity:1; }
.aq-map__gallery-nav{
  position:absolute; top:50%; z-index:2; transform:translateY(-50%);
  width:1.85rem; height:1.85rem; border:0; border-radius:999px;
  background:rgba(255,255,255,.92); color:var(--ink); font-size:1.15rem; line-height:1;
  cursor:pointer; box-shadow:0 4px 14px rgba(26,34,20,.18);
}
.aq-map__gallery-nav--prev{ inset-inline-start:.55rem; }
.aq-map__gallery-nav--next{ inset-inline-end:.55rem; }
.aq-map__gallery-count{
  position:absolute; top:.55rem; inset-inline-start:.55rem; z-index:2;
  padding:.22rem .5rem; border-radius:999px; background:rgba(26,34,20,.72);
  color:#fff; font-size:.68rem; font-weight:700;
}
.aq-map__gallery-dots{
  position:absolute; inset-inline:0; bottom:.45rem; z-index:2;
  display:flex; justify-content:center; gap:.3rem;
}
.aq-map__gallery-dot{
  width:.45rem; height:.45rem; border:0; border-radius:999px;
  background:rgba(255,255,255,.45); cursor:pointer; padding:0;
}
.aq-map__gallery-dot.is-active{ background:#fff; transform:scale(1.15); }
.aq-map__gallery-caption{
  padding:.55rem .85rem 0; font-size:.72rem; color:var(--muted); line-height:1.6;
}
.aq-map__popup-content{ padding:.8rem .85rem .9rem; }
.aq-map__popup-tag{
  display:inline-block; padding:.24rem .6rem; border-radius:999px;
  color:#fff; font-size:.68rem; font-weight:700;
}
.aq-map__popup h3{
  margin-top:.5rem; font-family:var(--font-title); font-size:.94rem; line-height:1.45;
}
.aq-map__popup p{
  margin-top:.4rem; color:var(--muted); line-height:1.7; font-size:.78rem;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.aq-map__popup-link{
  display:inline-flex; margin-top:.6rem; padding:.48rem .8rem; border-radius:.7rem;
  background:var(--ink); color:#fff; font-size:.74rem; font-weight:700;
}
.aq-map__popup-tail{
  position:absolute; left:50%; top:100%; transform:translateX(-50%);
  width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent;
  border-top:10px solid #fff; filter:drop-shadow(0 4px 4px rgba(26,34,20,.08));
}
.aq-map__loading{
  position:absolute; inset:0; display:grid; place-items:center; background:rgba(255,255,255,.72);
  font-weight:700; color:var(--ink); z-index:10;
}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
@media(max-width:1023px){
  .aq-map__shell{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(460px,62vh);
  }
  .aq-map__sidebar{
    position:absolute; inset-inline:0; top:0; z-index:8; max-height:72%;
    transform:translateY(calc(-100% + 3.5rem)); transition:transform .25s var(--ease);
    box-shadow:0 18px 40px rgba(26,34,20,.16);
  }
  .aq-map.list-open .aq-map__sidebar{ transform:translateY(0); }
  .aq-map__btn--mobile{ display:inline-flex; }
  .aq-map__more{ display:inline-block; }
  .aq-map__btn--more{ display:inline-flex; }
  .aq-map__more-menu{
    position:absolute; inset-inline-end:0; top:calc(100% + .4rem); z-index:9;
    display:none; flex-direction:column; gap:.35rem; padding:.4rem;
    border-radius:.9rem; background:rgba(255,255,255,.97);
    box-shadow:0 16px 36px rgba(26,34,20,.22);
  }
  .aq-map__more.is-open .aq-map__more-menu{ display:flex; }
  .aq-map__more-menu .aq-map__btn{
    justify-content:flex-start; white-space:nowrap; box-shadow:none; background:transparent;
  }
  .aq-map__more-menu .aq-map__btn:hover{ background:rgba(26,34,20,.06); }
}
@media(max-width:479px){
  /* صف واحد على الهواتف: نصوص أضيق وشارة زوم أصغر */
  .aq-map__toolbar{ inset-inline:.6rem; gap:.4rem; }
  .aq-map__toolbar-group{ gap:.3rem; }
  .aq-map__btn{ min-width:2.2rem; height:2.2rem; }
  .aq-map__btn--text{ padding:0 .6rem; font-size:.72rem; }
  .aq-map__zoom{ min-width:2.9rem; height:2.2rem; padding:0 .35rem; font-size:.72rem; }
  .aq-map__viewport{ height:62vh; min-height:460px; }
}
@media(max-width:639px){
  .aq-map{ min-height:auto; border-radius:1rem; }
  .aq-map__viewport{ min-height:380px; }
  .aq-map__popup-card{ max-width:calc(100vw - 2.5rem); }
}

.aq-map__marker.is-dimmed{ opacity:.25; pointer-events:none; }
.aq-map__visible-count{
  margin-top:.65rem; font-size:.76rem; color:var(--muted); font-weight:600;
}
.aq-map__tours-wrap{ margin-top:.85rem; }
.aq-map__tours-label{
  display:block; margin-bottom:.35rem; font-size:.74rem; font-weight:700; color:var(--muted);
}
.aq-map__tours-select{
  width:100%; border:1px solid rgba(26,34,20,.12); border-radius:.85rem;
  padding:.65rem .85rem; font:inherit; background:#fff; color:var(--ink);
}
.aq-map__tour-bar{
  position:absolute; inset-inline:1rem; top:4.25rem; z-index:6;
  display:flex; flex-direction:column; align-items:stretch; gap:.55rem;
  padding:.65rem .85rem .75rem; border-radius:.95rem;
  background:rgba(255,255,255,.96); box-shadow:0 10px 28px rgba(26,34,20,.12);
  pointer-events:auto;
  overflow:hidden;
}
.aq-map__tour-head{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
}
.aq-map__tour-meta strong{ display:block; font-size:.88rem; color:var(--ink); }
.aq-map__tour-meta span{ display:block; margin-top:.15rem; font-size:.72rem; color:var(--muted); }
.aq-map__tour-actions{ display:flex; gap:.35rem; flex-shrink:0; }
.aq-map__tour-timer{ position:relative; }
.aq-map__tour-timer-track{
  display:block; height:5px; border-radius:999px;
  background:rgba(26,34,20,.08); overflow:hidden;
}
.aq-map__tour-timer-fill{
  display:block; height:100%; width:0; border-radius:inherit;
  background:linear-gradient(90deg, #a8893f, var(--gold), #f0e2b8);
  box-shadow:0 0 10px rgba(196,163,90,.55);
  transform-origin:left center;
}
[dir="rtl"] .aq-map__tour-timer-fill{ transform-origin:right center; }
.aq-map__tour-timer-fill.is-running{
  animation:aq-map-tour-fill var(--tour-duration, 4s) linear forwards;
}
.aq-map.has-tour-playing .aq-map__marker.is-active::after{
  content:""; position:absolute; inset:-6px; border-radius:999px;
  border:2px solid var(--gold); animation:aq-map-tour-pulse 1.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes aq-map-tour-fill{
  from{ width:0%; }
  to{ width:100%; }
}
@keyframes aq-map-tour-pulse{
  0%, 100%{ opacity:.35; transform:scale(.92); }
  50%{ opacity:1; transform:scale(1); }
}
@media (prefers-reduced-motion:reduce){
  .aq-map__tour-timer-fill.is-running{ animation:none; width:100%; opacity:.45; }
  .aq-map.has-tour-playing .aq-map__marker.is-active::after{ animation:none; opacity:.6; }
}
.aq-map__minimap{
  position:absolute; inset-inline-end:1rem; bottom:1rem; z-index:4;
  width:112px; height:62px; border-radius:.55rem; overflow:hidden;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(26,34,20,.18); pointer-events:none;
}
.aq-map__minimap img{ display:block; width:100%; height:100%; object-fit:cover; }
.aq-map__minimap-viewport{
  position:absolute; border:2px solid var(--gold); border-radius:.2rem;
  background:rgba(196,163,90,.18); box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
.aq-map__popup.is-sheet{
  position:fixed; inset:auto 0 0 0; transform:none; z-index:12;
  padding:0 0 env(safe-area-inset-bottom,0);
}
.aq-map__popup.is-sheet .aq-map__popup-card{
  max-width:none; border-radius:1.15rem 1.15rem 0 0;
  max-height:min(62vh,520px); overflow:auto;
}
.aq-map__popup.is-sheet .aq-map__popup-tail{ display:none; }
@media(max-width:1023px){
  .aq-map__tour-bar{ top:auto; bottom:5.5rem; flex-wrap:wrap; }
}


/* Google AdSense */
.adsense-wrap{
  display:block;
  width:100%;
  margin:1.25rem 0;
  min-height:90px;
  overflow:hidden;
  text-align:center;
}
.adsense-wrap--side{
  margin:1rem 0 0;
  min-height:250px;
}
.adsense-wrap--feed{
  margin:0;
  min-height:120px;
  grid-column:1 / -1;
}
.adsense-wrap--article{
  margin:1.75rem 0;
}
.adsense-wrap--multiplex{
  margin:2rem 0 1rem;
}