body {

background-color: #f5f5f5;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}

.logo {
margin: 1rem auto;
width: 700px;
}

.logonissan {
margin-top: 3rem;
width: 10%;
max-width: 20%;
}

.titolo-categoria {
font-size: 1.5rem;
margin: 5rem 0;
font-family: "Times New Roman", serif;
}


.secondo_titolo {
font-size: 1.5rem;
margin: 5rem 0;
font-family: "Times New Roman", serif;
}


.terzo_titolo {
font-size: 1.5rem;
color: blue;
margin: 2rem 0;
font-family: "Times New Roman", serif;
}


.galleria-auto {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10rem;
padding: 1rem;
}

.categoria-sport {
margin-top: 2%;
    
}

.categoria {
width: 100%;
margin-top: 15%;
    
}

.auto {
max-width: 300px;
text-decoration: none;
color: black;
display: flex;
flex-direction: column;
align-items: center;
width: 300px;

}

.img-box {
width: 300px;
height: 220px;
display: flex;
align-items: center;
justify-content: center;

}

.auto img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 10px;
transition: transform 0.3s ease;
width: auto;
height: auto;
border-radius: 10px;
transition: transform 0.3s ease;
}

.auto img:hover {
transform: scale(1.1);
    
}

.text {
font-size: 1.5rem;
margin-top: 1rem;
min-height: 2.2rem;
display: flex;
align-items: flex-start;
justify-content: center;
color: blue;
text-align: center;

}

.text strong, .textmax strong {
display: inline-block;
transition: transform 0.3s ease;
}

.text strong:hover, .textmax strong:hover {
transform: scale(1.2);
}

.auto div {
font-size: 1.5rem;
margin-top: 1rem;
color: blue;
}

.divider {
border: none;
border-top: 2px solid #333;
margin: 3rem auto;
width: 40%;
opacity: 0.6;
}

.liste-ricambi {
display: inline-block;
margin: 40px 0 60px 20px;
font-size: 1.1rem;
font-family: Times, serif;
}

.torna-home {
display: inline-block;
margin: 40px 20px 60px 290px;
font-size: 1.1rem;
font-family: "Times New Roman", serif;
text-align: center;
color: black;
text-decoration: none;
}


/*-------------- DEBUG LAYOUT ------------------*/

 .debug * {
  outline: 1px solid red;
  background: rgba(255,0,0,0.05);
}



@media (max-width: 600px) {

.divider {
width: 40%;
margin: 4rem auto;
}


.logonissan {
margin-top: 1rem;
width: 150px;
max-width: 400px;
}

.titolo-categoria {
font-size: 1.2rem;
margin: 1rem 0;
}

.secondo_titolo {
font-size: 0.9rem;
margin: 1rem 0;
font-family: "Times New Roman", serif;
}

.terzo_titolo {
font-size: 0.9rem;
color: blue;
margin: 1rem 0;
font-family: "Times New Roman", serif;
}

.categoria {
margin-bottom: 2rem;
    
}

.sportive {
font-family: "Times New Roman", serif;
margin: 2rem 0 1rem 0;
}

.berline {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.utilitarie {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.monovolume {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.crossoversuv {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.fuoristradapickup {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.furgoni {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.veicolicomm {
font-family: "Times New Roman", serif;
margin: 10rem 0 1rem 0;
}

.galleria-auto {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
padding: 1rem;
font-family: "Times New Roman", serif;
color: blue;
}

.auto,
.automax img {
width: 200px;
}

.auto div {
font-size: 1rem;
}

#trade-img {
width: 250px;
align-items: center;
transform: translateX(-35px);

}

#trade-img + .text {
margin-top: -0.5rem;
}

.textmax {
font-size: 1rem;
margin-top: 10px;
}

.divider {
margin-top: 2rem;
margin-bottom: 2rem;
    
}

.liste-ricambi {
display: inline-block;
align-items: center;
font-size: 1rem;
font-family: Times, serif;
margin: 0 0 30px 0;
}

.torna-home {
display: inline-block;
align-items: center;
font-size: 1rem;
font-family: Times, serif;
margin: 0 0 40px 0;
}
}