/* ===== Uniform category grids ===== */

/* قاعدة مشتركة */
.grid.two-row.cats-3x2,
.grid.two-row.cats-2x2{
  display: grid !important;
  gap: 16px !important;
  padding: 8px !important;
  width: 100% !important;
  direction: rtl;
}

/* 3 فوق × 3 تحت (6 كروت) */
.grid.two-row.cats-3x2{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
}

/* 2 فوق × 2 تحت (4 كروت – اليوم الوطني) */
.grid.two-row.cats-2x2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
}

/* استجابة */
@media (max-width: 992px){
  .grid.two-row.cats-3x2{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px){
  .grid.two-row.cats-3x2,
  .grid.two-row.cats-2x2{ grid-template-columns: 1fr !important; }
}

/* كل بطاقة = مربع متساوي مع تنظيف أي ستايل من القالب */
.grid.two-row.cats-3x2 .banner-entry.square-photos,
.grid.two-row.cats-2x2 .banner-entry.square-photos{
  all: unset !important;
  position: relative !important;
  display: block !important;
  aspect-ratio: 1 / 1 !important;    /* مربعات ثابتة */
  overflow: hidden !important;
  border-radius: 12px !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

/* عنصر الخلفية: يدعم <div data-bg> و <img> */
.grid.two-row .lazy__bg{
  width: 100% !important;
  height: 100% !important;
  display: block !important;

  /* لو كانت DIV بخلفية */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  /* لو كانت IMG */
  object-fit: cover !important;
}

/* لون افتراضي لو الصورة لسه ما تحمّلت */
.lazy-bg{ background-image:none; background-color:#f1f1f1; }