.hero-banner{
  position:relative;
  width:100%;
  height:430px;
  padding:0;
  overflow:hidden;
  background:#FF5400;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-banner::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:210px;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(227,230,230,0) 0%,
    rgba(227,230,230,0.08) 20%,
    rgba(227,230,230,0.18) 38%,
    rgba(227,230,230,0.40) 58%,
    rgba(227,230,230,0.70) 78%,
    rgba(227,230,230,0.92) 92%,
    #E3E6E6 100%
  );
}

.hero-banner__image{
  display:block;
  width:min(96%,1650px);
  max-width:1650px;
  max-height:355px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  object-position:center center;
  position:relative;
  z-index:1;
}

@media (max-width:899px){
  .hero-banner{
    height:auto;
    padding-top:8px;
  }

  .hero-banner__image{
    width:100%;
    max-width:100%;
    max-height:none;
  }

  .hero-banner::after{
    height:95px;
    bottom:-2px;
  }
}

@media (min-width:900px){
  .hero-banner{
    height:430px;
  }

  .hero-banner__image{
    width:min(96%,1700px);
    max-height:350px;
  }

  .hero-banner::after{
    height:215px;
  }
}

@media (min-width:1200px){
  .hero-banner{
    height:445px;
  }

  .hero-banner__image{
    width:min(97%,1760px);
    max-height:360px;
  }

  .hero-banner::after{
    height:225px;
  }
}
.meli-banner,
.meli-banner__wrap,
.meli-banner__inner{
  border-top:none !important;
  box-shadow:none !important;
}

.meli-banner{
  background:#E3E6E6;
}