.product-video-player { position: relative; }
.product-overview-video { display: block; width: 100%; height: auto; aspect-ratio: 32 / 21; border: 1px solid #c7dddd; border-radius: 12px; background: #fff; }
.product-video-play { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 12px; padding: 18px 24px; border: 2px solid #fff; border-radius: 999px; background: #075b61; color: #fff; font: inherit; font-weight: 700; cursor: pointer; box-shadow: 0 8px 28px rgba(7, 63, 69, .25); }
.product-video-play[hidden] { display: none; }
.product-video-play:hover { background: #073f45; }
.product-video-play:focus-visible { outline: 3px solid #dd6a42; outline-offset: 4px; }
@media (max-width: 500px) { .product-video-play { padding: 12px 16px; font-size: 14px; white-space: nowrap; } }