/* Desert Frame Studio v1.4.2 — realistic moulding renderer */
.miterFrame{position:relative;filter:drop-shadow(0 18px 18px rgba(0,0,0,.20));transition:transform .3s ease}
.miterFrame .rail{position:absolute;z-index:4;background-color:#3d2b1d;background-repeat:repeat;background-size:180px auto;box-shadow:inset 0 0 4px rgba(0,0,0,.25)}
.miterFrame .rail.top,.miterFrame .rail.bottom{left:0;right:0}
.miterFrame .rail.left,.miterFrame .rail.right{top:0;bottom:0}
.miterFrame .rail.top{top:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--fw)) 100%,var(--fw) 100%)}
.miterFrame .rail.bottom{bottom:0;clip-path:polygon(var(--fw) 0,calc(100% - var(--fw)) 0,100% 100%,0 100%);transform:rotate(180deg)}
.miterFrame .rail.left{left:0;clip-path:polygon(0 0,100% var(--fw),100% calc(100% - var(--fw)),0 100%);background-size:auto 180px}
.miterFrame .rail.right{right:0;clip-path:polygon(0 var(--fw),100% 0,100% 100%,0 calc(100% - var(--fw)));background-size:auto 180px;transform:rotate(180deg)}
.miterFrame .frameInside{position:absolute;z-index:2}
.miterFrame .depthRight{position:absolute;z-index:1;right:calc(var(--depth) * -1);top:var(--fw);width:var(--depth);bottom:var(--fw);background:#5a4636;transform:skewY(35deg);transform-origin:left top;opacity:0}
.miterFrame .depthBottom{position:absolute;z-index:1;left:var(--fw);right:var(--fw);bottom:calc(var(--depth) * -1);height:var(--depth);background:#49372a;transform:skewX(55deg);transform-origin:left top;opacity:0}
.product.perspective .depthRight,.product.perspective .depthBottom,.product.side .depthRight,.product.side .depthBottom{opacity:1}
.product.side .miterFrame{filter:drop-shadow(8px 18px 14px rgba(0,0,0,.22))}
.roomScene .product{transform:scale(.72)}
.roomScene:before{content:"";position:absolute;left:8%;bottom:10%;width:36%;height:21%;background:#c8bba9;border-radius:8px 8px 2px 2px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.roomScene:after{content:"";position:absolute;right:9%;bottom:8%;width:11%;height:31%;background:linear-gradient(90deg,#b8aa97,#d3c7b7);border-radius:4px}
.canvasFloatShell{position:absolute;inset:-24px;border:12px solid #24211e;box-shadow:0 18px 28px rgba(0,0,0,.18);pointer-events:none}
.canvasFloatGap{position:absolute;inset:-12px;border:12px solid #e7e0d6;pointer-events:none}
.liveZeroWarning{display:none;margin:10px 0 0;padding:9px 11px;border-radius:9px;background:#fff2cf;color:#6b4b00;font-size:11px}
.liveZeroWarning.show{display:block}