.wtb-elementor-product-image-gallery {
  .wtb-elementor-product-image-gallery__thumbnails {
    height: fit-content;
    --grid-value: 1;
    --gap-value: 0;
    --thumbnail-width: calc(100% / var(--grid-value) - (var(--gap-value) * (var(--grid-value) - 1)) / var(--grid-value));

    gap: var(--gap-value);

    &.layout-flex {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
    }

    &.layout-slider {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      white-space: nowrap;

      &.direction-row {
        overflow-x: auto;
        overflow-y: hidden;
      }

      &.direction-column {
        overflow-x: hidden;
        overflow-y: auto;
      }
    }

    &.layout-grid {
      display: flex;
      flex-wrap: wrap;

      .thumbnail {
        width: var(--thumbnail-width);

        img {
          object-fit: cover;
        }
      }
    }

    .thumbnail {
      display: flex;
      transition: 0.3s ease-in-out;
      aspect-ratio: 1 / 1;
      overflow: hidden;

      &:hover {
        cursor: pointer;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}