/* Patient Review section */
.patient-review {
  position: relative;
  padding: 150px 0 96px;
}

.patient-review__wrap {
  position: relative;
}

/* Light blue band */
.patient-review__band {
  position: relative;
  background: #eef7ff;
  /* soft light blue */
  border-radius: 12px;
  padding: 12px 32px 44px;
  /* top has room for overlapping avatar */
  box-shadow: 0 16px 48px rgba(16, 24, 40, 0.08);
  overflow: visible;
  text-align: center;
}

/* Badge (top-left) */
.patient-review__badge {
  position: absolute;
  top: -70%;
  left: 22%;
  z-index: 2;
}

.patient-review__badge-card {
  background: #ffffff;
  color: #0f172a;
  /* near-slate */
  border-radius: 10px;
  padding: 15px 16px;
  font-weight: 600;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
}

.patient-review__badge-star {
  position: absolute;
  top: -20px;
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}

.patient-review__badge-text {
  line-height: 1.2;
  text-align: center;
}

/* Scribble connector */
.patient-review__scribble {
  position: absolute;
  transform: scaleY(-1) rotate(110deg);
  top: -65%;
  left: 34%;
  width: 120px;
  height: 100px;
  pointer-events: none;
  z-index: 1;
}

/* Avatar cluster */
.patient-review__avatar-wrap {
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  width: 128px;
  height: 128px;
}

.patient-review__avatar-bg {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 112px;
  height: 112px;
  border-radius: 50%;
  object-fit: cover;
  background: #dff3ff;
  /* border: 6px solid #ffffff; */
  filter: drop-shadow(0 8px 24px rgba(14, 116, 144, 0.25));
  z-index: 2;
}

/* .patient-review__avatar removed per request */

/* Text */
.patient-review__name {
  margin: 56px 0 8px;
  font-size: 22px;
  line-height: 1.3;
  color: #0f172a;
  font-weight: 700;
}

.patient-review__text {
  margin: 0 auto;
  max-width: 820px;
  font-size: 16px;
  line-height: 1.75;
  color: #334155;
  /* slate-600 */
}

/* Responsive tweaks */
@media (max-width: 991px) {
  .patient-review {
    padding: 96px 0 80px;
  }
  
  .patient-review__name{
    margin-top: 0px;
  }

  .patient-review__band {
    padding: 68px 20px 36px;
  }

  .patient-review__scribble {
    left: 28%;
    width: 150px;
  }
}

@media (max-width: 640px) {
  .patient-review {
    padding: 40px 0 10px;
  }

  .patient-review__avatar-wrap {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    overflow: hidden;
  }

  /* .patient-review__avatar removed per request */
  .patient-review__avatar-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }

  .patient-review__name {
    font-size: 20px;
  }

  .patient-review__text {
    font-size: 15px;
    padding: 0 6px;
  }

  /* Place badge above the band on mobile */
  .patient-review__badge {
    position: static;
    top: auto;
    left: auto;
    padding-bottom: 80px;
    margin: 0 auto 16px;
    display: flex;
    justify-content: center;
  }

  /* Match CTA mini card look and feel */
  .patient-review__badge-card {
    position: relative;
    width: 200px;
    height: 90px;
    border-radius: 10px;
    box-shadow: 13px 14px 40px rgba(39,98,131,0.15);
    display: grid;
    place-items: center;
    padding: 0;
    gap: 6px;
  }

  .patient-review__badge-star {
    top: -26px;
    width: 52px;
    height: 52px;
  }

  .patient-review__badge-card {
    padding: 10px 12px;
    font-size: 14px;
    gap: 4px;
  }

  .patient-review__badge-text {
    color: #4b4d4c;
    font-size: 15px;
    letter-spacing: 0.6px;
    text-align: center;
    width: 195px;
  }

  .patient-review__scribble {
    display: none;
  }
}