/* ITALIO v7.2 — product-view fit correction.
   Every detail image is normalized to a 1600×1200 (4:3) safe canvas.
   The gallery is intentionally viewport-bounded so all view choices remain reachable on laptops. */
:root{--v72-viewer-bg:#f7f6f2}

.v70-detail-layout{
  grid-template-columns:minmax(0,1.5fr) minmax(330px,.72fr);
  gap:42px;
  align-items:start;
}
.v70-detail-gallery{
  grid-template-columns:96px minmax(0,1fr);
  gap:14px;
  height:clamp(350px,46vh,480px);
  min-width:0;
}
.v70-main-image-wrap{
  height:100%;
  min-height:0;
  overflow:hidden;
  background:var(--v72-viewer-bg);
  border-radius:20px;
}
.v70-main-image-wrap img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  object-position:center!important;
}
.v70-detail-thumbs{
  height:100%;
  max-height:100%;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.v70-detail-thumbs button{padding:5px;border-radius:10px}
.v70-detail-thumbs img{
  aspect-ratio:4/3;
  object-fit:contain!important;
  background:var(--v72-viewer-bg);
}
.v70-detail-info{position:relative}
.v70-image-fit-note{display:none}

@media(max-width:1100px){
  .v70-detail-layout{grid-template-columns:1fr;gap:30px}
  .v70-detail-gallery{height:clamp(340px,48vh,460px)}
}
@media(max-width:720px){
  .v70-detail-gallery{height:auto;display:flex;flex-direction:column;gap:10px}
  .v70-main-image-wrap{height:auto;aspect-ratio:4/3;min-height:0;max-height:none}
  .v70-thumb-column{height:auto}
  .v70-detail-thumbs{height:auto;max-height:none;overflow-x:auto;overflow-y:hidden}
  .v70-detail-thumbs img{object-fit:contain!important}
}