#box-image-dialog{padding:0;border:0;border-radius:0;background:transparent;color:#fff8e9;width:min(1400px,calc(100vw - 16px));height:96dvh;max-width:none;max-height:96dvh;overflow:hidden;box-shadow:none;font-family:system-ui,sans-serif}#box-image-dialog[open]{display:flex;flex-direction:column}
#box-image-dialog::backdrop{background:#100b08bf;backdrop-filter:blur(12px)}
.box3d-header{padding:20px 52px 0 24px;flex-shrink:0}.box3d-header h2{margin:0;font-size:21px;font-weight:750}.box3d-header p{font-size:13px;color:#79664b;margin:6px 0 0}.box3d-close{position:absolute;right:12px;top:10px;font-size:30px;line-height:1;border:0;border-radius:8px;background:transparent;color:#fff8e9;padding:6px 10px;cursor:pointer}
.box3d-stage{flex:1;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;perspective:1100px;touch-action:none;cursor:grab;isolation:isolate;background:transparent}
.box3d-stage.is-dragging{cursor:grabbing}
.box3d-model{position:relative;width:var(--box-width,240px);height:var(--box-height,240px);transform-style:preserve-3d;user-select:none;pointer-events:none}
.box3d-face{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;backface-visibility:hidden;border:0;box-shadow:inset 0 0 20px #4b32131c;background:#53371B;color:#44301d;text-align:center}
.box3d-front,.box3d-back{width:calc(var(--box-width) + 1px);height:calc(var(--box-height) + 1px)}.box3d-front{transform:translate(-50%,-50%) translateZ(calc(var(--box-depth)/2));background:#53371B}.box3d-back{transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--box-depth)/2));background:#53371B}
.box3d-left,.box3d-right{width:calc(var(--box-depth) + 1px);height:calc(var(--box-height) + 1px);background:#53371B}.box3d-left{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--box-width)/2))}.box3d-right{transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--box-width)/2))}
.box3d-top,.box3d-bottom{width:calc(var(--box-width) + 1px);height:calc(var(--box-depth) + 1px);background:#53371B}.box3d-top{transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--box-height)/2))}.box3d-bottom{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--box-height)/2))}
.box3d-logo{width:86%;height:48%;object-fit:contain;filter:drop-shadow(0 2px 1px #fff5)}.box3d-face strong{font-size:clamp(11px,2vw,18px);max-width:90%}.box3d-face small{font-size:10px;letter-spacing:.08em;margin-top:8px}.box3d-back .box3d-logo{height:58%}.box3d-side-title{writing-mode:vertical-rl;font-size:13px;font-weight:750}.box3d-texture{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;background:#53371B}.box3d-face.has-texture>:not(.box3d-texture){display:none}
.box3d-controls{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 16px 14px}.box3d-controls button{font:600 12px system-ui,sans-serif;background:#0004;border:1px solid #ffffff55;border-radius:9px;padding:10px 12px;color:#fff8e9;cursor:pointer}.box3d-controls button:hover,.box3d-controls button[aria-pressed=true]{background:#e9b52c;border-color:#e9b52c;color:#302416}.box3d-controls .box3d-zoom{font-size:18px;min-width:40px;padding:5px 10px}#box-image-dialog :focus-visible{outline:3px solid #bc861e;outline-offset:3px}.box3d-caption{flex-shrink:0;text-align:center;font-size:11px;color:#fff8e9b3;padding:0 20px 20px;margin:0}.box3d-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:480px){.box3d-header{padding:20px 48px 0 18px}.box3d-header h2{font-size:18px}.box3d-header p{font-size:12px}.box3d-controls{gap:6px}.box3d-controls button{padding:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.box3d-model{will-change:auto}}

/* Éclairage des textures, sans filtre pour préserver leur netteté. */
.box3d-face::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,var(--box-light,0)),transparent 65%),rgba(0,0,0,var(--box-shadow,0.08))}

.box3d-left .box3d-texture{transform:rotate(180deg)}

.box3d-top .box3d-texture{transform:rotate(180deg)}

/* Fond emboîté : rebord sous le couvercle, avec une ombre de contact. */
.box3d-back{width:calc(var(--box-base-width) + 1px);height:calc(var(--box-base-height) + 1px);transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--box-depth)/2 + var(--box-lip)))}
.box3d-base-face{background-color:#53371B;box-shadow:none}
.box3d-base-left,.box3d-base-right{width:calc(var(--box-lip) + 1px);height:calc(var(--box-base-height) + 1px)}
.box3d-base-top,.box3d-base-bottom{width:calc(var(--box-base-width) + 1px);height:calc(var(--box-lip) + 1px)}
.box3d-base-left{transform:translate(-50%,-50%) translateZ(calc((var(--box-depth) + var(--box-lip)) / -2)) rotateY(-90deg) translateZ(calc(var(--box-base-width)/2));background-image:linear-gradient(to left,#201108aa,transparent 65%)}
.box3d-base-right{transform:translate(-50%,-50%) translateZ(calc((var(--box-depth) + var(--box-lip)) / -2)) rotateY(90deg) translateZ(calc(var(--box-base-width)/2));background-image:linear-gradient(to right,#201108aa,transparent 65%)}
.box3d-base-top{transform:translate(-50%,-50%) translateZ(calc((var(--box-depth) + var(--box-lip)) / -2)) rotateX(90deg) translateZ(calc(var(--box-base-height)/2));background-image:linear-gradient(to top,#201108aa,transparent 65%)}
.box3d-base-bottom{transform:translate(-50%,-50%) translateZ(calc((var(--box-depth) + var(--box-lip)) / -2)) rotateX(-90deg) translateZ(calc(var(--box-base-height)/2));background-image:linear-gradient(to bottom,#201108aa,transparent 65%)}