/* v127 — desktop compact contact actions + mobile header contact actions and title fix. */

/* Desktop: no shared outline/container around phone + messengers. */
.techtrim-home .tt-visit-contacts{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:52px!important;
  margin:8px 0 0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.techtrim-home .tt-contact-buttons{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:48px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.techtrim-home .tt-contact-buttons>a{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  border:0!important;
  background:#04111e!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.techtrim-home .tt-contact-phone{
  width:auto!important;
  min-width:225px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  justify-content:flex-start!important;
  gap:11px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
}
.techtrim-home .tt-contact-phone>img{width:22px!important;height:22px!important}
.techtrim-home .tt-contact-text{
  width:42px!important;
  min-width:42px!important;
  padding:0!important;
  border-radius:10px!important;
  justify-content:center!important;
}
.techtrim-home .tt-contact-text>span{display:none!important}
.techtrim-home .tt-contact-text .tt-social-icon{
  width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;
  object-fit:contain!important;margin:0!important;filter:none!important;
}
.techtrim-home .tt-contact-buttons>a:hover{background:#071b2e!important;box-shadow:0 0 0 1px rgba(22,143,234,.35)!important}

/* Route CTA stays compact and clear of its card outline. */
.techtrim-home .tt-home-route-col{padding-bottom:16px!important}
.techtrim-home .tt-home-route-col .tt-route-button{
  width:174px!important;
  max-width:calc(100% - 38px)!important;
  height:34px!important;
  min-height:34px!important;
  margin:6px auto 1px!important;
  padding:0 13px!important;
  border-radius:7px!important;
  line-height:32px!important;
  font-size:13px!important;
}

/* Mobile header: phone + Telegram + MAX + Avito immediately left of menu button. */
@media(max-width:1100px){
  .tt-uheader-v94__row{padding:0 10px!important;gap:0!important}
  .tt-uheader-v94__brand{order:1!important;width:118px!important;min-width:118px!important;height:46px!important}
  .tt-uheader-v94__brand img{width:114px!important;height:36px!important}
  .tt-uheader-v94__actions{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    margin-left:auto!important;
  }
  .tt-uheader-v94__burger{
    order:3!important;
    margin-left:7px!important;
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    padding:0!important;
    font-size:0!important;
    position:relative!important;
  }
  .tt-uheader-v94__burger::before{
    content:'☰'!important;
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:21px!important;
    line-height:36px!important;
    color:#fff!important;
  }
  .tt-uheader-v94__nav{order:4!important}
  .tt-mobile-action{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    padding:0!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:9px!important;
    background:#061421!important;text-decoration:none!important;box-shadow:none!important;
  }
  .tt-mobile-action img{display:block!important;width:23px!important;height:23px!important;object-fit:contain!important}
  .tt-mobile-action--phone img{width:20px!important;height:20px!important;filter:brightness(0) invert(1)!important}
  .tt-mobile-action:hover,.tt-mobile-action:focus{background:#0a2237!important;box-shadow:0 0 0 1px rgba(22,143,234,.35)!important}

  /* Fallback approved header if it is the active mobile header on a page. */
  .approved-header.tt-header .approved-nav{display:flex!important;align-items:center!important}
  .approved-header.tt-header .approved-brand{order:1!important}
  .approved-header.tt-header .tt-top-actions{order:2!important;display:flex!important;margin-left:auto!important;gap:5px!important}
  .approved-header.tt-header .approved-burger{order:3!important;margin-left:7px!important}
  .approved-header.tt-header .tt-main-nav{order:4!important}
  .approved-header.tt-header .tt-top-actions .tt-action{
    display:flex!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
    padding:0!important;border:0!important;border-radius:9px!important;background:#061421!important;
  }
  .approved-header.tt-header .tt-top-actions .tt-action>span:not(.tt-action-icon){display:none!important}
  .approved-header.tt-header .tt-top-actions .tt-action-icon{font-size:18px!important}
  .approved-header.tt-header .tt-top-actions .tt-social-brand-icon,
  .approved-header.tt-header .tt-top-actions .tt-avito img{width:23px!important;height:23px!important;object-fit:contain!important}
}

@media(max-width:760px){
  /* Do not duplicate the same contact controls at the bottom on phones. */
  .techtrim-home .tt-visit-contacts{display:none!important}

  /* Keep the title centered and prevent letter-by-letter / column-like wrapping. */
  .techtrim-home .tt-cars h2{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 9px!important;
    padding:0 8px!important;
    text-align:center!important;
    font-size:24px!important;
    line-height:1.08!important;
    letter-spacing:.02em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
  }
  .techtrim-home .tt-cars h2>span{display:block!important;text-align:center!important;word-break:normal!important;overflow-wrap:normal!important}

  .techtrim-home .tt-home-route-col{padding-bottom:14px!important}
  .techtrim-home .tt-home-route-col .tt-route-button{
    width:168px!important;max-width:calc(100% - 44px)!important;height:34px!important;min-height:34px!important;
    margin:6px auto 2px!important;line-height:32px!important;font-size:12.5px!important;
  }
}

@media(max-width:390px){
  .tt-uheader-v94__row{padding:0 7px!important}
  .tt-uheader-v94__brand{width:102px!important;min-width:102px!important}
  .tt-uheader-v94__brand img{width:99px!important}
  .tt-uheader-v94__actions{gap:3px!important}
  .tt-mobile-action{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;border-radius:8px!important}
  .tt-mobile-action img{width:21px!important;height:21px!important}
  .tt-uheader-v94__burger{width:36px!important;min-width:36px!important;height:34px!important;margin-left:4px!important}
  .tt-uheader-v94__burger::before{font-size:19px!important;line-height:32px!important}
  .techtrim-home .tt-cars h2{font-size:21px!important}
}
