/* Mobile responsive preview: make product gallery thumbnails clear and tappable. */
@media (max-width: 959px) {
  html body #content .image-additional {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 4px 16px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    box-sizing: border-box !important;
  }
  html body #content .image-additional a {
    display: block !important;
    flex: 0 0 108px !important;
    width: 108px !important;
    max-width: 108px !important;
    height: 108px !important;
    margin: 0 !important;
    padding: 5px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }
  html body #content .image-additional a img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
}