/* Add custom CSS styles below */ 
body{background-color:#fff!important}i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag{background-color:#0d0d0c;color:#fff;border:none}.main-menu li>a:hover{color:#c33793}a.banner-entry.square-photos{height:280px}a.banner-entry.square-photos .lazy__bg.lazy.entered.loaded{background-color:#fff!important;background-size:cover;background-repeat:no-repeat}.s-block--fixed-banner .container{max-width:100%!important;margin-right:0px!important;margin-left:0px!important;padding-right:0px!important;padding-left:0px!important}.s-block--fixed-banner img{border-radius:0rem!important;background-color:#fff0}.s-block--fixed-banner{margin-top:0px!important}button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{background-color:#c33793;color:#fff;border:none;border-radius:3px 15px 3px 15px}custom-salla-product-card{box-shadow:1px 1px 3px #9e9e9e;margin-bottom:20px}.s-products-slider-card.swiper-slide{margin-bottom:25px}.s-slider-block__title h2{text-align:center!important;position:relative;
padding: 0 !important}.s-slider-block__title h2::after{position:absolute;content:"";height:2px;width:100%;background-color:#c33793;bottom: -39%;    left: 70%;transform:translateX(-5%)}footer.store-background-color:#000!important;border-radius:70px 70px 0 0;padding-inline:30px;padding-top:0}footer.store-footer *{color:#fff}.store-footer__inner{background-color:transparent!important}.s-social-link a{color:var(--white-color);border:0;transition:all .5s}.s-social-link a:hover{transform:translateY(-10px);transition:all .5s}; .s-contacts-icon{border:0;text-align:center}.s-contacts-icon{color:var(--white-color);display:inline-grid;justify-items:center;margin-right:10px;align-items:stretch;justify-content:center;align-content:center;z-index:1;width:40px;height:40px;border-radius:12px}.s-contacts-icon{position:relative;z-index:1;background:repeating-conic-gradient(from var(--a),#fff 0%,#fff 5%,transparent 5%,transparent 40%,#fff 50%);animation:animate 4s linear infinite;border-radius:12px}@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes animate{0%{--a:0deg}100%{--a:360deg}}.s-contacts-icon::after{content:"";position:absolute;inset:2px;z-index:-1;background:#c33793;border-radius:12px}.store-footer h3{background-color:#c33793;color:#fff;border-radius:15px;padding:6px 20px;text-align:center!important}@media (max-width:767px){.store-footer__inner *{justify-content:center!important;align-items:center!important}a.banner-entry.square-photos{height:100px}.s-block .grid-flow-row{
 grid-template-columns: repeat(2, 1fr);
}
   .store-footer__inner .grid {
    grid-template-columns: 1fr !important;}
.banner-entry h3.text-with-border span{
    font-size: 15px;
    line-height: 0.9;
    }
.banner-entry{
margin-block: 15px;}

.s-block .grid-flow-row a:nth-child(3){
    grid-column: span 2;
    height: 160px;
  }
  a.banner-entry.square-photos {
        height: 160px;
  }
.carousel-slider .swiper{
margin-top: 40px;
}
  .s-products-slider-card{
  max-width:300px;} 

}
 

.navbar-brand img {
    max-height: 100px !important;
}

#mainnav .container .flex.items-stretch.justify-between.relative > .flex.items-center:first-of-type {
width: 85% !important ;
}
#mainnav .container .flex.items-stretch.justify-between.relative > .flex.items-center:first-of-type custom-main-menu {
    width: 100% !important;
}

#mainnav .container .flex.items-stretch.justify-between.relative > .flex.items-center:first-of-type custom-main-menu #mobile-menu{
    display:flex;
    justify-content: center;
}

.s-block.s-block--banners  {
    margin-bottom: 4rem;
 } 
.s-product-card-content-sub  .s-product-card-price{
   color: rgba(153, 27, 27, 1) !important;\
 }

.s-slider-block__title-right{
position: absolute;
padding: 0 !important;
left: 50%;
transform: translateX(-50%);
top: -45px;}
.s-slider-block__title h2::before {position:absolute;
content:"";
height:2px;
width:100%;
background-color:#c33793;
bottom: -39%; 
right:65%;
transform:translateX(-5%)
}

.s-slider-block__title-right::after {position:absolute;
content:"";
width: 12px; 
height: 12px;
background-color: #fff;
border: 2px solid #c33793; 
border-radius: 50%;
bottom: -50%; 
right:48%;
transform:translateX(-5%)
}

.s-slider-block__title-left {
position: absolute;
    bottom: -40px;
    position: absolute;
    padding: 0 !important;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    }
   .s-slider-block__display-all {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:8px 15px 8px 35px;
    border: 1px solid #000;
    border-radius: 6px;
    color: #000;
    z-index:100;
    }
  .s-slider-block__display-all:hover {
    background-color: #c33793 !important;
    color: #fff !important; 
    transition: background-color 0.3s ease-in-out; 
}

  .s-slider-block__display-all::before,
.s-slider-block__display-all::after {
    content: "";
    position: absolute;
    width: 50%; 
    height: 1px;
    background-color: rgba(229, 231, 235);
    top: 50%;
    transform: translateY(-50%);
}

.s-slider-block__display-all::before {
    left: -70px; 
}

.s-slider-block__display-all::after {
    right: -90px; 
}
.s-slider-block__title-nav{
z-index:-100;}
.s-slider-block__title-nav .s-slider-prev{
    display:none !important;
    }
.s-slider-block__title-nav .s-slider-next{
   content: "";
    position:absolute;
    border:none !important;
    top:50%;
    left: 47%;
    transform:translateY(-47%);
       }
[id^="best-offers-"][id*="slider"] {
padding-block: 3rem;}
.s-slider-block__title-right  h2 {
   
}
@media (min-width: 1024px) {
.s-slider-block__title h2{ 
       font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .s-block__title h2{
font-size: 25px;}
}
.banner-entry{
background-color:#fff;
}
.lazy__bg{
left: 50%;
height: 80%;
width: 80%;
transform: translateX(-50%);
border-radius: 1rem;
}
.s-products-slider-card {
   
}
.banner-entry h3.text-with-border{
    opacity: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -41%;
    color: #000;
    border: none;
    }
  .banner-entry:hover .lazy__bg {
    transform: translateX(-50%) scale(1.1);
    transition: transform 0.3s ease-in-out;
}
.has-overlay:after{
display: none;
}
.grid-flow-row{
gap:0;
}
.s-block__title{
    display: flex;
    align-items: center;
    justify-content: center;
    }
.s-block__title h2{
position: relative;
}
.s-block__title h2:after{
position:absolute;
content:"";
height: 2px;
width: 100%;
left: 0;
 bottom: -15px;
background-color: #c33793;
}
.store-footer h3{
 background-color: transparent !important; 
    color: #000 !important;
    position: relative;
    }
/*.store-footer h3:after{
position: absolute;
    content: "";
    height: 3px;
    width: 30%;
    right: -20px;
    bottom: -1px;
    background-color: #c33793;
    transform: translateX(-50%)
}*/
  
    .store-footer__inner .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));}
.s-contacts-icon::after{
    background: transparent;
      }
.s-contacts-icon svg {
    height: 1.875rem;
    width: 1.875rem;
    fill: #c33793;
}
.s-menu-footer-list{
    align-items: center;
    display: flex;
    flex-direction: column;}
.store-footer__inner .grid .lg\:col-span-2 a {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.store-footer__inner .grid .lg\:col-span-2 p {
    text-align: center;
}

 .store-footer__inner .s-social-list {
 display: flex;
  align-items: center;
   justify-content: center;
   padding:20px;
    }
    #contact-slot{
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
    
/* الحاوية الرئيسية */
.s-advertisement-content-main {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
}

/* الغلاف الداخلي للنصوص المتكررة */
.scroll-wrapper {
    display: flex;
    width: max-content; /* توسيع الحاوية حسب المحتوى */
}

/* النصوص المتحركة */
.scroll-text {
    display: flex;
    gap: 50px; /* المسافة بين النصوص */
    color: #fff;
    white-space: nowrap;
    animation: marquee 190s linear infinite; /* سرعة الحركة */
}

/* تحريك من اليمين إلى اليسار بدون توقف */
@keyframes marquee {
    from {
        transform: translateX(60%); /* ابدأ من خارج الشاشة */
    }
    to {
        transform: translateX(-0%); /* تحرك للنهاية */
    }
}


.s-advertisement-content {
        max-width: 100%;
}


.s-product-card-content {
    position: unset !important; 
}

.s-product-card-image {
    position: relative !important; 
}

.s-product-card-content-subtitle {
   position: absolute;
    width: 90%;
    top: 35%;
    text-align: center;
    left: 50%;
    background: #8B0000;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 5px;
    z-index: 10;
    transform: translate(-50%, -35%) rotate(-25deg);

}
.whatsapp-icon {
  position: fixed;
  bottom: 110px; /* ← تم رفع الأيقونة */
  right: 20px;
  background-color: #25d366;
  color: white;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 30px;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}

.whatsapp-icon:hover {
  transform: scale(1.1);
}

  
  
  
  
  @media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    
    
}


@media (max-width: 767px) {
    .s-block .grid-flow-row a:nth-child(3) {
        grid-column: 1;
    }
    
    
    .navbar-brand img {
    max-height: auto !important;
    width: auto;
    max-width: 150px !important;
}
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
width:100%;
height:100%;
}


@media (max-width: 767px) {
    .s-products-slider-card {
        max-width: 192px !important;
    }
    
    .s-slider-block__title-right::after  {
    
    right:42% !important;
    
    }
    
    .s-reviews-container .swiper-slide {
    
    width:100% !important;
    }
    
    .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {

display:block !important;
}
 .s-block--features__item .feature-icon {
    margin-bottom: 0 !important;
    display: flex
;
    height: 3rem;
    width: 3rem;
    align-items: center;
   
    position: absolute;
    right: 1rem;
    top: 26px;
    bottom: 0;
}
  .s-block--features__item {
  position:relative !important;
  align-items:start !important;
  padding-block:1.5rem !important;
  
  } 
  
  
  .s-block--features__item h2
  , .s-block--features__item p {
  margin-inline-start:5rem;
  
  }
  .s-block--features__item .feature-icon i {
    font-size: 1.5rem;
    
    
    }
    .s-reviews-testimonial__text p {
    text-align:center;
    }

}
.s-product-card-sale-price h4 {

font-size:20px !important;
}
.s-product-card-sale-price span {

font-size:15px !important;
}
.s-reviews-testimonial__icon svg
{
display:none !important;


}


.s-reviews-header-wrapper {
    justify-content: center !important;
}



.s-reviews-testimonials-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.s-social-link a {
background-color:#c33793!important;
color:#fff !important;
}
.s-social-link a {
  
    height: 2.5rem;
     width: 2.5rem;
    
    
    
    }
    .s-reviews-testimonial__avatar {
    display:none !important;
    }
    
        .s-reviews-testimonial__name_wrapper   {
       
        justify-content:center!important;
    }

/* إخفاء زر إغلاق الشريط الإعلاني */
.s-advertisement-content .s-advertisement-action {
    display: none !important;
}

/* ✅ أنيميشن الظهور */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ✅ إظهار العنوان في أول بلوك "بنرات" تلقائيًا */
/* (مفيش قاعدة إخفاء عليه) */

/* ❌ إخفاء العناوين في كل بلوك "بنرات" يأتي بعد الأول فقط */
section.s-block.s-block--banners.container ~ section.s-block.s-block--banners.container .s-block__title,
section.s-block.s-block--banners.container ~ section.s-block.s-block--banners.container .s-slider-block__title,
section.s-block.s-block--banners.container ~ section.s-block.s-block--banners.container h2 {
  display: none !important;
}

/* 📏 مسافات مريحة بين البلوكات (من غير لزق) */
section.s-block.s-block--banners.container { 
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
}
section.s-block.s-block--banners.container + section.s-block.s-block--banners.container {
  margin-top: 1rem !important;
}
/* فراغ مريح تحت البانر اللي فوق (لو موجود) */
section.s-block.s-block--fixed-banner {
  margin-bottom: 1rem !important;   /* 16px */
}

/* مسافة فوق أول بلوك بنرات */
section.s-block.s-block--banners.container:first-of-type {
  margin-top: 1.25rem !important;    /* 20px */
}

/* مسافة صغيرة فوق العنوان نفسه عشان مايلزقش */
section.s-block.s-block--banners.container:first-of-type .s-block__title {
  padding-top: .5rem !important;     /* 8px */
}

/* موبايل: فراغ أقل شوية */
@media (max-width: 767px) {
  section.s-block.s-block--fixed-banner {
    margin-bottom: .75rem !important;   /* 12px */
  }
  section.s-block.s-block--banners.container:first-of-type {
    margin-top: .75rem !important;      /* 12px */
  }
  section.s-block.s-block--banners.container:first-of-type .s-block__title {
    padding-top: .25rem !important;     /* 4px */
  }
}

/* 🎨 إزالة الخلفية الرمادية من أقسام البنرات */
section.s-block.s-block--banners.container {
  background: transparent !important;
}

/* كمان لو فيه خلفية على الـ body أو div أبوي */
body, .app-inner, .s-block--banners {
  background-color: #fff !important; /* أو استخدم نفس لون الخلفية الأبيض للموقع */
}

.s-infinite-scroll-btn {
  display: none !important;  /* بتخفي الزر بالكامل */
}