/* Mobile header: keep the logo centred when the left side carries the cart
   and the currency switch. Astra sizes the three grid tracks by content, so
   the wider left cluster pushed the logo off centre below ~430px. */

@media (max-width: 921px) {
	.site-header .ohmwc-header-switch {
		margin-left: 0;
	}

	.site-header .ast-header-woo-cart {
		padding-left: 0;
	}
}

@media (min-width: 360px) and (max-width: 921px) {
	.site-header .ast-builder-grid-row.ast-grid-center-col-layout {
		display: flex;
		align-items: center;
		column-gap: 12px;
	}

	.site-header .ast-builder-grid-row.ast-grid-center-col-layout > .site-header-primary-section-left,
	.site-header .ast-builder-grid-row.ast-grid-center-col-layout > .site-header-primary-section-right {
		flex: 1 1 0;
		min-width: 0;
	}

	.site-header .ast-builder-grid-row.ast-grid-center-col-layout > .site-header-primary-section-center {
		flex: 0 0 auto;
	}
}