.view-product{background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.8);color:#fff;cursor:pointer;font:500 9px "DM Mono",monospace;left:15px;letter-spacing:.1em;opacity:0;padding:10px 12px;position:absolute;top:45px;transition:.25s;z-index:2}.product:hover .view-product{opacity:1}.product-view{background:#111;display:grid;grid-template-columns:1.15fr .85fr;left:50%;max-height:min(740px,90vh);max-width:1000px;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-47%);transition:.3s;width:calc(100% - 40px);z-index:12}.product-view.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.view-overlay{background:rgba(0,0,0,.78);inset:0;opacity:0;pointer-events:none;position:fixed;transition:.3s;z-index:11}.view-overlay.show{opacity:1;pointer-events:auto}.view-close{background:none;border:0;color:#fff;cursor:pointer;font-size:30px;font-weight:200;position:absolute;right:18px;top:13px;z-index:2}.view-visual{align-items:center;background:#e9e9e7;display:flex;flex-direction:column;justify-content:center;min-height:600px;overflow:hidden;position:relative}.bracelet-stage{cursor:grab;height:min(430px,55vh);perspective:1000px;width:min(430px,80%)}.bracelet-stage:active{cursor:grabbing}.bracelet-stage img{filter:grayscale(1);height:100%;object-fit:cover;transform:rotateY(var(--turn,0deg)) scaleX(calc(.78 + abs(var(--turn,0deg))/720));transition:transform .08s linear;width:100%}.drag-note{bottom:25px;color:#222;font:500 9px "DM Mono",monospace;letter-spacing:.13em;position:absolute}.view-controls{bottom:16px;display:flex;gap:7px;position:absolute;right:20px}.view-controls button{background:#111;border:0;color:#fff;cursor:pointer;font-size:18px;height:34px;width:34px}.view-details{align-self:center;padding:55px}.view-details h2{font-size:clamp(32px,4vw,54px);margin:0}.view-details>p:not(.eyebrow){color:#b9b9b7;font-size:13px;line-height:1.8;margin:27px 0}.view-add{background:#fff;border:0;color:#111;cursor:pointer;font:500 10px "DM Mono",monospace;letter-spacing:.1em;padding:16px;width:100%}.view-add span{float:right;font-size:15px}@media(max-width:720px){.view-product{opacity:1;left:8px;top:40px}.product-view{grid-template-columns:1fr;max-height:92vh;overflow:auto}.view-visual{min-height:360px}.bracelet-stage{height:290px}.view-details{padding:32px 25px}.view-details>p:not(.eyebrow){margin:16px 0}.view-close{color:#111}.drag-note{bottom:15px}.view-controls{bottom:8px}}