@media (max-width: 1024px) {
  .s-block--fixed-banner .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    border-radius: 10px;
  }

  .s-block--fixed-banner .banner {
    width: 100% !important;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
  }

  .s-block--fixed-banner .banner img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }

  /* توسيط آخر بنرين */

.s-block__fixed-banner__grid {
}

.s-block__fixed-banner__grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
}

.s-block__fixed-banner__grid > a.banner {
    flex: 1 1 calc(33.33% - 10px) !important;
    box-sizing: border-box !important;
    max-width: calc(33.33% - 10px) !important;
}

@media (max-width: 768px) {
    .s-block__fixed-banner__grid > a.banner {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
}زر Bu owو Add to Cart */
.s-add-product-button-main button,
.s-add-product-button-mini-checkout-content {
  font-family: inherit !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  padding: 10px 3.2rem !important;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.s-add-product-button-main button:hover,
.s-add-product-button-mini-checkout-content:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.s-add-product-button-main button svg,
.s-add-product-button-mini-checkout-content svg {
  width: 23px;
  height: 23px;
}

.s-add-product-button-mini-checkout-content svg path {
  fill: #000 !important;
}
.s-add-product-button-mini-checkout-content:hover svg path {
  fill: #fff !important;
}

.s-add-product-button-mini-checkout-content {
  padding-inline: 3.2rem !important;
}

.s-button-element.s-button-primary {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}

.s-button-element.s-button-primary:hover {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}



@media (max-width: 1024px) { 
 .s-block--fixed-banner .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  /* الصورتين رقم 4 و 5: كل واحدة تاخد عمود واحد */
.s-block--fixed-banner .grid > a.banner:nth-child(4),
  .s-block--fixed-banner .grid > a.banner:nth-child(5) {
    grid-column: span 1 !important;
    width: 100% !important;
    padding :0px !important;
    margin: 0 !important;
  }

  /* وضعهم في المنتصف عن طريق جعل الصورة 4 تبدأ من العمود الثاني */
.s-block--fixed-banner .grid > a.banner:nth-child(4) {
    grid-column-start:1!important;
    margin-right:50% !important;
  }

 .s-block--fixed-banner .grid > a.banner:nth-child(5) {
    grid-column-start: 3!important;
    margin-right:-50% !important;
  }
  .s-block--fixed-banner .banner img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }
}




@media (min-width: 768px) and (max-width: 1024px) {
  /* تنسيق التابلت */
  
  
 .s-block--fixed-banner .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  /* الصورتين رقم 4 و 5: كل واحدة تاخد عمود واحد */
.s-block--fixed-banner .grid > a.banner:nth-child(4),
  .s-block--fixed-banner .grid > a.banner:nth-child(5) {
    grid-column: span 1 !important;
    width: 100% !important;
    padding :0px !important;
    margin: 0 !important;
  }

  /* وضعهم في المنتصف عن طريق جعل الصورة 4 تبدأ من العمود الثاني */
.s-block--fixed-banner .grid > a.banner:nth-child(4) {
    grid-column-start: 1!important;
    margin-right:180px !important;
  }


  .s-block--fixed-banner .grid > a.banner:nth-child(5) {
    grid-column-start: 3!important;
    margin-left:180px !important;
  }
   .s-block--fixed-banner .banner img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }}
  
  
  
@media (max-width: 1024px) {
  [dir="ltr"] .s-block--fixed-banner .grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  [dir="ltr"] .s-block--fixed-banner .grid > a.banner {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  [dir="ltr"] .s-block--fixed-banner .grid > a.banner:nth-of-type(4) {
    grid-column-start: 1 !important;
        margin-left:50% !important;
  }

  [dir="ltr"] .s-block--fixed-banner .grid > a.banner:nth-of-type(5) {
    grid-column-start:3 !important;
      margin-left:-50% !important;
  }

  [dir="ltr"] .s-block--fixed-banner .banner img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }
}