/* ===== Tokens (scoped) ===== */
    #mq-course-hero{
      --ink:#103a53; --muted:#5f7281;
      --navy:#0e4f78; --sky:#0a6aa1;
      --gold:#f5c76d; --gold-2:#e7ad38;
      --bg:#f7fbff; --white:#fff; --ring:rgba(16,58,83,.12);
      --shadow-lg:0 28px 60px rgba(6,55,94,.16);
      font-family:"Noto Kufi Arabic","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(1200px 600px at -8% -10%, rgba(10,106,161,.10), transparent 60%),
        radial-gradient(900px 520px at 110% 0%, rgba(14,79,120,.10), transparent 55%),
        var(--bg);
      border:1px solid rgba(16,58,83,.08);
      border-radius:24px;
      padding:clamp(18px,3.6vw,28px);
      box-shadow:0 10px 28px rgba(16,58,83,.06);
      position:relative;
      overflow:hidden;
    }

    /* ===== Layout ===== */
    #mq-course-hero .wrap{ display:grid; gap:clamp(14px,2vw,20px) }
    @media (min-width:980px){
      #mq-course-hero .wrap{ grid-template-columns:1.3fr .7fr; align-items:start; }
    }

    /* ===== Left (course info) ===== */
    #mq-course-hero .brand{ display:flex; align-items:center; gap:12px; margin-bottom:6px }
    #mq-course-hero .brand img{ width:54px; height:auto }

    #mq-course-hero h1{
      margin:6px 0 8px; line-height:1.12; letter-spacing:.2px;
      font-weight:900; font-size:clamp(24px,3.4vw,40px);
      background:linear-gradient(180deg,#153e59,#103a53 85%);
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }

    /* Meta bar — stars only + students (no rating count) */
    #mq-course-hero .meta{
      display:flex; flex-wrap:wrap; gap:10px 12px; align-items:center;
      margin:10px 0 16px;
    }
    #mq-course-hero .badge{
      display:inline-flex; align-items:center; gap:8px;
      padding:8px 12px; border-radius:999px; line-height:1;
      background:linear-gradient(180deg,#ffffff,#f7fbff);
      border:1px solid var(--ring); color:var(--navy); font-weight:800;
      box-shadow:0 10px 20px rgba(16,58,83,.08);
      font-size:14px;
    }
    #mq-course-hero .stars img{ width:16px; height:16px }

    /* Buttons */
    #mq-course-hero .cta{ display:flex; gap:10px; flex-wrap:wrap; margin:8px 0 6px }
    #mq-course-hero .btn{
      display:inline-block; text-decoration:none; cursor:pointer;
      border-radius:12px; padding:12px 16px; font-weight:900; border:1px solid transparent;
      transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
    }
    #mq-course-hero .btn-primary{
      background:linear-gradient(180deg,var(--sky),var(--navy)); color:var(--white);
      border-color:rgba(10,106,161,.35); box-shadow:0 14px 26px rgba(10,106,161,.22);
    }
    #mq-course-hero .btn-primary:hover{ transform:translateY(-1px); box-shadow:0 18px 34px rgba(10,106,161,.26) }
    #mq-course-hero .btn-ghost{
      background:linear-gradient(180deg,#ffffff,#f7fbff); color:var(--navy);
      border-color:var(--ring); box-shadow:0 10px 20px rgba(16,58,83,.10);
    }

    /* Paragraphs (keep your original text) */
    #mq-course-hero .desc{
      color:var(--muted); line-height:1.8; font-size:15.75px; max-width:70ch;
    }
    #mq-course-hero .desc a{ color:#0a6aa1; font-weight:800; text-decoration:none; border-bottom:2px solid rgba(10,106,161,.25) }
    #mq-course-hero .desc a:hover{ border-color:rgba(10,106,161,.5) }

    /* ===== Right (thumbnail only, no preview/price) ===== */
    #mq-course-hero .card{
      background:linear-gradient(180deg,#ffffff,#f7fbff 65%,#eef6fb);
      border:1px solid var(--ring); border-radius:18px; padding:14px;
      box-shadow:var(--shadow-lg); position:relative;
    }
    #mq-course-hero .thumb{ overflow:hidden; border-radius:12px; position:relative; box-shadow:0 14px 28px rgba(16,58,83,.12) }
    #mq-course-hero .thumb img{ display:block; width:100%; height:auto }

    /* Divider */
    #mq-course-hero .hr{ height:1px; margin:14px 0; background:linear-gradient(90deg,transparent, var(--ring), transparent) }

    /* Feature list (text preserved) */
    #mq-course-hero .features{ margin-top:8px }
    #mq-course-hero .features h3{
      font-weight:900; color:var(--ink); margin:0 0 8px; font-size:clamp(18px,2vw,22px)
    }
    #mq-course-hero .icon-list{ list-style:none; padding:0; margin:0; display:grid; gap:8px }
    #mq-course-hero .icon-list li{
      display:flex; align-items:center; gap:10px; background:#fff; border:1px solid rgba(16,58,83,.10);
      border-radius:12px; padding:10px 12px; color:var(--ink); font-weight:800;
      box-shadow:0 8px 18px rgba(16,58,83,.06);
    }
    /* HIDE feature icons completely (keep text) */
    #mq-course-hero .icon-list .elementor-icon-list-icon{ display:none !important }

    /* Tiny spacing tweak for features when placed under the image */
    #mq-course-hero aside .features{ margin-top:14px }

    /* Responsive */
    @media (max-width:980px){
      #mq-course-hero .brand img{ width:46px }
    }