/* Mortgage Adviser UK v3.4 — unified larger hero sizing */
.hero,
.page-hero,
.service-hero,
.home-hero,
.hero-section,
[class*="hero"] {
  background-size: cover;
  background-position: center center;
}

@media (min-width: 1025px) {
  .hero,
  .page-hero,
  .service-hero,
  .home-hero,
  .hero-section {
    min-height: 680px !important;
    height: 680px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .hero,
  .page-hero,
  .service-hero,
  .home-hero,
  .hero-section {
    min-height: 560px !important;
    height: auto !important;
  }
}

@media (max-width: 768px) {
  .hero,
  .page-hero,
  .service-hero,
  .home-hero,
  .hero-section {
    min-height: 460px !important;
    height: auto !important;
  }
}


/* v3.8 — callback card lives inside each page hero; desktop card nudged left */
.mauk-hero-with-callback {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 440px !important;
  gap: 64px !important;
  align-items: center !important;
  width: min(100% - 40px, 1320px) !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
.page-hero > .container.mauk-hero-with-callback,
.page-hero .mauk-hero-with-callback,
.hero .mauk-hero-with-callback {
  max-width: 1320px !important;
}
.mauk-hero-with-callback .hero-content,
.mauk-hero-with-callback .hero-content-wide {
  max-width: 690px !important;
  text-align: left !important;
}
.page-hero .mauk-hero-with-callback h1,
.page-hero .mauk-hero-with-callback p,
.page-hero .mauk-hero-with-callback .hero-note {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
.mauk-hero-with-callback .callback-card {
  width: 100%;
  max-width: 440px;
  justify-self: end;
  transform: translateX(-42px);
  padding: 30px 36px;
  border-radius: 20px;
  background: rgba(255,255,255,.96);
}
.mauk-hero-with-callback .callback-card h2 { font-size: 30px; }
.mauk-hero-with-callback .callback-card p { font-size: 14px; }
.mauk-hero-with-callback .callback-card form { display:grid; gap:12px; }
.mauk-hero-with-callback .callback-card input:not([type="checkbox"]),
.mauk-hero-with-callback .callback-card select { min-height:52px; }
.mauk-hero-with-callback .callback-card .consent { margin:2px 0 4px; }
.mauk-hero-with-callback .callback-card .primary-btn { width:100%; }

@media (max-width: 1024px) {
  .mauk-hero-with-callback {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .mauk-hero-with-callback .callback-card { justify-self:start; max-width:560px; transform:none; }
}
@media (max-width: 768px) {
  .hero:has(.mauk-hero-with-callback),
  .page-hero:has(.mauk-hero-with-callback) {
    min-height: auto !important;
  }
  .mauk-hero-with-callback { width:min(100% - 30px,1320px) !important; }
  .mauk-hero-with-callback .callback-card { padding:24px; max-width:none; transform:none; }
}