/* ضبط خلفية الصفحة */
body {
  background-color: rgb(255 255 255);
  margin: 0;
  font-family: Arial, sans-serif;
}


element.style {
}
.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    background-color: rgb(255 255 255);
}

element.style {
}
@media (min-width: 480px) {
    .banner-entry {
        padding: 1rem;
    }
}
.banner-entry {
    
    background-color: rgb(255 255 255)
     ; 
}


/* تخصيص العرض على الشاشات الصغيرة */
@media (max-width: 767px) {
  .grid {
    width: 100%; /* عرض الحاوية 50% */
    margin: 0 auto; /* توسيط الحاوية */
    grid-template-columns: repeat(3, 1fr);  /* 3 أعمدة في صف واحد */
    
  }
}
element.style {
}
.grid-flow-row {
    grid-auto-flow: row;
}
.gap-3 {
    gap: 0rem;
}

/* تخصيص المسافة بين الأقسام على الجوال */
@media (max-width: 767px) {
  .s-block--banners {
    margin-bottom: -1rem;  /* تقليل المسافة بين الأقسام */
  }
}


@media (max-width: 767px) {
  .banner-entry {
    background-color: rgb(255 255 255);
    height: 80px;
  }
}
@media (max-width: 767px) {
    .grid {
        width: 100%;
        margin: -5px auto;
        
        }