/* V81 — requested only: Stage model layout + same scrolled header backing on inner pages. */

/* Stage 1: model chooser is the same contained panel as the brand chooser,
   with exactly four model buttons per row on desktop. */
body.tt-v77-inner .stage-top-selector .stage-brand-panel:not(:empty){
  width:100%!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  padding:16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:16px!important;
}
body.tt-v77-inner .stage-top-selector .stage-model-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.tt-v77-inner .stage-top-selector .stage-model-button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Inner pages: like the homepage, the navigation sits on the hero initially,
   then gets the same dark glass backing once the page is scrolled. */
body.tt-v77-inner .approved-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1200!important;
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background .24s ease,box-shadow .24s ease,backdrop-filter .24s ease!important;
}
body.tt-v77-inner .approved-header.is-scrolled{
  background:linear-gradient(180deg,rgba(4,15,26,.94),rgba(7,25,39,.88))!important;
  border-bottom:1px solid rgba(102,188,244,.12)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(128%)!important;
}

@media(max-width:850px){
  body.tt-v77-inner .stage-top-selector .stage-model-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:430px){
  body.tt-v77-inner .stage-top-selector .stage-model-list{
    grid-template-columns:1fr!important;
  }
}
