/* Add custom CSS styles below */ 
[dir="rtl"] .normal-menu .mm-spn li::before {
    width: 15px;
    height: 16px;}
html:not(.dark) body.index .s-slider-block__title h2 ,
html:not(.dark) custom-salla-product-card div.price-wrapper *{
    
    color: #f25393;
}

html.dark custom-salla-product-card div.price-wrapper * ,
html.dark custom-salla-product-card div.price-wrapper span{
    
    --red-color: #fff4c6 !important;
    color: var(--red-color);
}

html.dark #app .mobile-nav {
    
    background-color: #fff4c6 !important;
   
    
}

html.dark .mobile-nav-outer .mob-n-li {
    
    color: #f25393 !important;
}

/************************************/
.s-product-options-wrapper {
  margin-bottom: 1.25rem;
  display: block;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255);
  background-color: transparent;
  padding: 1.25rem;
}


/**********************************/

@media (max-width:767px) {
body.index section.home-sec-2.has-smooth-slider.section-is-slider .slide-per-view-6 {
    max-width: 30% !important;
    width: 30% !important;
}
}
#app .mm-ocd .mm-ocd__content, #app .mm-ocd .mm-ocd__content #mobile-menu {
  background-color: transparent !important;
  color: #fff; !important;
}
#app .mm-ocd .mm-ocd__content, #app .mm-ocd .mm-ocd__content #mobile-menu {
  background-color: transparent !important;
  color: #fff !important;
}
/***************** لمعة المنتج*****************/
.s-products-slider-card.swiper-slide {
  position: relative;
  overflow: hidden;
}

/* لمعة أقوى */
.s-products-slider-card.swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 20%,
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.6),
    transparent 80%
  );
  transform: skewX(-20deg);
  filter: blur(2px); /* يدي نعومة ولمعة أوضح */
}

/* الحركة */
.s-products-slider-card.swiper-slide:hover::before {
  animation: shine 0.7s ease-in-out;
}

@keyframes shine {
  100% {
    left: 160%;
  }
}
/*****************اللودينج*****************/
body:not(.product-index):not(.product-single):after {
  content: '';
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;

  background-color: #F25393;
  background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/YgOwNw/D92z1PcTZGQa5Uf9f4y5t0YhTGk9KT8cS0tjfJQZ.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 180px;

  opacity: 1;

  animation: loaderZoom 1.5s ease forwards;
}

@keyframes loaderZoom {

  /* بداية: صغير في النص */
  0% {
    opacity: 1;
    transform: scale(0.6);
    background-color: #F25393;
  }

  /* يكبر */
  30% {
    transform: scale(1.1);
  }

  /* يرجع طبيعي */
  50% {
    transform: scale(1);
  }

  /* الخلفية تبقى شفافة شوية */
  70% {
    background-color: rgba(208, 195, 186, 0.5);
  }

  /* يختفي في النص */
  100% {
    opacity: 0;
    transform: scale(0.7);
    background-color: rgba(208, 195, 186, 0);
    visibility: hidden;
  }
}
/*****************  زرار عرض الكل*****************/
.s-slider-block__display-all {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #fff;
  background: var(--color-primary);
  padding: 5px 10px;
  border-radius: 10px;
}

/*****************  جزء قايمة العناصر*****************/
.banner-entry {
  background-color: transparent !important;
}
.banner-entry{
    width: 42vw;
    min-height: 100px;
}
.lazy__bg {
  background-size: 130% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.gap-3{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    
}

@media(max-width:768px) {
.banner-entry {
  height: 230px !important;
  }
}
@media(min-width:991px) {
.banner-entry {
  height: 400px;
  }

  .lazy__bg {
    background-size: 100% auto !important;
  }

}
@media (min-width: 768px){
.two-row .banner-entry:first-child {
    height: auto !important;
}

}
/*****************  دارك مود *****************/
.dark #app.app-body {
  background-color: #333 !important;
}
.dark #app.app-body .store-header {
  --header-bg-color: #333 !important;
  --header-text-color: var(--dm-menus-text) !important;
}
.footer-is-dark .store-footer__inner {
  background-color: #333;
  color: #EB5290;
}
.store-footer__inner {
  background: #FFE9E4 !important;
}
.dark #app.app-body .store-footer {
  --footer-bg-color: #333 !important;
  --footer-text-color: #EB5290;
}
.store-footer__inner {
  background: transparent !important;
}
.dark .s-product-options-wrapper {
  background-color: transparent !important;
}
.dark .dm-bg-sec {
  background-color: #333333 !important;
}
.dark #app {
  --sidebar-bg-color: #333 !important;
  --sidebar-text-color: var(--dm-menus-text, #ffffff);
}
.dark .product-single .s-comments-product {
  background-color: #333 !important;
}
.dark .s-modal-body, .dark .s-modal-body .s-modal-close {
  background-color: #333 !important;
}
/***************** اسكرول محتوي *****************/
.s-user-menu-dropdown-item a {
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(68, 68, 68);
  color: #F25393 !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.s-user-menu-dropdown-header-content span{
  color: #F25393 !important;
}
.s-user-menu-dropdown-header-content p{
  color: #F25393 !important;
}
/***************** اراء العملاء *****************/
.dark .index .testimonial {
  background-color: transparent !important;
  border: 2px solid #EB5290;
  border-radius: 30px;
}
body .testimonials-slider .testimonial {
  color: #fff;
  background-color: #EB5290;
  border: 2px solid #EB5290 !important;
  border-radius: 30px;
}
body .testimonials-slider .testimonial__icon {
  color: #fff;
}
#app .mm-ocd .mm-ocd__content, #app .mm-ocd .mm-ocd__content #mobile-menu {
  background-color: var(--sidebar-bg-color) !important;
  color: var(--sidebar-text-color) !important;
}
@media only screen and (max-width: 1024px) {
  .normal-menu .mm-spn ul.main-menu li::before {
    height: 0.5rem;
    width: 0.5rem;
    background: #F25393 !important;
    padding: 5px;
  }
}

.s-user-menu-dropdown-list {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
  background: #333!important;
  z-index: 99999999999999999999999999999999999999999999999999;
}
html, body {
overflow-x: hidden;
}