/* Add custom CSS styles below */ 
.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

/* ===== سكشن الزجاجات (تسوقي حسب الفئة) ===== */

.square-photos-grid .banner-entry {
  background-color: transparent !important;
  overflow: visible;
}

.square-photos-grid {
  gap: 0.5rem !important;
  max-width: 500px;
  margin: 0 auto;
}

.square-photos-grid .banner-entry .lazy__bg {
  transform: scale(1.15);
  transition: transform 0.3s ease;
  transform-origin: 50% 75%;
}

.square-photos-grid .banner-entry:hover .lazy__bg {
  transform: scale(1.15) rotate(8deg);
}

.square-photos-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.5rem !important;
}

.footer-is-light .store-footer .store-footer__inner {
  background-color: #FE9AD0;
}

body,
html {
  background-color: #FFF8F4 !important;
}

#app,
main,
.s-layout,
.s-layout-content {
  background-color: #FFF8F4 !important;
}

.banner--fixed img, .banner-entry {
  --tw-bg-opacity: 1;
  background-color: #FFF8F4;
}

.bg-gray-100 {
  background-color: #FFF8F4;
}

body {
  color: #DA0176;
}

.s-block__title {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
  text-align: center !important;
}

.s-block__title .right-side {
  margin: 0 auto !important;
  float: none !important;
  width: auto;
  text-align: center !important;
}

.s-block__title h2 {
  font-size: 2rem !important;
}

/* ===== الشريط الإعلاني - جعله متحرك (Marquee) ===== */
body .s-advertisement {
  overflow: hidden !important;
}

body .s-advertisement-content-main {
  display: inline-block !important;
  white-space: nowrap !important;
  padding-right: 100% !important;
  animation: marquee-scroll 15s linear infinite !important;
}

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

@media (prefers-reduced-motion: reduce) {
  body .s-advertisement-content-main {
    animation: marquee-scroll 15s linear infinite !important;
  }
}

body .s-advertisement:hover .s-advertisement-content-main {
  animation-play-state: paused !important;
}