/* All pages: crop only whitespace from the original 1000x500 logo. */
body #header .site-name a{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:920/238;overflow:hidden!important}
body #header .site-name img{position:absolute!important;display:block!important;width:108.695652%!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;left:-5.652174%!important;top:-54.621849%!important;margin:0!important;padding:0!important}
@media(min-width:768px){
body .header-top,body .header-top-wrapper{height:180px!important;min-height:180px!important}
body .header-top-wrapper{justify-content:center!important}
body #header .site-name{width:560px!important;max-width:calc(100% - 400px)!important;min-width:0!important;height:auto!important;padding:0!important;margin:0 auto!important}
body #header .navigation-buttons{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;margin:0!important;padding:0!important}
}
@media(max-width:767px){
body #header,body .header-top,body .header-top-wrapper{height:164px!important;min-height:164px!important}
body .overall-wrapper{padding-top:164px!important}
body .header-top-wrapper{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:8px 12px!important}
body #header .site-name{display:block!important;width:320px!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;flex:0 0 auto!important}
body #header .navigation-buttons{flex:0 0 44px!important;justify-content:center!important;height:44px!important;margin:0!important;padding:0!important}
body #navigation,body #header .popup-widget{top:164px!important;max-height:calc(100vh - 164px);max-height:calc(100dvh - 164px);overflow-y:auto}
}

/* Center independently of the empty left-hand navigation column. */
@media(min-width:768px){
body .header-top-wrapper{position:relative!important}
body #header .site-name{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
}
@media(max-width:767px){
body #header .navigation-tools{display:none!important}
body #header .site-name{position:relative!important;left:auto!important;top:auto!important;transform:none!important}
}
/* Single black glyph, without a tile or duplicated shadow glyph. */
#header .navigation-buttons>a,
#header .navigation-buttons>button,
.p-detail .link-icon{
background:transparent!important;background-image:none!important;
box-shadow:none!important;border-color:transparent!important;color:#222!important}
#header .navigation-buttons :is(.icon-search,.icon-cart,.icon-login,.icon-menu),
.p-detail .link-icon>i{
background:transparent!important;box-shadow:none!important;color:#222!important;
text-shadow:none!important}
#header .navigation-buttons :is(.icon-search,.icon-cart,.icon-login,.icon-menu)::after,
.p-detail .link-icon>i::after{content:none!important;display:none!important}
#header .navigation-buttons :is(.icon-search,.icon-cart,.icon-login,.icon-menu)::before,
.p-detail .link-icon>i::before{
background:transparent!important;box-shadow:none!important;color:#222!important;text-shadow:none!important}
#header .navigation-buttons>a:focus-visible,
#header .navigation-buttons>button:focus-visible,
.p-detail .link-icon:focus-visible{outline:2px solid #222!important;outline-offset:3px}

/* Mobile: popup host must not become a third flex column. */
@media(max-width:767px){
body #header .header-top-wrapper{flex-wrap:nowrap!important;align-items:center!important;position:relative!important}
body #header .header-top-wrapper::before,
body #header .header-top-wrapper::after{display:none!important;content:none!important}
body #header .user-action{position:absolute!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;flex:none!important}
body #header .site-name{align-self:center!important}
body #header .navigation-buttons{align-self:center!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important}
}