/** Shopify CDN: Minification failed

Line 24:29 Unexpected "*"

**/
/* ============================================================
 * campaign-isolate.css
 * ------------------------------------------------------------
 * Neutralises main-theme base.css globals INSIDE the campaign
 * <main data-campaign-page> wrapper, so the standard Shopify
 * header-group can render at the top of the page WITHOUT base.css
 * bleeding into campaign-flash-* sections below.
 *
 * Load order (theme.campaign.liquid):
 *   base.css  →  campaign-isolate.css  →  campaign.css
 *
 * All rules are wrapped in :where() so they have ZERO
 * specificity — Tailwind utilities (h-4, w-4, text-white…)
 * always win.
 * ============================================================ */

/* base.css forces `img { width: 100%; height: auto }` which makes every
   product card / badge / promo image stretch to its parent. Restore author
   intent — Tailwind w-*/h-*/max-w-* utilities continue to win. */
:where([data-campaign-page]) img {
  width: auto;
  height: auto;
  max-width: 100%;
}

/* base.css applies `input:hover { background-color: var(--color-input-hover-background) }`.
   Our native add-to-cart forms render hidden inputs that shouldn't flash. */
:where([data-campaign-page]) input:hover {
  background-color: inherit;
}
