/* Techtrim V18 — reference-matched fade, compact sections, distortion-proof adaptive cars. */

/* HERO -> WHITE: one long continuous white veil, no visible seam. */
.techtrim-home .tt-hero{
  height:448px!important;
  max-height:448px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.techtrim-home .tt-hero>img{
  top:-36px!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:initial!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.techtrim-home .tt-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:188px!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.015) 10%,
    rgba(255,255,255,.045) 20%,
    rgba(255,255,255,.10) 31%,
    rgba(255,255,255,.20) 42%,
    rgba(255,255,255,.34) 53%,
    rgba(255,255,255,.50) 63%,
    rgba(255,255,255,.66) 72%,
    rgba(255,255,255,.80) 81%,
    rgba(255,255,255,.91) 89%,
    rgba(255,255,255,.975) 95%,
    #fff 100%)!important;
}
.techtrim-home .tt-light-zone{
  margin-top:-1px!important;
  padding:0 0 12px!important;
  background:#fff!important;
}
.techtrim-home .tt-light-zone::before{display:none!important}

/* INFO CARDS sit over the last part of the reflection, as in the approved reference. */
.techtrim-home .tt-info-grid{
  z-index:10!important;
  margin-top:-28px!important;
  margin-bottom:2px!important;
  gap:10px!important;
}
.techtrim-home .tt-info-grid article{
  height:84px!important;
  min-height:84px!important;
  padding:11px 13px!important;
  border-radius:10px!important;
}

/* Pull section headings close to the preceding row; compact, but readable. */
.techtrim-home .tt-section{padding-top:4px!important}
.techtrim-home .tt-section h2{margin:0!important;line-height:1!important}
.techtrim-home .tt-title-line{margin:2px auto 6px!important}

/* SERVICES: locked compact desktop proportions. */
.techtrim-home .tt-service-cards.three{
  width:100%!important;
  max-width:none!important;
  margin-top:0!important;
  gap:10px!important;
}
.techtrim-home .tt-service-card{
  height:166px!important;
  min-height:166px!important;
  grid-template-columns:41% 59%!important;
}
.techtrim-home .tt-service-visual,
.techtrim-home .tt-service-visual img{
  height:166px!important;
  min-height:166px!important;
}
.techtrim-home .tt-service-visual img{object-fit:contain!important}
.techtrim-home .tt-service-copy{padding:9px 10px!important;overflow:hidden!important}
.techtrim-home .tt-service-copy h3{font-size:12px!important;line-height:1.18!important;margin-bottom:4px!important}
.techtrim-home .tt-service-copy p,
.techtrim-home .tt-service-copy li{font-size:9px!important;line-height:1.28!important}
.techtrim-home .tt-service-copy li{margin:1px 0!important}
.techtrim-home .tt-card-foot{padding-top:2px!important}

/* POPULAR CARS: preserve original image ratio at every browser zoom / viewport width. */
.techtrim-home .tt-cars{padding-top:7px!important}
.techtrim-home .tt-cars .tt-title-line{margin-bottom:5px!important}
.techtrim-home .tt-car-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:0!important;
  padding:0!important;
  align-items:stretch!important;
}
.techtrim-home .tt-car-grid a.tt-approved-car,
.techtrim-home .tt-car-grid a.tt-more-car{
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:171 / 115!important;
  border-radius:9px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.techtrim-home .tt-car-grid a.tt-approved-car{
  display:block!important;
  padding:0!important;
  border:1px solid rgba(44,116,174,.12)!important;
  background:#f9fcff!important;
  box-shadow:0 4px 13px rgba(31,85,126,.03)!important;
}
.techtrim-home .tt-car-grid a.tt-approved-car>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
}
.techtrim-home .tt-more-car{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:12px 12px!important;
  text-decoration:none!important;
  color:#121d2d!important;
  border:1px solid rgba(44,116,174,.12)!important;
  background:#fbfdff!important;
}
.techtrim-home .tt-more-car span{font-size:11px!important;font-weight:700!important;line-height:1.42!important}
.techtrim-home .tt-more-car b{font-size:30px!important;line-height:1!important;color:#087cff!important;font-weight:400!important}
.techtrim-home .tt-all-cars{display:none!important}

/* Trust row follows immediately, matching the compact reference. */
.techtrim-home .tt-trust{padding-top:8px!important;gap:8px!important}
.techtrim-home .tt-trust article{min-height:58px!important}

/* Desktop / zoom adaptation: never squash the embedded car artworks. */
@media (min-width:1180px){
  .techtrim-home .tt-car-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}
@media (min-width:981px) and (max-width:1179px){
  .techtrim-home .tt-hero{height:414px!important;max-height:414px!important}
  .techtrim-home .tt-hero>img{top:-26px!important}
  .techtrim-home .tt-hero::after{height:170px!important}
  .techtrim-home .tt-info-grid{margin-top:-24px!important}
  .techtrim-home .tt-car-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
  .techtrim-home .tt-service-card{height:160px!important;min-height:160px!important}
  .techtrim-home .tt-service-visual,.techtrim-home .tt-service-visual img{height:160px!important;min-height:160px!important}
}
@media (max-width:980px){
  .techtrim-home .tt-hero::after{height:145px!important}
  .techtrim-home .tt-info-grid{margin-top:-10px!important}
  .techtrim-home .tt-car-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .techtrim-home .tt-service-card{height:auto!important;min-height:170px!important}
  .techtrim-home .tt-service-visual,.techtrim-home .tt-service-visual img{height:auto!important;min-height:170px!important}
}
@media (max-width:640px){
  .techtrim-home .tt-car-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .techtrim-home .tt-more-car span{font-size:10px!important}
}