/* Header logo only; existing navigation and footer styles are retained. */
.header .header-brand{display:flex;flex-shrink:0;width:220px;max-width:calc(100% - 100px);letter-spacing:normal;}
.header .header-brand img{display:block;width:100%;height:auto;object-fit:contain;}
@media(min-width:1101px) and (max-width:1200px){.header .header-brand{width:200px;}}
@media(max-width:1100px){.header .header-brand{width:220px;}}
@media(max-width:760px){.header .header-brand{width:190px;}}
@media(max-width:360px){.header .header-brand{width:175px;}}

/* Mobile branding: reserve menu space and retain the official logo aspect ratio. */
@media (max-width:768px){
  .header .header-inner{column-gap:16px;row-gap:12px;padding-block:12px;align-items:center;}
  .header .header-brand{width:clamp(175px,49vw,220px);max-width:calc(100% - 96px);min-width:0;}
  .header .header-brand img{height:auto;max-width:100%;object-fit:contain;}
  .header .menu-toggle{flex:0 0 auto;min-width:44px;min-height:44px;margin-left:auto;white-space:nowrap;}
  .header #navigation{min-width:0;max-width:100%;}
}

/* Shared trial navigation: use the existing accent and retain mobile menu behavior. */
.header nav .header-trial{white-space:nowrap;box-shadow:none;transform:none;transition:none;}
.header nav .header-trial:hover{box-shadow:none;transform:none;}
@media(min-width:1101px) and (max-width:1350px){
  .header .header-inner{column-gap:16px;}
  .header nav{gap:12px;font-size:11px;}
  .header nav .button.small{padding:11px 12px;font-size:11px;gap:8px;white-space:nowrap;}
}
@media(max-width:760px){.header nav .header-trial{margin:4px 8px 4px 0;justify-content:center;}}
/* Allow the additional automotive navigation group to fit desktop widths. */
@media(min-width:1101px){.header .header-inner{gap:14px}.header .header-brand{width:170px}.header nav{gap:12px;font-size:11px}.header nav .button.small{padding:10px;font-size:10px;white-space:nowrap}.automotive-nav .nav-panel{width:340px;max-width:90vw}}