.video-frame, .product-video-frame { position: relative; }
.video-preview { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; border-radius: inherit; overflow: hidden; cursor: pointer; background: #101820; color: white; font: 700 18px/1.4 system-ui,sans-serif; text-decoration: none; }
.video-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; opacity: .75; }
.video-preview span { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 14px 22px; border: 1px solid #ffffff70; border-radius: 40px; background: #101820ed; color: white; }
.video-preview span::before { content: ''; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 14px solid currentColor; }
.video-preview:hover span { background: #23444d; }
.video-preview:focus-visible { outline: 4px solid #ffd166; outline-offset: -6px; }
.video-direct { font: 14px/1.6 system-ui,sans-serif; margin: 12px 0; }
.video-direct a { display: inline-block; padding: 8px 0; }
.video-related-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; font: 14px/1.6 system-ui,sans-serif; }
.video-related-links a { display: inline-block; padding: 8px 0; }