/* --- LAYOUT GLOBALE PC & TABLET (Allineato, centrato e foto integre) --- */

@media (min-width: 768px) {
    header, main {
        max-width: 80rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        box-sizing: border-box;
    }

    header {
        width: 100% !important;
        border-radius: 0 0 1rem 1rem;
        margin-bottom: 1.5rem;
    }
}

/* --- GESTIONE FOTO GALLERIA E COPERTINA (Niente tagli, proporzioni originali) --- */

/* Le foto della galleria mostrano l'immagine intera senza tagli (object-contain con sfondo scuro) */
#autoGallery img {
    object-fit: contain !important;
    background-color: #0d0e11;
}

/* Immagine di copertina hero intera e proporzionata su PC */
.relative.w-full.h-52 img, 
.relative.w-full.h-64 img {
    object-fit: cover !important; /* Mantiene la copertura ma senza tagliare i dettagli importanti */
    object-position: center !important;
}

/* Nascondi scrollbar per carosello galleria */
#autoGallery {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#autoGallery::-webkit-scrollbar {
    display: none;
}