html.czoom-lock,html.czoom-lock body{overflow:hidden!important;overscroll-behavior:none}.czoom-trigger{position:absolute;bottom:12px;right:12px;z-index:6;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.82);border-radius:999px;background:#ffffffe0;color:#2a1711;cursor:pointer;opacity:0;transition:opacity .22s ease,transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 4px 16px #0000002e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.czoom-trigger svg{width:17px;height:17px;flex-shrink:0}.cryela-product__image-frame:hover .czoom-trigger{opacity:1}.czoom-trigger:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 22px #0000003d}.czoom-trigger:focus-visible{outline:2px solid #9b0000;outline-offset:2px;opacity:1}@media(hover:none),(max-width:849px){.czoom-trigger{opacity:1;width:33px;height:33px;bottom:8px;right:8px}.czoom-trigger svg{width:14px;height:14px}}.cryela-product__img{cursor:zoom-in}#czoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .24s ease,visibility .24s ease}#czoom-overlay.is-open{visibility:visible;opacity:1}.czoom-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#080301ed;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.czoom-wrap{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.czoom-stage{width:calc(100vw - 140px);height:calc(100vh - 116px);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:6px}@media(max-width:749px){.czoom-stage{width:100vw;height:calc(100svh - 110px);border-radius:0}}.czoom-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:4px}.czoom-img.is-dragging{transition:none!important}.czoom-img.is-animating{transition:transform .14s cubic-bezier(.25,.46,.45,.94)}.czoom-x{position:absolute;top:14px;right:14px;z-index:10;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .22s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.czoom-x svg{width:18px;height:18px}.czoom-x:hover{background:#ffffff38;border-color:#ffffff6b;transform:rotate(90deg) scale(1.06)}.czoom-x:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.czoom-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.czoom-arr svg{width:20px;height:20px}.czoom-arr--l{left:16px}.czoom-arr--r{right:16px}.czoom-arr:hover{background:#ffffff38;border-color:#ffffff6b}.czoom-arr--l:hover{transform:translateY(-50%) translate(-2px)}.czoom-arr--r:hover{transform:translateY(-50%) translate(2px)}.czoom-arr:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}@media(max-width:749px){.czoom-arr{top:auto;bottom:68px;transform:none;width:40px;height:40px}.czoom-arr--l{left:12px}.czoom-arr--r{right:12px}.czoom-arr--l:hover{transform:translate(-2px)}.czoom-arr--r:hover{transform:translate(2px)}}.czoom-bar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080301c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}.czoom-z{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;flex-shrink:0}.czoom-z svg{width:13px;height:13px}.czoom-z:hover{background:#ffffff2e;border-color:#ffffff52;transform:scale(1.1)}.czoom-z:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.czoom-pct{min-width:40px;color:#fff;font-family:var(--cryela-font-body, "Montserrat", Arial, sans-serif);font-size:11.5px;font-weight:700;letter-spacing:.4px;text-align:center}.czoom-sep{width:1px;height:16px;background:#ffffff2e;flex-shrink:0}.czoom-cnt{color:#ffffff8c;font-family:var(--cryela-font-body, "Montserrat", Arial, sans-serif);font-size:11px;letter-spacing:.3px}.czoom-cnt:empty{display:none}.czoom-hint{color:#ffffff61;font-family:var(--cryela-font-body, "Montserrat", Arial, sans-serif);font-size:10px;letter-spacing:.2px;padding-left:4px}@media(max-width:749px){.czoom-hint{display:none}.czoom-bar{bottom:14px;gap:4px;padding:6px 12px}.czoom-z{width:28px;height:28px}.czoom-pct{font-size:11px;min-width:36px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cryela-zoom.css.map */