/**
 * Minimal modern reset. Kept small on purpose — GeneratePress already
 * normalizes most elements; this only covers what it doesn't.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
picture,
svg,
video,
iframe {
	display: block;
	max-width: 100%;
	height: auto;
}

/*
 * .myshop-category-nav__toggle{background:none;border:0} (a class selector)
 * already outranks GeneratePress's own dynamic `button{background-color:
 * #55555e}` Customizer CSS on specificity alone, regardless of load order —
 * so the toggle's background/border were never actually the problem. Native
 * button chrome (the platform-drawn bevel some browsers still render even
 * under a transparent background) isn't removed by background/border resets
 * though — only by appearance:none — which is what was producing a faint
 * grey box next to the first category label. border:0 here is a genuine
 * reset too (browsers apply a default outset border to bare <button>
 * elements that neither GP's dynamic CSS nor this stylesheet used to
 * clear); background-color is deliberately left alone — GeneratePress's
 * own dynamic CSS is what currently gives WooCommerce's un-classed
 * <button> elements (e.g. quantity/checkout buttons) their visible
 * background, and this reset loads too early in the cascade to change
 * that (same specificity, GP's block prints later) — a no-op for those,
 * not a regression.
 */
button {
	font: inherit;
	color: inherit;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
}

ul[class],
ol[class] {
	list-style: none;
	margin: 0;
	padding: 0;
}