.packaging-scene{position:relative;aspect-ratio:16/9;background:#f7f7f7;overflow:hidden;isolation:isolate;border:0;box-shadow:none;margin-top:-1px}
.packaging-scene::before,.packaging-scene::after{content:'';position:absolute;left:0;right:0;height:3px;background:#f7f7f7;pointer-events:none;z-index:5}
.packaging-scene::before{top:0}.packaging-scene::after{bottom:0}
.packaging-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.packaging-wall{position:absolute;left:5%;top:39%;width:90%;height:52%;overflow:hidden}
.packaging-column{display:contents}
.packaging-card{position:absolute;left:0;top:6%;width:22%;height:85%;padding:0;border:0;background:transparent;cursor:zoom-in;will-change:transform;transform-origin:center;backface-visibility:hidden}
.packaging-card img{display:block;width:100%;height:100%;object-fit:contain}
.packaging-card:focus-visible{outline:2px solid #00aeef;outline-offset:4px}
.render-scene{border:0;box-shadow:none}
.render-scene::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#f7f7f7;pointer-events:none;z-index:5}
@media(max-width:760px){.packaging-scene{aspect-ratio:4/5}.packaging-background{object-fit:cover;object-position:center top}.packaging-wall{left:2%;width:96%;top:39%;height:53%}.packaging-card{width:38%}}