/* Header background spans the layout viewport, including at browser zoom. */
html body .headers{width:100%!important;max-width:none!important;left:0!important;right:0!important;box-sizing:border-box;margin-inline:0!important;padding-inline:0!important}
/* Shared bounded header; no positioned offsets or shrinking menu tracks. */
@media(min-width:993px){
 html body .headers .ht{display:flex!important;align-items:center;justify-content:flex-start!important;flex-wrap:nowrap;width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:12px max(20px,calc((100% - 1440px)/2))!important;gap:12px!important;height:auto!important;box-sizing:border-box}
 html body .headers .ht>*{position:relative!important;left:auto!important;right:auto!important;transform:none!important;float:none!important}
 html body .headers .ht>.header-slogan{display:none!important}
 html body .headers .ht>.logo{order:0;flex:0 0 180px!important;min-width:0!important;margin:0!important}
 html body .headers .ht>.logo img{width:180px!important;max-width:100%!important}
 html body .headers .ht>.main-nav{order:1;flex:0 0 auto!important;min-width:0!important;width:auto!important;margin:0!important}
 html body .headers .ht .main-nav>.container-fluid{width:auto!important;padding:0!important}
 html body .headers .ht .navbar-nav.main-menu{flex-wrap:nowrap;gap:0}
 html body .headers .ht .navbar-nav.main-menu>.nav-item>.nav-link{font-size:var(--type-nav);padding-inline:8px!important;white-space:nowrap}
 html body .headers .ht>.r:not(.header-account-slot){order:2;flex:0 0 auto!important;margin:0 0 0 auto!important}
 html body .headers .ht>.ht-cart{order:3;flex:0 0 30px!important;margin:0!important}
 html body .headers .ht>.ubox,html body .headers .ht>.header-account-slot{order:4;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:150px;margin:0!important}
 html body .headers .ht .header-account__name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:120px!important}
 html body .headers .ht>.header-lang-trail{order:5;margin:0!important}
 html body .headers .ht .compare{white-space:nowrap;font-size:13px!important;padding:11px 14px!important}
}

@media(min-width:993px){
 html body .headers .ht .main-nav .navbar-collapse{display:flex!important;flex-grow:0!important}
 html body .headers .ht>.header-account-slot{flex:0 1 120px!important;max-width:120px!important;min-width:0!important}
 html body .headers .ht .header-account{width:100%;min-width:0}
 html body .headers .ht .header-account__btn{width:100%;min-width:0;padding:8px 4px!important}
 html body .headers .ht>.header-lang-trail{flex:0 0 54px!important;width:54px!important}
 html body .headers .ht .header-first-order,html body .headers .ht .message{display:none!important}
}
@media(min-width:993px) and (max-width:1399px){
 html body .headers .ht{gap:8px!important;width:100%!important;padding-inline:12px!important}
 html body .headers .ht>.logo{flex-basis:130px!important}
 html body .headers .ht>.logo img{width:130px!important}
 html body .headers .ht .navbar-nav.main-menu>.nav-item>.nav-link{font-size:var(--type-nav);padding-inline:5px!important}
 html body .headers .ht .compare{font-size:12px!important;padding:10px!important}
 html body .headers .ht>.header-account-slot{max-width:96px!important;flex-basis:96px!important}
}