/* --- النواة المشتركة لمكوّنات lp-* --- */
.lp h2{font-size:28px;color:var(--navy);font-weight:800;margin:0 0 8px;line-height:1.4}
.lp .lead{color:var(--muted);font-size:18px;margin:0 0 22px;max-width:820px}
.lp-wa{background:#25d366;color:#fff !important}
.lp-stats{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:26px 0}
.lp-stat{flex:1 1 150px;max-width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center;box-shadow:0 4px 16px rgba(26,43,74,.05)}
.lp-stat b{display:block;color:var(--gold);font-weight:800;font-size:28px}
.lp-hero p{max-width:720px;margin:0 auto 26px;color:#d7deea;font-size:19px}
.lp-hero .eyebrow{color:var(--gold);font-weight:700;letter-spacing:1px;margin-bottom:10px}
.lp-stat span{display:block;color:var(--navy);font-weight:600;font-size:15px;margin-top:4px}
.lp-link{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--navy);font-weight:700;transition:.2s}
.lp-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.lp-faq summary{font-weight:700;color:var(--navy);cursor:pointer;list-style:none;font-size:18px}
.lp-faq p{margin:10px 0 0;color:var(--muted)}
.lp-cta h2{color:#fff}
.lp-cta p{color:#d7deea;font-size:18px;margin:0 auto 22px;max-width:640px}
.cat-card .img{aspect-ratio:4/3;overflow:hidden;background:#eef1f5}
.cat-card .img img{width:100%;height:100%;object-fit:cover;transition:.35s}
.lp *{box-sizing:border-box}
.lp a{text-decoration:none}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(26,43,74,.12);border-color:var(--gold)}
.cat-card:hover .img img{transform:scale(1.06)}
.lp-link span{display:block;color:var(--muted);font-weight:400;font-size:15px;margin-top:6px}
.lp-link:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.lp-link:hover span{color:#cdd6e2}
.lp-faq summary::-webkit-details-marker{display:none}

/* --- مكوّنات صفحات lp-* — رُحِّلت من صفحة «بارتشن مكتبي» (17772) ---
   وُحِّدت ثلاث قيم على مرجع الصفحة الرئيسية:
   عرض الحاوية 1080->1180، إيقاع الأقسام 40->48، نص الزر الذهبي أبيض->كحلي. */
.lp{font-family:'Cairo', system-ui, Arial, sans-serif;color:var(--ink);direction:rtl;line-height:1.9;font-size:17px}
.lp .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.lp-hero{background:linear-gradient(135deg, #1a2b4a, #27406b);color:#fff;text-align:center;padding:60px 0;border-radius:18px;margin-top:20px}
.lp-hero h1{font-size:36px;font-weight:800;line-height:1.4;margin:0 0 16px;color:#fff !important}
.lp-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.lp-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:30px;font-weight:700;font-size:18px;transition:0.3s}
.lp-gold{background:var(--gold);color:#1a2b4a !important}
.lp-btn:hover{opacity:.92;transform:scale(1.02)}
.lp section{padding:48px 0}
.cat-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:18px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.cat-card .cap{padding:16px 18px;flex-grow:1;display:flex;flex-direction:column}
.cat-card .cap h3{font-size:18px;color:var(--navy);margin:0 0 8px;font-weight:700}
.cat-card .cap p{font-size:14px;color:var(--muted);margin-bottom:12px;line-height:1.6;flex-grow:1}
.cat-card .cap span{color:var(--gold);font-weight:700;font-size:15px;margin-top:auto}
.lp-links{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.lp-cta{background:linear-gradient(135deg, #1a2b4a, #27406b);color:#fff;text-align:center;border-radius:18px;padding:46px 20px}
@media(max-width:860px){
  .cat-grid{grid-template-columns:repeat(2, 1fr)}
  .lp-links{grid-template-columns:1fr}
  .lp-hero h1{font-size:27px}
}

/* --- مكوّنات رُحِّلت من صفحة «مكاتب تنفيذية» (17774) ---
   استُبدلت .lp-btn span العامة بقاعدتين منطَّقتين، لأن تخصيصها (0,1,1)
   كان يتغلّب على .lp-gold (0,1,0) فيجعل أيقونة الزر الذهبي بيضاء على ذهبي.
   وأُضيف margin-bottom لـ .lp-actions حفاظاً على تباعد أزرار البانر. */
.lp-updated{display:inline-block;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);padding:5px 16px;border-radius:20px;font-size:14px;margin-top:6px}
.lp-answer{background:#fff;border:1px solid var(--line);border-right:4px solid var(--gold);border-radius:14px;padding:22px 24px;color:var(--ink);font-size:17px;box-shadow:0 4px 16px rgba(26,43,74,.05)}
.lp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.lp-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:.2s}
.lp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(26,43,74,.08);border-color:var(--gold)}
.lp-card .ic{font-size:22px;color:var(--gold);margin-bottom:8px}
.lp-card h3{font-size:18px;color:var(--navy);margin:0 0 6px;font-weight:700}
.lp-card p{color:var(--muted);font-size:15px;margin:0}
.lp-table-wrap{overflow-x:auto}
.lp table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.lp th{padding:12px 14px;text-align:right;border-bottom:1px solid var(--line);font-size:15px}
.lp td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--line);font-size:15px}
.lp thead th{background:var(--navy);color:#fff;font-weight:700}
.lp tbody tr:hover{background:#f2f5f9}
.lp tbody td:first-child{font-weight:700;color:var(--navy)}
.lp-wa span{color:#fff !important}
.lp-gold span{color:#1a2b4a !important}
@media(max-width:860px){
  .lp-grid{grid-template-columns:repeat(2,1fr)}
}
.lp-actions{margin-bottom:20px}

/* --- بطاقة نص (.lp-prose) ---
   أقسام النثر كانت تُعرض سائبة على خلفية الصفحة بلا حاوية، بينما بقية
   مكوّنات الصفحة داخل بطاقات. تتبنّى هذه البطاقة لغة .lp-answer البصرية
   نفسها (خلفية بيضاء، حد ذهبي جانبي، زوايا مستديرة، ظل خفيف) لتتسق
   معها بدل إدخال شكل جديد. */
.lp-prose{background:#fff;border:1px solid var(--line);border-right:4px solid var(--gold);border-radius:14px;padding:28px 30px;box-shadow:0 4px 16px rgba(26,43,74,.05)}
.lp-prose h2{margin-top:0}
.lp-prose .lead{max-width:none}
.lp-prose .lead:last-child{margin-bottom:0}
@media(max-width:860px){.lp-prose{padding:22px 20px}}

/* --- مكوّنات رُحِّلت من صفحة «الاثاث المكتبي» (2349) ---
   جداول الأسعار والمقارنة، شرائح التصنيفات، بطاقة NAP، مقدمة السيو.
   استُبعدت .lp-btn span لأن style.css يوفّر بديلها المنطَّق (.lp-wa span / .lp-gold span). */
.lp h3{color:var(--navy)}
.updated-pill{display:inline-block;background:#f0e6cf;color:#8b6914;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:18px}
.answer-block{background:#fff;border-right:4px solid var(--gold);border-radius:10px;padding:22px 24px;margin:0 0 28px;box-shadow:0 4px 16px rgba(26,43,74,.05);font-size:17px;line-height:1.9}
.answer-block strong{color:var(--navy)}
.cat-chips{display:flex;flex-wrap:wrap;gap:10px}
.cat-chip{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 22px;color:var(--navy);font-weight:700;font-size:16px;transition:.2s}
.cat-chip:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.seo-intro{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 4px 16px rgba(26,43,74,.04)}
.seo-intro p{font-size:17px;margin:0 0 14px}
.seo-intro p:last-child{margin-bottom:0}
.seo-intro strong{color:var(--navy)}
.price-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.price-tbl{width:100%;border-collapse:collapse;min-width:600px}
.compare-tbl{width:100%;border-collapse:collapse;min-width:600px}
.price-tbl th{padding:14px 16px;text-align:right;border-bottom:1px solid var(--line);font-size:16px;background:var(--navy);color:#fff;font-weight:700}
.price-tbl td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--line);font-size:16px}
.compare-tbl th{padding:14px 16px;text-align:right;border-bottom:1px solid var(--line);font-size:16px;background:var(--navy);color:#fff;font-weight:700}
.compare-tbl td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--line);font-size:16px}
.price-tbl tr:last-child td{border-bottom:0}
.compare-tbl tr:last-child td{border-bottom:0}
.price-tbl tr:nth-child(even){background:#f9fafc}
.compare-tbl tr:nth-child(even){background:#f9fafc}
.price-tbl .pill{display:inline-block;background:#f0e6cf;color:#8b6914;padding:3px 10px;border-radius:20px;font-size:14px;font-weight:700}
.compare-tbl td:first-child{font-weight:700;color:var(--navy);background:#f9fafc}
.compare-tbl .best{color:#1f8a4f;font-weight:700}
.nap-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.nap-wrap p{margin:0 0 10px;font-size:16px}
.nap-wrap a{color:var(--navy);font-weight:700}
@media(max-width:860px){
  .nap-wrap{grid-template-columns:1fr}
}

/* --- مكوّنات رُحِّلت من صفحة «كنب مكتبي» (17773): شبكة بطاقات الأنواع --- */
.types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.type-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:block;color:inherit;transition:.25s;position:relative}
.type-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(26,43,74,.1);border-color:var(--gold)}
.type-card h3{font-size:18px;margin:0 0 8px;color:var(--navy)}
.type-card p{color:var(--muted);margin:0 0 12px;font-size:16px}
.type-card .arrow{color:var(--gold);font-weight:700;font-size:15px}
@media(max-width:860px){
  .types-grid{grid-template-columns:1fr}
}

/* --- البانر والدعوة يمتدان بعرض الشاشة (مثل الصفحة الرئيسية) ---
   بعض الصفحات تضع كل محتواها داخل .wrap واحد بعرض 1180px، فيظهر البانر
   وقسم الدعوة كبطاقتين بفراغين جانبيين. القاعدة تُخرجهما من الحاوية:
   margin-inline:calc(50% - 50vw) يلغي أي تضييق مهما كان عرض الأب —
   وإن كان العنصر بعرض الشاشة أصلاً صار الهامش صفراً فلا يتغيّر شيء.
   والحشو الجانبي يبقي النص محاذياً لعرض 1180px نفسه بدل أن يمتد للحواف. */
.lp .lp-hero,
.lp .lp-cta{
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw);
  border-radius:0;
  padding-inline:max(20px, calc(50vw - 590px))
}
.lp .lp-hero{margin-top:0}
/* 100vw لا يحسب عرض شريط التمرير، فنمنع أي تمرير أفقي ناتج عنه */
.lp{overflow-x:hidden}

/* --- إلغاء الفراغ السفلي: آخر قسم يلتصق بالفوتر ---
   شريط الدعوة موضوع داخل <section> يحمل padding:48px 0، فيبقى شريط أبيض
   بينه وبين الفوتر. نلغي الحشو السفلي لآخر عنصر في الصفحة فقط، ونترك
   الحشو العلوي كما هو حتى لا يلتصق الشريط بما قبله. */
.lp section:last-child{padding-bottom:0}
.lp > *:last-child,
.lp .wrap > *:last-child{margin-bottom:0}
.lp .wrap{padding-bottom:0}
/* القسم الحاوي لشريط الدعوة لا يحتاج حشواً سفلياً إطلاقاً — الشريط يحمل حشوه */
.lp section:has(> .lp-cta){padding-bottom:0}
/* لكن آخر قسم لا يحوي شريط .lp-cta (دعوة بخلفية متدرجة مباشرة) يحمل
   محتواه بلا حشو داخلي، فإلغاء حشوه السفلي يُلصق الزر بالفوتر — نعيده. */
.lp section:last-child:not(:has(.lp-cta)){padding-bottom:48px}


/* ===== قسم «أدلة تساعدك على اختيار الكنب المكتبي» (صفحة 17773) =====
   القسم يخرج من محتوى الصفحة بلا حاوية، فكان يلتصق بحافة الشاشة ويظهر
   كقوائم نقطية خام. نمنحه الحاوية والإيقاع نفسه المستخدم في بقية lp،
   ونحوّل كل قائمة إلى شبكة بطاقات دون أي تعديل على المحتوى. */
.aldhahera-sofa-guides{
  max-width:1180px;margin:0 auto;padding:56px 20px;
  font-family:'Cairo',system-ui,Arial,sans-serif;direction:rtl
}
.aldhahera-sofa-guides h2{
  font-size:30px;font-weight:800;color:var(--navy);
  text-align:center;margin:0 0 10px;line-height:1.5
}
.aldhahera-sofa-guides > h2 + h3{margin-top:34px}
.aldhahera-sofa-guides h3{
  font-size:19px;font-weight:700;color:var(--navy);
  margin:38px 0 16px;padding-right:14px;
  border-right:4px solid var(--gold);line-height:1.6
}
.aldhahera-sofa-guides ul{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px
}
.aldhahera-sofa-guides ul li{margin:0;padding:0}
.aldhahera-sofa-guides ul li a{
  display:block;height:100%;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;font-size:16px;font-weight:600;line-height:1.7;
  color:var(--navy);text-decoration:none;transition:.25s
}
.aldhahera-sofa-guides ul li a:hover{
  border-color:var(--gold);color:var(--gold-dark);
  box-shadow:0 6px 18px rgba(26,43,74,.10);transform:translateY(-2px)
}
.aldhahera-sofa-guides ul li a strong{font-weight:700}
.aldhahera-sofa-guides > p:last-child{
  margin:40px 0 0;padding:22px 24px;
  background:var(--gold-light);border-radius:14px;
  font-size:16.5px;line-height:1.9;color:var(--ink);text-align:center
}
.aldhahera-sofa-guides > p:last-child a{color:var(--gold-dark);font-weight:700;text-decoration:underline}
@media(max-width:768px){
  .aldhahera-sofa-guides{padding:40px 16px}
  .aldhahera-sofa-guides h2{font-size:24px}
  .aldhahera-sofa-guides h3{font-size:17.5px;margin:30px 0 14px}
  .aldhahera-sofa-guides ul{grid-template-columns:1fr;gap:12px}
  .aldhahera-sofa-guides ul li a{padding:14px 16px;font-size:15.5px}
}