/* The PDP frame follows the selected source instead of reserving a square. */
.product-gallery .detail-media{--product-gallery-frame-extra:clamp(24px,4vw,48px);width:min(100%,calc(var(--product-gallery-width,100%) + var(--product-gallery-frame-extra)));aspect-ratio:auto;margin-inline:auto}
.product-gallery .product-gallery__open{display:grid;place-items:center;width:100%;max-width:var(--product-gallery-width,100%);min-width:44px;height:auto;min-height:44px;aspect-ratio:var(--product-gallery-ratio,auto)}
.product-gallery__thumb,.quote-line__thumbnail{position:relative}
.product-card__media{--product-image-inset:12px}
.product-gallery__thumb{--product-image-inset:5px}
.quote-line__thumbnail{--product-image-inset:4px}
.product-gallery img[data-product-image],
.product-card__visual img[data-product-image],
.quote-line__thumbnail img[data-product-image]{position:absolute;inset:0;margin:auto;padding:0;width:auto;height:auto;min-width:0;min-height:0;max-width:min(calc(100% - 2 * var(--product-image-inset,0px)),var(--product-image-width));max-height:min(calc(100% - 2 * var(--product-image-inset,0px)),var(--product-image-height));object-fit:scale-down;object-position:center}
.product-card__visual.is-secondary-ready.is-secondary-selected .product-card__media>img:not(.product-card__second),
.product-card__visual.is-secondary-ready .product-card__media:focus-visible>img:not(.product-card__second){opacity:0}
@media(hover:hover) and (pointer:fine){.product-card__visual.is-secondary-ready .product-card__media:hover>img:not(.product-card__second){opacity:0}}
@media(max-width:600px){.product-card__media{--product-image-inset:8px}}

@media(max-width:760px){.product-card__visual img[data-product-image]{width:100%}}