/* 🔲 Grid Background Layer */
.grid-bg-layer {
  position: absolute;
  inset: 0; /* fills parent section */
  z-index: 0;
  pointer-events: none;

  --x: 50%;
  --y: 50%;

  /* background-color: #040053; */
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);

  background-size: 64px 64px;
  background-position: var(--x) var(--y);
}

/* Light variant (optional) */
.grid-bg-layer.light {
  background-color: #ffffff;
  background-image:
    linear-gradient(rgba(4,0,83,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(4,0,83,0.08) 1px, transparent 1px);
}

/* Content always above */
.any-section > .content {
  position: relative;
  z-index: 1;
}

/* Mobile: disable motion */
@media (max-width: 767px) {
  .grid-bg-layer {
    background-position: center !important;
  }
}