/* Add custom CSS styles below */ 
body {
  font-weight:600!important;
  background-color:rgba(242,239,241,.5)!important
}
/* استهداف القسم الرئيسي بدقة */
section.s-block--categories  {
    margin-top: 0px !important;
}
/* استهداف حاوية العناصر فقط - يفضل استخدام الكلاس المباشر */
/* سنفترض أن الحاوية التي تضم التصنيفات لها كلاس داخلي، ولكن سنستخدم استهدافاً أضيق */
section.s-block--categories .container > div > div:last-child {
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 0px !important;
}

    



/* تخصيص العناوين */
section.s-block--categories .container div div:last-child a h2 {
    border-radius: 12px !important; /* استخدم px أفضل للتحكم من % في الخطوط */
    font-size: 8px !important;
    padding: 0px 4px !important;
    display: inline-block; /* لضمان ظهور الـ padding والـ border-radius بشكل صحيح */
}

@media (min-width: 640px) {
    .card-below-full-btn .add-to-cart-conatiner salla-button.btn--wishlist {
        right: .5rem !important;
    }
}
.card-below-full-btn .add-to-cart-conatiner salla-button.btn--wishlist {
    right: 0.25rem !important;
    position: absolute;
    top: -2.25rem;
}
@media (max-width: 600px) {
    .card--addtocard-full-btn button.product-popup-trigger {
        right: 0.25rem !important;
        position: absolute;
        top: -70px;
    }
}
@media (max-width: 600px) {
    #featured-products-2 {
        margin-top: 0px !important; 
    }
  .tab-trigger.quicklinks-item{
    font-size: 12px !important;
  }
}
salla-slider.with-number-pagination .swiper-pagination {
    bottom: 0rem !important;
}
salla-slider.with-number-pagination .swiper-pagination, swiper-pagination-bullet {
    font-size: 12px !important;
}
/* استهداف الأب الرئيسي في صورة المدونة ثم الصورة بداخله */
.main-content .image--aspect-ratio img {
    object-fit: contain !important;
}