/* A projected silhouette falls back across the stone, rather than floating
   beneath the entire rectangular image. Applied to loafers, sandals and bag. */
.depth-wall{display:none;position:absolute;left:-160px;top:0;width:calc(var(--rail-world-width,100%) + 320px);height:67.5%;background:#eae1d2 url('assets/scene/continuous-shelf.webp') left top/100% 148.148% no-repeat;mask-image:linear-gradient(#000 96%,transparent);pointer-events:none;z-index:0;will-change:transform}
.shelf-rail:has(.depth-trial:not([hidden])) .depth-wall{display:block}
.shelf-rail:has(.depth-trial:not([hidden])) .shelf,.shelf-rail:has(.depth-trial:not([hidden])) .rail-end{z-index:1}
.depth-wall{display:none;position:absolute;left:-160px;top:0;width:calc(var(--rail-world-width,100%) + 320px);height:67.5%;background:#eae1d2 url('assets/scene/continuous-shelf.webp') left top/100% 148.148% no-repeat;mask-image:linear-gradient(#000 96%,transparent);pointer-events:none;z-index:0;will-change:transform}
.shelf-rail:has(.depth-trial:not([hidden])) .depth-wall{display:block}
.shelf-rail:has(.depth-trial:not([hidden])) .shelf,.shelf-rail:has(.depth-trial:not([hidden])) .rail-end{z-index:1}
.shelf-rail .depth-trial .object{left:13%;width:74%;height:40%;bottom:24%}
.shelf-rail .depth-wall{left:0;width:var(--rail-world-width,100%);background-size:calc(100% + 320px) 148.148%;will-change:auto}
.depth-trial .sole-projection{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;transform-origin:50% 100%;transform:translate(11px,-2px) skewX(-32deg) scaleY(.23);filter:brightness(0) blur(7px);opacity:.24;z-index:0}
.shelf-rail .depth-trial .object::before{width:calc(var(--ground-width,100%) * .94);height:22px;bottom:-5px;transform:translateX(-50%);background:radial-gradient(ellipse at 25% 48%,#33231866,transparent 58%),radial-gradient(ellipse at 78% 45%,#33231870,transparent 57%);filter:blur(3px)}
.shelf-rail .depth-trial .object::after{width:calc(var(--ground-width,100%) * .91);height:5px;bottom:0;filter:blur(1px);background:linear-gradient(90deg,transparent,#241b1373 8%,#241b1399 28%,#241b1355 50%,#241b1399 80%,transparent);border-radius:50%}
.shelf-rail .depth-trial .product-cutout{filter:sepia(.045) saturate(.94) drop-shadow(0 1px .6px #2c211b66)}
.depth-trial[data-id="358961798712"] .sole-projection{transform:translate(9px,-1px) skewX(-30deg) scaleY(.18);opacity:.21}
.shelf-rail .depth-trial[data-id="358961798712"] .object::after{width:calc(var(--ground-width,100%) * .86)}
.depth-trial[data-id="820794467822"] .sole-projection{transform:translate(11px,-2px) skewX(-30deg) scaleY(.17);opacity:.22}
.shelf-rail .depth-trial[data-id="820794467822"] .object::after{width:calc(var(--ground-width,100%) * .93)}
.depth-trial[data-id="168007818892"] .sole-projection{display:none}
.shelf-rail .depth-trial[data-id="168007818892"] .object::after{left:50%;width:calc(var(--ground-width,100%) * .92);height:7px;bottom:1px;transform:translateX(-50%) rotate(-2.8deg);transform-origin:25% 50%;background:radial-gradient(ellipse,#281e157a 0%,#33251b55 48%,transparent 74%);filter:blur(1px)}
.shelf-rail .depth-trial.bag-shelf .object{left:20%;width:60%;height:62%;bottom:24%}
.depth-trial.bag-shelf .sole-projection{transform:translate(10px,-1px) skewX(-27deg) scaleY(.14);opacity:.20}
.shelf-rail .depth-trial.bag-shelf .object::before{left:37%;width:calc(var(--ground-width,100%) * .60);height:12px;bottom:7%;background:radial-gradient(ellipse,#33231870,transparent 70%);filter:blur(2px)}
.shelf-rail .depth-trial.bag-shelf .object::after{left:66%;width:calc(var(--ground-width,100%) * .55);height:6px}
@media(max-width:600px){.depth-trial .sole-projection{filter:brightness(0) blur(5px);opacity:.23}.shelf-rail .depth-trial .object::before{height:14px;bottom:-3px}}
.shelf-rail .depth-trial[data-id="168007818892"] .object::before{left:50%;width:calc(var(--ground-width,100%) * .93);height:10px;bottom:0;transform:translateX(-50%) rotate(-2.8deg);transform-origin:25% 50%;background:radial-gradient(ellipse,#49332135 0%,transparent 70%);filter:blur(2px)}