/* ✅ الكود ده للديسكتوب بس */
@media (min-width: 1024px) {

  /* الشبكة الأساسية */
  .s-block--banners .grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* عمودين */
    grid-template-rows: repeat(2, 1fr); /* صفين */
    gap: 15px; /* مسافة بين العناصر */
  }

  /* العنصر الأول */
  .s-block--banners .grid > div:nth-child(1) {
    grid-column: 1;
    grid-row: 1; /* الصف الأول */
  }

  /* العنصر الثاني */
  .s-block--banners .grid > div:nth-child(2) {
    grid-column: 1;
    grid-row: 2; /* الصف التاني */
  }

  /* العنصر الثالث */
  .s-block--banners .grid > div:nth-child(3) {
    grid-column: 2;        /* في العمود التاني */
    grid-row: 1 / span 2;  /* يمتد على صفين */
  }

  /* الغي الارتفاع الثابت */
  .banner-entry {
    background-color: rgb(255 255 255);
  }

  /* العنصر الثالث نفس الفكرة */
  .banner-entry:nth-child(3) {
    height: auto !important;
  }

  /* كل البنرات جوه الشبكة */
  .s-block--banners .grid > div .lazy__bg {
    background-size: contain !important;  /* يخلي الصورة كلها تبان */
    background-repeat: no-repeat !important; /* يمنع التكرار */
  }

  

  .banner-entry:nth-child(1) {
    height: 235px;
  }
  .banner-entry:nth-child(2) {
    height: 235px;
  }

}
a.banner-entry.square-photos {
    background: transparent; /* خلفية شفافة */
  }

  img {
    background: transparent !important; /* إزالة خلفية الصور */
    border-radius: 0;                   /* إزالة الزوايا الدائرية */
  }
  
  /* ✅ للموبايل فقط */
@media (max-width: 767px) {
  .banner-entry:nth-child(3) { 
    height: 265px!important;
  }
}