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

.app-inner,
#main-content {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

@media (max-width: 767px) {
  body.index #main-content > .container,
  body.index .s-block,
  body.index .s-block__container {
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}