.main-image {
      max-width: 100%;
      height: auto;
      border-radius: 12px;
      cursor: pointer;
      box-shadow: 0 4px 20px rgba(5, 5, 5, 0.5);
      transition: transform 0.5s ease, opacity 0.5s ease;
    }

    .main-image:hover {
      transform: scale(1.01);
    }

    .thumbnail {
      width: 100px;
      height: 56px;
      object-fit: cover;
      border-radius: 6px;
      opacity: 0.6;
      cursor: pointer;
      transition: opacity 0.3s, transform 0.2s;
      border: 2px solid transparent;
    }

    .thumbnail:hover {
      opacity: 1;
      transform: scale(1.05);
    }

    .thumbnail.active {
      opacity: 1;
      border-color: #00f0ff;
    }