/* Absolute preview bounds follow the existing photo; card layout is untouched. */
.mcv-preview{position:absolute;z-index:4;pointer-events:none;overflow:hidden;border-radius:3px;background:transparent}
.mcv-preview>.mcv-video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.mcv-preview.is-playing>.mcv-video{opacity:1}
.mcv-expand,.mcv-close{display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid rgba(28,28,40,.18);border-radius:4px;background:rgba(255,255,255,.94);color:#1c1c28;cursor:pointer;touch-action:manipulation}
.mcv-expand{position:absolute;left:10px;top:10px;pointer-events:auto;visibility:hidden}
.mcv-preview.is-playing .mcv-expand,.mcv-preview.is-keyboard .mcv-expand{visibility:visible}
.mcv-expand svg,.mcv-close svg{display:block;width:20px;height:20px;pointer-events:none}
.mcv-expand:hover,.mcv-close:hover{background:#e3ff00;border-color:#1c1c28}
.mcv-expand:focus-visible,.mcv-close:focus-visible,.mcv-product-link:focus-visible{outline:2px solid #1c1c28;outline-offset:-4px}
.mcv-dialog[hidden]{display:none}
.mcv-dialog{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.8);font-family:'Oswald',sans-serif}
.mcv-panel{display:flex;flex-direction:column;max-width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border-radius:4px;overflow:hidden;background:#111}
.mcv-stage{position:relative;display:flex;justify-content:center;min-height:0;min-width:0;background:#111}
.mcv-stage>.mcv-video{display:block;width:auto;height:auto;max-width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 176px);max-height:calc(100dvh - 176px);object-fit:contain;background:#000;cursor:pointer;touch-action:manipulation}
.mcv-close{position:absolute;z-index:3;top:8px;right:8px;width:44px;height:44px;padding:10px}
.mcv-controls{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;min-width:0;padding:28px 12px 8px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s;font:400 13px/1.3 'Oswald',sans-serif}
.mcv-stage.is-controls-visible .mcv-controls{opacity:1;visibility:visible;pointer-events:auto}
.mcv-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:4px;color:#fff;background:transparent;cursor:pointer;touch-action:manipulation}
.mcv-play svg{width:24px;height:24px;pointer-events:none}
.mcv-icon-play,.mcv-play.is-paused .mcv-icon-pause{display:none}
.mcv-play.is-paused .mcv-icon-play{display:block}
.mcv-play:hover{background:rgba(255,255,255,.14)}
.mcv-seek{--mcv-progress:0%;appearance:none;-webkit-appearance:none;flex:1 1 auto;min-width:24px;width:100%;height:32px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none}
.mcv-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#e3ff00 var(--mcv-progress),rgba(255,255,255,.5) var(--mcv-progress))}
.mcv-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:#fff}
.mcv-seek::-moz-range-track{height:3px;border-radius:3px;background:rgba(255,255,255,.5)}
.mcv-seek::-moz-range-progress{height:3px;background:#e3ff00}
.mcv-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.mcv-time{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.mcv-play:focus-visible,.mcv-seek:focus-visible,.mcv-stage>.mcv-video:focus-visible{outline:2px solid #e3ff00;outline-offset:-2px}
.mcv-footer{width:0;min-width:100%;padding:12px;background:#fff;color:#1c1c28}
.mcv-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 8px;font:500 14px/20px 'Oswald',sans-serif}
.mcv-product-link{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:1px solid #c9e200;border-radius:4px;background:#e3ff00;color:#1c1c28!important;text-decoration:none!important;font:500 15px/20px 'Oswald',sans-serif}
.mcv-product-link:hover{background:#d4ed00}
.mcv-product-link svg{flex:none;width:18px;height:18px}
.mcv-error{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:16px;background:#111;color:#fff;font:400 14px/1.4 'Oswald',sans-serif}
.mcv-error[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.mcv-controls{transition:none}}
