/*@charset "UTF-8";

.card-sh{
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.cat-div{
	box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}*/

@charset "UTF-8";

/* Rende tutte le immagini fluide */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Le tue classi esistenti */
.card-sh {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 20px; /* Spazio tra le card su mobile */
}

.cat-div {
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
    padding: 10px;       /* Evita che il testo tocchi i bordi */
}

/* Se usi contenitori generici, assicurati che non abbiano width fissa in px */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}