/* Winnie’s Closet – Product gallery (Patch 016)
   Constrain main image so it doesn't appear gigantic on large monitors.
*/
.product-main-image{
  background:#f3f3f3;
  border-radius:10px;
  overflow:hidden;
  max-height: 520px;
}
.product-main-image img{
  width:100%;
  max-height:520px;
  height:auto;
  display:block;
  object-fit:contain;
}
.product-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(72px,1fr));
  gap:10px;
  margin-top:14px;
}
.product-gallery .thumb{
  border:2px solid transparent;
  border-radius:8px;
  overflow:hidden;
  cursor:pointer;
  background:#f3f3f3;
}
.product-gallery .thumb img{
  width:100%;
  height:72px;
  object-fit:cover;
  display:block;
}
.product-gallery .thumb.is-active{
  border-color:var(--accent);
}

/* --- Patch 020: Hover/click zoom on main product image --- */
.zoom-frame{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.zoom-frame img{
  cursor: zoom-in;
  transition: transform 80ms ease-out;
  transform-origin: 50% 50%;
}
.zoom-frame.is-zoomed img{
  cursor: zoom-out;
  transform: scale(2.6);
}
.zoom-hint{
  margin-top: 8px;
  font-size: 0.9rem;
  color: var(--muted);
}