/* Titolo della sezione: GRANDEZZA E STILE FORZATO */
h1.step-title, 
h2.pm-csoc-title { 
    font-weight: 600 !important; /* Semi-Bold */
    font-size: 22px !important; 
    margin-bottom: 20px !important; 
    text-align: left !important;
    text-transform: uppercase !important; /* Opzionale, se vuoi il titolo tutto maiuscolo */
    padding-bottom: 0 !important; /* Rimuove un eventuale padding inferiore indesiderato */
}

/* Forse il titolo è avvolto anche in un altro contenitore, proviamo anche con questo se non funziona */
.pm-csoc-block-content h1,
.pm-csoc-block-content h2 {
    font-weight: 600 !important; 
    font-size: 22px !important; 
    margin-bottom: 20px !important; 
}

/* --- Stili dei Blocchi Prodotto (Card) --- */
.pm-csoc-owl-item {
    padding: 10px; 
}

/* Contenitore miniatura (la "card") */
.pm-csoc-owl-item .thumbnail-container {
    padding: 0;
    border: 1px solid #f2f2f2; 
    border-radius: 5px; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); 
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative; /* Importante per l'hover e la bandiera */
}

/* Effetto Hover Premium: spostato sul product-miniature (l'elemento radice della card) */
.pm-csoc-owl-item article.product-miniature {
    transition: all 0.2s ease-in-out;
}

.pm-csoc-owl-item article.product-miniature:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
    transform: translateY(-2px); 
}
/* Reimposta l'ombra sul thumbnail-container per evitare conflitti */
.pm-csoc-owl-item .thumbnail-container {
    box-shadow: none; 
}


/* --- Stili dell'Immagine --- */
/* Contenitore dell'immagine: imposta l'area visiva */
.pm-csoc-owl-item .product-thumbnail {
    height: 300px; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; 
    padding: 15px; 
}

/* Immagine vera e propria: sovrascrive il 90x90 */
.pm-csoc-owl-item img {
    width: 100%; 
    max-width: 460px; 
    height: auto; 
    object-fit: contain; 
}

/* --- Stili di Testo e Pulsanti --- */
/* Area del testo: RIDOTTO IL PADDING INFERIORE per ridurre lo spazio */
.pm-csoc-owl-item .product-description {
    padding: 10px 15px 5px 15px; /* Padding inferiore ridotto a 5px */
    flex-grow: 1; 
    text-align: center;
}

/* Titolo del prodotto: spazio compattato */
.pm-csoc-owl-item .product-title a {
    font-size: 16px;
    line-height: 1.2;
    height: 38px; 
    overflow: hidden;
    margin-bottom: 0px; 
    display: block;
}

/* Prezzo: colore distintivo */
.pm-csoc-owl-item .price {
    font-size: 18px;
    color: #28a745; 
    font-weight: bold;
    display: block;
    margin-bottom: 5px; /* RIDOTTO ANCHE IL MARGIN BOTTOM DEL PREZZO */
}

/* Pulsante Aggiungi al carrello: rimuove l'icona e allinea */
.pm-csoc-owl-item .add-to-cart {
    width: 100%;
    margin-top: 0px; /* RIDOTTO IL MARGINE SUPERIORE DEL BOTTONE */
}
.pm-csoc-owl-item .add-to-cart i { 
    display: none; 
}

/* --- Stili di Bandiere e Quickview --- */
/* Posizionamento della bandiera Disponibile */
.pm-csoc-owl-item .product-flags {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}

/* Stile della bandiera */
.pm-csoc-owl-item .product-flag.available {
    background-color: #28a745; 
    color: white;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 3px;
    text-transform: uppercase;
}

/* Nasconde l'Anteprima */
.pm-csoc-owl-item .quick-view {
    display: none !important;
}

/* Rimuove margini/padding in eccesso dal carosello per correggere il layout */
.pm-csoc-owl-wrapper-outer {
    margin-left: -10px;
    margin-right: -10px;
}