/* Modulflex — matelas 3D */
.mf3d{position:relative;overflow:hidden;width:100%;height:var(--mf3d-h,680px);box-sizing:border-box;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;font-family:Roboto,-apple-system,'Segoe UI',Arial,sans-serif;background:transparent}
.mf3d *{box-sizing:border-box}
.mf3d .mf-stage{position:relative;z-index:0;isolation:isolate;overflow:hidden;width:100%;flex:1 1 auto;min-height:0;perspective:1800px;perspective-origin:50% 30%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.mf3d .mf-stage.is-dragging{cursor:grabbing}
.mf3d .mf-scene{position:absolute;left:50%;top:52%;width:0;height:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mf3d .mf-stage.is-dragging .mf-scene{transition:none}
.mf3d .mf-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.mf3d .mf-shade{position:absolute;inset:0;pointer-events:none}
.mf3d .tx-creme{background:#ECE8CF url(textures/creme.jpg) 0 0/240px auto}
.mf3d .tx-vert{background:#A6D0AC url(textures/vert.jpg) 0 0/240px auto}
.mf3d .tx-mesh{background:#DADDDC url(textures/mesh.jpg) 0 0/110px auto}
.mf3d .tx-coco{background:#6F5D4A url(textures/coco.jpg) 0 0/150px auto}
.mf3d .tx-bac{background-color:#F6F7F7}
.mf3d .tx-none{background:transparent;overflow:visible}
.mf3d .mf-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}
.mf3d .mf-logo span{font-family:Comfortaa,'Segoe UI',sans-serif;font-size:17px;line-height:1;letter-spacing:.5px;color:rgba(0,0,0,.035);text-shadow:-1px -1px 0 rgba(0,0,0,.22),1px 1px 0 rgba(255,255,255,.95)}
.mf3d .mf-hint{position:relative;z-index:10;pointer-events:none;margin:0;font-size:14px;line-height:20px;color:#69727D}
.mf3d .mf-bar{position:relative;z-index:10;display:flex;align-items:center;gap:4px;padding:6px;border-radius:100px;background:#fff;border:1px solid #D0D5D2;box-shadow:0 4px 18px rgba(1,48,49,.10)}
.mf3d .mf-btn{width:44px;height:44px;border:0;border-radius:100px;background:transparent;color:#013031;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;box-shadow:none}
.mf3d .mf-btn:hover,.mf3d .mf-btn:focus{background:#F4F4F4;color:#013031}
.mf3d .mf-btn:focus-visible{outline:2px solid #288684;outline-offset:2px}
.mf3d .mf-sep{width:1px;height:24px;background:#D0D5D2;margin:0 4px}
.mf3d svg{display:block}
.mf3d .mf-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #9FC9C7;border-radius:18px;background:#F4F9F9;color:#013031;text-align:center;padding:24px}
.mf3d .mf-ph strong{font-size:18px}
.mf3d .mf-ph span{font-size:14px;color:#3D4948}
@media (max-width:700px){.mf3d{height:min(var(--mf3d-h,680px),520px)}}