.jd-final-category-banner{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin:0 0 18px calc(50% - 50vw);
  padding:0;
  overflow:hidden;
  background:#f7f3ee;
  border-bottom:1px solid rgba(16,24,40,.07);
  line-height:0;
  isolation:isolate;
}

.jd-final-category-banner picture,
.jd-final-category-banner img{
  display:block;
  width:100%;
}

.jd-final-category-banner img{
  height:auto;
  aspect-ratio:24 / 5;
  object-fit:cover;
  object-position:center center;
  background:#f7f3ee;
}

.jd-final-category-banner::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,112,33,.34),transparent);
  pointer-events:none;
}

/* Reduce the visual collision with the page's original first content section. */
.jd-final-category-banner + section,
.jd-final-category-banner + .section,
.jd-final-category-banner + div[class*="hero"]{
  margin-top:0!important;
}

@media (max-width:960px){
  .jd-final-category-banner{
    margin-bottom:14px;
  }
}

@media (max-width:640px){
  .jd-final-category-banner{
    margin-bottom:10px;
  }
  .jd-final-category-banner img{
    aspect-ratio:16 / 9;
  }
}