.product-image {
            max-height: 400px;
            object-fit: cover;
        }
.thumbnail {
            width: 75px;
            height: 75px;
            object-fit: cover;
            border: 2px solid transparent;
            cursor: pointer;
            transition: all 0.2s ease;
        }
.thumbnail:hover, .thumbnail.active {
            opacity: 1;
}
/* up-arrow-button and down-arrow-button for gallery in detailproduct */        

.thumbnails {
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-height: 400px; /* show up to 5 thumbs */
      overflow: hidden;
      scroll-behavior: smooth;
      align-items: center;
}
.arrow {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.2s;
}
.arrow:hover {
      opacity: 1;
}

/* ending up-arrow-button and down-arrow-button for gallery in detailproduct */

/*table */

/*table ending */