#envoye-mockup-pilot { width:100%; max-width:720px; margin:0 auto; color:#242124; }
#envoye-mockup-pilot .envoye-preview-stage { position:relative; aspect-ratio:1; overflow:hidden; border-radius:10px; background:#f5f2ee; }
#envoye-mockup-pilot canvas,#envoye-mockup-pilot .envoye-preview-fallback { display:block; width:100%; height:100%; object-fit:contain; }
#envoye-mockup-pilot [hidden] { display:none!important; }
#envoye-mockup-pilot .envoye-preview-badge { position:absolute; left:16px; top:16px; background:rgba(255,255,255,.88); border:1px solid rgba(255,255,255,.65); border-radius:20px; padding:7px 12px; font-size:11px; line-height:1.2; letter-spacing:.02em; }
#envoye-mockup-pilot .envoye-preview-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin-top:14px; }
#envoye-mockup-pilot [role=group] { display:flex; gap:6px; }
#envoye-mockup-pilot button { appearance:none; border:1px solid #ddd6dd; border-radius:6px; padding:9px 12px; font:inherit; font-size:12px; line-height:1.3; background:#fff; color:#403b40; cursor:pointer; }
#envoye-mockup-pilot button[aria-pressed=true] { background:#f7f0fa; color:#6c188a; border-color:#8a389f; }
#envoye-mockup-pilot button:focus-visible { outline:2px solid #8217a1; outline-offset:3px; }
#envoye-mockup-pilot .envoye-preview-summary { font-size:11px; color:#625b62; }
#envoye-mockup-pilot .envoye-preview-note { margin:10px 0 0; font-size:11px; line-height:1.6; color:#777078; }
#envoye-mockup-pilot .envoye-scene-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
#envoye-mockup-pilot .envoye-scene-options button { min-width:0; aspect-ratio:1; padding:3px; border-radius:6px; overflow:hidden; }
#envoye-mockup-pilot .envoye-scene-options img { display:block; width:100%; height:100%; aspect-ratio:1; object-fit:cover; border-radius:3px; }
#envoye-mockup-pilot .envoye-scene-status { margin:8px 0 0; color:#67566d; font-size:12px; line-height:1.5; }
#single-product.envoye-mockup-enabled .envoye-visual-step { padding:0 0 16px!important; margin:0 0 16px!important; border-bottom:1px solid #ece6eb!important; width:100%!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .form-label { font-size:13px!important; margin-bottom:9px!important; font-weight:600!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .form-label:before { display:none!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step > .row { display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; margin:0!important; padding:2px!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant { flex:0 0 auto!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:86px!important; height:auto!important; min-height:42px!important; padding:10px 12px!important; margin:0!important; border:1px solid #dcd5db!important; border-radius:6px!important; background:#fff!important; box-shadow:none!important; transform:none!important; overflow:visible!important; cursor:pointer; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant.selected { background:#f8f1fb!important; border-color:#8417a2!important; box-shadow:inset 0 0 0 1px #8417a2!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant:focus-visible { outline:2px solid #8417a2; outline-offset:3px; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant:before,
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant:after,
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant-content:before,
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant-content:after { display:none!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant-content { display:block!important; position:static!important; width:auto!important; height:auto!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:none!important; font-size:12px!important; line-height:1.4!important; font-weight:500!important; color:#29212c!important; text-indent:0!important; white-space:nowrap!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant-content img { display:none!important; }
#single-product.envoye-mockup-enabled .envoye-size-recommendation { margin:12px 0 0; padding:12px 14px; border-left:2px solid #b98ac8; background:#faf7fb; border-radius:0 6px 6px 0; font-size:13px; line-height:1.65; color:#544c57; }
#envoye-mockup-pilot [data-room-framing] { font-size:11px; padding:7px 10px; }
#single-product.envoye-mockup-enabled .envoye-preview-lock-notice { margin:0 0 18px; padding:12px 14px; border:1px solid #e8dfeb; border-radius:6px; background:#faf7fb; font-size:12px; line-height:1.65; color:#615266; }
#single-product.envoye-mockup-enabled .envoye-preview-lock-notice[hidden] { display:none!important; }
#single-product.envoye-mockup-enabled .envoye-preview-lock-notice button { display:block; border:0; padding:4px 0 0; background:none; font:inherit; font-weight:600; color:#781b96; cursor:pointer; text-align:left; text-decoration:underline; }
#single-product.envoye-mockup-enabled .envoye-preview-lock-notice button:focus-visible { outline:2px solid #8417a2; outline-offset:3px; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant { max-width:none!important; }
#single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant-content { min-height:0!important; overflow:visible!important; flex-shrink:0!important; }
#single-product.envoye-mockup-enabled .envoye-type-size .btn-variant,
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant { flex:0 1 92px!important; flex-direction:column!important; width:92px!important; min-width:0!important; height:78px!important; min-height:78px!important; padding:6px 0 0!important; border-radius:8px!important; overflow:hidden!important; justify-content:space-between!important; }
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant { flex-basis:68px!important; width:68px!important; height:70px!important; min-height:70px!important; }
#single-product.envoye-mockup-enabled .envoye-type-size .btn-variant:before,
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant:before { content:''!important; display:block!important; position:static!important; width:calc(100% - 12px)!important; height:40px!important; min-height:40px!important; margin:0!important; border:0!important; border-radius:0!important; transform:none!important; background-color:transparent!important; background-size:contain!important; background-repeat:no-repeat!important; background-position:center!important; }
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant:before { height:24px!important; min-height:24px!important; }
#single-product.envoye-mockup-enabled .envoye-type-size .btn-variant-content,
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant-content { display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:27px!important; padding:4px 2px!important; background:#f7f5f2!important; border-top:1px solid #ece6eb!important; font-size:10px!important; font-weight:600!important; }
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant-content { min-height:35px!important; }
#single-product.envoye-mockup-enabled .envoye-type-size .btn-variant.selected .btn-variant-content,
#single-product.envoye-mockup-enabled .envoye-type-color .btn-variant.selected .btn-variant-content { background:#f3e9f8!important; color:#591172!important; }
#single-product.envoye-mockup-enabled .envoye-frame-spec { font-size:11px!important; line-height:1.6!important; margin-top:10px!important; }
@media(min-width:768px) {
 #single-product.envoye-mockup-enabled > .container > .row:first-of-type { align-items:flex-start!important; }
 #single-product.envoye-mockup-enabled [data-store^="product-image-"] { flex:0 0 54%!important; max-width:54%!important; min-width:0!important; }
 #single-product.envoye-mockup-enabled [data-store^="product-info-"] { flex:0 0 46%!important; max-width:46%!important; min-width:0!important; }
}
@media(max-width:767px) {
 #single-product.envoye-mockup-enabled .envoye-size-recommendation { font-size:14px; }
 #single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant-content { font-size:14px!important; }
 #single-product.envoye-mockup-enabled .envoye-visual-step .btn-variant { min-height:46px!important; }
 #envoye-mockup-pilot .envoye-preview-badge { top:10px; left:10px; font-size:10px; }
 #envoye-mockup-pilot .envoye-preview-summary { flex-basis:100%; }
 #single-product.envoye-mockup-enabled .envoye-type-size .btn-variant { flex:1 1 calc(25% - 6px)!important; max-width:110px!important; }
 #single-product.envoye-mockup-enabled .envoye-type-color .btn-variant { flex:1 1 calc(20% - 7px)!important; width:auto!important; max-width:76px!important; }
 #single-product.envoye-mockup-enabled .envoye-type-size .btn-variant-content,
 #single-product.envoye-mockup-enabled .envoye-type-color .btn-variant-content { font-size:11px!important; }
 #single-product.envoye-mockup-enabled .envoye-type-protection .btn-variant { flex:1 1 calc(50% - 8px)!important; }
}