/* Emerald Crystal — official background provided by the site owner.
   One original PNG, displayed once per viewport as a fixed backdrop.
   Scope: page-level backgrounds only; cards, controls, animations and business logic remain unchanged. */
html {
  background-color: #071411 !important;
}
body {
  background-color: transparent !important;
  isolation: isolate;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url('/emerald-background/cristais-esmeralda-original.png');
  background-color: #071411;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Only the large opaque shell layers. Do not alter actual cards or panels. */
body .market-store,
body .market-store .market-main,
body .market-store .market-catalog-container,
body .market-store .catalog-section,
body .market-store .store-inner-page,
body .market-store .store-footer,
body .auth-page,
body.sz-admin,
body.sz-support,
body.emerald-standalone {
  background-color: transparent !important;
  background-image: none !important;
}
/* Keep the animated product wall and mascot untouched; retain readable hero copy. */
body .market-store .market-hero {
  background: linear-gradient(90deg,
    rgba(1, 15, 11, .72) 0%,
    rgba(1, 20, 15, .48) 43%,
    rgba(2, 19, 15, .15) 100%) !important;
}
/* The header and cards keep their existing visual finishes and contrast. */
@media (max-width: 680px) {
  body::before {
    background-position: 38% center;
  }
  body .market-store .market-hero {
    background: linear-gradient(180deg,
      rgba(1, 14, 11, .68) 0%,
      rgba(2, 20, 15, .24) 53%,
      rgba(2, 17, 13, .14) 100%) !important;
  }
}
/* Authentication layouts previously drew an extra pair of crystals over the page.
   Use the corners of the provided photograph instead of duplicating them. */
body .auth-page::before,
body .auth-page::after {
  display: none !important;
}