/* Add custom CSS styles below */ 

.header-btn__icon.icon:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0px;
  margin-right: 0;
  margin-right: initial;
}

.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.5rem;
}

.rtl\:mr-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.5rem;
}
 
 .auto-fit-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr); /* عمودين */
  gap: 0 !important; /* بدون أي مسافة */
}

@media (min-width: 768px) {
  .auto-fit-grid {
    grid-template-columns: repeat(4, 1fr); /* 4 أعمدة في التابلت والكمبيوتر */
    gap: 10px !important; /* مسافة خفيفة في الشاشات الكبيرة (اختياري) */
  }
}

.auto-fit-grid li {
  margin: 0 !important;
  padding: 0 !important;
}

.auto-fit-grid img {
  width: 100%;
  height: auto;
  border-radius: 0 !important; /* يخلي الصور تلتصق تمامًا بدون زوايا */
  object-fit: cover;
  display: block;
}