/* Add custom CSS styles below */ 
.collection-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; /* مسافة بين الصور، تقدر تعدلها */
}

.collection-banner-entry {
  flex: 0 0 calc(16.66% - 10px); /* 100 ÷ 6 = 16.66% عشان يطلع 6 بالسطر */
  max-width: calc(16.66% - 10px);
}

@media (max-width: 1024px) {
  .collection-banner-entry {
    flex: 0 0 calc(33.33% - 10px); /* ثلاث تصنيفات في السطر بالجوال */
    max-width: calc(33.33% - 10px);
  }
}



.collection-container {
  margin-top: 15px; /* تقدر تزيد الرقم أو تنقصه حسب الذوق */
}






.s-block__title__container .right-side div.main-title h5 {
    z-index: 2;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: #e7d1b5;
}