.product-detail-page,
.collection-background-page,
.home-background-page {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow: clip;
  background: transparent !important;
}

.product-detail-page::before,
.collection-background-page::before,
.home-background-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-color: #17140f;
  background-image: var(--page-bg-image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  filter: saturate(0.82) contrast(1.04) brightness(0.92);
  transform: scale(1.015);
}

.product-detail-page::before {
  opacity: 0.58;
}

.collection-background-page::before {
  opacity: 0.52;
}

.home-background-page::before {
  opacity: 0.5;
}

.product-detail-page::after,
.collection-background-page::after,
.home-background-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(5, 5, 5, 0.38) 0%, rgba(5, 5, 5, 0.2) 42%, rgba(5, 5, 5, 0.66) 100%),
    linear-gradient(90deg, rgba(5, 5, 5, 0.38) 0%, rgba(5, 5, 5, 0.12) 50%, rgba(5, 5, 5, 0.4) 100%);
}

.collection-background-page .collection-hero {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.72), rgba(5, 5, 5, 0.2) 58%, rgba(5, 5, 5, 0.42)),
    repeating-linear-gradient(15deg, rgba(212, 175, 55, 0.07) 0 1px, transparent 1px 12px) !important;
}

.collection-background-page .collection-jian {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.72), rgba(5, 5, 5, 0.18) 58%, rgba(5, 5, 5, 0.4)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 18px) !important;
}

.collection-background-page .collection-cold {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.74), rgba(5, 5, 5, 0.2) 58%, rgba(5, 5, 5, 0.44)),
    repeating-linear-gradient(22deg, rgba(212, 175, 55, 0.06) 0 1px, transparent 1px 14px) !important;
}

.home-background-page .v2-hero {
  position: relative;
  z-index: 2;
}

.home-background-page .v2-exploded,
.home-background-page .v2-armory,
.home-background-page .v2-footer-proof,
.collection-background-page .section-block {
  position: relative;
  z-index: 1;
}

.product-detail-page .product-detail-copy,
.product-detail-page .product-story-heading,
.product-detail-page .product-gallery-heading,
.product-detail-page .section-heading {
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.82);
}

.product-detail-page .product-story-section,
.product-detail-page .product-detail-gallery {
  backdrop-filter: blur(3px);
}

@media (max-width: 640px) {
  .product-detail-page::before,
  .collection-background-page::before,
  .home-background-page::before {
    background-position: center 26%;
    filter: saturate(0.78) contrast(1.02) brightness(0.86);
    opacity: 0.5;
  }

  .product-detail-page::after,
  .collection-background-page::after,
  .home-background-page::after {
    background:
      linear-gradient(180deg, rgba(5, 5, 5, 0.44) 0%, rgba(5, 5, 5, 0.24) 38%, rgba(5, 5, 5, 0.7) 100%),
      linear-gradient(90deg, rgba(5, 5, 5, 0.28), rgba(5, 5, 5, 0.1), rgba(5, 5, 5, 0.28));
  }
}