/* v179 — exact desktop alignment requested: centered intro, selectors left, fixed artwork right, route above map. */
@media (min-width:1101px){
  body.tt-apps-v173 .tt-apps-v173-hero{
    display:grid!important;
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
    grid-template-rows:auto 1fr!important;
    grid-template-areas:
      "intro intro"
      "selectors art"!important;
    column-gap:18px!important;
    row-gap:16px!important;
    align-items:stretch!important;
    padding:18px 18px 18px!important;
    overflow:hidden!important;
  }

  body.tt-apps-v173 .tt-apps-v173-left{
    display:contents!important;
  }

  body.tt-apps-v173 .tt-apps-v179-intro{
    grid-area:intro!important;
    width:min(760px,72%)!important;
    justify-self:start!important;
    text-align:center!important;
    padding:0 0 2px 8px!important;
    box-sizing:border-box!important;
  }
  body.tt-apps-v173 .tt-apps-v173-eyebrow{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.tt-apps-v173 .tt-apps-v179-intro h1{
    max-width:none!important;
    margin:0 auto 10px!important;
    text-align:center!important;
    font-size:clamp(34px,2.75vw,46px)!important;
    line-height:.98!important;
  }
  body.tt-apps-v173 .tt-apps-v179-intro h1 span{display:block!important}
  body.tt-apps-v173 .tt-apps-v179-intro .tt-apps-v173-copy{
    max-width:650px!important;
    margin:0 auto!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.42!important;
  }

  body.tt-apps-v173 .tt-apps-v179-selectors{
    grid-area:selectors!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    align-self:stretch!important;
  }
  body.tt-apps-v173 .tt-apps-v173-panel,
  body.tt-apps-v173 .apps-model-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:11px!important;
    box-sizing:border-box!important;
  }
  body.tt-apps-v173 .apps-brand-grid,
  body.tt-apps-v173 .apps-model-grid{gap:6px!important}
  body.tt-apps-v173 .apps-brand-grid button,
  body.tt-apps-v173 .apps-model-grid button{
    height:35px!important;
    min-height:35px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
  }

  body.tt-apps-v173 .tt-apps-v173-art{
    grid-area:art!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    align-self:stretch!important;
    margin:0!important;
    border:1px solid rgba(44,139,205,.20)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background-color:#02070d!important;
    background-image:url('techtrim-apps-piter-hero-v173.webp')!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  body.tt-apps-v173 .tt-apps-v173-art:before,
  body.tt-apps-v173 .tt-apps-v173-art:after{display:none!important}

  /* Route button is always visible directly above the map. */
  body.tt-apps-v173 .tt-apps-v173-map-wrap{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  body.tt-apps-v173 .tt-apps-v173-map-wrap .tt-apps-v173-route{
    display:flex!important;
    width:100%!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.tt-apps-v173 .apps-v173-card{
    grid-template-columns:minmax(330px,36%) minmax(0,1fr)!important;
  }
  body.tt-apps-v173 .apps-v173-car,
  body.tt-apps-v173 .apps-v173-car img{
    visibility:visible!important;
    opacity:1!important;
  }
}