.yap-product-media { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--yap-sand); }
.yap-product-media > div,
.yap-product-media > deferred-media { display: block; position: relative; min-width: 0; height: clamp(380px, 48vw, 640px); overflow: hidden; }
.yap-product-media img,
.yap-product-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.yap-product-media__image img { object-position: center var(--yap-media-image-position, 50%); }
.yap-product-media .deferred-media__poster { display: block; position: absolute; inset: 0; }
.yap-product-media .deferred-media__poster-button { background: var(--yap-charcoal); color: var(--yap-white); }
@media (min-width: 990px) { .yap-product-media--split { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 989px) { .yap-product-media > div, .yap-product-media > deferred-media { height: 400px; } }