/* =============================================================
   نظام التصميم الموحّد — منصة أمتار العقارية (الواجهة الخارجية)
   مصدر واحد للحقيقة: الألوان، الخطوط، المسافات، المكوّنات.
   لا يُستخدم في لوحة الإدارة إطلاقاً.
   ============================================================= */

/* ---------- 1) الرموز (Design Tokens) ---------- */
:root{
  /* الهوية */
  --brand-primary:#173F3A;
  --brand-primary-hover:#12342F;
  --brand-primary-soft:#E8EFED;
  --brand-secondary:#A8573F;
  --brand-secondary-hover:#914A35;
  --brand-secondary-soft:#F5EAE6;

  /* الخلفيات */
  --background-page:#F7F8F7;
  --background-surface:#FFFFFF;
  --background-muted:#F1F4F3;

  /* النصوص */
  --text-primary:#16211F;
  --text-secondary:#596663;
  --text-muted:#7C8986;
  --text-inverse:#FFFFFF;

  /* الحدود */
  --border-default:#DDE4E2;
  --border-light:#E9EEEC;

  /* الحالات */
  --success:#277A59;
  --success-soft:#E7F2EE;
  --warning:#B7791F;
  --warning-soft:#FBF3E4;
  --error:#B84040;
  --error-soft:#F9EAEA;
  --info:#346E8A;
  --info-soft:#E8F0F4;

  /* الطباعة */
  --font-family:'IBM Plex Sans Arabic','Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-2xs:11px; --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:15px;
  --fs-lg:17px; --fs-xl:20px; --fs-2xl:24px; --fs-3xl:30px; --fs-4xl:38px;
  --lh-tight:1.35; --lh-normal:1.65; --lh-loose:1.85;

  /* المسافات (سلّم 4px) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;

  /* الانحناءات */
  --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-xl:22px; --radius-full:999px;

  /* الظلال — خفيفة جداً ومتحفّظة */
  --shadow-xs:0 1px 2px rgba(22,33,31,.05);
  --shadow-sm:0 2px 8px rgba(22,33,31,.06);
  --shadow-md:0 8px 24px rgba(22,33,31,.08);

  /* التخطيط */
  --container:1180px;
  --container-narrow:860px;
  --header-h:64px;

  /* الحركة */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur:.18s;
}

/* ---------- 2) الأساس ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden}
body{
  margin:0;
  font-family:var(--font-family);
  font-size:var(--fs-base);
  line-height:var(--lh-normal);
  color:var(--text-primary);
  background:var(--background-page);
  direction:rtl;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4{margin:0;font-weight:700;color:var(--text-primary);line-height:var(--lh-tight);letter-spacing:-.015em}
h1{font-size:var(--fs-3xl)} h2{font-size:var(--fs-2xl)} h3{font-size:var(--fs-lg)}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:inherit}
:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}
::selection{background:var(--brand-primary);color:#fff}

.container{max-width:var(--container);margin:0 auto;padding-inline:var(--sp-5)}
.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding-inline:var(--sp-5)}

/* ---------- 3) الأزرار ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  border:1px solid transparent;border-radius:var(--radius-full);
  padding:11px 22px;font-size:var(--fs-base);font-weight:700;
  cursor:pointer;white-space:nowrap;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn svg{width:17px;height:17px;flex-shrink:0}

.btn-primary{background:var(--brand-primary);color:var(--text-inverse)}
.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}

.btn-secondary{background:var(--brand-secondary);color:var(--text-inverse)}
.btn-secondary:hover:not(:disabled){background:var(--brand-secondary-hover)}

.btn-outline{background:var(--background-surface);color:var(--brand-primary);border-color:var(--brand-primary)}
.btn-outline:hover:not(:disabled){background:var(--brand-primary-soft)}

.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}
.btn-ghost:hover:not(:disabled){background:var(--background-muted);color:var(--text-primary)}

.btn-sm{padding:8px 16px;font-size:var(--fs-sm)}
.btn-lg{padding:14px 28px;font-size:var(--fs-md)}
.btn-block{width:100%}
.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}

/* ---------- 4) البطاقات ---------- */
.card{
  background:var(--background-surface);
  border:1px solid var(--border-light);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}
.card-pad{padding:var(--sp-5)}

/* بطاقة عقار موحّدة */
.property-card .pc-media{position:relative;aspect-ratio:4/3;background:var(--background-muted);
  margin:var(--sp-2);border-radius:var(--radius);overflow:hidden}
/* تعتيم لطيف أسفل الصورة عند المرور ليتضح نص الناشر — نفس أسلوب «استكشف المشاريع» */
.property-card .pc-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.42) 100%);
  opacity:0;transition:opacity var(--dur) var(--ease)}
.property-card:hover .pc-media::after{opacity:1}
/* شريط ناشر الإعلان: لوح زجاجي بلا حدّ، يظهر عند مرور الفأرة */
.property-card .pc-pub{position:absolute;inset-inline:8px;bottom:8px;z-index:3;
  display:flex;align-items:center;gap:9px;padding:8px 10px;border:none;
  border-radius:var(--radius);
  background:rgba(255,255,255,.13);
  backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.property-card:hover .pc-pub{opacity:1;transform:none}
.property-card .pc-pub-img{width:34px;height:34px;border-radius:var(--radius-full);
  object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.92)}
.property-card .pc-pub-ini{display:grid;place-items:center;color:var(--brand-primary);
  font-size:var(--fs-sm);font-weight:700;line-height:1}
.property-card .pc-pub-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.property-card .pc-pub-name{color:#fff;font-size:var(--fs-xs);font-weight:700;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.property-card .pc-pub-type{color:rgba(255,255,255,.82);font-size:var(--fs-2xs);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* لا يظهر الشريط على الأجهزة اللمسية (لا يوجد مرور فأرة) */
@media (hover:none){.property-card .pc-pub{display:none}.property-card .pc-media::after{display:none}}
.property-card .pc-media img{width:100%;height:100%;object-fit:cover}
.property-card .pc-media .pc-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted)}
.property-card .pc-media .pc-empty svg{width:34px;height:34px;opacity:.4}
.property-card .pc-badge{position:absolute;top:10px;inset-inline-end:10px;background:var(--brand-secondary);color:#fff;font-size:var(--fs-2xs);font-weight:700;padding:4px 11px;border-radius:var(--radius-full)}
.property-card .pc-tag{position:absolute;top:10px;inset-inline-start:10px;background:rgba(23,63,58,.88);color:#fff;font-size:var(--fs-2xs);font-weight:700;padding:4px 11px;border-radius:var(--radius-full)}
.property-card .pc-body{padding:var(--sp-4);padding-top:var(--sp-3)}
.property-card .pc-title{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.property-card .pc-sub{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.property-card .pc-price{font-size:var(--fs-md);font-weight:700;color:var(--brand-secondary)}
.property-card .pc-specs{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-light);font-size:var(--fs-xs);color:var(--text-secondary)}
.property-card .pc-specs span{display:inline-flex;align-items:center;gap:4px}
.property-card .pc-specs svg{width:14px;height:14px;color:var(--text-muted)}

/* ===== بطاقة المشروع (بنية الموقع الأصلية) ===== */
.project-card{position:relative;display:flex;flex-direction:column}
.project-card .pj-media{position:relative;display:block;aspect-ratio:4/3;background:var(--background-muted);overflow:hidden}
.project-card .pj-media > img{width:100%;height:100%;object-fit:cover}
.project-card .pj-fav{position:absolute;top:12px;inset-inline-start:12px;z-index:2;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:rgba(22,33,31,.35);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color var(--dur) var(--ease)}
.project-card .pj-fav:hover{background:rgba(22,33,31,.55)}
.project-card .pj-fav svg{width:19px;height:19px}
.project-card .pj-fav.is-fav{color:var(--brand-secondary)}
.project-card .pj-dev{position:absolute;bottom:8px;inset-inline:8px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);background:rgba(22,33,31,.42);backdrop-filter:blur(3px)}
.project-card .pj-logo{width:36px;height:36px;border-radius:var(--radius-full);background:#fff;padding:4px;object-fit:contain;flex-shrink:0}
.project-card .pj-dev-txt{display:flex;flex-direction:column;min-width:0}
.project-card .pj-dev-name{color:#fff;font-size:var(--fs-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-card .pj-dev-no{color:rgba(255,255,255,.75);font-size:var(--fs-2xs)}
.project-card .pj-body{padding:var(--sp-4);display:flex;flex-direction:column;flex:1}
.project-card .pj-title{font-size:var(--fs-md);font-weight:700;color:var(--text-primary);line-height:var(--lh-tight);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.project-card .pj-sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}
.project-card .pj-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-3)}
.project-card .pj-chip{display:inline-flex;align-items:center;gap:5px;background:var(--background-muted);color:var(--text-secondary);font-size:var(--fs-xs);padding:5px 11px;border-radius:var(--radius-full)}
.project-card .pj-chip svg{width:14px;height:14px;color:var(--text-muted)}
.project-card .pj-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-4)}
.project-card .pj-from{font-size:var(--fs-xs);color:var(--text-muted)}
.project-card .pj-price{display:flex;align-items:center;gap:5px;font-size:var(--fs-md);font-weight:700;color:var(--brand-secondary);margin-top:2px}
.sar{flex-shrink:0}

/* ===== بطاقة الطلب العقاري — مدمجة (بلا وصف) ===== */
.rqc{
  background:var(--background-surface);
  border:1px solid var(--border-light);
  border-radius:var(--radius-lg);
  overflow:hidden;display:flex;flex-direction:column;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.rqc:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}
.rqc-link{display:block;padding:var(--sp-4) var(--sp-4) var(--sp-3)}

.rqc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.rqc-ago{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);color:var(--text-secondary);background:var(--background-muted);padding:4px 10px;border-radius:var(--radius-full)}
.rqc-ago::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--text-muted)}
.rqc-badge{font-size:var(--fs-2xs);font-weight:700;padding:4px 11px;border-radius:var(--radius-full);background:var(--brand-secondary-soft);color:var(--brand-secondary)}
.rqc.is-sale .rqc-badge{background:var(--brand-primary-soft);color:var(--brand-primary)}

.rqc-title-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-2)}
.rqc-title{font-size:var(--fs-md);font-weight:700;color:var(--text-primary);line-height:1.4;margin:0;text-align:right;flex:1;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.rqc-type-ic{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;color:var(--brand-primary)}
.rqc-type-ic svg{width:21px;height:21px}

.rqc-loc{display:flex;align-items:center;justify-content:flex-start;gap:5px;font-size:var(--fs-xs);color:var(--text-muted);margin:7px 0 0;text-align:right}
.rqc-loc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rqc-loc svg{width:13px;height:13px;flex-shrink:0}

.rqc-area{display:flex;align-items:center;justify-content:flex-start;gap:5px;margin-top:var(--sp-3)}
.rqc-area span{font-size:var(--fs-xs);color:var(--text-secondary);background:var(--background-muted);padding:5px 11px;border-radius:var(--radius-sm)}
.rqc-area svg{width:14px;height:14px;color:var(--text-muted)}

.rqc-price{display:flex;align-items:center;justify-content:flex-start;gap:5px;font-size:var(--fs-md);font-weight:700;color:var(--brand-secondary);margin-top:var(--sp-3);text-align:right}

.rqc-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-light);margin-top:auto}
.rqc-tools{display:flex;align-items:center;gap:6px}
.rqc-ico{width:36px;height:36px;border:1px solid var(--border-light);background:var(--background-surface);border-radius:var(--radius);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;transition:.15s}
.rqc-ico:hover{color:var(--brand-primary);border-color:var(--border-default);background:var(--background-muted)}
.rqc-ico svg{width:17px;height:17px}
.rqc-ico.is-saved{color:var(--brand-secondary);border-color:var(--brand-secondary);background:var(--brand-secondary-soft)}
.rqc-ico.is-saved svg{fill:currentColor}

.rqc-who{display:flex;align-items:center;gap:var(--sp-2);min-width:0}
.rqc-who-txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.rqc-who-name{font-size:var(--fs-xs);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.rqc-who-role{font-size:10px;color:var(--text-muted)}
.rqc-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--background-muted);color:var(--brand-primary);font-size:var(--fs-sm);font-weight:700;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.rqc-avatar img{width:100%;height:100%;object-fit:cover}

/* قائمة الخيارات */
.rqc-menu{position:absolute;z-index:900;background:var(--background-surface);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:5px;min-width:180px;display:flex;flex-direction:column}
.rqc-menu button{background:none;border:none;text-align:right;padding:10px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--fs-sm);color:var(--text-primary);cursor:pointer}
.rqc-menu button:hover{background:var(--background-muted)}

/* بطاقة الخدمة */
.service-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--sp-5);height:100%}
.service-card .sv-icon{width:46px;height:46px;border-radius:var(--radius);background:var(--brand-primary-soft);display:grid;place-items:center;color:var(--brand-primary);margin-bottom:var(--sp-4)}
.service-card .sv-icon svg{width:22px;height:22px}
.service-card h3{font-size:var(--fs-md);margin-bottom:6px}
.service-card p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* ===== النافذة المنبثقة (عرض مطابق) ===== */
.am-modal{position:fixed;inset:0;background:rgba(22,33,31,.55);display:none;align-items:flex-start;justify-content:center;padding:var(--sp-6) var(--sp-4);overflow:auto;z-index:1000}
.am-modal.open{display:flex}
.am-modal-box{background:var(--background-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}
.am-modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);border-bottom:1px solid var(--border-light)}
.am-modal-head h3{font-size:var(--fs-lg)}
.am-modal-x{background:none;border:none;font-size:26px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px}
.am-modal-body{padding:var(--sp-5);overflow:auto}
.am-modal-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-4)}
.am-modal-foot{display:flex;gap:var(--sp-2);justify-content:flex-end;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-light)}
.am-modal-err{color:var(--error);font-size:var(--fs-sm);background:var(--error-soft);padding:10px 12px;border-radius:var(--radius-sm)}
.am-tabs{display:flex;gap:4px;background:var(--background-muted);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--sp-4)}
.am-tab{flex:1;padding:8px 14px;border:none;background:none;border-radius:var(--radius-full);font-family:inherit;font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary);cursor:pointer}
.am-tab.active{background:var(--brand-primary);color:#fff}
.am-modal-body textarea{resize:vertical;font-family:inherit}

/* ---------- 5) الشارات ---------- */
.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700}
.badge-primary{background:var(--brand-primary-soft);color:var(--brand-primary)}
.badge-secondary{background:var(--brand-secondary-soft);color:var(--brand-secondary)}
.badge-success{background:var(--success-soft);color:var(--success)}
.badge-warning{background:var(--warning-soft);color:var(--warning)}
.badge-error{background:var(--error-soft);color:var(--error)}
.badge-muted{background:var(--background-muted);color:var(--text-secondary)}

/* رقاقة معلومات */
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--background-muted);border-radius:var(--radius-full);padding:7px 14px;font-size:var(--fs-xs);color:var(--text-secondary)}
.chip svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}
.chip-link{color:var(--brand-secondary);cursor:pointer}
.chip-link svg{color:var(--brand-secondary)}
.chip-link:hover{background:var(--brand-secondary-soft)}

/* ---------- 6) النماذج ---------- */
.field{margin-bottom:var(--sp-4)}
.field label{display:block;font-size:var(--fs-sm);font-weight:700;margin-bottom:6px;color:var(--text-primary)}
.field .req{color:var(--error)}
.field input,.field select,.field textarea{
  width:100%;padding:11px 14px;
  border:1px solid var(--border-default);border-radius:var(--radius-sm);
  background:var(--background-surface);color:var(--text-primary);
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-soft);
}
.field input:disabled,.field select:disabled{background:var(--background-muted);color:var(--text-muted);cursor:not-allowed}
.field small{display:block;color:var(--text-muted);font-size:var(--fs-xs);margin-top:5px}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--error);background:var(--error-soft)}
.field .err-text{display:none;color:var(--error);font-size:var(--fs-xs);margin-top:5px}
.field.has-error .err-text{display:block}
/* حقول التاريخ الأصلية تعرض ترتيبها الداخلي مقلوباً تحت RTL */
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{direction:ltr;text-align:right}

/* ---------- 7) التبويبات ---------- */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-default);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{
  padding:12px 20px;font-size:var(--fs-base);font-weight:700;
  color:var(--text-muted);background:none;border:none;cursor:pointer;white-space:nowrap;
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.tab:hover{color:var(--text-secondary)}
.tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-secondary)}

/* ---------- 8) الحالات (فارغ/تحميل/خطأ) ---------- */
.state{padding:var(--sp-16) var(--sp-5);text-align:center;color:var(--text-muted)}
.state svg{width:48px;height:48px;margin:0 auto var(--sp-4);opacity:.35;display:block}
.state h3{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:6px}
.state p{font-size:var(--fs-sm)}

.skel{background:var(--background-muted);border-radius:var(--radius-sm);position:relative;overflow:hidden}
.skel::after{
  content:"";position:absolute;inset:0;transform:translateX(100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:skel-sweep 1.3s infinite;
}
@keyframes skel-sweep{100%{transform:translateX(-100%)}}

.spinner{width:36px;height:36px;border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- 9) الشبكات ---------- */
.grid{display:grid;gap:var(--sp-5)}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
/* بطاقة الطلب تحمل محتوى أكثر بكثير — تحتاج عرضاً أدنى أكبر ولا تُضغط لعمودين على الجوال */
.grid-requests{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
@media(max-width:640px){
  .grid-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-3)}
  .grid-requests{grid-template-columns:1fr;gap:var(--sp-3)}
}

/* ---------- 10) الهيدر والفوتر ---------- */
.site-header{position:sticky;top:0;z-index:100;background:var(--background-surface);border-bottom:1px solid var(--border-light)}
.site-header .sh-inner{max-width:var(--container);margin:0 auto;height:var(--header-h);padding-inline:var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.site-header .sh-logo{display:flex;align-items:center;gap:var(--sp-2)}
.site-header .sh-logo img{height:32px;width:auto}
.site-header .sh-back{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary);padding:8px 15px;border-radius:var(--radius-full);border:1px solid var(--border-default);transition:background-color var(--dur) var(--ease)}
.site-header .sh-back:hover{background:var(--background-muted);color:var(--text-primary)}

.site-footer{background:var(--brand-primary);color:rgba(255,255,255,.75);margin-top:var(--sp-16)}
.site-footer .sf-inner{max-width:var(--container);margin:0 auto;padding:var(--sp-10) var(--sp-5) var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-8);justify-content:space-between}
.site-footer .sf-brand{max-width:330px}
.site-footer .sf-logo{font-weight:700;color:#fff;font-size:var(--fs-lg);margin-bottom:var(--sp-3);display:block}
.site-footer .sf-brand p{font-size:var(--fs-sm);line-height:var(--lh-loose);color:rgba(255,255,255,.6)}
.site-footer .sf-links{display:flex;gap:var(--sp-12);flex-wrap:wrap}
.site-footer .sf-col h4{font-size:var(--fs-sm);color:#fff;margin-bottom:var(--sp-3)}
.site-footer .sf-col a{display:block;color:rgba(255,255,255,.6);font-size:var(--fs-sm);margin-bottom:var(--sp-2);transition:color var(--dur) var(--ease)}
.site-footer .sf-col a:hover{color:#fff}
.site-footer .sf-social{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}
.site-footer .sf-social a{width:36px;height:36px;border-radius:var(--radius-full);background:rgba(255,255,255,.08);display:grid;place-items:center;transition:background-color var(--dur) var(--ease)}
.site-footer .sf-social a:hover{background:rgba(255,255,255,.16)}
.site-footer .sf-social img{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.85}
.site-footer .sf-bottom{border-top:1px solid rgba(255,255,255,.12);padding:var(--sp-4) var(--sp-5);text-align:center;font-size:var(--fs-xs);color:rgba(255,255,255,.5)}
@media(max-width:640px){
  .site-footer .sf-inner{flex-direction:column;gap:var(--sp-6)}
  .site-footer .sf-links{gap:var(--sp-8)}
}

/* ---------- 11) الجوال + إمكانية الوصول ---------- */
@media(max-width:640px){
  :root{--fs-3xl:24px;--fs-4xl:28px;--fs-2xl:20px}
  .btn{min-height:44px}
  .field input,.field select,.field textarea{min-height:44px;font-size:16px} /* 16px يمنع تكبير iOS التلقائي */
  .container,.container-narrow{padding-inline:var(--sp-4)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}
.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}

/* =============================================================
   هيدر وفوتر الموقع الأصليان داخل الصفحات الجديدة (amtar-chrome.js)
   ============================================================= */
/* الهيدر ثابت أعلى الصفحة ⇒ نحجز له مساحة حتى لا يغطي المحتوى */
body.has-amtar-chrome{padding-top:84px}
@media(max-width:1023px){body.has-amtar-chrome{padding-top:82px}}

/* عدّة صفحات مستقلة تعرّف .hidden{display:none!important} في أنماطها، وهي تغلب
   .lg\:block القادم من CSS التطبيق، فيبقى هيدر سطح المكتب مخفياً ويظهر مكانه
   فراغ بمقدار padding-top أعلاه. نضمن هنا الإظهار/الإخفاء حسب المقاس. */
.amtar-chrome-root.hidden{display:none!important}
@media(min-width:1024px){
  .amtar-chrome-root.hidden.lg\:block{display:block!important}
  .amtar-chrome-root.lg\:hidden{display:none!important}
}

/* الفوتر الأصلي مبني بهوامش سالبة ضخمة تناسب هيرو الصفحة الرئيسية فقط،
   فنحيّدها هنا ونُبقي تراكب بطاقة التطبيق بشكل معتدل. */
.amtar-footer{margin-top:var(--sp-16) !important}
.amtar-appcard{margin-top:0 !important}
.amtar-appimg{margin-top:calc(var(--sp-8) * -1)}
@media(min-width:1024px){
  .amtar-appcard{margin-top:0 !important;height:auto !important;padding-block:var(--sp-6)}
  .amtar-appimg{margin-top:calc(var(--sp-10) * -1)}
}

/* درج قائمة الجوال */
.amtar-drawer{position:fixed;inset:0;z-index:10000;background:rgba(22,33,31,.5);display:flex;justify-content:flex-start}
.amtar-drawer[hidden]{display:none}
.amtar-drawer-panel{background:var(--background-surface);width:min(300px,84vw);height:100%;padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);box-shadow:var(--shadow-md)}
.amtar-drawer-panel nav{display:flex;flex-direction:column;margin-top:var(--sp-4)}
.amtar-drawer-panel nav a{padding:13px 4px;font-size:var(--fs-base);font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border-light)}
.amtar-drawer-panel nav a:hover{color:var(--brand-primary)}
.amtar-drawer-close{align-self:flex-start;background:none;border:none;font-size:30px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0}
.amtar-drawer-cta{margin-top:var(--sp-5);background:var(--brand-primary);color:#fff;text-align:center;padding:12px;border-radius:var(--radius-full);font-weight:700;font-size:var(--fs-sm)}

/* الفوتر الأصلي يستخدم .bg-primary القديم (#05222D) — نوحّده مع أخضر الهوية */
.amtar-footer,
.amtar-footer .bg-primary{background-color:var(--brand-primary) !important}