/* ترتيب آمن للصفحة الرئيسية على الهاتف فقط - بدون سكربتات */
@media(max-width:760px){

  body{
    overflow-x:hidden;
  }

  /* الهيدر والقائمة */
  header{
    position:sticky !important;
    top:0 !important;
    z-index:50 !important;
  }

  header .nav{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    text-align:initial !important;
  }

  header .brand{
    font-size:18px !important;
    line-height:1.4 !important;
    max-width:calc(100% - 58px) !important;
  }

  header .menuToggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
    margin:0 !important;
  }

  header .links{
    position:absolute !important;
    top:64px !important;
    left:14px !important;
    right:14px !important;
    z-index:80 !important;
    display:none !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    background:#0f172a !important;
    border:1px solid rgba(250,204,21,.25) !important;
    border-radius:18px !important;
    padding:12px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
  }

  body.menuOpen header .links,
  header .links.open{
    display:grid !important;
  }

  header .links a{
    display:block !important;
    padding:12px 14px !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.06) !important;
    text-align:center !important;
  }

  /* الهيرو */
  .homeHero{
    padding:24px 16px !important;
    border-radius:24px !important;
  }

  .homeHero h1{
    font-size:30px !important;
    line-height:1.35 !important;
    margin-bottom:12px !important;
  }

  .homeHero p{
    font-size:16px !important;
    line-height:1.9 !important;
  }

  .heroActions,
  .actionRow{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .homeBtn,
  .btn{
    width:100% !important;
    box-sizing:border-box !important;
    text-align:center !important;
    justify-content:center !important;
  }

  .heroStats{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
    margin-top:18px !important;
  }

  .statCard{
    padding:14px 8px !important;
  }

  /* الكروت */
  .mainGrid,
  .featuresGrid,
  .plansGrid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .pathCard,
  .featureCard,
  .quoteBox,
  .newsletterBox,
  .socialPostsPromoHome,
  .contentPlanPromoHome{
    border-radius:22px !important;
    padding:18px !important;
  }

  .pathCard h3,
  .featureCard h3,
  .quoteBox h2,
  .newsletterBox h2{
    font-size:22px !important;
    line-height:1.45 !important;
  }

  .pathCard p,
  .featureCard p,
  .quoteBox p,
  .newsletterBox p{
    font-size:15.5px !important;
    line-height:1.85 !important;
  }

  .sectionTitle{
    display:block !important;
    margin:28px 0 14px !important;
  }

  .sectionTitle h2{
    font-size:25px !important;
    line-height:1.45 !important;
  }

  .sectionTitle p{
    font-size:15px !important;
    line-height:1.8 !important;
  }

  /* تخفيف آخر الصفحة على الهاتف فقط */
  .socialPostsPromoHome,
  .contentPlanPromoHome{
    display:none !important;
  }

  .backToTop{
    display:none !important;
  }

  footer{
    font-size:14px !important;
    line-height:2 !important;
    padding-bottom:24px !important;
  }
}