/* Meister Carbon Cleaners — Homepage Brand Slider V10.2 Clarity Fix */

/*
  V10.2 fixes logo clarity:
  - removes forced grayscale/invert filters
  - shows original brand-logo colours
  - places each logo on a light neutral card
  - increases usable logo height/width
  - keeps the same continuous marquee behaviour
*/

.home-brand-slider{
  padding:18px 0!important;
  background:rgba(0,0,0,.10)!important;
}

.home-brand-item{
  width:168px!important;
  height:82px!important;
  padding:9px 13px!important;
  border-right:0!important;
}

.home-brand-item::before{
  content:"";
  position:absolute;
  inset:7px 9px;
  border-radius:12px;
  background:#f7f8fa;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 5px 14px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.9);
  z-index:0;
}

.home-brand-item{
  position:relative;
}

.home-brand-item img{
  position:relative;
  z-index:1;
  display:block!important;
  max-width:128px!important;
  max-height:54px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;

  /* Critical clarity fix */
  filter:none!important;
  opacity:1!important;

  transition:transform .18s ease!important;
}

.home-brand-item:hover img{
  filter:none!important;
  opacity:1!important;
  transform:scale(1.07)!important;
}

/* Keep edge fades subtle so the first/last visible logos stay readable. */
.home-brand-slider::before,
.home-brand-slider::after{
  width:54px!important;
}

@media(max-width:700px){
  .home-brand-item{
    width:142px!important;
    height:72px!important;
    padding:8px 11px!important;
  }

  .home-brand-item::before{
    inset:6px 7px;
    border-radius:10px;
  }

  .home-brand-item img{
    max-width:108px!important;
    max-height:46px!important;
  }

  .home-brand-slider::before,
  .home-brand-slider::after{
    width:28px!important;
  }
}