/* Add custom CSS styles below */

/* تطبيق التأثير فقط على الشاشات التي عرضها 767 بكسل أو أقل */
@media (max-width: 767px) {
    .text-base {
        font-size: 11px;
    }
    .text-sm {
        font-size: 11px;
    }
    salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *),
    salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *),
    .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
        padding-left: 8rem;
    }



.s-product-card-content-title a{
        font-size: 11px;
}
.s-product-card-content-subtitle {
  
    font-size: 10px  !important;
    }
    
    .s-product-card-content-footer salla-add-product-button .s-button-primary {
        font-size: 11px  !important;

    }
    .w-12 {
width:35px;
    }
    .h-7 {
    height: 25px;
    }
.h-12 {
    height: 24px; !important;
}
.leading-6 {
    font-size: 11px;
    }
    .social-links .icon { 
    font-size: 15px;
    }
    .w-8 {
      width: 20px;
      }
}