/**
 * SFS Commerce OS — the product video embed, added below the gallery
 * on the WooCommerce single-product page. Deliberately theme-neutral
 * (not the admin dashboard design system) since this renders inside
 * whatever storefront theme the store uses.
 */

.sfs-product-video {
	margin-top: 14px;
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
}

.sfs-product-video iframe,
.sfs-product-video embed,
.sfs-product-video object {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.sfs-product-video-fallback {
	margin-top: 14px;
	font-size: 13px;
}