/* Prodotti Iconici */
.mn-products{background:var(--mn-cream)}

.mn-products__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:750px){.mn-products__grid{gap:1.25rem}}
@media(min-width:990px){.mn-products__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}

.mn-products__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:.375rem;overflow:hidden;background:var(--mn-warm-white);transition:all .3s ease}
.mn-products__card:hover{box-shadow:var(--mn-shadow-card);transform:translateY(-2px)}

.mn-products__card-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--mn-cream)}
.mn-products__img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease, transform .5s ease}
.mn-products__img--hover{position:absolute;inset:0;opacity:0}
.mn-products__card:hover .mn-products__img--hover{opacity:1}
.mn-products__card:hover .mn-products__img:not(.mn-products__img--hover){opacity:0}

.mn-products__sale{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;background:var(--mn-orange);color:var(--mn-text);font-family:var(--mn-font-sans);font-size:.6875rem;font-weight:600;border-radius:.25rem;text-transform:uppercase;letter-spacing:.04em}

.mn-products__card-body{padding:1rem}
.mn-products__card-title{font-family:var(--mn-font-serif);font-size:1.125rem;font-weight:500;margin:0 0 .25rem;color:var(--mn-text);line-height:1.3;transition:color .2s ease}
.mn-products__card:hover .mn-products__card-title{color:var(--mn-green)}
.mn-products__card-subtitle{font-family:var(--mn-font-sans);font-size:.8125rem;color:var(--mn-text-secondary);margin:0 0 .75rem;line-height:1.5}

.mn-products__card-price{display:flex;align-items:center;gap:.5rem}
.mn-products__price{font-family:var(--mn-font-sans);font-size:1rem;font-weight:600;color:var(--mn-text)}
.mn-products__compare{font-family:var(--mn-font-sans);font-size:.875rem;color:var(--mn-text-secondary);text-decoration:line-through}

.mn-products__footer{text-align:center;margin-top:2.5rem}

@media(min-width:750px){
  .mn-products__card-body{padding:1.125rem}
  .mn-products__card-title{font-size:1.25rem}
  .mn-products__card-subtitle{font-size:.875rem}
}