.box-product-video{position:relative;width:100%;background:#2f2f2f;color:#faf9f6}
.box-product-video [hidden]{display:none!important}
.box-product-video button{border:0;cursor:pointer;font:inherit;min-width:44px;min-height:44px;color:#2f2f2f;background:#faf9f6;border-radius:999px;padding:.6rem 1rem}
.box-product-video button:focus-visible{outline:3px solid #a8c8ff;outline-offset:3px}
.box-product-video .box-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;font-size:1.5rem;background:#d4af37;box-shadow:0 2px 16px #0008}
.box-video-sound{position:absolute;top:.5rem;right:.5rem;font-size:.8rem!important;box-shadow:0 2px 8px #0008}
.box-video-loading{position:absolute;left:50%;top:65%;transform:translateX(-50%);padding:.5rem;background:#2f2f2f;color:#faf9f6;border-radius:.5rem;white-space:nowrap}
.box-video-error{position:absolute;inset:25% .5rem auto;text-align:center;background:#2f2f2f;color:#faf9f6;padding:1rem;border-radius:1rem}
@media(prefers-reduced-motion:reduce){.box-video-loading .fa-spin{animation:none}}
.box-product-video video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#2f2f2f;max-height:36rem}
.box-product-video p{padding:1rem;font-size:.875rem;line-height:1.5}
.box-product-video video:focus-visible{outline:3px solid #a8c8ff;outline-offset:-3px}
.box-video-admin{margin-top:1rem;padding:1rem;border:1px solid currentColor;border-radius:1rem}
.box-video-admin .box-product-video{max-width:24rem;margin-block:1rem}
.box-video-admin form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}
.box-video-admin input{max-width:100%;min-height:44px}
.box-video-admin button{min-height:44px;padding:.75rem 1rem}