.product-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}
.gallery-stage{position:relative;min-width:0}.gallery-thumbs{display:flex;flex-direction:column;gap:10px;margin:0}.gallery-thumb{width:76px;height:76px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer}.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--coral)}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}.gallery-stage .detail-img{overflow:hidden}.gallery-stage .detail-img img{display:block;width:100%;height:100%;object-fit:cover}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);font-size:34px;line-height:34px;box-shadow:0 5px 18px rgba(16,24,40,.18)}.gallery-prev{left:13px}.gallery-next{right:13px}
.gallery-zoom-trigger{border:0;padding:0;width:100%;cursor:zoom-in}.gallery-lightbox{position:fixed;inset:0;z-index:100;background:rgba(16,24,40,.88);display:grid;place-items:center;padding:32px}.gallery-lightbox img{max-width:min(88vw,1100px);max-height:88vh;object-fit:contain;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.4)}.lightbox-close{position:absolute;right:22px;top:16px;border:0;background:transparent;color:white;font-size:42px;line-height:1;cursor:pointer}.lightbox-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:46px;line-height:42px;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer}.lightbox-nav:hover{background:var(--coral);color:#fff}.lightbox-prev{left:24px}.lightbox-next{right:24px}
@media(max-width:850px){.product-gallery{display:flex;flex-direction:column}.gallery-stage{order:1;width:100%}.gallery-stage .detail-img{height:min(78vw,420px);min-height:280px;display:grid;place-items:center;background:#fff6f2}.gallery-stage .detail-img img{width:100%;height:100%;object-fit:contain;object-position:center}.gallery-thumbs{order:2;flex-direction:row;overflow:auto;width:100%;padding-bottom:2px}.gallery-thumb{flex:0 0 64px;width:64px;height:64px}.gallery-nav{width:38px;height:38px}.gallery-lightbox{padding:12px;display:flex;align-items:center;justify-content:center}.gallery-lightbox img{width:auto;height:auto;max-width:92vw;max-height:calc(100dvh - 92px);object-fit:contain;object-position:center}.lightbox-nav{width:42px;height:42px;font-size:38px;line-height:34px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
.gallery-many{grid-template-columns:1fr}.gallery-many .gallery-stage{order:1}.gallery-many .gallery-thumbs{order:2;flex-direction:row;overflow-x:auto;padding-bottom:4px}.gallery-many .gallery-thumb{flex:0 0 64px;width:64px;height:64px}