/* Clip the composed video, poster and shade together at the existing rounded edge. */
.video-stage,
.theme-flow.store-page:not(.view-grid) .flow-main > [data-flow-feed],
body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card {
  clip-path:border-box;
}
/* Remove the border area itself: a transparent border still exposes the backdrop. */
body .product-card,
body.theme-catalog .product-card,
body.product-page .related-grid > .product-card,
body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card {
  border:0;
  box-shadow:none;
}
body.theme-catalog .product-card { padding:0; }
body .showcase-feature:has(.product-card) { border:0; box-shadow:none; }

/* Let the page show through fractional/rounded edges instead of a dark backing. */
body .product-card .video-stage,
body .product-card .video-stage > :is(.product-video, .video-poster),
body.product-page :is(.product-media, .related-grid) .video-stage,
body.theme-flow.store-page .flow-main > [data-flow-feed] > .product-card .video-stage {
  border:0;
  box-shadow:none;
  background-color:transparent;
}
body.theme-flow.store-page .flow-main > [data-flow-feed],
body.theme-flow.store-page .flow-main > [data-flow-feed] > .product-card,
body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card {
  background-color:transparent;
}
