/* Stili per mobile */
@media (max-width: 767px) {
    .app-container {
        grid-template-columns: 1fr;
    }
    
    section {
        display: none;
    }
    
    section.active {
        display: block;
    }
    
    .mobile-tabs {
        display: flex;
    }
    
    body {
        padding-bottom: 60px; /* Spazio per la barra di navigazione mobile */
    }
    
    .quote-buttons {
        flex-direction: column;
    }
    
    .quote-buttons button {
        margin-bottom: 10px;
    }
    
    /* Adattamenti per i controlli di orientamento su mobile */
    .orientation-controls {
        flex-direction: column;
    }
    
    .orientation-group {
        margin: 5px 0;
    }
}