/* Mobile audit 2026-10-07 (headless Chrome at 390 px): readable minimums and tap areas on phones.
 * Loaded on every page after the core styles. Keep each rule tied to a finding; nothing here changes desktop. */
@media (max-width: 640px) {
	/* Text that measured under 11 px: mono kickers, labels, chips and tags get an 11 px floor (the design stays). */
	.mrb-lang-current, .mrb-quote-short, .mrb-foot-kicker, .mrb-foot-contact-label, .mrb-foot-top,
	.mrb-hero__stat dt, .mrb-hero__badge small, .mrb-hero__badge span, .mrb-home-stat dt,
	.mrb-sm-tool, .mrb-sm-card-count, .mrb-sm-toggle, .mrb-sm-kind, .jr-chip, .jr-kicker, .mrb-pf-card__tag,
	.mrb-b2b-pill, .mrb-pdp-ship__label, .mrb-b2b-cat__num, .mrb-about-fact dt { font-size: 11px !important; }
	.mrb-foot-top { font-size: 12px !important; }
	/* Inline links that measured under 24 px tall get a little vertical padding (bigger thumb target, same look). */
	.mrb-order__link, .mrb-b2b-cat__action, .mrb-cp-link, .mrbml-card__link, .jr-arrow-link, .mrb-ca-link,
	.mrb-b2b-product__more, .mrb-b2b-sheet__more { display: inline-block; padding-top: 4px; padding-bottom: 4px; }
	.mrb-ct-copy { min-height: 36px; padding-top: 6px; padding-bottom: 6px; }
	/* The horizontal section strip on product and core pages: let it breathe on the edges so the last item is not cut flush. */
	.mrb-b2b-pdp .mrb-pdp-nav ul { padding-right: 24px; scroll-padding-right: 24px; }
}
/* Header controls (header-v4.css is the active header): a 44 px hit area on touch widths, icons unchanged. */
@media (max-width: 1024px) {
	/* 2026-10-13: no `display` here — it overrode header-v4.css hiding search/help/cart on phones and pushed Get Quote off-screen. */
	.mrb-header .mrb-menu-toggle, .mrb-header .mrb-util-btn { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
	.mrb-header .mrb-lang-toggle, .mrb-header .mrb-quote-link { display: inline-flex; align-items: center; min-height: 40px; }
}
/* Second pass of the audit: the remaining labels under 11 px (footer facts, step numbers, badges, tags, site-map counts, journal categories, About facts). */
@media (max-width: 640px) {
	.mrb-foot-facts li span, .mrb-b2b-step__kicker, .mrb-b2b-badge, .mrb-b2b-choose small, .mrb-b2b-cat__tag,
	.mrb-sm-stats li span, .mrb-sm-sub, .mrb-sm-count, .jr-pick-cat, .mrb-ab-fact dt { font-size: 11px !important; }
}
@media (max-width: 640px) { .mrb-sm-langs a span { font-size: 11px !important; } .mrb-sm-langs a { display: inline-flex; align-items: center; min-height: 32px; } }
