/* Clartévision Essayage Virtuel */
.cvt-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:12px 0;padding:14px 22px;background:transparent;color:#F1ECE2;border:1px solid #F1ECE2;border-radius:2px;font-family:"DM Sans",DMSans,sans-serif;font-weight:600;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cvt-open:hover,.cvt-open:focus-visible{background:#F1ECE2;color:#141310}

.cvt-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px}
.cvt-modal[hidden]{display:none}
.cvt-backdrop{position:absolute;inset:0;background:rgba(20,19,16,.82)}
.cvt-dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#1D1B17;color:#F1ECE2;border:1px solid #2E2B25;border-radius:2px;padding:24px}
.cvt-x{position:absolute;top:10px;right:14px;background:transparent;border:0;color:#F1ECE2;font-size:30px;line-height:1;cursor:pointer;padding:4px 8px}
.cvt-x:hover{color:#C2A25F}
.cvt-title{margin:0 0 4px;font-family:Jost,sans-serif;font-weight:500;font-size:26px;line-height:1.1;color:#F1ECE2}
.cvt-product{margin:0 0 16px;font-size:14px;color:#A39B8B}
.cvt-stage{position:relative;width:100%;aspect-ratio:4/3;background:#141310;overflow:hidden}
.cvt-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cvt-canvas{display:block;width:100%;height:100%;object-fit:cover}
.cvt-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:15px;line-height:1.5;color:#F1ECE2;background:rgba(20,19,16,.55)}
.cvt-status:empty{display:none}
.cvt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.cvt-btn{padding:13px 24px;background:#C2A25F;color:#141310;border:0;border-radius:2px;font-family:"DM Sans",DMSans,sans-serif;font-weight:600;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer}
.cvt-btn:hover:not(:disabled){background:#D2B87F}
.cvt-btn:disabled{opacity:.45;cursor:not-allowed}
.cvt-btn--ghost{background:transparent;color:#F1ECE2;border:1px solid #F1ECE2}
.cvt-btn--ghost:hover:not(:disabled){background:#F1ECE2;color:#141310}
.cvt-note{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#A39B8B}
body.cvt-lock{overflow:hidden}
@media (max-width:600px){.cvt-modal{padding:0}.cvt-dialog{max-height:100vh;height:100%;padding:18px 14px}.cvt-title{font-size:22px}.cvt-stage{aspect-ratio:3/4}}