/* ===============================
   Imagen principal
   =============================== */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
  max-width: 500px;
  width: 100%;
  height: auto;
  border-radius: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* ===============================
   Contenedor de miniaturas SIEMPRE scrollable
   =============================== */
.woocommerce-product-thumbnails-row {
  display: flex;
  flex-wrap: nowrap;           /* 👉 nunca baja de fila */
  overflow-x: auto;            /* 👉 scroll horizontal */
  gap: 10px;
  margin-top: 15px;
  padding-bottom: 5px;
  max-width: 500px;            /* igual que la principal */
  margin-left: auto;
  margin-right: auto;
  scroll-snap-type: x mandatory;
}

.woocommerce-product-thumbnails-row::-webkit-scrollbar {
  display: none; /* oculta scrollbar */
}

/* ===============================
   Miniaturas cuadradas y centradas
   =============================== */
.woocommerce-product-thumbnails-row .woocommerce-product-gallery__image {
  flex: 0 0 90px;   /* ancho fijo miniatura */
  max-width: 90px;
  height: 90px;    /* cuadradas */
  overflow: hidden;
  display: flex;
  align-items: center;        
  justify-content: center;    
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  scroll-snap-align: center;
}

/* Imagen dentro de la miniatura */
.woocommerce-product-thumbnails-row .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;        /* rellena sin deformar */
  object-position: center;
  border-radius: 0px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.woocommerce-product-thumbnails-row .woocommerce-product-gallery__image img:hover {
  transform: scale(1.05);
  border-color: #999;
}