/* =========================================================================
   أقسام الصفحات الديناميكية — CMS page sections
   ========================================================================= */

.pg-sec{padding-block:72px;}
.pg-sec + .pg-sec.pg-normal{padding-block-start:0;}

/* الأغلفة */
.pg-soft{background:var(--green-soft);}
.pg-sec.accent-violet.pg-soft{background:rgba(108,92,231,.08);}
.pg-sec.accent-amber.pg-soft{background:rgba(240,169,58,.10);}
.pg-sec.accent-coral.pg-soft{background:rgba(240,96,62,.08);}

.pg-dark{background:var(--ink);color:var(--paper);}
.pg-dark h2{color:#fff;}
.pg-dark p{color:rgba(251,250,247,.68);}

.pg-head{margin-block-end:36px;}
.pg-head h2{font-size:29px;max-width:22ch;}
html[dir="rtl"] .pg-head h2{max-width:26ch;}

.pg-lead{font-size:16px;color:var(--muted);max-width:62ch;margin-block-end:36px;line-height:1.8;}

/* ---------- نص ---------- */
.pg-rich{max-width:70ch;}
.pg-rich p{font-size:16px;line-height:1.95;color:rgba(21,24,27,.8);margin-block-end:1.3em;}
.pg-dark .pg-rich p{color:rgba(251,250,247,.72);}

.pg-figure{margin:36px 0 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);}
.pg-figure img{width:100%;display:block;}

/* ---------- بطاقات ---------- */
.pg-cards{gap:18px;}
.pg-card{
  position:relative;
  border:1px solid var(--line);
  background:#fff;
  border-radius:var(--radius-md);
  padding:28px 26px 26px;
  overflow:hidden;
  transition:transform .25s cubic-bezier(.16,1,.3,1), border-color .25s;
}
.pg-card::before{
  content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;
  background:var(--green);transform:scaleX(0);transform-origin:0 50%;
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
html[dir="rtl"] .pg-card::before{transform-origin:100% 50%;}
.accent-violet .pg-card::before{background:var(--violet);}
.accent-amber  .pg-card::before{background:var(--amber);}
.accent-coral  .pg-card::before{background:var(--coral);}
.pg-card:hover{transform:translateY(-3px);border-color:rgba(21,24,27,.24);}
.pg-card:hover::before{transform:scaleX(1);}

.pg-card-num{
  font-family:var(--font-mono);font-size:11px;color:var(--faint);
  display:block;margin-block-end:14px;letter-spacing:.06em;
}
.pg-card h3{font-size:17px;margin-block-end:9px;}
.pg-card p{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0;}

/* ---------- نقاط ---------- */
.pg-checks{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;max-width:900px;
}
.pg-checks li{font-size:14.5px;}
.pg-dark .pg-checks li{color:rgba(251,250,247,.85);}
.pg-dark .pg-checks li::before{background:rgba(47,143,94,.25);color:#7fd3a5;}

/* ---------- أرقام ---------- */
.pg-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
  border-radius:var(--radius-md);overflow:hidden;
}
.pg-soft .pg-stats{background:rgba(21,24,27,.10);border-color:transparent;}
.pg-stat{background:#fff;padding:30px 24px;}
.pg-soft .pg-stat{background:rgba(255,255,255,.75);}
.pg-stat b{
  display:block;font-family:var(--font-display);font-weight:800;
  font-size:30px;line-height:1.1;margin-block-end:8px;
}
.accent-violet .pg-stat b{color:var(--violet);}
.accent-amber  .pg-stat b{color:#9a6410;}
.accent-coral  .pg-stat b{color:#b8391c;}
.accent-green  .pg-stat b{color:var(--green-dark);}
.pg-stat span{font-size:13px;color:var(--muted);line-height:1.55;display:block;}

/* ---------- خطوات ---------- */
.pg-steps{
  list-style:none;margin:0;padding:0;counter-reset:pg;
  display:grid;grid-template-columns:repeat(2,1fr);gap:24px 36px;max-width:960px;
}
.pg-steps li{
  counter-increment:pg;position:relative;
  padding-inline-start:52px;
}
html[dir="rtl"] .pg-steps li{padding-inline-start:52px;}
.pg-steps li::before{
  content:counter(pg,decimal-leading-zero);
  position:absolute;inset-inline-start:0;inset-block-start:-2px;
  font-family:var(--font-mono);font-size:12px;font-weight:600;
  width:36px;height:36px;border-radius:11px;
  background:var(--green-soft);color:var(--green-dark);
  display:flex;align-items:center;justify-content:center;
}
.accent-violet .pg-steps li::before{background:rgba(108,92,231,.13);color:var(--violet);}
.accent-amber  .pg-steps li::before{background:rgba(240,169,58,.16);color:#9a6410;}
.pg-steps strong{display:block;font-family:var(--font-display);font-size:15.5px;margin-block-end:6px;}
.pg-steps span{font-size:13.5px;color:var(--muted);line-height:1.7;}

/* ---------- أسئلة شائعة ---------- */
.pg-faq{max-width:860px;border-block-start:1px solid var(--line);}
.pg-faq details{border-block-end:1px solid var(--line);}
.pg-faq summary{
  cursor:pointer;list-style:none;
  padding-block:20px;padding-inline-end:36px;
  font-family:var(--font-display);font-weight:700;font-size:16px;
  position:relative;
}
.pg-faq summary::-webkit-details-marker{display:none;}
.pg-faq summary::after{
  content:"+";position:absolute;inset-inline-end:0;inset-block-start:18px;
  font-size:22px;font-weight:400;color:var(--green-dark);
  transition:transform .25s;
}
.pg-faq details[open] summary::after{transform:rotate(45deg);}
.pg-faq p{
  margin:0;padding-block-end:22px;padding-inline-end:36px;
  font-size:14.5px;line-height:1.85;color:var(--muted);
}

/* ---------- معرض ---------- */
.pg-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pg-gallery figure{margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:#fff;}
.pg-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.pg-gallery figcaption{padding:12px 14px;font-size:12.5px;color:var(--muted);}

/* ---------- شريط الدعوة ---------- */
.pg-cta{
  padding-block:64px;
  background:var(--ink);color:var(--paper);
}
.pg-cta.accent-violet{background:linear-gradient(120deg,#241f4d,#15181B 70%);}
.pg-cta.accent-green{background:linear-gradient(120deg,#12452c,#15181B 70%);}
.cta-inner{
  display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;
}
.pg-cta h2{color:#fff;font-size:27px;margin-block-end:12px;max-width:22ch;}
.pg-cta p{color:rgba(251,250,247,.68);font-size:15px;line-height:1.75;max-width:56ch;margin:0;}
.btn-lg{padding:17px 34px;font-size:15px;}

/* ---------- الاستجابة ---------- */
@media(max-width:900px){
  .pg-sec{padding-block:52px;}
  .pg-head h2{font-size:23px;}
  .pg-cards{grid-template-columns:1fr;}
  .pg-checks{grid-template-columns:1fr;gap:14px;}
  .pg-stats{grid-template-columns:repeat(2,1fr);}
  .pg-stat b{font-size:24px;}
  .pg-steps{grid-template-columns:1fr;gap:22px;}
  .pg-gallery{grid-template-columns:repeat(2,1fr);}
  .cta-inner{flex-direction:column;align-items:stretch;}
  .pg-cta h2{font-size:22px;max-width:100%;}
  .btn-lg{text-align:center;}
}
@media(max-width:560px){
  .pg-stats{grid-template-columns:1fr;}
  .pg-gallery{grid-template-columns:1fr;}
}
