/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2025 | 14:01:26 */
/* 1) Overlay degradê azul→vermelho sobre o container das imagens (CSS puro) */
.woocommerce ul.products li.product a,
.woocommerce .products .product a,
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce .product .woocommerce-product-gallery__image,
.woocommerce .product .woocommerce-product-gallery__wrapper {
  position: relative !important;
  overflow: hidden !important;
}

/* camada de degradê por cima da imagem */
.woocommerce ul.products li.product a::after,
.woocommerce .products .product a::after,
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image::after,
.woocommerce .product .woocommerce-product-gallery__image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(0,102,255,0.32), rgba(255,0,0,0.32));
  mix-blend-mode: overlay;       /* experimente 'color-dodge' / 'overlay' / 'multiply' */
  transition: opacity .25s ease-in-out;
  opacity: 1;
}

/* intensificar no hover */
.woocommerce ul.products li.product a:hover::after,
.woocommerce .products .product a:hover::after,
.woocommerce div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:hover::after {
  opacity: 0.7;
}