/* Description HTML is supplier photos (size charts, lifestyle shots) at native size.
   Flex children default to min-width:auto, so the column grew with the image and
   max-width:100% never applied. Pin the column, then scale every img to it. */
.product-detail-container {
  max-width: 1200px;
  width: 100%;
  overflow-x: hidden;
}
.product-detail-content,
.product-detail-left,
.good-detail,
.good-detail-content,
.container .content .good-detail-content {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
.good-detail-content {
  width: 100% !important;
  overflow-x: auto;
}
.good-detail-content img,
.good-detail-content video,
.good-detail-content iframe {
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  margin: 10px 0 !important;
  object-fit: contain !important;
}
.good-detail-content table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
.good-detail-content td,
.good-detail-content th {
  word-break: break-word;
}
.my-swipe {
  overflow: hidden;
}
.my-swipe .swipe-img {
  max-width: 100%;
  object-fit: contain;
}