.contatti-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:start; }
.contact-block { background:var(–white); border-radius:var(–radius-md); padding:28px; box-shadow:var(–shadow-sm); margin-bottom:20px; }
.contact-block h3 { font-size:1rem; font-weight:700; color:var(–navy); margin-bottom:16px; display:flex; align-items:center; gap:10px; }
.contact-row { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.contact-row:last-child { margin-bottom:0; }
.contact-row svg { width:20px; height:20px; fill:var(–blu-gs); flex-shrink:0; }
.contact-row .label { font-size:0.75rem; font-weight:600; color:#aaa; text-transform:uppercase; letter-spacing:0.5px; display:block; }
.contact-row .value { font-size:0.9rem; color:var(–navy); font-weight:600; }
.contact-row a { color:var(–blu-gs); text-decoration:none; }
.contact-row a:hover { text-decoration:underline; }
.orari-table { width:100%; border-collapse:collapse; }
.orari-table tr { border-bottom:1px solid #f0f4f8; }
.orari-table tr:last-child { border-bottom:none; }
.orari-table td { padding:10px 0; font-size:0.88rem; }
.orari-table td:first-child { font-weight:600; color:var(–navy); }
.orari-table td:last-child { color:#555; text-align:right; }
.orari-table .chiuso { color:#ccc !important; }
.contatti-form-wrap { background:var(–white); border-radius:var(–radius-lg); padding:40px; box-shadow:var(–shadow-lg); }
.contatti-form-wrap h2 { font-size:1.4rem; font-weight:800; color:var(–navy); margin-bottom:8px; }
.contatti-form-wrap p { font-size:0.88rem; color:#777; margin-bottom:28px; line-height:1.6; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:0.82rem; font-weight:600; color:var(–navy); margin-bottom:6px; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:12px 16px; border:2px solid #e8eef5; border-radius:var(–radius-md); font-family:var(–font); font-size:0.9rem; color:var(–navy); background:var(–white); transition:var(–transition); outline:none; }
.form-group input:focus, .form-group textarea:focus { border-color:var(–blu-gs); box-shadow:0 0 0 3px rgba(7,111,185,0.1); }
.form-group textarea { resize:vertical; min-height:120px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-submit { width:100%; padding:15px; background:var(–blu-gs); color:var(–white); border:none; border-radius:50px; font-family:var(–font); font-size:0.95rem; font-weight:700; cursor:pointer; transition:var(–transition); }
.form-submit:hover { background:var(–deep-blue); transform:translateY(-2px); box-shadow:0 8px 24px rgba(7,111,185,0.3); }
.map-container { margin-top:40px; border-radius:var(–radius-lg); overflow:hidden; box-shadow:var(–shadow-md); }
.map-container iframe { width:100%; height:300px; border:none; display:block; }
.social-links-row { display:flex; gap:12px; margin-top:16px; }
.social-link-big { display:flex; align-items:center; gap:10px; padding:12px 20px; border-radius:var(–radius-md); border:2px solid #e8eef5; font-size:0.85rem; font-weight:600; color:var(–navy); text-decoration:none; transition:var(–transition); }
.social-link-big:hover { border-color:var(–blu-gs); color:var(–blu-gs); }
.social-link-big svg { width:20px; height:20px; }
.success-msg { display:none; text-align:center; padding:40px; }
.success-msg .success-icon { font-size:3.5rem; margin-bottom:16px; display:block; }
@media(max-width:900px){ .contatti-layout{grid-template-columns:1fr;} }
@media(max-width:600px){ .form-row{grid-template-columns:1fr;} .contatti-form-wrap{padding:28px 20px;} }

document.getElementById(‘contattiForm’).addEventListener(‘submit’,function(e){e.preventDefault();var req=this.querySelectorAll(‘[required]’),ok=true;req.forEach(function(f){if(!f.value.trim()){f.style.borderColor=’var(–arancione)’;ok=false;}else{f.style.borderColor=”;}});if(!ok){alert(‘Per favore compila tutti i campi obbligatori.’);return;}this.style.display=’none’;document.getElementById(‘successMsg’).style.display=’block’;});
(function(){var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add(‘visible’);});},{threshold:0.15,rootMargin:’0px 0px -50px 0px’});document.querySelectorAll(‘.fade-in,.fade-in-left,.fade-in-right’).forEach(function(el){obs.observe(el);});})();