/* Loading Screen */

.index::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  width: 100%;
  height: 100%;
  background: #fff url(https://i.ibb.co/PvhVSSsJ/butterfly.gif) no-repeat center / 250px !important;
  animation: logobg 3s forwards;
}

@keyframes logobg {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@media(max-width:768px){
  section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 4rem !important;
}
}

section.s-block--photos-slider .swiper{
    padding:0;
}
section.s-block--photos-slider .swiper .swiper-slide{
    padding:0;
    width:100%;
}
section.s-block.s-block--photos-slider {
    margin-top:0;
}
section.s-block--photos-slider  button.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    visibility:hidden;
}
@media(max-width:860px){
      section.jo-hero-section-0 .my-slide.my-slide-0-1{
            flex-direction: column;
      }
  salla-slider#jo-hero-section-0
.swiper-wrapper
.lg\:w-1\/2.w-\[70vw\].mx-auto.lg\:ml-\[7\.5vw\].pb-4.lg\:pb-0.h-\[277px\].lg\:h-full.relative.order-2.lg\:order-none {
    width:100% ;
}
}


.features-sec {
  padding: 30px 0;
  background: #f7f7f7;
  direction: rtl;
}

.features-sec .features-container {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.features-sec .feature-box {
  background: #fff;
  border: 2px dashed #f5b5b5;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  transition: 0.3s;
}

.features-sec .feature-box:hover {
  transform: translateY(-5px);
}

.features-sec .feature-box p {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}

.features-sec .icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  display: block;
  margin: 0 auto 10px;
}

/* موبايل */
@media (max-width: 768px) {
  .features-sec .features-container {
    grid-template-columns: repeat(2, 1fr);
  }
  section.s-block.jo-categories-1.jo-categories {
    margin-bottom:0px;
}
section.s-block .container.mx-auto ,
section.s-block {
    margin-bottom:0 !important;
}
}
.s-product-card-vertical .s-product-card-image {
    background-color: #ffffff;
    max-height: 313px;
}
section.s-block.s-block--fixed-banner ,
section.s-block.s-block--fixed-banner .container{
    margin:0 !important;
    max-width:100% !important;
    padding:0;
}




/*loading */
#custom-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* الخلفية البيضاء */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999; /* رقم عالي جداً عشان يغطي أي حاجة */
  opacity: 1;
  transition: opacity 0.5s ease;
}

#custom-loader img {
  width: 120px;
}

#custom-loader.hide {
  opacity: 0;
  pointer-events: none;
}