/* Add custom CSS styles below */ 
/* === Silk Rose: ضبط ارتفاع السلايدر الرئيسي === */
.s-block--main-slider-1,
.s-block--main-slider-1 .main-slider-1,
.s-block--main-slider-1 .s-slider-container,
.s-block--main-slider-1 .swiper,
.s-block--main-slider-1 .swiper-wrapper,
.s-block--main-slider-1 .swiper-slide{
  height: 78vh !important;
  min-height: 0 !important;
  max-height: 78vh !important;
}
.s-block--main-slider-1 .swiper-slide img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
@media (min-width: 768px){
  .s-block--main-slider-1,
  .s-block--main-slider-1 .main-slider-1,
  .s-block--main-slider-1 .s-slider-container,
  .s-block--main-slider-1 .swiper,
  .s-block--main-slider-1 .swiper-wrapper,
  .s-block--main-slider-1 .swiper-slide{
    height: min(56.25vw, 72vh) !important;
    max-height: 72vh !important;
  }
}
/* ============================================================
   اليوم الوطني ٩٦ — بانر رأس صفحة التصنيف (نسخة عريضة وقصيرة)
   يعمل فقط على تصنيف "اليوم الوطني 96" ولا يؤثر على
   منتجات العناية أو التخفيضات أو أي تصنيف آخر.
   ============================================================ */

/* 1) ارتفاع الرأس بنسبة البانر العريض 21:9 */
body:has(salla-products-list[source-value="714050472"]) .product-index-page-header {
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 21 / 9;
  margin-bottom: 2rem !important;
}

/* على الجوال: نسبة أطول قليلاً حتى يبقى النص مقروءاً */
@media (max-width: 767px) {
  body:has(salla-products-list[source-value="714050472"]) .product-index-page-header {
    aspect-ratio: 16 / 9;
  }
}

/* 2) عرض البانر بعرض الصفحة كاملاً */
body:has(salla-products-list[source-value="714050472"]) .product-index-page-header .head-bg {
  background-image: url('https://cdn.files.salla.network/categories/1066533827/1938522a-92ce-4e24-964b-41e2b906eb96-original.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #002627 !important;
}

/* 3) إخفاء العنوان ومسار التنقل المتراكبين فوق البانر */
body:has(salla-products-list[source-value="714050472"]) .product-index-page-header > .container {
  display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
 
body:has(salla-products-list[source-value="714050472"]),
body:has(salla-products-list[source-value="714050472"]) *:not(i):not([class*="sicon"]):not([class*="icon"]) {
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}