/* Uniform product illustrations in catalogues, selection and articles.
   Home/PDP layouts, cart thumbnails and dropdown search are deliberately outside these selectors. */
html body{--mol-product-illustration-height:280px}
html body:not(.home-page):not([data-home-version]):not(.product-page):not(.product-description-wide):not([data-layout="product-detail"]) #main :is(.product-grid .card-image,.catalogue-grid .product-visual,.product-collection .product-visual,.acne-intro .product-visual){
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;width:100%!important;height:calc(var(--mol-product-illustration-height) + 28px)!important;
  min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:14px!important;box-sizing:border-box!important;overflow:hidden;
}
html body:not(.home-page):not([data-home-version]):not(.product-page):not(.product-description-wide):not([data-layout="product-detail"]) #main :is(.product-grid .card-image,.catalogue-grid .product-visual,.product-collection .product-visual,.acne-intro .product-visual)>img{
  display:block!important;position:static!important;inset:auto!important;
  width:auto!important;height:var(--mol-product-illustration-height)!important;min-width:0!important;max-width:100%!important;max-height:none!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;
}
html body #main .legacy-article a.article-product-illustration{
  display:inline-flex!important;align-items:center;justify-content:center;vertical-align:top;
  width:var(--mol-product-illustration-height)!important;max-width:100%!important;height:var(--mol-product-illustration-height)!important;min-height:0!important;
  margin:8px 16px 20px 0!important;padding:0!important;box-sizing:border-box;
}
html body #main .legacy-article>a.article-product-illustration:only-of-type{display:flex!important;margin-left:auto!important;margin-right:auto!important}
html body #main .legacy-article a.article-product-illustration>img{
  display:block!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;
}
html body.catalog-page #main .catalog-banner-art{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:calc(var(--mol-product-illustration-height) + 28px)!important;
  min-height:0!important;margin:0!important;opacity:1!important;
}
html body.catalog-page #main .catalog-banner-art>img{
  display:block!important;position:static!important;inset:auto!important;width:auto!important;height:var(--mol-product-illustration-height)!important;
  max-width:calc(50% - 5px)!important;max-height:none!important;object-fit:contain!important;transform:none!important;
}
/* These controls need the same bottom edge as their other three edges. */
html body #main a.preorder-whatsapp[href]{border-bottom:1px solid #b6c8b6!important;min-height:44px!important;box-sizing:border-box}
html body #main a.card-details[href]{border-bottom:1px solid #bdcbb9!important}
@media(max-width:700px){html body{--mol-product-illustration-height:220px}}
