/* Add custom CSS styles below */ 
body{
  background-color:#fff;
}

.s-block.s-block--fixed-banner:first-of-type {
  margin-top: unset !important;
}

.s-block.s-block--fixed-banner img {
  border-radius: 0px;
}

.copyright-text{
font-size: 18px;
font-weight: 700;
}

.marquee {
  color: #fff;
  height: 2.5vw;
  overflow: hidden;
  background-color: #2B3334;
  position: relative;
}

.marquee div {
  display: flex;
  width: max-content;
  position: absolute;
  white-space: nowrap;
  animation: marquee 20s linear infinite;
  gap: 56px;
}

.marquee p{
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}



/* Keyframes: مرري الشريط لنص عرضه فقط */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}





.s-block.s-block--fixed-banner:first-of-type .container, section:nth-child(8) > div, section:nth-child(10) > div, section:nth-child(14) > div {
  max-width: unset;
  padding: 0px;
}

.s-block.s-block--fixed-banner img , .square-photos{
  background-color:transparent;
} 

#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a > img{
width: 300px;

}

.s-block--banners .two-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* small screens */
  }
}

@media (min-width: 768px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* medium screens */
  }
}

@media (min-width: 1024px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* large screens */
  }
}

.s-block--banners .two-row .banner-entry {
  height: 200px !important;
}

.two-row .banner-entry:first-child {
  grid-column: unset;
  grid-row: unset;
}

 section:nth-child(16) > div{
max-width: 888px;
}

.s-product-card-vertical {
  box-shadow: 0px 0px 9px 0px #adadad;
  padding: 8px;
}
.s-products-slider-slider .swiper-wrapper{
  padding:10px 0px ;
}


div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button {
  background: #fff;
  border-top: 1px solid #2B3334;
  border-bottom: 1px solid #2B3334;
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > span,
div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > i {
  color: #2B3334;
}


.s-button-outline {
  border: none;
}

.s-button-btn, .s-price-range-number-input{
  border-radius:0px;
}

.store-footer__inner{
  background-color:#2B3334!important;
  color:#fff;
}/* Add custom CSS styles below */