/* InitSky 1.7: Header and contact overlay refinements only. No hero/body redesign. */
/* The V7.1 sticky site header is z-index 1000. Modal must always be above it. */
body.initsky-site #contact.modal-backdrop:not([hidden]) {
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100vw!important;height:100dvh!important;margin:0!important;
  padding:clamp(12px,2.6vh,26px)!important;overflow-y:auto!important;
  background:rgba(7,26,55,.68)!important;backdrop-filter:blur(5px);
  box-sizing:border-box!important;
}
body.initsky-site #contact.modal-backdrop[hidden] {display:none!important}
body.initsky-site #contact .contact-dialog {
  box-sizing:border-box;flex:0 1 620px;width:min(620px,100%)!important;
  max-width:100%!important;max-height:calc(100dvh - 42px)!important;
  margin:auto!important;overflow-y:auto!important;overscroll-behavior:contain;
  padding:clamp(24px,3.2vw,38px)!important;border-radius:20px!important;
  box-shadow:0 30px 90px rgba(2,18,42,.37)!important;background:#fff;
}
body.initsky-site #contact .dialog-close {z-index:2;right:18px;top:17px;width:38px;height:38px}
body.initsky-site #contact .contact-dialog h2 {padding-right:25px;margin-top:10px;font-size:clamp(26px,2.5vw,34px)}
body.initsky-site #contact .contact-dialog > p {font-size:14px;line-height:1.5}
body.initsky-site #contact .contact-dialog form {gap:13px}
body.initsky-site #contact .contact-dialog textarea {min-height:95px}
body.initsky-site #contact .contact-dialog .form-row {gap:13px}
@media(max-width:650px){
 body.initsky-site #contact.modal-backdrop:not([hidden]) {padding:10px!important}
 body.initsky-site #contact .contact-dialog {max-height:calc(100dvh - 20px)!important;padding:26px 20px!important;border-radius:16px!important}
 body.initsky-site #contact .contact-dialog .form-row{grid-template-columns:1fr}
 body.initsky-site #contact .contact-dialog textarea {min-height:88px}
}