/* Impaginazione compatta della sola pagina Contatti. */
.contact-page .page-header-contatti{background-image:url('../immagini/contatti-luce-gioielli.svg')}
.contact-page .contact-section{padding:40px 0}
.contact-page .contact-section>.container,.contact-page .map-section>.container{max-width:1080px}
.contact-page .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:40px;align-items:start}
.contact-page .contact-info h2{font-size:2rem;margin-bottom:10px}
.contact-page .contact-info>p{font-size:14px;line-height:1.7;margin-bottom:16px;max-width:440px}
.contact-page .contact-details{gap:16px}
.contact-page .social-contact{margin-bottom:0}
.contact-page .contact-item{gap:12px;flex-wrap:wrap}
.contact-page .contact-icon{width:38px;height:38px}
.contact-page .contact-icon svg{width:20px;height:20px}
.contact-page .contact-text{min-width:0}
.contact-page .contact-text h3{font-size:13px;margin-bottom:3px}
.contact-page .contact-text p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.contact-page .contact-form-wrapper{padding:24px;width:100%;max-width:460px;justify-self:end}
.contact-page .contact-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.contact-page .contact-form h3{grid-column:1/-1;font-size:1.6rem;margin:0 0 4px}
.contact-page .contact-form .form-group{grid-column:1/-1;min-width:0;margin:0}
.contact-page .contact-form label{font-size:12px;margin-bottom:5px}
.contact-page .contact-form input,.contact-page .contact-form textarea{min-height:38px;padding:6px 11px;font-size:16px}
.contact-page .contact-form textarea{min-height:106px;resize:vertical}
.contact-page .contact-form>.btn{grid-column:1/-1;min-height:44px;padding:11px 20px;margin-top:2px}
.contact-page .map-section{padding:0 0 40px}
.contact-page .map-placeholder{height:280px}
@media(max-width:768px){
 .contact-page .contact-section{padding:28px 0}
 .contact-page .contact-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .contact-page .contact-form-wrapper{max-width:none;padding:20px}
 .contact-page .map-placeholder{height:240px}
 .contact-page .map-section{padding-bottom:28px}
}
@media(max-width:420px){
 .contact-page .contact-form{grid-template-columns:minmax(0,1fr)}
 .contact-page .contact-item:first-of-type{display:grid;grid-template-columns:38px minmax(0,1fr)}
 .contact-page .contact-item:first-of-type .contact-text:last-child{grid-column:2}
}