/* Add custom CSS styles below */ 
.s-product-card-image img.loaded {
    position: relative;
    background-color: #fff;}


@media only screen and (max-width: 2000px) {

.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after {

padding-right: 0.60rem;
background-color: #012589;
color: #fff;

}

.mm-spn.mm-spn--navbar ul {
    color: #012589;
    font-size: xxx-large;
    font-weight: bold;}

  .mm-spn li a, .mm-spn li>span {
    font-size: 18px !important;
  }



  .text-\[16px\] {
    font-weight: bold;
    font-size: 20px;}


    
  
@media (max-width: 768px) {
  .ronaq-categories-slide {
    transform: scale(0.78) !important;
  }
}

.text-\[28px\] {
    font-size: 40px;
}

.text-\[16px\] {
    font-weight: bold;
    font-size: large}

.s-slider-block__title {
    padding-top: 20px;}

 /* أحدث المنتجات */

salla-slider[type]:not(.hydrated)>div>div,
salla-slider[type]:not(.hydrated) .swiper>div>div>div,
.carousel-slider .swiper-wrapper>div {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

/* بطاقة المنتج */
.s-product-card-vertical {
    flex-direction: column;
    background-color: #ffffff !important;
    border: 2px solid #0132B7 !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 6px 14px rgba(1, 50, 183, 0.12);
    transition: all 0.3s ease;
}

/* عند مرور الماوس */
.s-product-card-vertical:hover {
    flex-direction: column;
    border-color: #FFC400 !important;
    box-shadow: 0 8px 20px rgba(1, 50, 183, 0.20);
    transform: translateY(-3px);
}

/* محتوى المنتج */
.s-product-card-content {
    background-color: #ffffff !important;
    color: #0132B7 !important;
    border-end-end-radius: 14px;
    border-end-start-radius: 14px;
}

/* اسم المنتج */
.s-product-card-content-main a {
    color: #0132B7 !important;
    font-weight: 600;
}

/* اسم المنتج عند المرور */
.s-product-card-content-main a:hover {
    color: #FFC400 !important;
}

/* الأزرار */
.s-button-btn {
    background-color: #0132B7 !important;
    color: #ffffff !important;
    border: 2px solid #0132B7 !important;
    border-radius: 8px !important;
}

/* الأزرار عند المرور */
.s-button-btn:hover {
    background-color: #FFC400 !important;
    color: #0132B7 !important;
    border-color: #FFC400 !important;
}

/* خط أسفل عنوان السكشن */
.s-slider-block__title h2::after {
    content: "";
    width: 90px;
    height: 5px;
    background-color: #FFC400;
    border-radius: 10px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}