/* Shop-only botanical watercolor background.
   The center remains calm and readable while the foliage frames the catalog. */
body[data-page="shop"] {
  background-color: #f4eee1;
  background-image:
    linear-gradient(
      90deg,
      rgba(248, 243, 233, 0.22) 0%,
      rgba(248, 243, 233, 0.52) 20%,
      rgba(248, 243, 233, 0.72) 42%,
      rgba(248, 243, 233, 0.72) 58%,
      rgba(248, 243, 233, 0.52) 80%,
      rgba(248, 243, 233, 0.22) 100%
    ),
    url("../assets/backgrounds/shop-botanical-watercolor.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center top;
  background-size: cover, cover;
  background-attachment: fixed, fixed;
}

/* Keep the catalog interface legible without turning it into an opaque box. */
body[data-page="shop"] .page-head .wrap,
body[data-page="shop"] #collections {
  position: relative;
  z-index: 1;
}

@media (max-width: 800px) {
  body[data-page="shop"] {
    background-attachment: scroll, scroll;
    background-position: center top, center top;
    background-size: auto 100vh, auto 100vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="shop"] {
    background-attachment: scroll, scroll;
  }
}