@charset "UTF-8";
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap');
      
        
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .product-card {
            transition: all 0.3s ease;
        }
        
        .region-filter.active {
            background-color: #e11d48;
            color: white;
        }
        
        .cart-preview {
            transition: all 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        
        .cart-preview.open {
            max-height: 500px;
        }
        
        /* Animazione pulsante carrello */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        
        .cart-pulse {
            animation: pulse 0.5s ease;
        }
        
        #notifica {
		  position: fixed;
		  top: 20px;
		  right: 20px;
		  background-color: #333;
		  color: #fff;
		  padding: 12px 20px;
		  border-radius: 8px;
		  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
		  font-family: sans-serif;
		  display: none;
		  z-index: 9999;
		  animation: fadein 0.5s, fadeout 0.5s 2.5s;
		}
		
		@keyframes fadein {
		  from { opacity: 0; top: 0px; }
		  to { opacity: 1; top: 20px; }
		}
		@keyframes fadeout {
		  from { opacity: 1; top: 20px; }
		  to { opacity: 0; top: 0px; }
		}
		 .sitem      { display:flex; align-items:center; gap:.75rem; padding:.5rem .75rem; cursor:pointer; }
  .sitem:hover{ background:#fff1f2; } /* red-50 */
  .simg       { width:40px; height:40px; border-radius:.5rem; object-fit:cover; flex:0 0 auto; }
  .sname      { font-weight:500; color:#1f2937; } /* gray-800 */
  .sbadge     { font-size:.75rem; padding:.125rem .5rem; border-radius:9999px; background:#fee2e2; color:#991b1b; } /* red-100/red-800 */