/* v3.7: Header uses the same outer container AND inner padding as homepage sections. */
.suzuki-header .container.suzuki-nav{width:min(1160px,calc(100% - 40px))!important;max-width:1160px!important;box-sizing:border-box!important;margin-inline:auto!important;padding-inline:clamp(20px,4vw,32px)!important;display:flex;align-items:center;gap:clamp(10px,1.2vw,20px)}
.suzuki-header .suzuki-brand{flex:0 0 auto;min-width:0}
.suzuki-header .suzuki-menu{margin-left:auto;min-width:0}
.suzuki-header .nav-links{gap:clamp(8px,.8vw,15px)}
.suzuki-header .suzuki-header-actions{display:flex;align-items:center;flex:0 0 auto;gap:9px}
.suzuki-header .suzuki-header-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;white-space:nowrap;background:#ef1235!important;color:white!important;border-radius:13px;min-height:48px;padding:12px 18px;text-decoration:none;font-weight:800}
.suzuki-header .suzuki-header-cta .suzuki-wa-icon{display:block;width:22px;height:22px;flex:none;fill:currentColor}
.suzuki-header :is(a,button):focus-visible{outline:3px solid #2879d7;outline-offset:3px}
@media(max-width:1080px){.suzuki-header .container.suzuki-nav{width:calc(100% - 28px)!important;padding-inline:0!important;justify-content:space-between}.suzuki-header .suzuki-header-cta{width:46px;height:46px;min-height:46px;padding:0}.suzuki-header .suzuki-header-cta>span{display:none}.suzuki-header .suzuki-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;touch-action:manipulation}}
@media(max-width:720px){.suzuki-header .container.suzuki-nav{width:calc(100% - 28px)!important;gap:8px}.suzuki-header .brand-logo{width:clamp(130px,40vw,190px);height:auto;max-height:55px;object-fit:contain}.suzuki-header .suzuki-header-actions{gap:8px}.suzuki-header .suzuki-header-cta,.suzuki-header .suzuki-menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px}}
@media(max-width:360px){.suzuki-header .container.suzuki-nav{width:calc(100% - 22px)!important}.suzuki-header .brand-logo{width:128px}.suzuki-header .suzuki-header-actions{gap:6px}}

/* v3.9: correct only the left brand position; right navigation remains unchanged. */
@media (min-width: 1400px) {
  .suzuki-header .suzuki-brand {
    position: relative;
    left: -25px;
  }
}
@media (min-width: 1081px) and (max-width: 1399px) {
  .suzuki-header .suzuki-brand { position: relative; left: clamp(0px, calc((100vw - 1080px) * .16), 48px); }
}