/* Safety net for intentional full-bleed ("breakout--full") background sections, which are
   designed to bleed slightly past the viewport edge and can otherwise add a stray horizontal
   scrollbar on mobile. */
html, body {
	overflow-x: hidden;
}

/* Mobile fix: the WooCommerce mini-cart dropdown ("View basket" panel) is a fixed 400px
   box anchored via right:0 to its small trigger icon. On phone widths the icon sits near
   the horizontal centre of the header, so right:0 pushed most of the dropdown - including
   the "View basket" button - off the left edge of the viewport. Combined with the
   overflow-x: hidden safety net above, that content became completely unreachable rather
   than just scrollable. Centring the dropdown under its icon and capping its width keeps
   it fully on-screen. */
@media (max-width: 767px) {
	.brxe-woocommerce-mini-cart .cart-detail {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100vw - 24px);
		max-width: 400px;
	}
}