/* Dark industrial tread-plate background for Ute Trays page (page-id-1604). */
body.page-id-1604 {
  position: relative;
  background: transparent;
}

/*
  Use a fixed pseudo-layer so the texture always renders across the full viewport,
  regardless of theme/content wrapper backgrounds.
*/
body.page-id-1604::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #111315;
  background-image:
    radial-gradient(ellipse 24px 11px at 22px 18px,
      rgba(198, 204, 210, 0.2) 0%,
      rgba(157, 164, 171, 0.16) 45%,
      rgba(92, 98, 104, 0.2) 57%,
      rgba(24, 26, 29, 0.48) 76%,
      rgba(10, 11, 12, 0) 100%),
    radial-gradient(ellipse 24px 11px at 62px 58px,
      rgba(198, 204, 210, 0.18) 0%,
      rgba(151, 158, 166, 0.16) 43%,
      rgba(86, 92, 98, 0.22) 56%,
      rgba(24, 26, 29, 0.46) 76%,
      rgba(10, 11, 12, 0) 100%),
    linear-gradient(145deg, #202428 0%, #171a1d 45%, #101214 100%);
  background-size: 80px 80px, 80px 80px, 100% 100%;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, no-repeat;
}

body.page-id-1604 .site {
  position: relative;
  z-index: 1;
}

/* Keep primary wrappers transparent so the plate texture remains visible. */
body.page-id-1604 .site,
body.page-id-1604 .site-content,
body.page-id-1604 .ast-container,
body.page-id-1604 #primary,
body.page-id-1604 #main,
body.page-id-1604 article,
body.page-id-1604 .entry-content,
body.page-id-1604 .elementor-1604,
body.page-id-1604.ast-separate-container .site,
body.page-id-1604.ast-separate-container .site-content,
body.page-id-1604.ast-separate-container .ast-container,
body.page-id-1604.ast-separate-container #primary {
  background-color: transparent !important;
  background-image: none !important;
}