body {
    background-color: #ffffff !important;
}

body {
    background-color: #ffffff !important;
}

.index .s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0
}

.index .s-block--fixed-banner img {
    background-color: transparent!important;
    border-radius: 0;
    padding: 0
}

.app-inner .s-block--fixed-banner:first-of-type {
    margin-top: 0px!important
}

.s-block--double-banner {
    padding: 10px
}
.s-product-card-vertical {
    border: 2px solid #dad8d8;
    border-radius: 10px 10px 20px 20px
}

.s-product-card-horizontal {
    border: 2px solid #dad8d8
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    transition: all 0.5s;
    color: var(--light);
    background: var(--main-color)
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    box-shadow: 0 0 0 2.5px var(--main-color),0 0 0 5px var(--light),0 0 0 6px var(--main-color);
    color: var(--main-color);
    background: var(--light);
    border-radius: 8px 0!important
}

/* Mobile (default) */
salla-slider.photos-slider .swiper-slide {
    margin-left: 0rem;
    margin-right: 0.5rem;
    width: 115%;
}

.s-block {
    margin-top: 1.5rem;
}

/* Tablet and up (>= 640px) */
@media (min-width: 640px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        width: 105%;
    }

    .s-block {
        margin-top: 1.5rem;
    }
}

/* Desktop and up (>= 1024px) */
@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 0rem;
        margin-right: 0rem;
        width: 100%;
    }

    .s-block {
        margin-top: 2rem;
    }
}

/* Default state */
salla-add-product-button button {
  background-color: #25719f !important;  /* base background */
  color: #fff !important;                /* white text */
  border: none !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Hover state → background white, text black */
salla-add-product-button button:hover {
  background-color: #ffffff !important;  /* white background */
  color: #000000 !important;             /* black text */
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}

/* Active (pressed) */
salla-add-product-button button:active {
  background-color: #184a66 !important;  
  color: #ffffff !important;             /* keep white text */
  transform: translateY(0) !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.25) !important;
}

/* Focus (keyboard navigation) */
salla-add-product-button button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37,113,159,0.4) !important;
}

/* Disabled */
salla-add-product-button button:disabled {
  background-color: #b0b0b0 !important;
  color: #e0e0e0 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

  @keyframes scroll {
    0% {
      transform: translateX(0);
    }


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