/* Add custom CSS styles below */ 


 
 
 section .info-block  p.text-sm {
font-weight: bold

}

/* علامه التخيضات */ 
.promotion-badge.has-discount {
color:  white ;
background-color: black


}
/* علامه الاسعار*/ 
.top-nav .header-btn {
    color: black ;
}
html .s-block--services .service .item-image, .s-block--services .service .item-image img {
    width: 15rem;
    border-radius: 50px !important;
}
@media screen and (min-width: 1023px) {
.top-nav {
    background-color: #f9f9f9 !important;
}
.sicon-phone:before {
    content: "\ee41";
    color: black;
}
.sicon-mail:before {
    content: "\ed57";
    color: black;
}
a.banner.banner--fixed.block {
    width: 115% !important;
    position: relative;
    margin-top: -3.5rem;
    margin-right: -8rem;
    height: auto;
    width: 80%;
    overflow: hidden;
    border-radius: .375rem;
}
}
@media screen and (min-width: 1500px) {
a.banner.banner--fixed.block {
    width: 125% !important;
    position: relative;
    margin-top: -5rem;
    margin-right: -11rem;
    height: auto;
    width: 80%;
    overflow: hidden;
    border-radius: .375rem;
}


}


@media screen and (min-width: 1700px) {
a.banner.banner--fixed.block {
    width: 150% !important;
    position: relative;
    margin-top: -9.5rem;
    margin-right: -19.5rem;
    height: auto;
    width: 80%;
    overflow: hidden;
    border-radius: .375rem;
}


}
.store-footer__top .sicon-mail:before {
    content: "\ed57";
    color: white;
}
.store-footer__top .sicon-phone:before {
    content: "\ee41";
    color: white;
}

.s-block--fullscreen-features-grid .info-block__img img {
height: 100%;
    width: 100%;;
}






    body.font-amazon-ember .btn--add-to-cart {
    background: linear-gradient(45deg, #ffffff, #100c08) !important;
    border-radius: 27px;
    margin: 10px 0 0;
    padding: 10px 15px;
    position: relative;
    color: white !important;
    font-size: 19px;
    box-shadow: 0 0 10px #bdbdbd;
  
  
    }
    
    /*salla-button .s-button-primary {

    bottom: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    left: 0;
    padding: 10px;
    position: fixed!important;
    right: 0;
    z-index: 9999;
    }*/
    
  
}
  body.font-amazon-ember .btn--add-to-cart {
      bottom: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    left: 0;
    padding: 10px;
    position: fixed!important;
    right: 0;
    z-index: 9999;
    }
        /* دمج الصور مع البنر الذي تحت  */  
/*.s-block{

    margin-top: unset;
} */

img.lazy {

/* margin-top: auto;*/
 margin-bottom: 3%;
 
 
 }
 .img.lazy.loaded {
    opacity: 1;
    transform: translateY(0)
    height: auto;
    width: auto;;
     }
     .swiper-lazy.swiper-lazy-loaded { border-width: 2px ;
border-style:solid ;
border-color:  black ;
border-radius:6px; 
 }
 img.lazy {
    /* margin-top: auto; */
    margin-bottom:3%;
    margin-top: 4%;}
    
    .s-block--fullscreen-features-grid .info-block__img img
{
     margin-bottom:8%;
}
}
















.main-content {
  display: flex;
  flex-direction: column;
}

.flex.justify-between.items-center.rating {
  order: 1;
}

.py-2.5.mb-3.rounded.flex.justify-start.text-sm {
  order: 2;
}

form.product-form.single-product-form-page {
  order: 3;
}

.flex.justify-between.items-center .hidden.lg\:flex {
  order: 4;
}

.-mt-4 {
  order: 5;
}

.product__description {
  order: 6;
}

.breadcrumbs,
h2.text-2xl.sm\:text-3xl,
.product-entry__sub-title,
.main-link.rounded.px-2\.5.sm\:px-5.text-sm,
salla-offer {
  order: 0;
}






























/* تحديد الصورة الأولى باستخدام رابط الصورة */
.photos-count-2 .banner-entry .lazy__bg[style*="SYMpDeL7EDdOylpQfvztgVqJANzJyus9TDWJBN6K.png"] {
  background-size: contain; /* تأكد من أن الصورة تتناسب داخل الحاوية دون تشويه */
  background-position: center; /* وضع الصورة في المنتصف */
  background-repeat: no-repeat; /* عدم تكرار الصورة */
  height: 100%; /* اجعل الارتفاع 100% من الحاوية */
  width: 100%; /* اجعل العرض 100% من الحاوية */
}

/* تحديد الصورة الثانية باستخدام رابط الصورة */
.photos-count-2 .banner-entry .lazy__bg[style*="J6ohqli8Cpg8u4iN6iRxb0PBC1DX46ocwgPS0cRD.png"] {
  background-size: contain; /* تأكد من أن الصورة تتناسب داخل الحاوية دون تشويه */
  background-position: center; /* وضع الصورة في المنتصف */
  background-repeat: no-repeat; /* عدم تكرار الصورة */
  height: 100%; /* اجعل الارتفاع 100% من الحاوية */
  width: 100%; /* اجعل العرض 100% من الحاوية */
}