.cart-icon,
.woocommerce-cart-link {
    display: none !important;
}
/* 1) Quitar el zoom/lightbox de WooCommerce al hacer click */
.woocommerce div.product div.images a.woocommerce-product-gallery__trigger,
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
  pointer-events: none !important;
  cursor: default !important;
}

/* 2) Mantener zoom SOLO al pasar el mouse (hover) */
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
  transition: transform .25s ease;
  transform-origin: center center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:hover img {
  transform: scale(1.12);
}
/* ===============================
   MIX SPORT – Efecto premium cards
   =============================== */

/* Grid / tarjetas (Shop + categorías) */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  border-radius: 16px;
  overflow: hidden;
  transform: translateY(0);
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}

/* Hover: levanta suave + sombra premium */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}

/* Contenedor de imagen */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  border-radius: 16px;
  transition: transform .35s ease, filter .35s ease;
  transform: scale(1);
  will-change: transform;
}

/* Zoom sutil al pasar el mouse */
.woocommerce ul.products li.product:hover a img,
.woocommerce-page ul.products li.product:hover a img {
  transform: scale(1.06);
  filter: contrast(1.02) saturate(1.03);
}

/* Texto más limpio y separaciones */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  padding: 10px 12px 0 12px;
  line-height: 1.15;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  padding: 6px 12px 12px 12px;
  font-weight: 700;
}

/* Botón add to cart más fino (si aparece en grid) */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  margin: 10px 12px 14px 12px;
  border-radius: 999px;
  padding: 10px 14px;
  transition: transform .2s ease, filter .2s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* ===============================
   Mantener: NO zoom completo al click
   (por si algún theme/plugin lo vuelve a activar)
   =============================== */
.woocommerce div.product div.images a.woocommerce-product-gallery__trigger {
  display: none !important; /* quita el ícono de lupa */
}

/* evita lightbox si lo reactivan */
.pswp,
.pswp__bg,
.pswp__scroll-wrap {
  display: none !important;
}
/* Mantener Cantidad + Variaciones visibles */
.single-product form.cart .quantity,
.single-product form.cart .variations,
.single-product form.cart .reset_variations {
  display: block !important;
}

/* Ocultar SOLO el botón "Añadir al carrito" */
.single-product .single_add_to_cart_button,
.single-product form.cart button[type="submit"].single_add_to_cart_button {
  display: none !important;
}

/* En productos variables: ocultar SOLO el botón interno de variación */
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  display: none !important;
}

.single-product .joinchat_woo_btn_wrapper .joinchat_woo_btn a::before,
.single-product .joinchat_woo_btn_wrapper .joinchat_woo_btn button::before {
  content: "" !important;
  position: absolute !important;
  top: -40% !important;
  left: -60% !important;
  width: 60% !important;
  height: 180% !important;
  background: linear-gradient(90deg, transparent, rgba(0,255,170,0.20), transparent) !important;
  transform: rotate(18deg) !important;
  animation: mixsport_shine 2.8s linear infinite !important;
  pointer-events: none !important;
	/* Espacio entre categorías y productos */
.woocommerce-page .site-main{
  max-width: 1400px;
  margin: auto;
}

.woocommerce ul.products{
  margin-top: 40px;
}

/* Categorías más limpias */
.woocommerce ul.products li.product-category{
  margin-bottom: 25px;
}
.woocommerce ul.products::before{
  content: "";
  display: block;
  height: 1px;
  background: rgba(0,0,0,0.08);
  margin-bottom: 35px;
}