/* Shared product media, v1. Layouts own the frame; products never own CSS.
 * Every source goes through sbrc_normalized_product_image. Never add nth-child
 * zoom/crop rules: fix the canonical source or normalization pipeline instead.
 */
main [id],main[id]{scroll-margin-top:var(--sb-anchor-offset,185px)}
.is-image-missing{position:relative}
.is-image-missing>img{visibility:hidden!important}
.is-image-missing:after{content:"Imagen no disponible";position:absolute;inset:0;display:grid;place-items:center;color:#666;font-size:12px;text-align:center;padding:8px}
:is(.mf-vitc__visual,.mf-product__visual,.mf-five__image,.sb-product__media,.sb-single-product__visual,.sb-dupe-product__media,.sb-dupe-card__products>a>div,.sb-home-dupe__products figure>div,.sb-hero-comparison figure>div,.mf-collection__hero-images>span,.mf-category__art>div,.mf-routine-suggestion__media,.mf-routine-selected-product__media){
 display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;
}
:is(.mf-vitc__visual,.mf-product__visual,.mf-five__image){height:250px;background:#fafafa}
:is(.mf-vitc__visual,.mf-product__visual,.mf-five__image,.sb-product__media,.sb-single-product__visual,.sb-dupe-product__media,.sb-dupe-card__products>a>div,.sb-home-dupe__products figure>div,.sb-hero-comparison figure>div,.mf-collection__hero-images>span,.mf-category__art>div,.mf-routine-suggestion__media,.mf-routine-selected-product__media)>img{
 display:block!important;position:static!important;inset:auto!important;
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 min-width:0!important;min-height:0!important;margin:0!important;padding:8px!important;
 object-fit:contain!important;object-position:center!important;
 transform:none!important;clip-path:none!important;filter:none!important;mix-blend-mode:multiply;
 box-sizing:border-box;
}
.mf-collection__hero-images{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:220px;gap:10px;overflow:hidden}
.mf-collection__hero-images>span{flex:1 1 0;width:0;height:100%;padding:0;background:transparent}
.mf-shopfront--campaign-grid .mf-category__art>div{width:60%;height:210px}
@media(max-width:700px){
 :is(.mf-vitc__visual,.mf-product__visual,.mf-five__image){height:230px}
 .mf-collection__hero-images{height:160px;gap:4px}
 .mf-shopfront--campaign-grid .mf-category__art>div{height:190px}
}