/* GOTO - Zoom de producto: botón Ampliar + visor gigante */
.images-container{position:relative}
.gz-btn{position:absolute;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:#141414;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.gz-btn:hover{background:#333}
.gz-btn svg{width:18px;height:18px;flex:0 0 18px}
.gz-view{position:fixed;inset:0;z-index:100000;background:#fff;display:none;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
.gz-view.open{display:block}
.gz-view .gz-stage{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center}
.gz-view img{display:block;max-width:none!important;height:auto;user-select:none;-webkit-user-drag:none}
.gz-close,.gz-nav{position:fixed;z-index:100001;border:0;background:#141414;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.gz-close{top:14px;right:14px;width:46px;height:46px;font-size:30px;line-height:1}
.gz-nav{top:50%;margin-top:-24px;width:48px;height:48px;font-size:30px;line-height:1}
.gz-prev{left:14px}.gz-next{right:14px}
.gz-count{position:fixed;z-index:100001;bottom:16px;left:50%;transform:translateX(-50%);background:#141414;color:#fff;border-radius:999px;padding:6px 14px;font-size:13px}
body.gz-lock{overflow:hidden!important}

.product-cover{position:relative}
.gz-btn.gz-static{right:14px;bottom:14px;top:auto;left:auto}
@media (max-width:767px){.gz-btn.gz-static{right:10px;bottom:10px;padding:9px 14px;font-size:12px}}

.gz-btn.gz-static{display:none!important}
.images-container > .gz-btn.gz-float{top:14px;right:14px;bottom:auto;left:auto}
@media (max-width:767px){.images-container > .gz-btn.gz-float{top:10px;right:10px;padding:9px 14px;font-size:12px}}


/* efecto: círculo que se abre desde el botón + la foto vuela desde su sitio */
.gz-view{background:#fff;clip-path:circle(0 at var(--gx,50%) var(--gy,50%));transition:clip-path .7s cubic-bezier(.22,1,.36,1)}
.gz-view.in{clip-path:circle(150vmax at var(--gx,50%) var(--gy,50%))}
.gz-view.gz-drag{cursor:grabbing}
.gz-view img{cursor:grab;will-change:transform;border-radius:0}
.gz-close,.gz-nav,.gz-count{opacity:0;transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.gz-close{transform:scale(.6) rotate(-90deg)}
.gz-close.gz-show{opacity:1;transform:none;transition-delay:.35s}
.gz-nav.gz-show{opacity:1;transition-delay:.45s}
.gz-prev{transform:translateX(-20px)}.gz-next{transform:translateX(20px)}
.gz-prev.gz-show,.gz-next.gz-show{transform:none}
.gz-count{transform:translate(-50%,16px)}
.gz-count.gz-show{opacity:1;transform:translate(-50%,0);transition-delay:.5s}
.gz-close:hover{transform:rotate(90deg)}
.gz-nav:hover{background:#333}
.gz-btn{transition:transform .2s ease,background .2s}
.gz-btn:hover{transform:scale(1.05)}
.gz-btn:active{transform:scale(.93)}
@media (prefers-reduced-motion:reduce){.gz-view,.gz-close,.gz-nav,.gz-count{transition:none!important}}

/* sin efectos: aparición directa */
.gz-view,.gz-view.in{clip-path:none!important;transition:none!important;opacity:1!important}
.gz-view img,.gz-close,.gz-nav,.gz-count{transition:none!important}
.gz-close.gz-show,.gz-nav.gz-show,.gz-count.gz-show{opacity:1!important;transform:none!important}
.gz-count.gz-show{transform:translateX(-50%)!important}

/* visor: la foto siempre centrada, sin desplazarse hacia abajo */
.gz-view{overflow:auto}
.gz-view .gz-stage{display:grid!important;place-items:center;min-width:100%;min-height:100%;width:max-content;height:max-content;margin:0 auto}
.gz-view img{position:static!important;margin:auto;transform:none!important}

/* foto entera al abrir; clic para acercar/alejar */
.gz-view img{cursor:zoom-in}
.gz-view.gz-zoomed img{cursor:zoom-out}
.gz-view.gz-zoomed.gz-drag img{cursor:grabbing}
.gz-hint-txt{position:fixed;z-index:100001;top:22px;left:50%;transform:translateX(-50%);font-size:12px;color:#777;letter-spacing:.04em}