/* ===== MQ Theme (Madrasat El-Quran palette) ===== */
    .mq-section{
      --mq-ink:#0b1f4a;
      --mq-muted:#6b7280;
      --mq-blue:#2563eb;
      --mq-blue-dark:#1d4ed8;
      --mq-gold:#facc15;
      --mq-gold2:#f97316;
      --mq-bg:#f9fbff;
      --mq-bg2:#eff6ff;

      position:relative;
      overflow:hidden;
      padding:48px 18px;
      background:
        radial-gradient(900px 600px at -12% -20%, rgba(37,99,235,.10), transparent 60%),
        radial-gradient(950px 550px at 120% -10%, rgba(250,204,21,.10), transparent 52%),
        linear-gradient(180deg,var(--mq-bg),var(--mq-bg2));
      border:1px solid rgba(15,23,42,.06);
      border-radius:22px;
      box-shadow:0 22px 60px rgba(15,23,42,.08);
    }

    .mq-section .mq-wrap{
      max-width:1140px;
      margin-inline:auto;
    }

    /* ===== عنوان ووصف ===== */
    #mq-sec-title{
      margin:0 0 18px;
      font-size:clamp(26px,3.8vw,40px);
      line-height:1.15;
      font-weight:800;
      background:linear-gradient(180deg,#0b1f4a 0%, #1d4ed8 90%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      text-align:center;
      letter-spacing:.02em;
    }

    .mq-section .mq-sec-desc{
      margin:0 auto 28px;
      max-width:880px;
      color:var(--mq-muted);
      line-height:1.85;
      text-align:center;
      font-size:15px;
    }

    /* ===== بلوك عام ===== */
    .mq-section .mq-block{
      background:#ffffff;
      border:1px solid rgba(148,163,184,.4);
      border-radius:18px;
      padding:20px;
      margin-bottom:18px;
      box-shadow:0 16px 34px rgba(15,23,42,.08);
    }

    .mq-section .mq-block__head{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:12px;
      flex-wrap:wrap;
    }

    .mq-section .mq-h2{
      margin:0;
      font-weight:800;
      color:var(--mq-ink);
      font-size:clamp(20px,2.4vw,24px);
    }

    .mq-section .mq-head__badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:700;
      color:#1d4ed8;
      background:#e0ebff;
      border:1px solid rgba(37,99,235,.28);
    }
    .mq-section .mq-head__icon{
      width:18px;
      height:18px;
    }

    /* ===== جريد وكروت للفوائد ===== */
    .mq-section .mq-grid{
      display:grid;
      gap:12px;
    }
    .mq-section .mq-grid--2{grid-template-columns:repeat(2,1fr);}
    .mq-section .mq-grid--3{grid-template-columns:repeat(3,1fr);}

    .mq-section .mq-card{
      background:#ffffff;
      border:1px solid rgba(148,163,184,.4);
      border-radius:14px;
      padding:14px;
      display:flex;
      gap:12px;
      align-items:flex-start;
      box-shadow:0 10px 22px rgba(15,23,42,.06);
    }

    .mq-section .mq-card__icon{
      flex:0 0 36px;
      width:36px;
      height:36px;
      border-radius:12px;
      background:linear-gradient(135deg,var(--mq-blue),var(--mq-blue-dark));
      display:grid;
      place-items:center;
      color:#ffffff;
      box-shadow:0 12px 24px rgba(37,99,235,.45);
    }
    .mq-section .mq-card__icon svg{
      width:18px;
      height:18px;
    }

    .mq-section .mq-card__title{
      margin:0 0 6px;
      font-weight:800;
      color:var(--mq-ink);
      font-size:15px;
    }
    .mq-section .mq-card__text{
      margin:0;
      color:var(--mq-muted);
      line-height:1.75;
      font-size:14px;
    }

    /* ===== تايملاين المنهج ===== */
    .mq-section .mq-steps{
      counter-reset:step;
      display:grid;
      gap:10px;
    }

    .mq-section .mq-step{
      position:relative;
      background:#ffffff;
      border:1px solid rgba(148,163,184,.4);
      border-radius:14px;
      padding:14px 14px 14px 60px;
      box-shadow:0 10px 22px rgba(15,23,42,.06);
    }

    .mq-section .mq-step::before{
      counter-increment:step;
      content:counter(step);
      position:absolute;
      left:16px;
      top:14px;
      width:32px;
      height:32px;
      border-radius:12px;
      display:grid;
      place-items:center;
      font-weight:800;
      color:#1f2933;
      background:linear-gradient(135deg,var(--mq-gold),var(--mq-gold2));
      border:1px solid rgba(250,204,21,.4);
      box-shadow:0 10px 22px rgba(250,204,21,.35);
    }

    .mq-section .mq-step__title{
      margin:0 0 6px;
      color:var(--mq-ink);
      font-weight:800;
      font-size:15px;
    }
    .mq-section .mq-step__text{
      margin:0;
      color:var(--mq-muted);
      line-height:1.75;
      font-size:14px;
    }

    /* ===== CTA styles (لو استخدمتها في نفس السيكشن) ===== */
    .mq-section .mq-cta{
      margin-top:22px;
      text-align:center;
      padding:18px;
      background:linear-gradient(180deg,#ffffff,#f9fbff);
      border:1px solid rgba(148,163,184,.4);
      border-radius:16px;
      box-shadow:0 14px 30px rgba(15,23,42,.08);
    }
    .mq-section .mq-cta h3{
      margin:0 0 8px;
      font-size:clamp(18px,2.4vw,22px);
      color:var(--mq-ink);
    }
    .mq-section .mq-cta p{
      margin:0 0 12px;
      color:var(--mq-muted);
      font-size:14px;
    }
    .mq-section .mq-actions{
      display:flex;
      gap:12px;
      justify-content:center;
      flex-wrap:wrap;
    }
    .mq-section .mq-btn{
      --padY:11px; --padX:18px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:var(--padY) var(--padX);
      border-radius:999px;
      border:1px solid transparent;
      font-weight:700;
      font-size:14px;
      text-decoration:none;
      transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
      cursor:pointer;
      box-shadow:0 0 0 rgba(0,0,0,0);
    }
    .mq-section .mq-btn svg{
      width:18px;
      height:18px;
    }
    .mq-section .mq-btn--primary{
      color:#ffffff;
      background:linear-gradient(135deg,var(--mq-blue),var(--mq-blue-dark));
      border-color:rgba(37,99,235,.45);
      box-shadow:0 18px 34px rgba(37,99,235,.50);
    }
    .mq-section .mq-btn--primary:hover{
      transform:translateY(-1px);
      box-shadow:0 22px 42px rgba(37,99,235,.55);
    }
    .mq-section .mq-btn--ghost{
      color:var(--mq-blue-dark);
      background:#ffffff;
      border-color:rgba(37,99,235,.28);
      box-shadow:0 10px 22px rgba(15,23,42,.08);
    }
    .mq-section .mq-btn--ghost:hover{
      background:#f9fafb;
      transform:translateY(-1px);
    }

    /* ===== ريسبونسيف ===== */
    @media (max-width:992px){
      .mq-section .mq-grid--3{grid-template-columns:repeat(2,1fr);}
    }
    @media (max-width:640px){
      .mq-section{padding:32px 14px;}
      .mq-section .mq-grid--2,
      .mq-section .mq-grid--3{
        grid-template-columns:1fr;
      }
      .mq-section .mq-step{
        padding-left:56px;
      }
    }