/* Bottone "Contattaci" generico (riusabile ovunque) */
.contact-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; padding:0 16px; font-weight:800; line-height:1;
  border-radius:8px; text-decoration:none; white-space:nowrap;
  border:1px solid #e5e7eb; cursor:pointer; text-align:center;
  background:#f6f7f9; color:#111;
}

/* Layout responsive quando affiancato ad altri bottoni */
@media (min-width:576px){
  .contact-btn{ flex:1 1 240px; }
}
@media (min-width:992px){
  .contact-btn{ flex-basis:280px; }
}

/* Modale globale */
.contact-modal{ position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:1050; }
.contact-modal__content{
  width:min(560px,92vw); margin:6vh auto; background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 16px 48px rgba(0,0,0,.25); padding:0 0 16px; position:relative;
}
.contact-modal__title{ margin:0; padding:14px 16px; font-weight:800; background:#b30502; color:#fff; }
.contact-modal__actions{
  display:flex; flex-direction:column; gap:8px; align-items:center; padding:12px;
}
.contact-modal__btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:42px; padding:0 14px; background:#f6f7f9; color:#111; border-radius:8px;
  text-decoration:none; border:1px solid #e5e7eb;
}
.contact-modal__close{
  position:absolute; right:10px; top:8px; font-size:26px; line-height:1;
  background:transparent; border:0; color:#fff; cursor:pointer;
}