/*
  상품상세 대표 이미지 확대(Swiper Zoom, see ProductGallery / DEC-APP-IMAGE-ZOOM).

  Swiper 의 zoom CSS 는 `.swiper-zoom-container` 를 height:100% + flex 로 두고 이미지를
  object-fit:contain 으로 축소한다. 갤러리는 원래 "이미지 width:100% + 높이 auto" 로 잡혀 있어,
  그대로 두면 슬라이드 높이가 무너진다. 그래서 확대 전 기본 레이아웃을 원상태로 되돌린다 —
  확대(핀치·더블탭)는 Swiper 가 transform 으로 처리하므로 이 재정의와 무관하게 동작한다.
*/
.galleryTop .swiper-zoom-container {
  display: block;
  width: 100%;
  height: auto;
}

.galleryTop .swiper-zoom-container > img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: none;
  object-fit: fill;
}

/*
  상세설명 긴 이미지(ZoomableImage) — 각 이미지를 단일 슬라이드 Swiper Zoom 으로 감쌌다.
  세로로 이어지는 원래 모양(이미지 width:100% + 높이 auto)을 유지하고, 확대는 transform 으로만.
*/
.zoomable-image,
.zoomable-image .swiper {
  width: 100%;
}

.zoomable-image .swiper-zoom-container {
  display: block;
  width: 100%;
  height: auto;
}

.zoomable-image .swiper-zoom-container > img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: none;
  object-fit: fill;
}