/* Add custom CSS styles below *//* إخفاء المشاركة */
ul.product-metadata:last-of-type > li:last-of-type {
  display: none !important;
}
/* تصغير وصف المنتج */
.product-index-page-header h2 {
  margin-top: 24px;
}
@media (max-width: 945px) {
  .product-index-page-header p {
    font-size: 0.7rem;
    line-height: 1rem;
  }
}



#main-slider-1-0 .s-slider-swiper-wrapper a {
  display: flex;
  align-items: center;
  justify-content: center;
}


@media (min-width: 1280px) {
  .s-block--main-slider-1 .slide__first-img {
    max-width: 1280px;
  }
}

/* لو عرض الشاشة 200px أو أكبر */
@media (min-width: 200px) {
  /* \: معمول escape علشان النقطتين */
  .anime-grid-container .md\:grid-cols-3 {
    /* خلي الجريد 3 أعمدة متساوية */
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* لو عرض الشاشة 710px أو أقل */
@media (max-width: 710px) {
  /* استهداف عنوان الفئة h2 داخل البلوك
     بشرط إن مفيش align-below */
  .s-block--categories:not(.align-below) .slide--cat-entry.has-image h2 {
    /* تصغير حجم الخط */
    font-size: 0.675rem;

    /* تقليل ارتفاع السطر */
    line-height: 1.1rem;
  }

  /* نفس العنوان h2 */
  .slide--cat-entry.has-image h2 {
    /* تقليل الحشو الداخلي */
    padding: 0.3rem;

    /* رفع العنوان شوية من تحت */
    bottom: 1rem;
  }
}

/* لو عرض الشاشة 645px أو أقل */
@media (max-width: 645px) {
  /* تصغير الخط أكثر */
  .s-block--categories:not(.align-below) .slide--cat-entry.has-image h2 {
    font-size: 0.575rem;
  }

  /* تقليل البادينج وتحريك العنصر لأعلى أكثر */
  .slide--cat-entry.has-image h2 {
    padding: 0.2rem;
    bottom: 0.8rem;
  }
}

/* لو عرض الشاشة 560px أو أقل */
@media (max-width: 560px) {
  /* تصغير الخط أكثر ليكون مناسب للموبايل */
  .s-block--categories:not(.align-below) .slide--cat-entry.has-image h2 {
    font-size: 0.475rem;
  }

  /* تقريب العنوان أكثر من أسفل الصورة */
  .slide--cat-entry.has-image h2 {
    bottom: 0.5rem;
  }
}