/*--------------------------------------------------------------
# Pricing Section — bottom grass band (same as About)
--------------------------------------------------------------*/
#pricing.pricing{
  position: relative;
  overflow: hidden;

  /* room so cards/footer don’t collide with the grass */
  padding-bottom: clamp(7rem, 10vw, 11rem);
}

/* grass strip */
#pricing.pricing::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;

  height: clamp(110px, 10vw, 190px);

  background-image: url("../../assets/img/about/grass-tile.webp");
  background-repeat: repeat-x;
  background-position: bottom left;
  background-size: auto 100%;

  pointer-events:none;
  z-index: 1;
}

/* keep pricing content above the grass */
#pricing.pricing > .container{
  position: relative;
  z-index: 2;
}

/* your section-title is also a .container, so make sure it’s above too */
#pricing.pricing > .container.section-title{
  position: relative;
  z-index: 2;
}