/* Add custom CSS styles below */ 

salla-cart-summary{
min-height: 0;

  .s-cart-summary-count {
    top: -11px;
  }
} 


salla-cart-summary > svg {
    display: none !important;
}

.top-navbar--announcement .topbar-announcement {
    justify-content: center;
}


.s-block {
        margin-top: 4rem;
          margin-bottom:4rem;

    }

.copyright-text p {
    color: #3a3a3a;
}

.flex.gap-4.justify-center.rtl\:lg\:\!justify-start.ltr\:lg\:\!justify-start {
    align-items: center;
}

p.text-sm.text-gray-400.font-bold.mb-1 {
color: #3a3a3a !important;
}
.tr-slider-panel-products{
  background-color: #f4f4f5; 
}

.store-footer .s-localization-modal-trigger-btn{
  color: #3a3a3a !important;
}


.s-contacts-list .s-contacts-item {
        background-color: #0c5172 !important;
  color: white !important;

}

.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-size: cover;
}



@media (max-width: 1027px) {
 .s-social-list {
        justify-content: center;
    }
  
}

@media (max-width: 767px) {
    .s-social-list {
        justify-content: center;
    }
  .s-menu-footer-list{
        justify-items: center;

  }

 .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left:0 !important;
}
}





/* Banners Section */
.s-block--banners .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

/* Banner Cards */
.s-block--banners .banner-entry {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Images Cover */
.s-block--banners .banner-entry .lazy__bg {
    width: 100%;
    height: 100%;
    min-height: 250px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Mobile: 2 Cards Per Row */
@media (max-width: 767px) {
    .s-block--banners .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .s-block--banners .banner-entry {
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .s-block--banners .banner-entry .lazy__bg {
        width: 100%;
        height: 100%;
        min-height: 0;
    }
}