.advantage-cf-section {
  position: relative;
  background: linear-gradient(101deg, #fffbe8 70%, #eaf6ef 100%);
  border-radius: 22px;
  margin: 0 auto 110px auto;
  box-shadow: 0 2px 16px rgba(22,73,30,0.09);
  overflow: visible;
  padding: 0 0 50px 0;
  z-index: 1;
}
.advantage-cf-bg {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, #fdfbf2 0px, #f7fff9 22px, #fafcff 32px);
  opacity: 0.56;
  border-radius: 22px;
  z-index: 0;
  pointer-events: none;
}
.advantage-cf-top {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 56px 0 22px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.advantage-headline {
  color: #15692b;
  font-size: 2.45rem;
  font-weight: 900;
  margin-bottom: 13px;
  letter-spacing: -0.01em;
  text-align: center;
}
.advantage-cf-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 48px;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto 32px auto;
  padding: 0 30px;
}
.advantage-cf-item {
  background: #fff;
  border-radius: 21px;
  box-shadow: 0 2px 10px rgba(32,113,50,0.08);
  min-width: 185px;
  max-width: 265px;
  min-height: 148px;
  padding: 28px 16px 22px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1.5px solid #e5ede8;
  text-align: center;
  font-size: 1.19rem;
  flex: 1 1 230px;
  pointer-events: auto;
  cursor: default;
  text-decoration: none !important;
  /* LESS REACTIVE: Remove transitions for hover/focus */
  transition: none;
}
/* Make hover/focus minimal */
.advantage-cf-item:hover,
.advantage-cf-item:focus {
  box-shadow: 0 2px 10px rgba(32,113,50,0.10);
  border: 1.5px solid #e5ede8;
  background: #fff;
  transform: none;
}

.advantage-cf-item .icon {
  margin-bottom: 12px;
  color: #0eb97e;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advantage-cf-item h3 {
  color: #11713d;
  font-size: 1.19rem;
  margin: 0 0 7px 0;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.advantage-cf-item p {
  color: #215c39;
  font-size: 1.05rem;
  margin: 0;
  line-height: 1.22;
  font-weight: 500;
}

/* Member Card: still visually distinct, not reactive */
.advantage-cf-member {
  border: 2.2px solid #fdbe39 !important;
  background: #fffef8 !important;
  box-shadow: 0 4px 16px #ffd67a20;
  color: #c28210 !important;
  font-weight: 700;
  cursor: pointer !important;
  position: relative;
  transition: none;
}
.advantage-cf-member:hover,
.advantage-cf-member:focus {
  background: #fffef8 !important;
  border-color: #fdbe39 !important;
  box-shadow: 0 4px 16px #ffd67a20;
}
.advantage-cf-member h3,
.advantage-cf-member p {
  color: #c28210 !important;
}
.advantage-cf-member .icon {
  background: #fff8d6;
  border-radius: 50%;
  padding: 7px;
}
.advantage-cf-member:active { transform: none; }

@media (max-width: 1080px) {
  .advantage-cf-grid { gap: 20px 11px; max-width: 99vw; }
  .advantage-cf-item { min-width: 130px; max-width: 210px; }
  .advantage-cf-top { padding: 24px 0 11px 0; }
}
@media (max-width: 800px) {
  .advantage-cf-grid { gap: 13px 7px; }
  .advantage-cf-item { flex: 1 1 48%; min-width: 105px; max-width: 98vw; }
  .advantage-cf-top { padding: 14px 0 8px 0; }
  .advantage-headline { font-size: 1.23rem; }
}
@media (max-width: 600px) {
  .advantage-cf-grid { flex-direction: column; gap: 9px; padding: 0 2px; }
  .advantage-cf-item { max-width: 100vw; min-width: 0; padding: 13px 8px 13px 8px; }
  .advantage-headline { font-size: 1.04rem; }
}