body {
     font-family: 'Open Sans', sans-serif;
 }

 header {
     background: #007bff;
     color: #fff;
     padding: 3rem 0;
     text-align: center;
     margin-bottom: 2rem;
     /* margine sotto l’header */
 }

 /* Immagine del carousel responsiva */
 .carousel-item img {
     width: 100%;
     /* altezza massima su desktop */
     object-fit: cover;
     display: block;
 }

 /* Mini‑navigatore (thumbnails) */
 .thumbnails {
     margin-top: 1rem;
     display: flex;
     justify-content: center;
     gap: 0.5rem;
     flex-wrap: nowrap;
 }

 .thumbnails img {
     width: 80px;
     height: 50px;
     object-fit: cover;
     border: 2px solid #fff;
     border-radius: 4px;
     cursor: pointer;
     opacity: 0.7;
     transition: opacity .2s;
 }

 .thumbnails img.active {
     border-color: #007bff;
     opacity: 1;
 }

 /* Sezione “Chi siamo” */
 #about {
     padding: 3rem 0;
     background: #f8f9fa;
     text-align: left;
 }

 #about h2 {
     margin-bottom: 1rem;
 }

 #about p {
     max-width: 700px;
     font-size: 1.1rem;
 }

 .price {
     color: #28a745;
     font-weight: 600;
     font-size: 1.2rem;
 }

 /* ================= Mobile ================= */
 @media (max-width: 576px) {

     /* Carousel: altezza più ridotta su mobile */
     .carousel-item img {
         max-height: 250px;
     }

     /* Thumbnails: scrollabile orizzontalmente */
     .thumbnails {
         justify-content: flex-start;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .thumbnails img {
         width: 60px;
         height: 40px;
     }
 }