/* منع التمرير الأفقي وإصلاح الحاوية */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}

@media (max-width: 991px) {
  .container {
    width: min(100% - 30px, var(--container)) !important;
  }

  /* إجبار كل الشبكات (Grids) على التحول لعمود واحد */
  .hero-grid, .trust-bar-grid, .about-cards, .services-grid, 
  .why-us-grid, .feature-list, .areas-grid, .process-grid, 
  .articles-grid, .footer-grid, .footer-main, .cta-box {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* الهيدر: اللوجو يميناً والزر يساراً */
  .header-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 70px !important;
  }

  .brand-logo {
    height: 48px !important;
    width: auto !important;
  }

  /* إخفاء القائمة العادية */
  .main-nav, .header-actions .btn {
    display: none !important;
  }

  .menu-toggle {
    display: flex !important;
  }

  /* ضبط قسم الهيرو */
  .hero {
    padding: 30px 0 !important;
    text-align: center !important;
  }

  .hero h1 {
    font-size: 28px !important;
  }

  .hero-actions {
    flex-direction: column !important;
  }

  .hero-actions .btn {
    width: 100% !important;
  }

  /* إصلاح الفوتر المكرر في الكود */
  .site-footer {
    text-align: center !important;
  }
  
  .footer-col, .footer-bottom {
    align-items: center !important;
    justify-content: center !important;
  }

  /* الأزرار العائمة */
  .floating-actions {
    flex-direction: row !important;
    left: 10px !important;
    right: 10px !important;
    width: calc(100% - 20px) !important;
  }

  .floating-btn {
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 13px !important;
  }
}