:root {
  --product-image-ratio: 1;
}

.woocommerce-js .product .media img,
.woocommerce-js .product .related img,
.woocommerce-js .product figure img {
  --product-gap: 0px;
  aspect-ratio: 1;
  aspect-ratio: var(--product-image-ratio);
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: var(--product-gap);
}

.woocommerce-js .product figure img {
  --product-gap: 0;
  width: 100%;
}

/**
 * Main image
 */

.woocommerce-product-gallery__image {
  width: auto;
  background: var(--color-white);
  border-radius: var(--product-border-radius);
  overflow: hidden;
}

.woocommerce-product-gallery__image img {
  margin-left: auto;
  margin-right: auto;
}

/**
 * Thumbnails
 */

.woocommerce-product-gallery .flex-control-nav {
  --product-gap: 0.625rem;
  --list-bullet-margin: 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--product-gap);
  gap: var(--product-gap);
  margin-top: var(--product-gap);
}

.woocommerce-product-gallery .flex-control-nav li {
    background: var(--color-white);
    border-radius: calc(var(--product-border-radius)/2);
    overflow: hidden;
  }

.woocommerce-product-gallery .flex-control-nav li::before {
      display: none;
    }

.woocommerce-product-gallery .flex-control-nav img {
    max-width: clamp(4rem, 8vw, 5.6rem);
  }

.woocommerce-product-gallery .flex-control-nav img:not(.flex-active) {
    opacity: 0.5;
    cursor: pointer;
  }