/* SIA Discounts — shared front-end base.
   Rule 10 (design system): keep our roots inside their parent column and
   never let intrinsic image sizes blow out a flex/grid cell. */

.sia-badges,
.sia-nudge,
.sia-savings {
	max-width: 100%;
	box-sizing: border-box;
}

/* Image guard for sia-* components. The leading `body ` is REQUIRED: without
   it, `[class^="sia-"] img` also matches every image on the page whenever a
   sibling SIA plugin (e.g. sia-accessibility) puts a sia-*-prefixed class on
   <html> — `height:auto` then overrode themes' logo sizing (Blocksy logo
   rendered at 2× height). <html> is not a descendant of <body>, so `body `
   confines the guard to real in-page SIA components. */
body [class^="sia-"] img,
body [class*=" sia-"] img {
	max-width: 100%;
	height: auto;
}