.has-product-video { overflow: hidden; }
.product-video-modal { background: #FFFFFF; border: 0; box-sizing: border-box; color: #000000; max-height: calc(100dvh - 24px); max-width: calc(100vw - 24px); padding: 12px; width: max-content; }
.product-video-modal::backdrop { background: rgb(0 0 0 / 82%); }
.product-video-modal__header { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 8px; }
.product-video-modal__header h2 { font: 400 1.1rem/1.2 "Atelier Serif", Georgia, serif; margin: 0; }
.product-video-modal__header button { background: var(--rc-tiffany, #4FC2B1); border: 0; color: #000000; cursor: pointer; flex: 0 0 44px; font: 28px/1 sans-serif; height: 44px; width: 44px; }
.product-video-modal__header button:focus-visible { outline: 2px solid #000000; outline-offset: 2px; }
.product-video-modal video { background: #000000; display: block; height: min(720px, calc(100dvh - 135px)); max-width: 100%; object-fit: contain; width: auto; }
.product-video-modal__fallback { color: #000000; display: block; font: 12px/1.5 "Helvetica Neue", Helvetica, sans-serif; margin-top: 8px; text-align: center; text-underline-offset: 3px; }