/* Base scroll-stacking style */

.layer {
  position: sticky;
  top: 0;
  background: #fff;
  padding: 120px 0 !important;
  /* 120px top + bottom padding */
  margin: 0 !important;
  z-index: 1;
  box-sizing: border-box;
}

/* Individual layer z-index for proper stacking */

.layer-1 {
  z-index: 10;
}

.layer-2 {
  z-index: 20;
}

.layer-3 {
  z-index: 30;
}

.layer-4 {
  z-index: 40;
}

.layer-5 {
  z-index: 50;
}

/* Responsive tweak */

@media screen and (max-width: 768px) {
  .layer {
    position: relative;
    padding: 80px 0 !important;
    /* slightly less padding on mobile */
  }
}

.woocommerce-products-header__title.page-title {
  display: none;
}