.product-video-frame{position:relative;width:100%;aspect-ratio:1;background:var(--surface,#f5f4ef);overflow:hidden;isolation:isolate}
.product-video-frame video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.product-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff30;color:white;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 22px #0002;cursor:pointer;z-index:2}
.product-video-play svg{filter:drop-shadow(0 1px 3px #0006);margin-left:4px}
.product-video-frame.is-playing .product-video-play{display:none}
.product-video-frame:focus-visible,.product-video-play:focus-visible{outline:3px solid var(--accent,#036271);outline-offset:-4px}
.product-video-error{position:absolute;bottom:16px;left:16px;right:16px;padding:12px;background:#ffffffdd;color:#333;text-align:center;font-size:13px}
.product-video-error[hidden]{display:none}
.product-video-thumb{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text,#222);gap:2px}
.product-video-thumb span{font-size:11px}
.product-video-admin input[type=file]{max-width:100%}
@media(max-width:640px){.product-video-play{width:64px;height:64px}}

.product-video-play[hidden]{display:none!important}