/* Add custom CSS styles below */
body.index header.store-header + section.s-block.s-block--fixed-banner {
  margin-top:0 !important;
}
body.index salla-slider.photos-slider .swiper {
  padding-bottom: 0 !important;
}
[dir=rtl] .carousel-slider .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.s-block.s-block--photos-slider {
  margin-top:0 !important;
}
section.s-block.s-block--photos-slider img {
  border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper-slide {
  margin: 0 !important;
  padding:0 !important; 
  width: 100% !important;
  border-radius: 0 !important;
}

/* Product */
.s-product-card-entry {
  border:1px solid #0a823a !important;
  box-shadow: 0 0 5px 0px #68686894 !important;
}
.s-products-slider-card {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.s-slider-block__title h2 {
  color: #2a2a2a !important;
}
.s-product-card-image {
  background-color:transparent !important;
}
.s-slider-nav-arrow {
  border-color: #0a823a !important;
  background-color: #0a823a !important;
}
.s-slider-nav-arrow svg, .s-slider-nav-arrow:not(:disabled):hover svg {
  fill: #ffffff !important;
}
/* End product */


.s-button-primary-outline {
  background-color: #0a823a !important;
  color: #fff !important;
}


/**/
section.s-block.s-block--fixed-banner .container{
  max-width:100% !important;
  padding:0  !important;
  margin:0 !important;
}
.banner--fixed img {
  border-radius:0 !important;
  background-color: transparent !important;
}

/*** FLEX ***/
section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid a.banner-entry {
  width: 31%;
  background-color: transparent !important;
  height:500px !important;
}

@media(max-width:767px) {
  section.s-block.s-block--banners.container div.grid a.banner-entry {
      width: 31%;
      background-color: transparent !important;
      height: 165px !important;
  }
}
.banner-entry > div {
  background-size:contain !important;
  background-repeat: no-repeat;
}

body.index .store-footer {
  margin-top:0 !important;
}
.store-footer .store-footer__inner {
  background-color: #0a823a !important;
}
.footer-is-light .store-footer {
  color: #fff !important;
}
banner-swap {
    width: 100%;
    background: linear-gradient(45deg, var(--second-color), var(--main-color));
    color: var(--third-color);
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

.bannt {
    display: flex;
    width: 100%;
    animation: banSwiperScroll 12s linear infinite;
    will-change: transform;
}

.bannt:hover {
    animation-play-state: paused;
    /* Pause scroll on hover */
}

.banrerr {
    white-space: nowrap;
    padding: 0 50px;
    font-size: 1.2em;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.banrerr:hover {
    color: var(--third-color);
    text-shadow: 0 0 8px var(--third-color), 0 0 12px var(--third-color);
    /* Glowing effect */
}

.banrerr i {
    margin-left: 10px;
    margin-right: 10px;
    animation: bounceIcon 1.5s infinite ease-in-out;
    /* Icon bounce */
}

/* Bouncing icon effect */
@keyframes bounceIcon {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

/* Smooth scrolling renamed from tickerScroll to banSwiperScroll */
@keyframes banSwiperScroll {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}