/* A tightly framed logo can be larger without making the header taller. */
body .gmtools-clean-header .gmtools-clean-logo { min-width: 0; }
body .gmtools-clean-header .gmtools-clean-logo img.mb-brand-logo {
	display: block;
	width: 280px !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	aspect-ratio: 3.5 / 1;
	object-fit: cover !important;
	object-position: center;
}
@media (max-width: 1024px) {
	body .gmtools-clean-header .gmtools-clean-logo img.mb-brand-logo { width: 248px !important; }
}
@media (max-width: 720px) {
	body .gmtools-clean-header .gmtools-clean-logo img.mb-brand-logo { width: 240px !important; }
}

/* Match the intended stacked navigation at narrow widths; scoped base rules had overridden it. */
@media (max-width: 767px) {
	body .mh-compact-nav.gm-catalog-bar .gm-catalog-bar-inner { display: block; padding-top: 8px; padding-bottom: 0; }
	body .mh-compact-nav .gm-catalog-menu { width: 100%; }
	body .mh-compact-nav.gm-catalog-bar .gm-catalog-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; margin: 4px 0 0; gap: 0; }
	body .mh-compact-nav .gm-catalog-links > li { min-width: 0; }
	body .mh-compact-nav .gm-catalog-links > li > a,
	body .mh-compact-nav .gm-info-menu > summary { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 2px; font-size: 10px; line-height: 1.4; white-space: normal; text-align: center; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	body .mh-compact-nav.gm-catalog-bar .gm-catalog-bar-inner { flex-wrap: wrap; gap: 3px; padding-top: 8px; padding-bottom: 4px; }
	body .mh-compact-nav .gm-catalog-menu { flex-basis: 100%; }
	body .mh-compact-nav.gm-catalog-bar .gm-catalog-links { width: 100%; }
	body .mh-compact-nav .gm-catalog-links > li > a,
	body .mh-compact-nav .gm-info-menu > summary { padding: 12px 10px; }
}