/* Add custom CSS styles below */ 
@media(max-width:640px){
  .np-now-open{
    min-height:168px;
    padding:12px 10px !important;
  }

  .np-now-open__card{
    width:96%;
    padding:24px 12px 19px;
    border-radius:18px;
  }

  .np-now-open__title{
    font-size:clamp(38px,14vw,60px);
    margin-top:8px;
  }

  .np-now-open__subtitle{
    font-size:15px;
    line-height:1.5;
    margin-top:12px;
    max-width:290px;
  }

  .np-now-open__subtitle span{
    display:block;
    white-space:nowrap;
  }
}
/* تقليل ارتفاع قسم منتجات مميزة مع خلفية - قالب سيليا */
.s-block--features-products,
.s-block--featured-products,
section:has(.featured-products),
section:has(.s-products-list-wrapper) {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  min-height: auto !important;
}

/* تقليل ارتفاع الخلفية داخل القسم */
.s-block--features-products .container,
.s-block--featured-products .container,
section:has(.s-products-list-wrapper) .container {
  min-height: auto !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* تقليل المسافة بين العنوان والمنتجات */
.s-block--features-products .s-block__title,
.s-block--featured-products .s-block__title,
section:has(.s-products-list-wrapper) .s-block__title {
  margin-bottom: 18px !important;
}

/* تقليل ارتفاع كروت المنتجات شوي */
.s-product-card-image,
.s-product-card-image img {
  max-height: 190px !important;
  object-fit: contain !important;

  /* قسم المكياج - الجوال فقط: عرض 3 تصنيفات بنفس الصف */
@media (max-width: 767px) {

  /* سكشن قسم المكياج */
  [data-block-id="875894621"],
  #block-875894621,
  #component-875894621,
  section[id*="875894621"] {
    padding: 25px 14px !important;
  }

  /* الحاوية الداخلية للتصنيفات */
  [data-block-id="875894621"] .grid,
  [data-block-id="875894621"] .categories,
  [data-block-id="875894621"] .items,
  [data-block-id="875894621"] .s-block__items,
  #block-875894621 .grid,
  #block-875894621 .categories,
  #block-875894621 .items,
  #block-875894621 .s-block__items,
  section[id*="875894621"] .grid,
  section[id*="875894621"] .categories,
  section[id*="875894621"] .items,
  section[id*="875894621"] .s-block__items {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  /* كل عنصر */
  [data-block-id="875894621"] a,
  [data-block-id="875894621"] .item,
  [data-block-id="875894621"] .category-item,
  #block-875894621 a,
  #block-875894621 .item,
  #block-875894621 .category-item,
  section[id*="875894621"] a,
  section[id*="875894621"] .item,
  section[id*="875894621"] .category-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* تصغير الصور الدائرية حتى يسعوا 3 */
  [data-block-id="875894621"] img,
  #block-875894621 img,
  section[id*="875894621"] img {
    width: 82px !important;
    height: 82px !important;
    max-width: 82px !important;
    max-height: 82px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  /* تصغير عنوان التصنيف */
  [data-block-id="875894621"] h3,
  [data-block-id="875894621"] h4,
  [data-block-id="875894621"] p,
  [data-block-id="875894621"] span,
  #block-875894621 h3,
  #block-875894621 h4,
  #block-875894621 p,
  #block-875894621 span,
  section[id*="875894621"] h3,
  section[id*="875894621"] h4,
  section[id*="875894621"] p,
  section[id*="875894621"] span {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
    white-space: nowrap !important;
  }
}
}