/* Mars 1.4.1 — 320px editorial product category banner */
.mars-shop-category-banner.mars-shop-category-banner--editorial{
  --mars-category-banner-image:none;
  position:relative!important;
  display:block!important;
  width:100%;
  height:320px!important;
  min-height:320px!important;
  margin:0 0 26px!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background-color:#fff!important;
  background-image:var(--mars-category-banner-image)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center right!important;
  box-shadow:none!important;
}
.mars-shop-category-banner.mars-shop-category-banner--editorial::before{display:none!important}
.mars-shop-category-banner--editorial .mars-shop-category-banner__overlay{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,
    #fff 0%,
    #fff 30%,
    rgba(255,255,255,.98) 38%,
    rgba(255,255,255,.93) 46%,
    rgba(255,255,255,.72) 55%,
    rgba(255,255,255,.30) 65%,
    rgba(255,255,255,0) 76%
  );
}
.mars-shop-category-banner--editorial .mars-shop-category-banner__content{
  position:relative;z-index:1;
  display:flex!important;flex-direction:column;justify-content:flex-start;
  height:100%;width:100%;
  padding:55px 54px 38px!important;
  gap:0!important;
}
.mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs{
  display:flex;align-items:center;gap:16px;
  margin:0 0 42px;
  color:#697487;font-size:14px;font-weight:400;
  white-space:nowrap;
}
.mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs a,
.mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs strong{
  display:inline-flex;align-items:center;gap:9px;
  color:#697487;text-decoration:none;font-weight:400;
}
.mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs strong{color:#14233d;font-weight:600}
.mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs .mars-icon{width:18px;height:18px;color:#697487}
.mars-shop-category-banner--editorial .mars-shop-category-banner__crumb-sep{font-size:22px;line-height:1;color:#8993a2;font-weight:300}
.mars-shop-category-banner--editorial .mars-shop-category-banner__copy{max-width:620px}
.mars-shop-category-banner--editorial h1{
  margin:0 0 18px!important;
  color:#14233d!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:58px!important;
  font-weight:500!important;
  letter-spacing:-1.7px!important;
  line-height:1!important;
}
.mars-shop-category-banner--editorial .mars-shop-category-banner__desc{
  max-width:600px!important;
  color:#737e90!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
.mars-shop-category-banner--editorial .mars-shop-category-banner__desc p{margin:0!important}
/* Remove remnants of the previous card-style category hero. */
.mars-shop-category-banner--editorial .mars-shop-category-banner__eyebrow,
.mars-shop-category-banner--editorial .mars-shop-category-banner__meta,
.mars-shop-category-banner--editorial .mars-shop-category-banner__actions,
.mars-shop-category-banner--editorial .mars-shop-category-banner__media{display:none!important}

@media (max-width:1000px){
  .mars-shop-category-banner.mars-shop-category-banner--editorial{height:290px!important;min-height:290px!important;background-position:62% center!important}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__content{padding:42px 34px 30px!important}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs{margin-bottom:34px;font-size:13px;gap:12px}
  .mars-shop-category-banner--editorial h1{font-size:48px!important}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__copy{max-width:520px}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__desc{font-size:14px!important}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__overlay{background:linear-gradient(90deg,#fff 0%,#fff 35%,rgba(255,255,255,.94) 52%,rgba(255,255,255,.42) 70%,rgba(255,255,255,0) 86%)}
}
@media (max-width:700px){
  .mars-shop-category-banner.mars-shop-category-banner--editorial{
    height:235px!important;min-height:235px!important;
    background-position:center right!important;background-size:cover!important;
    margin-bottom:18px!important;
  }
  .mars-shop-category-banner--editorial .mars-shop-category-banner__overlay{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.86) 72%,rgba(255,255,255,.35) 100%)}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__content{padding:26px 18px 22px!important}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs{margin-bottom:30px;gap:9px;font-size:10px;overflow:hidden;text-overflow:ellipsis}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__breadcrumbs .mars-icon{width:14px;height:14px}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__crumb-sep{font-size:16px}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__copy{max-width:78%}
  .mars-shop-category-banner--editorial h1{font-size:37px!important;margin-bottom:10px!important;letter-spacing:-1px!important}
  .mars-shop-category-banner--editorial .mars-shop-category-banner__desc{font-size:11px!important;line-height:1.5!important;max-width:360px!important}
}