/* Techtrim V14 — match the approved two-arrow reference as closely as possible. */

/* HEADER: same compact overlay geometry as approved mockup. No separate band on hero. */
.techtrim-home .approved-header{
  height:66px!important;min-height:66px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.techtrim-home .approved-header .approved-nav{
  width:min(100%,1470px)!important;max-width:1470px!important;height:66px!important;min-height:66px!important;
  padding:0 28px!important;grid-template-columns:190px minmax(500px,1fr) auto!important;column-gap:20px!important;
}
.techtrim-home .approved-header .approved-brand{
  width:176px!important;min-width:176px!important;max-width:176px!important;height:52px!important;overflow:visible!important;
}
.techtrim-home .approved-header .approved-brand img{
  width:173px!important;height:51px!important;object-fit:contain!important;object-position:left center!important;
  background:transparent!important;mix-blend-mode:screen!important;filter:none!important;
}
.techtrim-home .approved-header .approved-links{gap:8px!important}
.techtrim-home .approved-header .approved-links>a,
.techtrim-home .approved-header .tt-services-trigger{
  height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:6px!important;
  font-size:11.5px!important;font-weight:650!important;background:rgba(2,7,12,.56)!important;border-color:rgba(161,184,204,.34)!important;
}
.techtrim-home .tt-top-actions{gap:8px!important}
.techtrim-home .tt-top-actions .tt-action{
  height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:6px!important;font-size:10.5px!important;
  background:rgba(2,7,12,.56)!important;border-color:rgba(161,184,204,.34)!important;
}
.techtrim-home .tt-top-actions .tt-phone{min-width:150px!important}.techtrim-home .tt-top-actions .tt-telegram{min-width:96px!important}.techtrim-home .tt-top-actions .tt-max{min-width:66px!important}.techtrim-home .tt-top-actions .tt-avito{min-width:74px!important}
.techtrim-home .approved-header.is-scrolled{
  background:linear-gradient(180deg,rgba(4,16,27,.92),rgba(7,25,39,.86))!important;
  border-bottom:1px solid rgba(109,189,245,.12)!important;box-shadow:0 8px 28px rgba(0,0,0,.2)!important;
}

/* HERO: shorter and more compact, while keeping the approved 3D perspective source unchanged. */
.techtrim-home .tt-hero{
  height:clamp(360px,27.4vw,424px)!important;max-height:424px!important;background:#fff!important;overflow:hidden!important;
}
.techtrim-home .tt-hero>img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 57%!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.98) 78%,rgba(0,0,0,.88) 83%,rgba(0,0,0,.68) 88%,rgba(0,0,0,.42) 93%,rgba(0,0,0,.16) 97%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.98) 78%,rgba(0,0,0,.88) 83%,rgba(0,0,0,.68) 88%,rgba(0,0,0,.42) 93%,rgba(0,0,0,.16) 97%,transparent 100%)!important;
}
.techtrim-home .tt-hero::after{display:none!important}
.techtrim-home .tt-light-zone{
  margin-top:-1px!important;padding:0 0 18px!important;
  background:linear-gradient(180deg,#fff 0,#f9fcff 85px,#fff 190px)!important;
}

/* INFO: same size as approved, overlapping the final reflection/fade. */
.techtrim-home .tt-info-grid{margin-top:-25px!important;gap:10px!important}
.techtrim-home .tt-info-grid article{min-height:86px!important;height:86px!important;padding:12px 14px!important;border-radius:10px!important}
.techtrim-home .tt-info-icon{font-size:23px!important}.techtrim-home .tt-info-grid b{font-size:13px!important}.techtrim-home .tt-info-grid p{font-size:10.8px!important;line-height:1.36!important;margin-top:4px!important}

/* SECTIONS: pull everything upward and keep the page deliberately compact. */
.techtrim-home .tt-section{padding-top:12px!important}
.techtrim-home .tt-section h2{font-size:21px!important;line-height:1.1!important;margin:0!important}
.techtrim-home .tt-title-line{margin:4px auto 8px!important}
.techtrim-home .tt-service-cards.three{gap:10px!important;margin-top:0!important;max-width:1360px!important}
.techtrim-home .tt-service-card{
  height:168px!important;min-height:168px!important;grid-template-columns:39% 61%!important;border-radius:10px!important;
}
.techtrim-home .tt-service-visual{height:168px!important}.techtrim-home .tt-service-copy{padding:10px 11px!important}
.techtrim-home .tt-service-copy h3{font-size:12.5px!important;line-height:1.22!important;margin-bottom:5px!important}
.techtrim-home .tt-service-copy p,.techtrim-home .tt-service-copy li{font-size:9.4px!important;line-height:1.34!important}
.techtrim-home .tt-service-copy li{margin:2px 0!important;padding-left:13px!important}
.techtrim-home .tt-card-foot{padding-top:4px!important}.techtrim-home .tt-card-foot b{font-size:9.2px!important}.techtrim-home .tt-card-foot a{font-size:9px!important;padding:5px 9px!important}

.techtrim-home .tt-cars{padding-top:11px!important}
.techtrim-home .tt-car-grid{gap:7px!important;margin-top:0!important}
.techtrim-home .tt-car-grid a.tt-approved-car{
  height:104px!important;min-height:104px!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important;box-shadow:none!important;
}
.techtrim-home .tt-car-grid a.tt-approved-car>img{
  width:100%!important;height:100%!important;display:block!important;object-fit:fill!important;margin:0!important;filter:none!important;
}
.techtrim-home .tt-all-cars{margin-top:6px!important;padding:5px 9px!important;font-size:9.5px!important}
.techtrim-home .tt-trust{padding-top:10px!important;gap:7px!important}
.techtrim-home .tt-trust article{min-height:62px!important;padding:8px 10px!important}.techtrim-home .tt-trust article>b{font-size:19px!important}.techtrim-home .tt-trust strong{font-size:9.5px!important}.techtrim-home .tt-trust small{font-size:8.9px!important}
.techtrim-home .tt-contact-strip{padding-top:12px!important;padding-bottom:14px!important}

@media (min-width:981px) and (max-width:1360px){
  .techtrim-home .approved-header .approved-nav{grid-template-columns:165px minmax(455px,1fr) auto!important;padding:0 18px!important;column-gap:12px!important}
  .techtrim-home .approved-header .approved-brand{width:158px!important;min-width:158px!important;max-width:158px!important}.techtrim-home .approved-header .approved-brand img{width:156px!important;height:46px!important}
  .techtrim-home .approved-header .approved-links{gap:5px!important}.techtrim-home .approved-header .approved-links>a,.techtrim-home .approved-header .tt-services-trigger{padding:0 10px!important;font-size:11px!important}
  .techtrim-home .tt-top-actions{gap:5px!important}.techtrim-home .tt-top-actions .tt-action{padding:0 7px!important;font-size:10px!important}.techtrim-home .tt-top-actions .tt-phone{min-width:136px!important}.techtrim-home .tt-top-actions .tt-telegram{min-width:86px!important}.techtrim-home .tt-top-actions .tt-max{min-width:58px!important}.techtrim-home .tt-top-actions .tt-avito{min-width:66px!important}
  .techtrim-home .tt-hero{height:390px!important}
}

/* V15: header brand must be the isolated mark + wordmark, with no baked rectangle. */
.techtrim-home .approved-header .approved-brand{
  width:230px!important;min-width:230px!important;max-width:230px!important;height:58px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
}
.techtrim-home .approved-header .approved-brand img{
  width:224px!important;height:58px!important;display:block!important;object-fit:contain!important;object-position:left center!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal!important;
}
@media (min-width:981px) and (max-width:1360px){
 .techtrim-home .approved-header .approved-nav{grid-template-columns:205px minmax(455px,1fr) auto!important}
 .techtrim-home .approved-header .approved-brand{width:200px!important;min-width:200px!important;max-width:200px!important;height:54px!important}
 .techtrim-home .approved-header .approved-brand img{width:196px!important;height:54px!important}
}