/* Focused catalog visual adjustments requested for 1.8.12. */
.tsg-heading-home:before{
  background:
    linear-gradient(90deg,#0e1215 0%,#0e1215f4 37%,#0e121566 65%,#0e121516 100%),
    linear-gradient(0deg,#0e1215cf,transparent 45%),
    url('../assets/catalog-hero-collage.webp') 74% center/cover no-repeat;
  filter:saturate(.94) contrast(1.06);
}
.tsg-heading-home h1{
  max-width:760px;
  font-size:clamp(40px,4.8vw,66px);
  letter-spacing:-.045em;
}
.tsg-card-link.tsg-card-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  margin-top:20px;
  padding:11px 13px;
  border:1px solid #b51118;
  border-radius:3px;
  background:#b51118;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.025em;
  text-align:center;
  text-transform:uppercase;
}
.tsg-card>a:hover .tsg-card-button{background:#921015;border-color:#921015}
@media(max-width:600px){
  .tsg-heading-home:before{
    background:
      linear-gradient(0deg,#0e1215 5%,#0e1215f4 47%,#0e12153b 78%),
      url('../assets/catalog-hero-collage.webp') 69% top/auto 51% no-repeat;
    background-color:#0e1215;
  }
  .tsg-heading-home h1{
    max-width:340px;
    font-size:clamp(32px,8.5vw,40px);
    line-height:1;
  }
}

/* 1.8.31 unified category heroes */
.tsg-heading-home h1,
.tsg-heading-jdm h1,
.tsg-heading-minivan h1,
.tsg-heading-kei h1,
.tsg-heading-kei-truck h1,
.tsg-heading-premium h1{
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(42px,5.2vw,72px);
  line-height:.98;
  letter-spacing:-.05em;
}
.tsg-heading .tsg-hero-actions .jdm-button{
  min-height:50px;
  padding:14px 18px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.04em;
}

@media(max-width:600px){
  .tsg-heading-home,
  .tsg-heading-minivan,
  .tsg-heading-kei,
  .tsg-heading-kei-truck,
  .tsg-heading-premium{
    display:block;
    min-height:0;
    padding:0 0 36px;
    align-items:initial;
  }
  .tsg-heading-home:before,
  .tsg-heading-minivan:before,
  .tsg-heading-kei:before,
  .tsg-heading-kei-truck:before,
  .tsg-heading-premium:before{
    inset:0 0 auto;
    height:clamp(300px,82vw,380px);
    filter:saturate(.94) contrast(1.04);
  }
  .tsg-heading-home:before{
    background:linear-gradient(180deg,transparent 0%,transparent 80%,#0e1215 100%),url('../assets/catalog-hero-collage.webp') 69% center/cover no-repeat;
    background-color:#0e1215;
  }
  .tsg-heading-minivan:before{
    background:linear-gradient(180deg,transparent 0%,transparent 80%,#0d1215 100%),var(--tsg-minivan-image,linear-gradient(120deg,#28383d,#101619)) 63% center/cover no-repeat;
    background-color:#0d1215;
  }
  .tsg-heading-kei:before{
    background:linear-gradient(180deg,transparent 0%,transparent 80%,#0d1215 100%),var(--tsg-kei-image,linear-gradient(120deg,#344247,#111719)) 60% center/cover no-repeat;
    background-color:#0d1215;
  }
  .tsg-heading-kei-truck:before{
    background:linear-gradient(180deg,transparent 0%,transparent 80%,#0b110f 100%),var(--tsg-kei-truck-image,linear-gradient(120deg,#344238,#111714)) 67% center/cover no-repeat;
    background-color:#0b110f;
  }
  .tsg-heading-premium:before{
    background:linear-gradient(180deg,transparent 0%,transparent 80%,#091019 100%),var(--tsg-premium-image,linear-gradient(120deg,#30343a,#0d1218)) 69% center/cover no-repeat;
    background-color:#091019;
  }
  .tsg-heading-home>.container,
  .tsg-heading-minivan>.container,
  .tsg-heading-kei>.container,
  .tsg-heading-kei-truck>.container,
  .tsg-heading-premium>.container{
    position:relative;
    width:calc(100% - 30px);
    padding-top:calc(clamp(300px,82vw,380px) + 20px);
  }
  .tsg-heading-home:after,
  .tsg-heading-minivan:after,
  .tsg-heading-kei:after,
  .tsg-heading-kei-truck:after,
  .tsg-heading-premium:after{display:none}
  .tsg-heading-home h1,
  .tsg-heading-jdm h1,
  .tsg-heading-minivan h1,
  .tsg-heading-kei h1,
  .tsg-heading-kei-truck h1,
  .tsg-heading-premium h1{
    max-width:520px;
    margin:12px 0 15px;
    font-size:clamp(32px,9.2vw,42px);
    line-height:.98;
  }
  .tsg-heading .eyebrow{
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    line-height:1.35;
  }
  .tsg-heading p:not(.eyebrow),
  .tsg-heading-home p:not(.eyebrow),
  .tsg-heading-jdm p:not(.eyebrow),
  .tsg-heading-minivan p:not(.eyebrow),
  .tsg-heading-kei p:not(.eyebrow),
  .tsg-heading-kei-truck p:not(.eyebrow),
  .tsg-heading-premium p:not(.eyebrow){
    max-width:520px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1.5;
  }
  .tsg-heading .tsg-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:19px;
  }
  .tsg-heading .tsg-hero-actions .jdm-button{
    width:100%;
    min-height:48px;
    padding:13px 12px;
    font-size:11px;
  }
  .tsg-heading .tsg-hero-facts{
    width:100%;
    max-width:520px;
    grid-template-columns:1fr 1fr;
    margin-top:16px;
  }
  .tsg-heading .tsg-hero-facts span{
    min-width:0;
    padding:11px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    line-height:1.35;
  }
  .tsg-heading .tsg-hero-facts b{font-size:13px}
  .tsg-heading .tsg-hero-facts span:nth-child(3){display:none}
  .tsg-heading-jdm{
    min-height:0;
    padding:118px 0 42px;
  }
}