/* Diagnex v5.5.3 targeted shell/contact patch */

/* ---------- All Services desktop dropdown ---------- */
.site-header.site-header--uniform,
.site-header.site-header--uniform .mainbar,
.site-header.site-header--uniform .navwrap,
.site-header.site-header--uniform .nav,
.site-header.site-header--uniform .nav>ul,
.site-header.site-header--uniform .nav-item.has-mega{
  overflow:visible!important;
}
.site-header.site-header--uniform .nav-item.has-mega{position:relative!important;z-index:620!important}
.site-header.site-header--uniform .nav-item.has-mega .nav-link{align-items:center!important}
.site-header.site-header--uniform .nav-item.has-mega .mega{
  top:calc(100% + 10px)!important;
  left:50%!important;
  width:min(720px,calc(100vw - 56px))!important;
  padding:18px!important;
  z-index:900!important;
  border:1px solid rgba(229,234,242,.98)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 30px 80px rgba(5,14,53,.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
.site-header.site-header--uniform .nav-item.has-mega .mega::before{
  content:"";position:absolute;left:0;right:0;top:-12px;height:14px;background:transparent;
}
.site-header.site-header--uniform .nav-item.has-mega:hover .mega,
.site-header.site-header--uniform .nav-item.has-mega.open .mega{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.dx-services-mega-grid{grid-template-columns:1fr 1.15fr!important;gap:10px!important}
.dx-services-mega .mega-col{padding:10px!important}
.dx-services-mega .mega-label{margin-bottom:7px!important;color:var(--slate)!important}
.dx-services-mega .mega-col a{padding:9px 10px!important;border-radius:10px!important;line-height:1.35!important}
.dx-services-mega .mega-col a:hover,.dx-services-mega .mega-col a:focus-visible{background:var(--veil)!important;color:var(--cobalt)!important}
.dx-mega-all{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  margin-top:8px!important;padding:14px 16px!important;border-radius:14px!important;
  background:linear-gradient(135deg,var(--midnight),var(--royal))!important;color:#fff!important;
}
.dx-mega-all strong{font-size:13.5px!important;color:#fff!important}.dx-mega-all span{font-size:12px!important;color:rgba(255,255,255,.68)!important}

/* ---------- Mobile header: logo left, hamburger at the far right ---------- */
@media(max-width:760px){
  .site-header.site-header--uniform .navwrap{justify-content:flex-start!important;gap:12px!important}
  .site-header.site-header--uniform .dx-site-logo{margin-right:0!important}
  .site-header.site-header--uniform .mobile-call{display:none!important}
  .site-header.site-header--uniform .burger{
    display:inline-flex!important;margin-left:auto!important;margin-right:0!important;order:99!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;
  }
}

/* ---------- Official WhatsApp floating action ---------- */
.dx-whatsapp-float{
  position:fixed;right:24px;bottom:24px;z-index:480;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:#25D366;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 36px rgba(5,14,53,.20),0 4px 12px rgba(37,211,102,.24);
  transition:transform .2s ease,box-shadow .2s ease;
}
.dx-whatsapp-float:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 42px rgba(5,14,53,.24),0 6px 16px rgba(37,211,102,.28)}
.dx-whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.30);outline-offset:4px}
.dx-whatsapp-float img{display:block!important;width:30px!important;height:30px!important;object-fit:contain!important}
@media(max-width:760px){.dx-whatsapp-float{right:14px;bottom:16px;width:54px;height:54px}.dx-whatsapp-float img{width:28px!important;height:28px!important}}

/* ---------- Contact page: form-first conversion hierarchy ---------- */
.page-contact .contact-hero--form-first{min-height:0!important;align-items:stretch!important}
.page-contact .contact-hero-grid--form-first{
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr)!important;
  gap:52px!important;align-items:start!important;padding:64px 0 78px!important;
}
.page-contact .contact-hero-copy{padding-top:28px}
.page-contact .contact-hero-copy h1{font-size:clamp(52px,5vw,72px)!important;max-width:9.4ch!important;margin-bottom:22px!important}
.page-contact .contact-hero-copy p{font-size:17px!important;max-width:50ch!important}
.page-contact .contact-hero-note{
  display:flex;flex-direction:column;gap:4px;margin-top:28px;padding:16px 18px;border-radius:16px;
  background:rgba(255,255,255,.72);border:1px solid rgba(229,234,242,.95);box-shadow:0 12px 32px rgba(5,14,53,.055);
}
.page-contact .contact-hero-note strong{font-size:12px;color:var(--ink)}
.page-contact .contact-hero-note span{font-size:12.5px;line-height:1.5;color:var(--slate)}
.page-contact .contact-form--hero{padding:34px!important;box-shadow:0 28px 70px rgba(5,14,53,.20)!important}
.page-contact .contact-form--hero h2{max-width:14ch!important;color:#fff!important}
.page-contact .contact-form--hero .form-grid{position:relative;z-index:1}
.page-contact .form-field textarea{
  width:100%;min-height:116px;border-radius:14px;border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.065);color:#fff;padding:12px 14px;font:inherit;line-height:1.5;outline:none;resize:vertical;
}
.page-contact .form-field textarea::placeholder,.page-contact .form-field input::placeholder{color:rgba(255,255,255,.36)}
.page-contact .form-field textarea:focus{border-color:rgba(255,255,255,.42);box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.page-contact .form-field label span{font-weight:600;color:rgba(255,255,255,.44)}
.page-contact .contact-grid--below{grid-template-columns:.72fr 1.28fr!important;align-items:stretch!important}
.page-contact .contact-grid--below .contact-card{min-height:100%!important}
.page-contact #care-enquiry{scroll-margin-top:122px!important}

@media(max-width:1120px){
  .page-contact .contact-hero-grid--form-first{grid-template-columns:1fr!important;gap:32px!important;padding:52px 0 66px!important}
  .page-contact .contact-hero-copy{padding-top:0!important}
  .page-contact .contact-hero-copy h1{max-width:12ch!important}
  .page-contact .contact-grid--below{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .page-contact .contact-hero-grid--form-first{padding:28px 0 46px!important;gap:24px!important}
  .page-contact .contact-form--hero{order:-1!important;padding:24px 20px!important;border-radius:24px!important}
  .page-contact .contact-form--hero h2{font-size:32px!important}
  .page-contact .contact-form--hero>p{font-size:12.5px!important}
  .page-contact .form-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:20px!important}
  .page-contact .contact-hero-copy h1{font-size:42px!important;line-height:1.02!important;max-width:10ch!important}
  .page-contact .contact-hero-copy p{font-size:15.5px!important}
}