.elementor-34429 .elementor-element.elementor-element-663c277.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-34429 .elementor-element.elementor-element-663c277.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-34429 .elementor-element.elementor-element-663c277.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-34429 .elementor-element.elementor-element-663c277.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for theme-page-title, class: .elementor-element-10b66e4 *//* === Stile Invernale per Griglia Prodotti === */

.product-grid {
  background: linear-gradient(180deg, #e9f6ff 0%, #ffffff 100%);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Singolo box prodotto */
.product-card {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(173, 216, 230, 0.3);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 160, 255, 0.2);
  border-color: #00aaff;
}

/* Effetto "ghiaccio" sul titolo */
.product-card h3,
.product-card .product-title {
  color: #005b8f;
  font-weight: 600;
  text-shadow: 0 0 4px rgba(0, 150, 255, 0.2);
}

/* Prezzo */
.product-card .price {
  color: #007acc;
  font-size: 1.2rem;
  font-weight: bold;
}

/* Prezzo barrato (vecchio prezzo) */
.product-card .old-price {
  color: #999;
  text-decoration: line-through;
  font-size: 0.95rem;
}

/* Etichetta sconto con effetto ghiaccio */
.discount-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: linear-gradient(145deg, #00bfff, #0099cc);
  color: #fff;
  font-weight: bold;
  font-size: 0.9rem;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  transform: rotate(-5deg);
}

/* Bottone aggiungi al carrello */
.add-to-cart-button {
  background: linear-gradient(145deg, #00bfff, #007acc);
  border: none;
  color: white;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.add-to-cart-button:hover {
  background: linear-gradient(145deg, #0099cc, #005b8f);
}

/* Effetto neve leggero sullo sfondo */
@keyframes snowflakes {
  0% { background-position: 0 0, 0 0; }
  100% { background-position: 500px 1000px, 1000px 500px; }
}

body.winter-theme {
  background-image: url('https://i.imgur.com/sd4Xh7M.png'), url('https://i.imgur.com/Fz1h3qs.png');
  background-repeat: repeat;
  animation: snowflakes 20s linear infinite;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-08c2368 *//* ===== Palette Invernale ===== */
:root{
  --winter-bg: linear-gradient(180deg,#e9f6ff 0%,#ffffff 100%);
  --winter-card: rgba(255,255,255,0.95);
  --winter-border: rgba(0,153,204,0.28);
  --winter-accent: #00a3e0;
  --winter-accent-dark: #006c9a;
  --winter-text: #0e3a53;
}

/* ===== LISTA PRODOTTI ===== */
.woocommerce ul.products{
  background: var(--winter-bg);
  border-radius: 12px;
  padding: 18px 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Card */
.woocommerce ul.products li.product{
  position: relative;
  background: var(--winter-card);
  border: 2px solid var(--winter-border);
  border-radius: 12px;
  padding: 14px !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.woocommerce ul.products li.product:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(0,163,224,0.18);
  border-color: var(--winter-accent);
}

/* Immagine */
.woocommerce ul.products li.product a img{
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(0,163,224,0.08);
  transition: box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover a img{
  box-shadow: 0 0 0 2px rgba(0,163,224,0.25);
}

/* Titolo */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color: var(--winter-text);
  font-weight: 700;
  text-shadow: 0 0 6px rgba(0,163,224,0.18);
  line-height: 1.2;
}

/* Prezzi */
.woocommerce ul.products li.product .price{
  color: var(--winter-accent-dark) !important;
  font-weight: 700;
  font-size: 1.05rem;
}
.woocommerce ul.products li.product .price del{
  color: #9aa7b2 !important;
  opacity: .95;
}
.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}

/* Badge “In offerta” */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
  left: 10px !important;
  right: auto !important;
  top: 10px !important;
  background: linear-gradient(145deg,#00bfff,#0093cf) !important;
  color:#fff !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  transform: rotate(-5deg);
}

/* Pulsanti loop */
.woocommerce ul.products li.product .button,
.woocommerce a.added_to_cart{
  background: linear-gradient(145deg,var(--winter-accent),var(--winter-accent-dark)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius: 10px !important;
  font-weight:700 !important;
  padding:10px 14px !important;
  transition: filter .2s ease, transform .1s ease;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.added_to_cart:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Fiocchi animati nello sfondo griglia (solo CSS) */
@keyframes winter-snow{
  from{ background-position: 0 0, 0 0; }
  to{   background-position: 600px 1200px, -600px 1200px; }
}
.woocommerce ul.products{
  background-image:
    radial-gradient(rgba(255,255,255,.7) 1px, transparent 2px),
    radial-gradient(rgba(200,230,255,.6) 1px, transparent 2px);
  background-size: 24px 24px, 30px 30px;
  animation: winter-snow 35s linear infinite;
}

/* ===== SINGOLO PRODOTTO ===== */
.single-product .product{
  background: var(--winter-bg);
  border-radius: 12px;
  padding: 18px;
}
.single-product .product .images img{
  border-radius: 12px;
  box-shadow: 0 0 0 2px rgba(0,163,224,0.12);
}
.single-product .summary .product_title{
  color: var(--winter-text);
  text-shadow: 0 0 6px rgba(0,163,224,0.18);
  font-weight:800;
}
.single-product .summary .price{
  color: var(--winter-accent-dark);
  font-weight:800;
  font-size: 1.2rem;
}
.single-product .summary .price del{
  color:#9aa7b2;
}
.single-product .summary .single_add_to_cart_button,
.single-product .summary .button{
  background: linear-gradient(145deg,var(--winter-accent),var(--winter-accent-dark)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius: 10px !important;
  font-weight:700 !important;
  padding:12px 18px !important;
  transition: filter .2s ease, transform .1s ease;
}
.single-product .summary .single_add_to_cart_button:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* ===== Elementor / Blocchi Gutenberg (compat) ===== */
.elementor-widget-woocommerce-products .products li.product,
.wc-block-grid__products .wc-block-grid__product{
  background: var(--winter-card);
  border: 2px solid var(--winter-border);
  border-radius: 12px;
  padding: 14px;
}/* End custom CSS */