.product-video { scroll-margin-top: 88px; }
.product-video-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.product-video-heading h2 { margin: 0; font-size: 24px; letter-spacing: 0; }
.product-video-heading > span { color: #aeb8c5; font-size: 13px; flex: 0 0 auto; }
.product-video-player { width: 100%; aspect-ratio: 16 / 9; position: relative; background: #000; }
.product-video-poster { display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 1px solid #39414c; border-radius: 4px; overflow: hidden; cursor: pointer; background: #000; color: #fff; }
.product-video-poster > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-video .brand-film-play { width: 64px; height: 64px; border-radius: 50%; background: rgba(0,0,0,.8); border: 1px solid rgba(255,255,255,.8); }
.product-video-poster:hover .brand-film-play { background: #c53d16; }
.product-video-poster:focus-visible { outline: 3px solid #70d6bb; outline-offset: 5px; }
.product-video-iframe { display: block; width: 100%; height: 100%; border: 0; }
.product-video-link { display: inline-block; margin-top: 16px; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) {
  .product-video-heading { flex-wrap: wrap; gap: 8px; }
  .product-video-heading h2 { font-size: 21px; }
  .product-video .brand-film-play { width: 52px; height: 52px; }
}