/* v110 — deterministic compact mobile layout. Loaded last. Desktop is untouched. */
@media (max-width: 980px){
  html{scroll-padding-top:58px!important}
  body{overflow-x:hidden!important}

  /* One mobile header geometry on every public page. The small header logo is gone. */
  .approved-header.tt-header,
  .corek-inner .approved-header.tt-header,
  .tt-uheader-v94{
    height:52px!important;min-height:52px!important;position:sticky!important;top:0!important;z-index:10000!important;
  }
  .approved-header.tt-header .approved-nav,
  .corek-inner .approved-header.tt-header .approved-nav,
  .tt-uheader-v94__row{
    height:52px!important;min-height:52px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  }
  .approved-header.tt-header .approved-brand,
  .corek-inner .approved-header.tt-header .approved-brand,
  .tt-uheader-v94 .tt-uheader-v94__brand{
    display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;
  }
  .approved-header.tt-header .approved-brand::before,
  .approved-header.tt-header .approved-brand::after,
  .tt-uheader-v94 .tt-uheader-v94__brand::before,
  .tt-uheader-v94 .tt-uheader-v94__brand::after{display:none!important;content:none!important}
  .approved-header.tt-header .approved-burger,
  .corek-inner .approved-header.tt-header .approved-burger,
  .tt-uheader-v94__burger{
    display:block!important;position:relative!important;inset:auto!important;margin:0 0 0 auto!important;z-index:10003!important;
    min-height:34px!important;height:34px!important;padding:6px 12px!important;border-radius:9px!important;font-size:13px!important;line-height:20px!important;
  }
  .approved-header.tt-header .tt-top-actions{display:none!important}

  /* Stable mobile menu: no inherited transforms and no clipped first service. */
  .approved-header.tt-header .approved-links,
  .corek-inner .approved-header.tt-header .approved-links{
    display:none!important;position:fixed!important;top:58px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:min(92vw,350px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 68px)!important;
    margin:0!important;padding:8px!important;gap:5px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;z-index:10002!important;
  }
  .approved-header.tt-header .approved-links.open,
  .corek-inner .approved-header.tt-header .approved-links.open{display:flex!important}
  .approved-header.tt-header .approved-links>a,
  .approved-header.tt-header .tt-services-nav,
  .corek-inner .approved-header.tt-header .approved-links>a,
  .corek-inner .approved-header.tt-header .tt-services-nav{width:100%!important;max-width:none!important;margin:0!important;flex:0 0 auto!important}
  .approved-header.tt-header .approved-links>a,
  .approved-header.tt-header .tt-services-trigger,
  .corek-inner .approved-header.tt-header .approved-links>a,
  .corek-inner .approved-header.tt-header .tt-services-trigger{
    width:100%!important;min-height:38px!important;height:auto!important;padding:8px 10px!important;font-size:13px!important;line-height:20px!important;
  }
  .approved-header.tt-header .tt-services-menu,
  .corek-inner .approved-header.tt-header .tt-services-menu{
    position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;
    margin:4px 0 0!important;padding:5px!important;overflow:visible!important;opacity:1!important;visibility:visible!important;border-radius:10px!important;
    display:none!important;
  }
  .approved-header.tt-header .tt-services-nav.open .tt-services-menu,
  .corek-inner .approved-header.tt-header .tt-services-nav.open .tt-services-menu{display:block!important}
  .approved-header.tt-header .tt-services-menu::before,
  .corek-inner .approved-header.tt-header .tt-services-menu::before{display:none!important;content:none!important}
  .approved-header.tt-header .tt-services-menu a,
  .corek-inner .approved-header.tt-header .tt-services-menu a{
    display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;
    min-height:42px!important;width:100%!important;margin:0!important;padding:6px 8px!important;visibility:visible!important;opacity:1!important;transform:none!important;
  }
  .approved-header.tt-header .tt-services-menu a:first-child,
  .corek-inner .approved-header.tt-header .tt-services-menu a:first-child{display:grid!important;visibility:visible!important;opacity:1!important;margin-top:0!important}
  .approved-header.tt-header .tt-services-menu b{font-size:12px!important;line-height:1.2!important}
  .approved-header.tt-header .tt-services-menu small{font-size:9.5px!important;line-height:1.15!important}

  /* Main-page hero is isolated below header so Menu never sits on the large logo. */
  .techtrim-home .techtrim-hero.tt-v77-hero{
    margin:0!important;padding:0!important;min-height:0!important;height:auto!important;overflow:hidden!important;display:block!important;
  }
  .techtrim-home .techtrim-hero.tt-v77-hero>img{
    display:block!important;width:100%!important;height:auto!important;max-height:190px!important;min-height:0!important;object-fit:contain!important;object-position:center center!important;margin:0 auto!important;
  }
  .techtrim-home .tt-light-zone{padding-top:0!important}
  .techtrim-home #services{margin:0!important;padding-top:8px!important}
  .techtrim-home #services>h2,
  .techtrim-home .tt-cars>h2{position:relative!important;z-index:2!important;overflow:visible!important;white-space:normal!important;text-align:center!important;margin:0 0 7px!important;padding:0 8px!important;line-height:1.1!important}
  .techtrim-home #services>h2{font-size:20px!important}
  .techtrim-home .tt-cars>h2{font-size:18px!important}
  .techtrim-home .tt-title-line{margin:0 auto 8px!important}

  /* Compact home service cards: stable on first render, all cards start at the top. */
  .techtrim-home .tt-service-cards.three{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-items:start!important;margin:0!important;
  }
  .techtrim-home .tt-service-card{
    display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;min-height:96px!important;height:auto!important;align-items:stretch!important;gap:0!important;margin:0!important;overflow:hidden!important;border-radius:12px!important;
  }
  .techtrim-home .tt-service-visual{width:104px!important;height:100%!important;min-height:96px!important;max-height:118px!important;margin:0!important}
  .techtrim-home .tt-service-visual img{width:100%!important;height:100%!important;min-height:96px!important;object-fit:cover!important;display:block!important}
  .techtrim-home .tt-service-copy{padding:8px 9px!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .techtrim-home .tt-service-copy h3{font-size:13px!important;line-height:1.17!important;margin:0 0 4px!important}
  .techtrim-home .tt-service-copy p,
  .techtrim-home .tt-service-copy ul{font-size:9.5px!important;line-height:1.25!important;margin:0 0 4px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  .techtrim-home .tt-service-copy ul{padding-left:14px!important}
  .techtrim-home .tt-card-foot{margin-top:auto!important;padding-top:3px!important;gap:6px!important;font-size:9.5px!important}
  .techtrim-home .tt-card-foot a{padding:4px 7px!important;min-height:0!important;font-size:9.5px!important}

  /* Popular cars: compact two-column grid, readable title. */
  .techtrim-home .tt-cars{padding-top:12px!important;padding-bottom:10px!important}
  .techtrim-home .tt-car-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
  .techtrim-home .tt-approved-car,
  .techtrim-home .tt-more-car{min-height:82px!important;height:82px!important;border-radius:10px!important;overflow:hidden!important}
  .techtrim-home .tt-approved-car img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .techtrim-home .tt-more-car{padding:8px!important;font-size:11px!important;line-height:1.15!important}
  .techtrim-home .tt-all-cars{margin:8px auto 0!important;min-height:34px!important;padding:7px 12px!important;font-size:11px!important}

  /* Reduce long vertical runs on the rest of the mobile homepage. */
  .techtrim-home .tt-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:6px!important;margin-bottom:8px!important}
  .techtrim-home .tt-trust article{min-height:70px!important;padding:8px!important;gap:7px!important}
  .techtrim-home .tt-trust article>b{font-size:22px!important}
  .techtrim-home .tt-trust strong{font-size:11px!important;line-height:1.2!important}
  .techtrim-home .tt-trust small{font-size:9px!important;line-height:1.15!important}
  .techtrim-home .tt-visit{padding-top:10px!important;padding-bottom:10px!important}
  .techtrim-home .tt-visit>h2{font-size:19px!important;margin-bottom:6px!important}
}

@media (max-width: 430px){
  .techtrim-home .techtrim-hero.tt-v77-hero>img{max-height:172px!important}
  .techtrim-home .tt-service-card{grid-template-columns:96px minmax(0,1fr)!important;min-height:90px!important}
  .techtrim-home .tt-service-visual{width:96px!important;min-height:90px!important;max-height:110px!important}
  .techtrim-home .tt-service-visual img{min-height:90px!important}
  .techtrim-home .tt-service-copy{padding:7px 8px!important}
}
