/*
 * DxO custom CSS overrides.
 * Loaded AFTER main.css (see Magento_Theme/layout/default_head_blocks.xml).
 * Keep bespoke theme-level CSS here — never edit the compiled main.css.
 */

/*
 * Bundle widget (2col) — constrain the product icon box to the icon's real size.
 * Magento's getImage() wraps each child-product icon in a product-image-container /
 * product-image-wrapper that reserves a full 116x108 box via padding-bottom ratio,
 * while the icon itself is capped at 50px wide. That leaves a large empty area around
 * each icon (very visible when a media file is missing). Collapse the box to the icon.
 */
.widget-product.bundle-2col .bundle-products .bundle-product .product-img .product-image-container {
    width: 50px !important;
}
.widget-product.bundle-2col .bundle-products .bundle-product .product-img .product-image-wrapper {
    padding-bottom: 0 !important;
    height: auto !important;
}
.widget-product.bundle-2col .bundle-products .bundle-product .product-img .product-image-photo {
    position: static !important;
    width: 50px !important;
    height: auto !important;
}