.product_image{position:relative}.book-3d-container{perspective:1500px;width:100%;height:400px;padding:20px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;-webkit-user-select:none;user-select:none}.book-3d-container:active{cursor:ew-resize}.book-3d-wrapper{position:relative;transform-style:preserve-3d;transition:transform .1s ease-out}.book-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d}.book-side{position:absolute;backface-visibility:visible;overflow:hidden}.book-side img{width:100%;height:100%;object-fit:cover;display:block}.book-front{left:0;top:0;transform:translateZ(var(--book-depth, 20px));border-radius:0 4px 4px 0}.book-back{left:0;top:0;transform:translateZ(calc(var(--book-depth, 20px) * -1)) rotateY(180deg);border-radius:4px 0 0 4px}.book-back img{object-fit:fill}.book-spine{width:var(--spine-thickness, 40px);left:0;top:0;transform-origin:left center;transform:rotateY(-90deg) translateZ(0) translate(calc(var(--book-depth, 20px) * -1));background:#e0e0e0;box-shadow:inset 3px 0 8px #0000004d,inset -3px 0 8px #0000004d}.book-spine img{object-fit:cover;width:100%;height:100%;position:relative}.book-spine:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#0000004d,#0000001a 15%,#fff3,#0000001a 85%,#0000004d);pointer-events:none}.book-pages-right{width:var(--spine-thickness, 40px);right:0;top:0;transform-origin:left center;transform:translate(calc(var(--spine-thickness, 40px) - 10px)) translateZ(var(--book-depth, 20px)) rotateY(90deg);background-image:url(/storage/defaults/pages.png);background-size:cover;background-position:center;background-repeat:no-repeat}.book-pages-right:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(0,0,0,.15) 0%,transparent 30%)}.book-inner{left:0;top:0;transform:translateZ(19px) rotateY(180deg);background:#f9f9f9;display:none;align-items:center;justify-content:center;font-size:14px;color:#999;padding:20px;box-sizing:border-box}.book-inner img{object-fit:contain}@media (max-width: 768px){.book-3d-container{height:320px;padding:10px}.book-3d-wrapper{transform:scale(.8)}.book-pages-right{background-size:cover}}.book-3d-toggle{position:absolute;top:10px;right:10px;z-index:10;width:42px;height:42px;background:#f2f2f2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 2px 4px #0000001a}.book-3d-toggle:hover{background:#e0e0e0}.book-3d-toggle.active{background:#88368c}.book-3d-toggle .icon-3d{width:24px;height:24px}.book-3d-toggle.active .icon-3d{filter:brightness(0) invert(1)}.book-3d-hint{text-align:center;font-size:12px;color:#999;margin-top:10px}