.product-video { margin: 14px 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); min-width: 0; }
.product-video h3 { margin: 0 0 10px; font-size: 14px; }
.product-video-frame { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 9px; background: #101c18; display: grid; place-items: center; }
.product-video-frame video, .product-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }
.product-video-load { margin: 16px; padding: 12px 18px; border: 1px solid #419b78; border-radius: 10px; background: #1d694e; color: #fff; cursor: pointer; font-weight: 750; }
.product-video-load:hover { background: #27835f; }
.product-video-load:focus-visible, .product-video-external:focus-visible { outline: 3px solid var(--green-2); outline-offset: 3px; }
.product-video-note, .product-video-settings small { color: var(--muted); font-size: 12px; line-height: 1.5; }
.product-video-external { color: var(--green); font-size: 12px; }
.product-video-settings { min-width: 0; }
.product-video-settings .video-upload-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.product-video-settings input[type=file] { max-width: 100%; width: 100%; color: var(--text); }
.product-video-settings progress { width: 100%; margin-top: 10px; accent-color: var(--green); }
.product-video-settings [role=status] { margin: 8px 0; font-size: 12px; overflow-wrap: anywhere; }
#checkout-video { grid-column: 1 / -1; }