/* WooCommerce positions the product gallery's zoom (magnifier) button at
   z-index 99 on the page's top layer, while the mini-cart drawer lives inside
   the sticky header, which is its own layer at z-index 40. That put the zoom
   button on top of the open drawer. Keeping it below the header layer leaves
   it above the picture it belongs to and underneath the drawer, menu and
   search. The selector matches WooCommerce's own rule plus `body.single-product`
   so it wins (WooCommerce's `.woocommerce` class sits on the body itself). */
body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	z-index: 10;
}