/* The room is drawn in CSS; the isolated products retain their photographic texture. */
.shelf-board{--stage-height:clamp(260px,25vw,350px);position:relative;padding:24px 5% 0;border-radius:8px;background:linear-gradient(120deg,#ffffff32,transparent 65%),var(--board,#f1b3cf);box-shadow:inset 0 0 0 1px #20255e14;overflow:hidden}.shelf-board-top{position:relative;margin:0;padding:0 3px;font-size:10px;min-height:26px}.shelf-items{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;margin-top:14px;padding:0 0 24px;border:0;isolation:isolate}.shelf-piece,.shelf-piece:hover{display:block;position:relative;min-width:0;transform:none!important;transition:none;z-index:2}.shelf-piece>.shelf-object-link{display:flex;align-items:flex-end;justify-content:center;position:relative;height:var(--stage-height);width:100%;padding:0;isolation:isolate;transform-origin:50% 100%;touch-action:pan-y}.shelf-object-link:before{content:'';position:absolute;width:calc(var(--foot)*100%);height:13px;bottom:-4px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#523c304d,transparent 72%);z-index:0;pointer-events:none}.shelf-piece .shelf-cutout{position:relative;display:block;width:auto;height:calc(var(--stage-height)*var(--object-height));max-width:96%;max-height:90%;object-fit:contain;object-position:center bottom;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none;filter:drop-shadow(5px 4px 5px #31202c17);z-index:1;user-select:none;-webkit-user-drag:none;transition:filter .3s}.shelf-object-link:hover .shelf-cutout{filter:drop-shadow(7px 6px 6px #31202c25)}.shelf-ledge{position:absolute;left:-26px;right:-26px;top:var(--stage-height);height:23px;z-index:1;background:linear-gradient(#edbd86,#d99c63);border-bottom:1px solid #b47a4c;border-radius:1px 1px 3px 3px;box-shadow:0 17px 15px -9px #68414f4d;pointer-events:none}.shelf-ledge:before{content:'';position:absolute;left:0;right:0;top:-15px;height:16px;background:linear-gradient(#f8d9ae,#f3cc98);clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}.shelf-ledge:after{content:'';position:absolute;inset:2px 0 auto;height:2px;background:#f8d7a960}.shelf-ledge>i{position:absolute;top:22px;width:28px;height:32px;border-left:7px solid #92726e;border-bottom:7px solid #92726e;border-radius:0 0 0 3px;box-shadow:-3px 4px 3px #68414f19}.shelf-ledge>i:first-child{left:17%}.shelf-ledge>i:last-child{right:17%}.shelf-label{padding-top:57px;text-align:center;min-height:137px}.shelf-label>a{display:block;font-size:13px;font-weight:600;line-height:1.5;min-height:42px}.shelf-label>a:hover{text-decoration:underline;text-underline-offset:3px}.shelf-label>a>span{display:block;margin:3px 0 0;font-size:11px;line-height:1.4;font-weight:400;min-height:0}.shelf-label .shelf-swap{display:flex;min-height:40px;padding:6px 15px;margin:10px auto 0;font-size:10px}.shelf-label .shelf-swap>span{display:inline;margin:0;line-height:1;font-size:16px;min-height:0}.shelf-bottom{position:relative;border-top:1px solid var(--line);padding:20px 0 24px}.shelf-bottom .swatches{margin:0}.shelf-hint{font-size:10px}.shelf-doodle{color:var(--blue)}
.shelf-piece .shelf-cutout{aspect-ratio:auto}
@media(max-width:1100px){.shelf-board{padding-inline:4%}.shelf-items{gap:20px}.shelf-label>a{font-size:12px}.shelf-ledge{left:-19px;right:-19px}}
@media(max-width:800px){.shelf-board{--stage-height:clamp(140px,42vw,190px);padding:19px 15px 0;border-radius:7px}.shelf-board-top{font-size:8px;gap:8px;min-height:25px;padding:0 2px}.shelf-items{gap:10px;margin-top:12px;padding-bottom:19px}.shelf-piece .shelf-cutout{border:0;max-width:98%;filter:drop-shadow(3px 3px 3px #31202c17)}.shelf-object-link:before{height:8px;bottom:-3px}.shelf-ledge{left:-9px;right:-9px;height:16px;box-shadow:0 13px 12px -8px #68414f4d}.shelf-ledge:before{top:-10px;height:11px}.shelf-ledge>i{top:16px;width:18px;height:23px;border-width:5px}.shelf-label{padding-top:43px;min-height:129px}.shelf-label>a{font-size:10px;line-height:1.5;min-height:45px}.shelf-label>a>span{font-size:10px;min-height:0;line-height:1.4;margin-top:3px}.shelf-label .shelf-swap{font-size:9px;min-height:40px;gap:7px;padding:6px 12px;margin-top:9px}.shelf-label .shelf-swap>span{font-size:15px}.shelf-bottom{padding:17px 0 20px}.shelf-bottom .swatches{margin-bottom:17px}.shelf-bottom .shelf-actions{gap:12px}.shelf-hint{font-size:9px}.shelf-board-top .shelf-doodle{font-size:24px}}
@media(max-width:359px){.shelf-board{padding-inline:11px}.shelf-items{gap:7px}.shelf-board-top{font-size:7px;padding:0 2px}.shelf-label>a{font-size:9px;min-height:43px}.shelf-label>a>span{font-size:9px}.shelf-label .shelf-swap{font-size:9px;padding-inline:10px;gap:6px}.shelf-label{min-height:127px}.shelf-ledge{left:-6px;right:-6px}}
@media(prefers-reduced-motion:reduce){.shelf-object-link,.shelf-cutout{transition:none!important}.shelf-object-link:hover .shelf-cutout{filter:drop-shadow(3px 3px 3px #31202c17)}}