.rolling-gallery-section {
    margin: 0;
    padding: 0;
    font-family: 'Figtree', sans-serif;
    background-color: #070707; /* Sfondo scuro per far risaltare la galleria */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    
}

/* Contenitore specifico definito nell'HTML */
#gallery-container {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 600px; /* Altezza definita come nell'esempio React */
    position: relative;
    max-width: 2000px; /* Opzionale: per non farlo diventare enorme su schermi larghi */
}

/* Classi usate dallo script */
/* ... resto del css ... */

.circular-gallery {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
    
    /* OTTIMIZZAZIONE MOBILE IMPORTANTE */
    /* Impedisce lo scroll della pagina mentre si trascina la galleria orizzontalmente,
       ma permette lo scroll verticale della pagina se l'utente scorre su/giù */
    touch-action: pan-y; 
    
    /* Rimuove il colore di evidenziazione blu al tocco su Android/iOS */
    -webkit-tap-highlight-color: transparent;
    
    /* Impedisce la selezione del testo accidentale mentre si trascina */
    user-select: none;
    -webkit-user-select: none;
}

.circular-gallery:active {
    cursor: grabbing;
}

/* Utility per nascondere scrollbar se necessario, anche se OGL usa canvas */
canvas {
    display: block;
    width: 100%;
}