/* ==========================================================================
   ECLIPSEMC — 05. PRODOTTI + CATEGORIE
   Carica come nuovo Asset CSS chiamato: eclipsemc-products.css
   Classi reali da package-entry.twig: .store-product, .store-category-tiered
   ========================================================================== */

.store-product{
  background: var(--color-brighter-bg) !important;
  border: 1px solid rgba(139,92,246,.2) !important;
  transition: transform .2s, border-color .2s !important;
}
.store-product:hover{
  transform: translateY(-4px) !important;
  border-color: var(--color-primary) !important;
}
.store-product .product-title a{
  color:#fff !important;
}
.store-product .image-default{
  background: linear-gradient(135deg, rgba(124,58,237,.25), rgba(59,130,246,.15)) !important;
}
.store-product .countdown{
  background: linear-gradient(135deg,#7c3aed,#c026d3) !important;
  color:#fff !important;
}

.store-category-tiered{
  background: var(--color-brighter-bg) !important;
  border: 1px solid rgba(139,92,246,.2) !important;
}

.store-text, .category-description{
  background: var(--color-brighter-bg) !important;
  color: var(--color-text-secondary) !important;
}