.product-media{--pm-frame:#f5f5f2;--pm-border:#d9dbdf;--pm-shadow:0 18px 48px -28px rgb(20 27 37/28%);--pm-control-bg:#ffffff;--pm-control-ink:#252836;--pm-control-border:#d2d5dc;--pm-focus:#242426;--pm-caption:#505665;min-width:0;margin:0}.product-media-frame{position:relative;overflow:hidden;isolation:isolate;width:100%;border:1px solid var(--pm-border);border-radius:16px;background:var(--pm-frame);box-shadow:var(--pm-shadow)}.product-media-poster,.product-media-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.product-media[data-fit=contain] .product-media-poster,.product-media[data-fit=contain] .product-media-video{object-fit:contain}.product-media-video{opacity:0;pointer-events:none}.product-media-video[data-revealed=true]{opacity:1}.product-media-toggle{position:absolute;right:12px;bottom:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:82px;min-height:44px;padding:8px 13px;border:1px solid var(--pm-control-border);border-radius:999px;color:var(--pm-control-ink);background:var(--pm-control-bg);box-shadow:0 2px 8px rgb(0 0 0/12%);font:550 12px/1.2 var(--font-ui);cursor:pointer}.product-media-toggle:hover:not(:disabled){border-color:currentColor}.product-media-toggle:focus-visible{outline:3px solid var(--pm-focus);outline-offset:3px}.product-media-toggle:disabled{cursor:default}.product-media-toggle-icon{width:12px;font-size:15px;line-height:1}.product-media-caption{margin-top:10px;color:var(--pm-caption);font:450 12px/1.5 var(--font-ui);text-wrap:pretty}:root[data-theme=dark] .product-media{--pm-frame:var(--ink-control);--pm-border:color-mix(in srgb,var(--hairline-visible) 55%,var(--ink-control));--pm-shadow:0 18px 48px -28px rgb(0 0 0/70%);--pm-control-bg:var(--ink-panel);--pm-control-ink:var(--text-primary);--pm-control-border:var(--hairline-visible);--pm-focus:var(--primary-hover);--pm-caption:var(--text-secondary)}@media (max-width:560px){.product-media-frame{border-radius:12px}.product-media-toggle{right:8px;bottom:8px}}@media (prefers-reduced-motion:reduce){.product-media-poster,.product-media-toggle,.product-media-video{transition:none;animation:none}}