/*
 * RANSOR — media delivery helpers (P2.11).
 *
 * Deliberately tiny. Image work must not change how anything looks, so this
 * file contains only what the new markup strictly requires. No sizing,
 * spacing or colour rule belongs here.
 */

/*
 * <picture> is injected around images that already sit inside sized boxes —
 * e.g. .pcard .ph img is width:100%;height:100%;object-fit:cover inside an
 * aspect-ratio:1/1 parent. A normal (inline) <picture> would become the img's
 * containing block and collapse that height:100% to auto, shrinking every
 * product card. display:contents removes the wrapper from layout entirely, so
 * every existing selector still matches and every existing box is unchanged.
 */
picture {
	display: contents;
}