/* ---- zoom de producto ---- */
.main-image-wrapper { position: relative; }
.main-image-wrapper.zoomable { cursor: zoom-in; }
.main-image-wrapper img { transition: transform .25s ease-out; will-change: transform; }
.main-image-wrapper img.zooming { transform: scale(2.1); animation: none; }
.zoom-hint { position: absolute; right: 10px; bottom: 10px; padding: 5px 10px; font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: #bbb; background: rgba(0,0,0,.65); border: 1px solid var(--line); pointer-events: none; }
@media (hover: hover) { .zoom-hint { display: none; } }
.lightbox { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.96); }
.lightbox[hidden] { display: none; }
.lb-stage { width: 100%; height: 100%; overflow: auto; display: flex; -webkit-overflow-scrolling: touch; }
.lb-stage img { margin: auto; max-width: 100%; max-height: 100%; object-fit: contain; cursor: zoom-in; flex: none; }
.lb-stage.zoomed img { max-width: none; max-height: none; width: 220%; cursor: zoom-out; margin: 0; }
.lb-close, .lb-nav { position: absolute; z-index: 2; background: rgba(0,0,0,.55); color: #fff; border: 1px solid var(--line-strong); cursor: pointer; line-height: 1; }
.lb-close { top: 14px; right: 14px; width: 44px; height: 44px; font-size: 1.8rem; }
.lb-nav { top: 50%; width: 44px; height: 64px; margin-top: -32px; font-size: 2.2rem; }
.lb-prev { left: 10px; } .lb-next { right: 10px; }
.lb-nav[hidden] { display: none; }
.lb-tip { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; color: #888; pointer-events: none; }