/* === Mcare Sponsor Banner - Flush Tight Layout (1440px Optimized) === */

.mcare-sponsors-wrapper {
  width: 100%;
  background: #f7f6f4; /* subtle neutral tone */
  padding: 0;          /* remove vertical padding */
  margin: 0;           /* remove top/bottom margin */
  line-height: 0;      /* collapse stray whitespace between inline elements */
}

.mcare-sponsors-inner {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  gap: 1.6vw;          /* balanced spacing between logos */
  padding: 10px 0;     /* minimal breathing space inside */
}

/* Sponsor container */
.mcare-sponsor {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  max-width: 260px;
  background: transparent;
  transition: transform 0.25s ease;
}

.mcare-sponsor img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: contain;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  transition: transform 0.25s ease;
}

.mcare-sponsor:hover img {
  transform: scale(1.05);
}

/* --- Responsive adjustments --- */
@media (max-width: 1200px) {
  .mcare-sponsor {
    max-width: 220px;
  }
  .mcare-sponsor img {
    max-height: 100px;
  }
}

@media (max-width: 900px) {
  .mcare-sponsors-inner {
    justify-content: space-around;
    gap: 2vw;
    padding: 8px 0;
  }
  .mcare-sponsor {
    max-width: 200px;
  }
  .mcare-sponsor img {
    max-height: 80px;
  }
}

@media (max-width: 600px) {
  .mcare-sponsors-inner {
    justify-content: center;
    gap: 3vw;
    padding: 6px 0;
  }
  .mcare-sponsor {
    flex: 1 1 45%;
    max-width: none;
  }
  .mcare-sponsor img {
    max-height: 65px;
  }
}