/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 01 2025 | 15:09:59 */
/* =========================
   Neon verde + rosé — moderno
   ========================= */

/* Ajuste o seletor abaixo conforme o seu tema:
   ex: .product-card, .woocommerce ul.products li.product .woocommerce-loop-product__link, .product-item */
.product-card,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product .product-thumbnail,
.product-item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px;              /* suave, moderno */
  -webkit-backface-visibility: hidden;
}

/* imagem base (img ou picture img) */
.product-card img,
.woocommerce ul.products li.product img,
.product-item img,
.product-card picture img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transition: transform 0.35s ease, filter 0.35s ease, opacity 0.35s ease;
  will-change: transform, filter, opacity;
  position: relative;
  z-index: 1;
  filter: saturate(1.25) contrast(1.05) brightness(1.03); /* base mais viva */
}

/* overlay em degradê neon verde -> rosé */
.product-card::before,
.woocommerce ul.products li.product .woocommerce-loop-product__link::before,
.product-item::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  /* Degradê vibrante: verde neon -> verde claro -> rosé */
  background: linear-gradient(120deg,
    rgba(0, 255, 127, 0.50) 0%,   /* neon green */
    rgba(0, 255, 194, 0.30) 45%,  /* aqua/green mid */
    rgba(255, 45, 149, 0.30) 100% /* rosé vibrante */
  );
  mix-blend-mode: screen; /* realça as cores de forma moderna */
  opacity: 1;
  transition: transform 0.35s ease, opacity 0.35s ease, background 0.35s ease;
  transform: scale(1);
  border-radius: inherit;
  box-shadow: 0 6px 30px rgba(0, 255, 127, 0.08) inset; /* leve brilho interno */
}

/* Hover: aumentar vivacidade e mudar ângulo do degradê */
.product-card:hover img,
.woocommerce ul.products li.product:hover img,
.product-item:hover img {
  transform: scale(1.05);
  filter: saturate(1.45) contrast(1.08) brightness(1.06);
}

.product-card:hover::before,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__link::before,
.product-item:hover::before {
  transform: scale(1.03);
  background: linear-gradient(200deg,
    rgba(0, 255, 127, 0.62) 0%,
    rgba(0, 255, 194, 0.38) 40%,
    rgba(255, 45, 149, 0.40) 100%);
  box-shadow: 0 18px 60px rgba(0, 255, 127, 0.10), 0 0 30px rgba(255,45,149,0.04);
}

/* Fallback para quando a imagem for background-image (div com bg) */
.product-card .image-bg,
.woocommerce ul.products li.product .image-bg,
.product-item .image-bg {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 200px; /* ajuste */
  overflow: hidden;
}

.product-card .image-bg::before,
.woocommerce ul.products li.product .image-bg::before,
.product-item .image-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(120deg,
    rgba(0,255,127,0.50) 0%,
    rgba(0,255,194,0.30) 45%,
    rgba(255,45,149,0.30) 100%);
  mix-blend-mode: screen;
  border-radius: inherit;
}

/* Versão 'neon extra' (opcional): brilho ao redor do cartão */
.product-card.lc-neon-strong,
.woocommerce ul.products li.product.lc-neon-strong {
  box-shadow: 0 12px 40px rgba(0,255
