/* Add custom CSS styles below */ 
.s-product-card-entry .s-product-card-content {
    padding: 10px !important;
}

.s-product-card-entry .s-product-card-promotion-title {
    background-color: var(--color-promotion-title-card) !important;
    border-radius: 0.25rem !important;
    color: #fff !important;
    position: absolute !important;
    right: 10px !important;
    left: auto !important;
    top: 10px !important;
}

 .s-product-card-fit-height .s-product-card-image {
    height: 20rem;
    max-height: 20rem;
}

/*  */
.s-product-card-content-title {
    line-height: 1.5rem;
    margin-bottom: .625rem;
    max-width: 100%;
    height: 66px;
}

/* هيروسيكشن */
@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 1rem;
        margin-right: 1rem;
        width: 100%;
    }
}

@media (min-width: 768px) {
    salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
        padding-left: 0rem;
        padding-right: : 0rem;
    }
}

.salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}

.s-block {
    margin-top: 5rem !important;
}

@media (min-width: 640px) {
    .s-block {
        margin-top: 8rem !important;
    }
}

.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem !important;
}

/* ناف بار */
.sand-store-header .sand-top-navbar {
    background-color: transparent !important;
    min-height: 50px !important;
    padding: 0px 0 !important;
}