/* Keep whole L1 links on one line. The complete tree stays in the catalogue. */
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .catalog-toggle{box-shadow:none!important}
@media(max-width:680px){
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main{grid-template-columns:104px minmax(0,1fr)!important;grid-template-rows:44px 44px!important;gap:12px 18px!important;padding-block:14px!important;height:auto!important;min-height:0!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>.mobile-catalog-slot{grid-column:1!important;grid-row:2!important;width:104px!important;min-width:104px!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>.mobile-catalog-slot>.catalog-toggle{width:104px!important;min-width:104px!important;height:44px!important;min-height:44px!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>.search-shell{grid-column:2!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>.search-shell .search{height:44px!important;min-height:44px!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>a.logo-link{grid-column:1!important;grid-row:1!important;width:clamp(80px,calc(100vw - 245px),145px)!important;min-width:0!important;max-width:none!important;height:auto!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>a.logo-link>img{width:100%!important;max-width:100%!important;height:auto!important;max-height:44px!important}
html[data-preview-font][data-facelift] body[class] header.site-header.site-header .header-main>.account-nav{grid-column:2!important;grid-row:1!important;justify-self:end!important}
}
@media(min-width:681px){
/* Use the compact interior header on the homepage as well, for all brands. */
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .header-main{height:84px!important;min-height:0!important;padding-block:10px!important;gap:24px!important;background:none!important}
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .header-main>.logo-link{width:230px!important;max-width:230px!important;min-width:0!important;height:64px!important}
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .header-main>.logo-link>img{max-height:64px!important;width:100%!important;height:auto!important;object-fit:contain}
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .nav-inner{height:46px!important;min-height:46px!important;padding-block:4px!important}
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .catalog-toggle{height:36px!important;min-height:36px!important;font-size:12px!important;border-radius:6px!important}
html[data-preview-font] body .site-header .navigation .nav-inner{min-width:0}
html[data-preview-font] body .site-header .navigation .nav-inner>.catalog-toggle{flex:0 0 auto!important}
html[data-preview-font] body .site-header .navigation .nav-inner>.quick-nav{display:flex!important;flex:1 1 0!important;min-width:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:24px!important;overflow:hidden!important;height:44px!important}
html[data-preview-font] body .site-header .navigation .nav-inner>.quick-nav>a{flex:0 0 auto!important;white-space:nowrap!important;font-size:12px!important;padding-inline:0!important}
html[data-preview-font] body .site-header .navigation .nav-inner>.quick-nav>a.nav-does-not-fit{display:none!important}
}
@media(min-width:681px) and (max-width:1100px){
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .header-main{height:78px!important;grid-template-columns:180px minmax(0,1fr) 160px!important;gap:16px!important}
html[data-facelift=after][data-preview-font] body[class] header.site-header.site-header .header-main>.logo-link{width:180px!important;max-width:180px!important}
}