/* =============================================================================
   Contact Setup Desk — photo-led left panel + form containment
   ============================================================================= */

#contact .cta-wrap{
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
  align-items:stretch!important;
  gap:clamp(14px,2vw,22px)!important;
  padding:clamp(14px,2vw,22px)!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#07111f!important;
}

/* ----- Photo panel: fills leftover height beside the form ----- */
/* DISABLED absolute media crop — see contact-hero-photos.css + new markup
   .cta-intro-media absolute inset was cutting the person in half. */
#contact .cta-intro{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:100%!important;
  height:auto!important;
  max-width:none!important;
  border-radius:24px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#0b1726!important;
}

/* Old absolute crop KILLED */
#contact .cta-intro-media{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  z-index:0!important;
  display:none!important; /* replaced by .setup-desk-shot */
}

#contact .cta-intro-media img{
  display:none!important;
}

#contact .cta-intro::before{
  content:none!important;
  display:none!important;
  background:none!important;
}

#contact .cta-intro-copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  width:100%!important;
  padding:clamp(18px,2.2vw,28px)!important;
  box-sizing:border-box!important;
  background:#07111f!important;
}

#contact .cta-intro .eyebrow,
#contact .cta-intro-copy .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 12px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  background:#fff!important;
  border:1px solid #fff!important;
  color:var(--zatra-red,#ed0000)!important;
}

#contact .cta-intro h2,
#contact .cta-intro-copy h2{
  margin:0 0 10px!important;
  color:#fff!important;
  text-shadow:none!important;
  font-size:clamp(24px,2.4vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  max-width:16ch!important;
}

#contact .cta-intro-copy > p{
  margin:0 0 16px!important;
  color:rgba(255,255,255,.88)!important;
  text-shadow:none!important;
  font-size:14.5px!important;
  line-height:1.55!important;
  max-width:36ch!important;
}

#contact .cta-intro .hero-actions,
#contact .cta-intro-copy .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:0 0 14px!important;
  width:100%!important;
}

#contact .cta-intro .hero-actions .btn,
#contact .cta-wrap .cta-intro .hero-actions .btn-secondary{
  margin:0!important;
  flex:1 1 148px!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:11px 14px!important;
  border-radius:14px!important;
  font-size:13.5px!important;
  background:#fff!important;
  border:1px solid #fff!important;
  color:#101828!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}

#contact .cta-wrap .cta-intro .hero-actions .btn-secondary:hover,
#contact .cta-wrap .cta-intro .hero-actions .btn-secondary:focus-visible{
  color:var(--zatra-red,#ed0000)!important;
}

#contact .cta-intro .cta-meta,
#contact .cta-wrap .cta-intro .cta-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:0!important;
  width:100%!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:rgba(7,17,31,.42)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

#contact .cta-intro .cta-meta > div,
#contact .cta-wrap .cta-intro .cta-meta > div{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;
  box-shadow:none!important;
}

#contact .cta-intro .cta-meta > div:last-child{
  border-bottom:0!important;
}

#contact .cta-intro .cta-meta strong,
#contact .cta-wrap .cta-intro .cta-meta strong{
  display:block!important;
  margin:0!important;
  color:rgba(255,255,255,.68)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  line-height:1.2!important;
}

#contact .cta-intro .cta-meta span,
#contact .cta-wrap .cta-intro .cta-meta span{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
  overflow-wrap:break-word!important;
}

/* ----- Form panel ----- */
#contact #setup-form,
#contact .cta-wrap form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:clamp(16px,2vw,22px)!important;
  border-radius:24px!important;
}

#contact #setup-form h3{
  max-width:100%!important;
  margin:0 0 12px!important;
  overflow-wrap:break-word!important;
  word-break:break-word!important;
  font-size:clamp(20px,2vw,24px)!important;
  line-height:1.2!important;
}

#contact .form-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

#contact .form-grid > *,
#contact .field{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#contact #setup-form input:not([type="checkbox"]):not([type="radio"]),
#contact #setup-form select,
#contact #setup-form textarea,
#contact .field input:not([type="checkbox"]):not([type="radio"]),
#contact .field select,
#contact .field textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

#contact #setup-form .form-consent,
#contact .form-consent{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:8px 0 14px!important;
  white-space:normal!important;
}

#contact #setup-form .form-consent input[type="checkbox"],
#contact .form-consent input[type="checkbox"]{
  grid-column:1!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  margin:3px 0 0!important;
  padding:0!important;
  flex:none!important;
  accent-color:var(--zatra-red,#ed0000);
}

#contact #setup-form .form-consent span,
#contact .form-consent span{
  grid-column:2!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  display:block!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.45!important;
  color:#475467!important;
}

#contact .form-consent a{
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

#contact .form-note-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-top:14px!important;
  padding:14px 16px!important;
}

#contact .form-note-card strong,
#contact .form-note-card p{
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

#contact #setup-form .btn,
#contact #setup-form .btn-full{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}

@media (max-width:920px){
  #contact .cta-wrap{
    grid-template-columns:minmax(0,1fr)!important;
    padding:14px!important;
    gap:14px!important;
  }

  #contact .cta-intro{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #contact .cta-intro-media{
    display:none!important;
  }

  #contact .cta-intro::before{
    content:none!important;
    display:none!important;
  }

  #contact .cta-intro-copy{
    padding:16px 14px 18px!important;
    background:#07111f!important;
  }

  #contact .cta-intro h2,
  #contact .cta-intro-copy h2{
    max-width:none!important;
    font-size:clamp(22px,6vw,30px)!important;
  }

  #contact .cta-intro-copy > p{
    max-width:none!important;
    font-size:14px!important;
  }

  #contact .cta-intro .hero-actions,
  #contact .cta-intro-copy .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #contact .cta-intro .hero-actions .btn{
    flex:none!important;
    width:100%!important;
  }

  #contact #setup-form,
  #contact .cta-wrap form{
    padding:16px 14px!important;
    height:auto!important;
  }

  #contact #setup-form h3{
    font-size:clamp(18px,5.2vw,22px)!important;
  }

  #contact .form-consent span{
    font-size:13px!important;
  }
}

@media (max-width:680px){
  #contact .cta-wrap{
    padding:10px!important;
    border-radius:24px!important;
  }

  #contact .cta-intro,
  #contact #setup-form,
  #contact .cta-wrap form{
    border-radius:18px!important;
  }

  #contact .cta-intro{
    grid-template-rows:minmax(180px,48vw) auto!important;
  }

  #contact .cta-intro .cta-meta > div,
  #contact .cta-wrap .cta-intro .cta-meta > div{
    grid-template-columns:72px minmax(0,1fr)!important;
    padding:9px 11px!important;
  }

  #contact #setup-form,
  #contact .cta-wrap form{
    padding:14px 12px!important;
  }
}