/* Add custom CSS styles below */ 
a.md\:mt-1.rounded-big.flex-center.py-2.px-5.border.border-solid.border-transparent.hover\:\!bg-transparent.hover\:\!border-primary.transition-colors.duration-300.ease-in-out {
    border: 2px solid white;
}


.s-block__title h2 {
    font-size: 1.8rem; 
    color: white;
}

.s-block__title {
    align-items: center;
    justify-content: center;
}

.s-slider-block__title {
    justify-content: center;
}



.banner-entry .lazy__bg {
    background-image: none !important; /* أو background: transparent; */
}

.banner-entry {
    background-color: rgb(243 244 246 / 0%) !important;
   transition:
        transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),       /* حركة تكبير/تصغير */
        background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* انتقال حجم الخلفية */
        background-position 0.6s ease;         
}

.banner-entry:hover {
    transform: scale(1.05) translateY(-10px); /* تكبير وتحريك لأعلى عند الهوفر */
}

.s-block.s-block--fixed-banner.wide-placeholder .banner--fixed img {
    background: transparent !important;
}

.banner-entry .lazy__bg:nth-child(2) {
    display: none !important;
}

section.special-offers-section.py-6.px-8.md\:py-12.special-offer-.md\:px-20.sal-animate {
    background: transparent !important;
}

.flex.flex-col.lg\:flex-row.items-center.gap-8.p-4.md\:p-8 {
    flex-direction: column;
}

.w-full.lg\:w-\[40\%\].text-center.md\:text-right {
    text-align: center;
}

a.p-4.rounded-lg.font-normal.border-1.text-sm.inline-block.items-center.justify-center {
    border: 2px solid white;
}

.store-footer__inner {
    background-color: #334960;

}
salla-button#cart-submit button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
  
    color: black;
}

/* كل النصوص في صفحات السلة تصبح بيضاء */
.cart[class*="salla"] ,
.cart[class*="salla"] * {
    color: #ffffff ;
}

@media (max-width: 767px) {
   .banner-entry {
  
    height:385px !important;
   }
    .index section.s-block--fixed-banner:nth-of-type(8) > .container{
    max-width: 40%; /* تمديد الكونتينر بعرض الصفحة */
    padding: 0;      /* إزالة الهوامش الداخلية */
}

}
@media (min-width: 1025px) {
  .index section.s-block--fixed-banner:nth-of-type(8) > .container{
    max-width: 40%; /* تمديد الكونتينر بعرض الصفحة */
    padding: 0;      /* إزالة الهوامش الداخلية */
}

}

.s-quantity-input-button {
    fill: #ffffff !important;
}
input.s-quantity-input-input {
    color: black !important;
}