@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";.zjb,.zjb *{box-sizing:border-box}.zjb{--pink: #ff9cd7;--ink: #642b4d;--muted: #8b6880;max-width:1500px;margin:auto;padding:24px 18px 60px;background:#fff!important;color:var(--ink);font-family:Montserrat,Arial,sans-serif!important}.zjb button,.zjb h2,.zjb p,.zjb span{font-family:inherit}.zjb button{cursor:pointer}.zjb-layout{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(210px,270px);gap:20px;align-items:start}.zjb-subtitle{font-size:14px;letter-spacing:.09em;font-weight:800;margin:14px 0 10px}.zjb-caption,.zjb-instructions{font-size:12px;line-height:1.7;color:var(--muted)}.zjb-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.zjb-charm{display:flex;position:relative;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 11px;min-width:0;border:1px solid #f2e0ea;background:#fff;border-radius:14px;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}.zjb-charm-image{display:grid;place-items:center;width:100%;aspect-ratio:1}.zjb-charm-image img{width:87%;height:87%;object-fit:contain}.zjb-charm-name{font-size:10px;font-weight:700;text-align:center}.zjb-charm-price{font-size:11px;color:var(--muted)}.zjb-charm-plus{position:absolute;right:7px;top:5px;font-weight:700;color:#d874ac}.zjb-center{min-width:0}.zjb-viewport{position:relative;width:100%;max-width:660px;margin:auto;aspect-ratio:1199 / 1312;isolation:isolate;overflow:hidden;background:#fff}.zjb-webgl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.zjb-fallback{position:absolute;top:15%;right:10%;bottom:15%;left:10%;display:grid;place-items:center;padding:18px;text-align:center;color:var(--muted);font-size:13px}.zjb-viewport.is-loaded .zjb-fallback{display:none}.zjb-photo-box{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;perspective:900px}.zjb-box-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:opacity,transform}.zjb-static-base{z-index:1;clip-path:none!important;opacity:0;transform:translateY(3%) scale(.955) rotateX(-5deg);transition:opacity .9s ease,transform 1.18s cubic-bezier(.18,.7,.23,1)}.zjb-photo-box.is-open .zjb-static-base{opacity:1;transform:none}.zjb-static-open-top{display:none!important}.zjb-lid-pivot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:1;overflow:hidden;clip-path:none!important;transform-origin:center;transform:none;pointer-events:none;transition:opacity .72s ease,transform 1.12s cubic-bezier(.25,.65,.2,1);will-change:opacity,transform}.zjb-closed-lid-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.zjb-photo-box.is-open .zjb-lid-pivot{opacity:0;transform:translateY(-7%) scale(.88) rotateX(-27deg)}.zjb-photo-box:not(.is-open) .zjb-lid-pivot{opacity:1;transform:none}.zjb-photo-logo,.zjb-logo-open,.zjb-logo-closed{display:none!important}.zjb-artwork{position:absolute;left:18%;top:48%;width:64%;height:28%;z-index:4;opacity:0;transform:translateY(12px) scale(.92);transition:opacity .42s ease,transform .62s cubic-bezier(.21,.7,.25,1);pointer-events:none}.zjb[data-jewelry-kind=necklace] .zjb-artwork{left:14%;top:48%;width:72%;height:32%}.zjb-photo-box.is-open .zjb-artwork{opacity:1;transform:none;transition-delay:.75s}.zjb-chain-stage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}.zjb-chain-svg,.zjb-chain-image,.zjb-jewel-pieces{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.zjb-chain-svg{z-index:1;pointer-events:none;transition:opacity .18s ease}.zjb-chain-image{z-index:1;display:block;object-fit:fill;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .18s ease}.zjb-jewel-pieces{z-index:3;pointer-events:none}.zjb-link-overlays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.zjb-link-overlap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.zjb-attached{position:absolute;width:15%;height:auto;min-width:24px;max-width:96px;transform:translate(-50%);transform-origin:50% 0;opacity:1;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform}.zjb-attached img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform-origin:50% 3%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 2px #5236202e)}.zjb-attached.is-dragging{cursor:grabbing;z-index:8!important;filter:drop-shadow(0 5px 3px #52362044)}.zjb-attached .zjb-ring{display:none!important}.zjb-box-action{position:relative;display:block;margin:14px auto 4px;left:auto;bottom:auto;transform:none;z-index:10;padding:10px 24px;border:1px solid #f2d2e1;border-radius:25px;background:#fff;color:#924f75;font-size:12px;font-weight:700}.zjb-instructions{text-align:center;margin:9px auto 12px;max-width:550px}.zjb-selected{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;min-height:10px}.zjb-selected button{background:#fff;border:1px solid #efd0df;border-radius:18px;color:#7b4b66;font-size:10px;padding:6px 9px}.zjb-clear{display:block;margin:13px auto 0;border:0;background:transparent;text-decoration:underline;color:#ac6089;font-size:11px}.zjb-type{display:flex;gap:9px;margin:17px 0}.zjb-type button{flex:1;padding:10px 6px;border:1px solid #f1c5d9;background:#fff;border-radius:28px;color:#7d4a67;font-size:12px;font-weight:700}.zjb-type button.is-active{background:var(--pink);border-color:var(--pink);color:#fff}.zjb-summary{margin:25px 0 17px;display:grid;gap:12px}.zjb-summary>div{display:flex;justify-content:space-between;font-size:12px;gap:10px}.zjb-total{display:grid;gap:9px;padding:25px 11px;border-radius:18px;background:var(--pink);color:#fff;text-align:center}.zjb-total span{font-size:11px;font-weight:800;letter-spacing:.12em}.zjb-total strong{font-size:clamp(30px,3.4vw,49px);line-height:1.14}.zjb-total small{font-size:10px}.zjb-add{display:block;width:100%;margin-top:14px;border:0;border-radius:35px;background:var(--pink);color:#fff;padding:17px 8px;font-size:13px;font-weight:800;letter-spacing:.07em}.zjb-add:disabled{opacity:.6;cursor:wait}.zjb-status{min-height:20px;margin-top:10px;font-size:11px;line-height:1.6;text-align:center;color:#895a77}.zjb-drag-preview{position:fixed;left:-100px;top:-100px;width:44px;height:55px;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2147483640;filter:drop-shadow(0 5px 3px #55302345);will-change:left,top}.zjb-is-dragging,.zjb-is-dragging *{cursor:grabbing!important}.zjb-chain-stage.is-drop-target{filter:drop-shadow(0 0 5px #ff9cd7aa)}.zjb button:focus-visible,.zjb-attached:focus-visible{outline:3px solid #78345d;outline-offset:2px}@media(max-width:900px){.zjb{padding:10px 12px 50px}.zjb-layout{grid-template-columns:170px minmax(0,1fr) 220px;gap:9px}}@media(max-width:760px){.zjb-layout{display:flex;flex-direction:column;gap:15px}.zjb-center{order:1;width:100%}.zjb-charms{order:2;width:100%}.zjb-checkout{order:3;width:100%}.zjb-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.zjb-viewport{width:100%}.zjb-subtitle{text-align:center}.zjb-artwork{left:15%;top:48%;width:70%;height:27%}.zjb[data-jewelry-kind=necklace] .zjb-artwork{left:12%;top:48%;width:76%;height:32%}.zjb-attached{width:15%;min-width:22px;max-width:80px}}@media(max-width:430px){.zjb-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.zjb *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/zova-jewelry-builder.css.map */