/* Techtrim V13 — approved homepage geometry: navigation on hero, compact content */

/* Header sits directly on the hero. The glass strip appears only after scroll. */
.techtrim-home .approved-header{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  height:70px!important;min-height:70px!important;
  z-index:1000!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transition:background .24s ease,box-shadow .24s ease,backdrop-filter .24s ease!important;
}
.techtrim-home .approved-header.is-scrolled{
  background:linear-gradient(180deg,rgba(3,12,22,.94),rgba(8,24,38,.88))!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
}
.techtrim-home .approved-header .approved-nav{
  width:min(100%,1500px)!important;max-width:1500px!important;height:70px!important;min-height:70px!important;
  margin:0 auto!important;padding:0 24px!important;
  display:grid!important;grid-template-columns:220px minmax(500px,1fr) auto!important;align-items:center!important;column-gap:18px!important;
}
/* Small top-left logo: wide shield + Techtrim, visually no rectangular backing. */
.techtrim-home .approved-header .approved-brand{
  width:220px!important;min-width:220px!important;max-width:220px!important;height:58px!important;margin:0!important;
  display:flex!important;align-items:center!important;overflow:visible!important;
}
.techtrim-home .approved-header .approved-brand img{
  display:block!important;width:214px!important;height:48px!important;max-width:none!important;
  object-fit:contain!important;object-position:left center!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;filter:none!important;mix-blend-mode:screen!important;
}
.techtrim-home .approved-header .approved-brand span{display:none!important}

/* Approved compact menu buttons. */
.techtrim-home .approved-header .approved-links{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;white-space:nowrap!important}
.techtrim-home .approved-header .approved-links>a,
.techtrim-home .approved-header .tt-services-trigger{
  height:38px!important;min-height:38px!important;padding:0 14px!important;border:1px solid rgba(174,193,210,.38)!important;border-radius:6px!important;
  background:rgba(3,8,14,.54)!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;
  font-size:12px!important;font-weight:650!important;line-height:1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.techtrim-home .approved-header .approved-links>a:hover,
.techtrim-home .approved-header .approved-links>a.active,
.techtrim-home .approved-header .tt-services-trigger:hover,
.techtrim-home .approved-header .tt-services-nav.open .tt-services-trigger{
  border-color:#159dff!important;background:rgba(3,16,29,.76)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1px rgba(0,137,255,.08),inset 0 0 15px rgba(0,135,255,.08)!important;
}
.techtrim-home .approved-header .tt-services-trigger span{color:#1aa8ff!important;-webkit-text-fill-color:#1aa8ff!important;margin-left:4px!important}

/* Phone -> Telegram -> MAX -> Avito, same compact geometry as reference. */
.techtrim-home .tt-top-actions{margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
.techtrim-home .tt-top-actions .tt-action{
  height:38px!important;min-height:38px!important;padding:0 11px!important;gap:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(174,193,210,.38)!important;border-radius:6px!important;background:rgba(3,8,14,.54)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:11px!important;font-weight:650!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.techtrim-home .tt-top-actions .tt-action:hover{border-color:#159dff!important;background:rgba(3,16,29,.76)!important}
.techtrim-home .tt-top-actions .tt-action span{display:inline!important;visibility:visible!important;opacity:1!important}
.techtrim-home .tt-top-actions .tt-action-icon{color:#0b8dff!important;-webkit-text-fill-color:#0b8dff!important;font-size:15px!important}
.techtrim-home .tt-top-actions .tt-phone{order:1!important;min-width:156px!important}
.techtrim-home .tt-top-actions .tt-telegram{order:2!important;min-width:100px!important}
.techtrim-home .tt-top-actions .tt-max{order:3!important;min-width:68px!important}
.techtrim-home .tt-top-actions .tt-avito{order:4!important;min-width:78px!important}
.techtrim-home .tt-top-actions .tt-avito img{width:17px!important;height:17px!important}

/* Dropdown: only the three approved services. */
.techtrim-home .tt-services-menu{top:calc(100% + 7px)!important;width:340px!important;padding:9px!important;border-radius:12px!important;background:radial-gradient(circle at 8% 8%,rgba(0,126,239,.22),transparent 34%),linear-gradient(145deg,rgba(5,18,31,.985),rgba(2,8,15,.995))!important;border:1px solid rgba(64,172,246,.34)!important}
.techtrim-home .tt-services-menu a{padding:9px 10px!important}.techtrim-home .tt-services-menu b{font-size:13px!important}.techtrim-home .tt-services-menu small{font-size:10px!important}

/* Approved perspective hero, including visible mirrored Techtrim reflection. */
.techtrim-home .tt-hero{
  position:relative!important;isolation:isolate!important;width:100%!important;
  height:clamp(410px,29vw,500px)!important;min-height:0!important;max-height:500px!important;
  overflow:hidden!important;background:#02060b!important;border:0!important;box-shadow:none!important;
}
.techtrim-home .tt-hero>img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 61%!important;background:#02060b!important;
}
/* Much longer fade: reflection stays visible and dissolves continuously into pure white. */
.techtrim-home .tt-hero::after{
  content:""!important;position:absolute!important;z-index:5!important;left:0!important;right:0!important;bottom:-1px!important;height:132px!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.015) 12%,rgba(255,255,255,.045) 25%,rgba(255,255,255,.10) 38%,rgba(255,255,255,.20) 51%,rgba(255,255,255,.36) 63%,rgba(255,255,255,.56) 75%,rgba(255,255,255,.76) 85%,rgba(255,255,255,.91) 93%,#fff 100%)!important;
}
.techtrim-home .tt-light-zone{margin-top:0!important;padding:0 0 30px!important;background:#fff!important}
.techtrim-home .tt-light-zone::before{display:none!important}

/* Info cards stay in place; hero moves independently above them. */
.techtrim-home .tt-info-grid{margin-top:-12px!important;position:relative!important;z-index:8!important;gap:12px!important}
.techtrim-home .tt-info-grid article{min-height:96px!important;padding:15px 16px!important;border-radius:11px!important;box-shadow:0 8px 22px rgba(36,104,153,.08)!important}
.techtrim-home .tt-info-icon{font-size:25px!important}.techtrim-home .tt-info-grid b{font-size:14px!important}.techtrim-home .tt-info-grid p{font-size:12px!important;line-height:1.45!important;margin-top:5px!important}

/* Compact homepage sections, matching the approved screenshot proportions. */
.techtrim-home .tt-section{padding-top:28px!important}.techtrim-home .tt-section h2{font-size:25px!important}.techtrim-home .tt-title-line{margin:6px auto 12px!important}
.techtrim-home .tt-service-cards.three{max-width:1360px!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.techtrim-home .tt-service-card{
  min-height:0!important;height:190px!important;display:grid!important;grid-template-columns:40% 60%!important;flex-direction:initial!important;border-radius:11px!important;box-shadow:0 9px 22px rgba(56,112,156,.07)!important;
}
.techtrim-home .tt-service-visual{height:190px!important;min-height:0!important}.techtrim-home .tt-service-visual img{width:100%!important;height:100%!important;object-fit:contain!important}
.techtrim-home .tt-service-copy{padding:13px 14px!important;min-width:0!important}.techtrim-home .tt-service-copy h3{font-size:14px!important;line-height:1.28!important;margin:0 0 7px!important}
.techtrim-home .tt-service-copy p,.techtrim-home .tt-service-copy li{font-size:10.5px!important;line-height:1.42!important}.techtrim-home .tt-service-copy li{margin:3px 0!important;padding-left:15px!important}
.techtrim-home .tt-card-foot{padding-top:7px!important}.techtrim-home .tt-card-foot b{font-size:10px!important}.techtrim-home .tt-card-foot a{font-size:10px!important;padding:6px 10px!important;border-radius:6px!important}

.techtrim-home .tt-cars{padding-top:22px!important}.techtrim-home .tt-car-grid{gap:8px!important}.techtrim-home .tt-car-grid a{min-height:118px!important;height:118px!important;padding:8px 9px!important;border-radius:9px!important}.techtrim-home .tt-car-grid b{font-size:12px!important}.techtrim-home .tt-car-grid img{height:82px!important;margin-top:auto!important}.techtrim-home .tt-all-cars{margin-top:9px!important;padding:7px 11px!important;font-size:10.5px!important}
.techtrim-home .tt-trust{padding-top:20px!important;gap:9px!important}.techtrim-home .tt-trust article{padding:11px 13px!important;border-radius:9px!important}.techtrim-home .tt-trust article>b{font-size:21px!important}.techtrim-home .tt-trust strong{font-size:10.5px!important}.techtrim-home .tt-trust small{font-size:10px!important;margin-top:2px!important}
.techtrim-home .tt-contact-strip{padding-top:22px!important;padding-bottom:22px!important}.techtrim-home .tt-contact-strip h2{font-size:19px!important}.techtrim-home .tt-contact-strip p{font-size:12px!important}

@media (min-width:981px) and (max-width:1360px){
 .techtrim-home .approved-header .approved-nav{grid-template-columns:190px minmax(450px,1fr) auto!important;padding:0 16px!important;column-gap:12px!important}
 .techtrim-home .approved-header .approved-brand{width:190px!important;min-width:190px!important;max-width:190px!important}.techtrim-home .approved-header .approved-brand img{width:186px!important;height:44px!important}
 .techtrim-home .approved-header .approved-links{gap:6px!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 8px!important;font-size:10px!important}.techtrim-home .tt-top-actions .tt-phone{min-width:138px!important}.techtrim-home .tt-top-actions .tt-telegram{min-width:88px!important}.techtrim-home .tt-top-actions .tt-max{min-width:58px!important}.techtrim-home .tt-top-actions .tt-avito{min-width:66px!important}
}
@media(max-width:980px){
 .techtrim-home .approved-header{height:62px!important;min-height:62px!important}.techtrim-home .approved-header .approved-nav{display:flex!important;height:62px!important;min-height:62px!important;padding:0 14px!important}
 .techtrim-home .approved-header .approved-brand{width:170px!important;min-width:170px!important;max-width:170px!important;height:48px!important}.techtrim-home .approved-header .approved-brand img{width:166px!important;height:40px!important}
 .techtrim-home .approved-header .approved-links{display:none!important}.techtrim-home .approved-header .approved-links.open{display:flex!important}.techtrim-home .tt-top-actions{display:none!important}
 .techtrim-home .tt-hero{height:360px!important}.techtrim-home .tt-hero>img{object-position:center 58%!important}.techtrim-home .tt-info-grid{margin-top:-6px!important}
 .techtrim-home .tt-service-card{height:auto!important;min-height:185px!important}.techtrim-home .tt-service-visual{height:auto!important;min-height:185px!important}
}
@media(max-width:640px){
 .techtrim-home .tt-hero{height:310px!important}.techtrim-home .tt-hero>img{object-position:center 57%!important}.techtrim-home .tt-hero::after{height:95px!important}
 .techtrim-home .tt-service-cards.three{grid-template-columns:1fr!important}.techtrim-home .tt-service-card{display:grid!important;grid-template-columns:40% 60%!important;height:170px!important;min-height:170px!important}.techtrim-home .tt-service-visual{height:170px!important;min-height:170px!important}
 .techtrim-home .tt-car-grid{grid-template-columns:repeat(2,1fr)!important}.techtrim-home .tt-car-grid a{height:112px!important;min-height:112px!important}.techtrim-home .tt-car-grid img{height:76px!important}
}