/* V24 — compact Windows-style cascading vehicle menu. No card/button rows. */
@media (min-width:851px){
  .nav-auto-dropdown{position:relative!important}
  .nav-auto-menu{
    display:block!important;
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:4px 0!important;
    overflow:visible!important;
    border:1px solid #555c62!important;
    border-radius:5px 0 0 5px!important;
    background:linear-gradient(90deg,#3e444a 0%,#596067 42%,#777e84 72%,#969ca1 100%)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.18)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:9000!important;
  }
  .nav-auto-menu::before{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;top:-8px!important;height:8px!important;
  }
  .nav-auto-dropdown:hover>.nav-auto-menu,
  .nav-auto-dropdown:focus-within>.nav-auto-menu,
  .nav-auto-dropdown.is-open>.nav-auto-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav-auto-menu-title{
    display:block!important;
    margin:0!important;
    padding:5px 10px 6px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.22)!important;
    background:transparent!important;
    color:#fff!important;
    font:800 10px/1.1 Arial,sans-serif!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
  }
  .nav-auto-brand{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:21px!important;
    min-height:21px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .nav-auto-brand-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    height:21px!important;
    min-height:21px!important;
    margin:0!important;
    padding:0 9px 0 11px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    font:600 12px/21px Arial,sans-serif!important;
    text-align:left!important;
    text-decoration:none!important;
    text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  .nav-auto-brand-link span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .nav-auto-brand-link::before,
  .nav-auto-brand-link::after{content:none!important;display:none!important}
  .nav-auto-brand-link i{
    display:block!important;
    flex:0 0 auto!important;
    margin:0 0 0 8px!important;
    color:#f6f7f8!important;
    font:400 15px/1 Arial,sans-serif!important;
    font-style:normal!important;
    text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
  }
  .nav-auto-brand:hover>.nav-auto-brand-link,
  .nav-auto-brand:focus-within>.nav-auto-brand-link,
  .nav-auto-brand.is-active>.nav-auto-brand-link{
    color:#fff!important;
    background:linear-gradient(90deg,#dc4d13,#f26a27)!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  .nav-auto-models{
    display:block!important;
    position:absolute!important;
    left:calc(100% - 1px)!important;
    right:auto!important;
    top:0!important;
    transform:none!important;
    width:255px!important;
    min-width:255px!important;
    max-width:255px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:4px 0!important;
    overflow:visible!important;
    border:1px solid #8f969b!important;
    border-left-color:#858c91!important;
    border-radius:0 5px 5px 0!important;
    background:linear-gradient(90deg,#969ca1 0%,#b7bcc0 38%,#d4d7d8 70%,#ececea 100%)!important;
    box-shadow:14px 14px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:9001!important;
  }
  .nav-auto-brand:hover>.nav-auto-models,
  .nav-auto-brand:focus-within>.nav-auto-models,
  .nav-auto-brand.is-active>.nav-auto-models{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav-auto-models.open-left{
    left:auto!important;
    right:calc(100% - 1px)!important;
    border-radius:5px 0 0 5px!important;
    background:linear-gradient(270deg,#969ca1 0%,#b7bcc0 38%,#d4d7d8 70%,#ececea 100%)!important;
    box-shadow:-14px 14px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.58)!important;
  }
  .nav-auto-models::before{content:""!important;position:absolute!important;left:-6px!important;top:0!important;width:7px!important;height:100%!important;display:block!important}
  .nav-auto-models.open-left::before{left:auto!important;right:-6px!important}
  .nav-auto-models-title{
    display:block!important;
    margin:0!important;
    padding:5px 10px 6px!important;
    border:0!important;
    border-bottom:1px solid rgba(38,43,47,.16)!important;
    background:transparent!important;
    color:#24292d!important;
    font:800 10px/1.1 Arial,sans-serif!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    text-shadow:none!important;
  }
  .nav-auto-models a{
    display:block!important;
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#1f2529!important;
    font:600 12px/22px Arial,sans-serif!important;
    text-align:left!important;
    text-decoration:none!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
  }
  .nav-auto-models a:hover,
  .nav-auto-models a:focus{
    color:#fff!important;
    background:linear-gradient(90deg,#dc4d13,#f26a27)!important;
    box-shadow:none!important;
  }
  .nav-auto-menu::-webkit-scrollbar,.nav-auto-models::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .nav-auto-menu,.nav-auto-models{scrollbar-width:none!important;-ms-overflow-style:none!important}
}

/* V25 — left brand column visually matches the readable model column. */
@media (min-width:851px){
  .approved-links .nav-auto-dropdown > .nav-auto-menu{
    width:224px!important;
    min-width:224px!important;
    max-width:224px!important;
    padding:4px 0 5px!important;
    border-color:#8f969b!important;
    background:linear-gradient(90deg,#a8aeb2 0%,#bdc2c5 46%,#d3d6d7 76%,#e2e4e4 100%)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.58)!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-menu-title{
    padding:6px 12px 7px!important;
    border:0!important;
    border-bottom:1px solid rgba(38,43,47,.16)!important;
    background:transparent!important;
    color:#24292d!important;
    text-shadow:none!important;
    font:800 10px/1.1 Arial,sans-serif!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:23px!important;
    min-height:23px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand::before,
  .approved-links .nav-auto-menu > .nav-auto-brand::after{
    content:none!important;
    display:none!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-brand-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    height:23px!important;
    min-height:23px!important;
    margin:0!important;
    padding:0 11px 0 13px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:none!important;
    box-shadow:none!important;
    color:#22282c!important;
    font:600 13px/23px Arial,sans-serif!important;
    text-align:left!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-brand-link span{
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-brand-link i{
    color:#555d62!important;
    text-shadow:none!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand:hover > .nav-auto-brand-link,
  .approved-links .nav-auto-menu > .nav-auto-brand:focus-within > .nav-auto-brand-link,
  .approved-links .nav-auto-menu > .nav-auto-brand.is-active > .nav-auto-brand-link{
    color:#fff!important;
    background:linear-gradient(90deg,#dc4d13 0%,#f26a27 100%)!important;
    box-shadow:none!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand:hover > .nav-auto-brand-link i,
  .approved-links .nav-auto-menu > .nav-auto-brand:focus-within > .nav-auto-brand-link i,
  .approved-links .nav-auto-menu > .nav-auto-brand.is-active > .nav-auto-brand-link i{
    color:#fff!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models{
    left:calc(100% - 1px)!important;
    width:265px!important;
    min-width:265px!important;
    max-width:265px!important;
    background:linear-gradient(90deg,#e2e4e4 0%,#e7e9e8 45%,#efefed 100%)!important;
  }
}

/* V26 — submenu follows the hovered brand; viewport-safe fixed positioning. */
@media (min-width:851px){
  .approved-links .nav-auto-dropdown > .nav-auto-menu{
    max-height:calc(100vh - 92px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#8d9498 transparent!important;
  }
  .approved-links .nav-auto-dropdown > .nav-auto-menu::-webkit-scrollbar{
    display:block!important;
    width:5px!important;
    height:0!important;
  }
  .approved-links .nav-auto-dropdown > .nav-auto-menu::-webkit-scrollbar-track{background:transparent!important}
  .approved-links .nav-auto-dropdown > .nav-auto-menu::-webkit-scrollbar-thumb{
    background:#8d9498!important;
    border-radius:999px!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models{
    position:fixed!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    max-height:calc(100vh - 16px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#a4aaad transparent!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models.open-left{
    left:0!important;
    right:auto!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models::before{
    left:-14px!important;
    width:15px!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models.open-left::before{
    left:auto!important;
    right:-14px!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models::-webkit-scrollbar{
    display:block!important;
    width:5px!important;
    height:0!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models::-webkit-scrollbar-track{background:transparent!important}
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models::-webkit-scrollbar-thumb{
    background:#a4aaad!important;
    border-radius:999px!important;
  }
}


/* V27 — no unnecessary scrollbars; submenu opens opposite the hovered brand. */
@media (min-width:851px){
  .approved-links .nav-auto-dropdown > .nav-auto-menu{
    max-height:none!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .approved-links .nav-auto-dropdown > .nav-auto-menu::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models,
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models.open-left{
    position:absolute!important;
    max-height:none!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models{
    left:calc(100% - 1px)!important;
    right:auto!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models.open-left{
    left:auto!important;
    right:calc(100% - 1px)!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models::before{
    left:-12px!important;
    width:13px!important;
  }
  .approved-links .nav-auto-menu > .nav-auto-brand > .nav-auto-models.open-left::before{
    left:auto!important;
    right:-12px!important;
  }
}

/* V55: nested model submenu must remain readable on every page. */
.approved-links .nav-auto-menu .nav-auto-models,
.approved-links .nav-auto-menu .nav-auto-models *,
.approved-links .nav-auto-menu .nav-auto-models a,
.approved-links .nav-auto-menu .nav-auto-models a:link,
.approved-links .nav-auto-menu .nav-auto-models a:visited{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  text-shadow:none!important;
}
.approved-links .nav-auto-menu .nav-auto-models{background:#fff!important}
.approved-links .nav-auto-menu .nav-auto-models a:hover,
.approved-links .nav-auto-menu .nav-auto-models a:focus{color:#000!important;-webkit-text-fill-color:#000!important;background:#eceff0!important}