@media (max-width: 600px) {
	#lato_sx, #lato_dx {
		width: 100% !important;
    }
    
    input:not(#indirizzo) {
        max-width: 157px !important;
    }
    
    #form-textarea, input#indirizzo {
    	max-width: 337px !important;	
    }
    
    .opzName {
    	font-size: 18px  !important;
        margin-bottom; 2px !important;
        margin-top; 2px !important;
    }
    
    #lato_swap {
    	flex-direction: row-reverse !important;	
        order: 2;
    }
    
    #lato-sx {
    	order: 1;	
    }
    
    #lato_dx {
    	order: 3;
        flex-direction: column-reverse;
   	}
    
    #main-wrapper {
    	flex-direction: column !important;
    }
    
    #prodotto .container {
        width: 100% !important;
        height: 100% !important;
        min-width: 300px;
        aspect-ratio: 1 / 1;
	}
    
    #prodotto .container .overlay {
        width: 100% !important;
        height: 100% !important;
        min-width: 300px;
	}
    
    #preventivo {
        display: block;
        position: fixed !important;
        bottom: 0px;
        width: 100%;
        margin: 0px;
        left: 0px;
        background-color: #ffc100 !important;
        color: black !important;
        font-size: 18px !important;
        padding: 30px !important;
        border-radius: 0px !important;
        z-index: 99998;
    }
}

/* CORREZIONI MOBILE POPUP */

@media (max-width: 600px) {
	.preview-scelte, #inner-popup, .pulsanti {
    	flex-direction: column !important;
    }
    
    .contenuto-popup {
    	margin-top: 2em !important;
        padding: 20px !important;
        border-radius: 15px !important; 
    }
    
    h2 {
    	margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    
    input, select {
		height: 25px;
	}	
	
	::placeholder {
		font-size: 14px !important;
	}
    
}