/* The shop's vendor CSS, wrapped in a cascade layer.
 *
 * These six stylesheets used to be six <link> tags. They loaded before our own
 * stylesheet, which was supposed to mean "vendor first, our theme rules on top"
 * — the layering the live design depends on, as _wc_styles.html describes.
 *
 * It did not work, and could not have. Tailwind v4 puts its utilities in
 * `@layer utilities`, and **unlayered CSS beats layered CSS whatever its
 * specificity or source order**. main.css opens with
 *
 *     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0 }
 *
 * unlayered, so on shop pages that universal reset silently overrode every
 * Tailwind spacing utility in the shared header and footer — `lg:px-8` on the
 * nav buttons resolved to 0, and the footer lost its rhythm. The same markup on
 * the main site, which does not load main.css, was fine. Same component, two
 * appearances.
 *
 * There is no `layer` attribute for <link> yet, so an @import chain is the only
 * way to put a stylesheet into a layer. `wc-vendor` is named first here, before
 * Tailwind's own layers are declared, so it sits below all of them: Tailwind
 * utilities now win, and our unlayered Shop.css still beats everything.
 *
 * Cost: the six files are fetched after this one is parsed rather than in
 * parallel with it. They are shop-only and already cached across the funnel.
 */
@import url("photoswipe/photoswipe.min.10f5ce25844a.css") layer(wc-vendor);
@import url("photoswipe/default-skin/default-skin.min.8b5b358162fa.css") layer(wc-vendor);
@import url("woocommerce-layout.6baf14246559.css") layer(wc-vendor);
@import url("woocommerce-smallscreen.c63f40b30917.css") layer(wc-vendor) only screen and (max-width: 768px);
@import url("woocommerce.a137f034f72c.css") layer(wc-vendor);
@import url("main.254a38230372.css") layer(wc-vendor);