.yellow::before {z-index:10}
    .yellow::after {z-index:10; bottom: -35px !important;}
    .blue-inside {margin-top:0;}

h2 {
  font-size: 3.9rem;
  }
h3 {font-size: 2.3rem;}

.iconbox {
    display: flex;
    height: 85px;
    width: auto;
    margin-bottom: 10px;
    text-align: center;
    justify-content: center;
}

/* --- Club Types --- */
    :root {
      --gap: 3px;
      --hover-overlay: rgba(0, 0, 0, 0.3);
      --hover-border: #E9B01F;
    }

    .club-honeycomb {
    padding:0;
    background-color: #fff;
    }

	.hex-grid {
	  display: grid;
	  grid-template-columns: repeat(4, 1fr); /* Always 4 across on desktop */
	  gap: var(--gap);
	  list-style: none;
	  padding: 0;
	  margin: 0 auto;
	  width: 100%;
	  margin-bottom: 0 !important;
	}

    .hex {
      animation: fadeIn 0.6s ease forwards;
      opacity: 0;
    }

    .hex:nth-child(1) { animation-delay: 0.1s; }
    .hex:nth-child(2) { animation-delay: 0.2s; }
    .hex:nth-child(3) { animation-delay: 0.3s; }
    .hex:nth-child(4) { animation-delay: 0.4s; }
    .hex:nth-child(5) { animation-delay: 0.5s; }
    .hex:nth-child(6) { animation-delay: 0.6s; }
    .hex:nth-child(7) { animation-delay: 0.7s; }
    .hex:nth-child(8) { animation-delay: 0.8s; }

    @keyframes fadeIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
      from {
        opacity: 0;
        transform: translateY(20px);
      }
    }

    .hex-in a {
      display: block;
      position: relative;
      width: 100%;
      padding-top: 100%; /* Makes it a square */
      background-size: cover;
      background-position: center;
      overflow: hidden;
      text-decoration: none;
      color: white;
      transition: transform 0.3s ease, outline 0.3s ease;
    }

    .hex-in a::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--hover-overlay);
      transition: background 0.3s ease;
      z-index: 1;
    }

    .hex-in a h3 {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 600;
      text-align: center;
      padding: 0 10px;
    }

    .hex-in a:hover {
      outline: 3px solid var(--hover-border);
    }

    .hex-in a:hover::before {
      background: rgba(0, 0, 0, 0.1);
    }
    
    @media (max-width: 768px) {
  .hex-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 across on mobile */
  }
}

/* --- Full Width Text --- */
.vm-full-width-text-section {
  padding: 80px;
  background-color: #ffFcF4;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  }
.vm-full-width-text-section::before {
  content: "";
  display: block;
  width: 106px;
  height: 92px;
  margin: auto;
  text-align: center;
  position: absolute;
  top: -46px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='106' height='92' viewBox='0 0 106 92'><polygon points='26.5,0 79.5,0 106,46 79.5,92 26.5,92 0,46' fill='%23FFFCF4'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index:10;
}

.yellow::before {
  content: "";
  display: block;
  width: 106px;
  height: 92px;
  margin: auto;
  text-align: center;
  top: -46px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='106' height='92' viewBox='0 0 106 92'><polygon points='26.5,0 79.5,0 106,46 79.5,92 26.5,92 0,46' fill='%23FFFCF4'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index:10;
}

.vm-full-width-text {
    max-width: 1200px;
    text-align: center;
    font-size: 2.3rem;
    margin: 10px auto !important;
    font-weight: 600;
    color: black
}
.bz_print_icon {
	width: 50px;
	height:auto;
}

/* --- Benefits --- */

.featured-products {
  background: #FFF;
  padding: 4rem 1rem;
  padding-top: 80px;
}

.benefits-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns on desktop */
  gap: 3rem 2rem;
  max-width: 1800px;
  margin: 40px auto;
}

@media screen and (max-width: 1024px) {
  .benefits-wrapper {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet */
  }
}

@media screen and (max-width: 640px) {
  .benefits-wrapper {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
}

.benefit {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.benefit .icon {
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.benefit .text {
  margin-left: 20px;
}

.benefit h3 {
  font-size: 2rem;
  margin: 0 0 0.5rem;
  color: #222;
}

.benefit .text p, .buz-text {
  font-size: 1em;
  color: #555;
  margin: 0;
}


/* --- MISC --- */
main {background-color:#FFF;}
.yellow::before {}
a.custom-button-yellow {margin: auto}
.buz_vert_align {align-content: center;}
.yellow-hr {margin-left:0}

/* --- MOBILE --- */
@media (max-width: 600px) {
  .header-logo, .yellow::before {display:none;}
  .hero-text {padding:10% 20px}
  .club-type-card {width:40%}
  
}