.contact-page .service-hero { min-height: 250px; }
.contact-page .service-hero-content { padding: 34px 20px; }
.contact-page .service-hero h1 { font-size: clamp(38px, 5vw, 56px); }
.contact-page .contact-main { padding-top: 80px; padding-bottom: 80px; }
.contact-page .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: stretch; }
.contact-page .contact-details {
  display: grid;
  align-content: center;
  gap: 24px;
  min-height: 390px;
  padding: 38px 34px;
  background: #061b3c url('../wp-content/themes/industroz/assets/images/bg-map2.png') center/cover no-repeat;
  color: #fff;
  box-shadow: 0 14px 34px rgba(9, 36, 75, .12);
}
.contact-page .contact-group { display: grid; grid-template-columns: 42px 1fr; gap: 15px; align-items: start; }
.contact-page .contact-icon,
.contact-page .contact-map-pin { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(253, 187, 48, .6); border-radius: 50%; color: #fdbb30; font-size: 20px; }
.contact-page .contact-group h2 { margin: 0 0 8px; color: #fff; font-size: 20px; line-height: 1.25; }
.contact-page .contact-group p { margin: 0 0 5px; color: rgba(255,255,255,.88); font-size: 15px; line-height: 1.55; }
.contact-page .contact-group a { color: inherit; text-decoration: none; }
.contact-page .contact-group a:hover { color: #fdbb30; text-decoration: underline; }
.contact-page .contact-map { display: grid; min-height: 390px; place-items: center; overflow: hidden; border: 1px solid #e4eaf0; background: linear-gradient(145deg, #f5f8fb, #eaf0f5); text-align: center; }
.contact-page .contact-map-message { max-width: 390px; padding: 36px 28px; }
.contact-page .contact-map-pin { width: 54px; height: 54px; margin: 0 auto 20px; border-color: #fdbb30; background: #fff; color: #09244b; font-size: 26px; }
.contact-page .contact-map .eyebrow { margin: 0 0 8px; color: #b77b00; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.contact-page .contact-map h2 { margin: 0 0 12px; color: #09244b; font-size: 27px; }
.contact-page .contact-map-message > p:not(.eyebrow) { margin: 0 0 20px; color: #596575; font-size: 15px; line-height: 1.6; }
.contact-page .map-load-button { min-height: 44px; padding: 11px 18px; border: 0; border-radius: 3px; background: #fdbb30; color: #09244b; cursor: pointer; font: 700 12px Arial, Helvetica, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.contact-page .map-load-button:hover { background: #09244b; color: #fff; }
.contact-page .map-external-link { display: block; margin-top: 15px; color: #09244b; font-size: 14px; font-weight: 700; text-decoration: none; }
.contact-page .map-external-link:hover { color: #b77b00; text-decoration: underline; }
.contact-page .contact-map iframe { display: block; width: 100%; height: 100%; min-height: 390px; border: 0; }

@media (max-width: 767px) {
  .contact-page .service-hero { min-height: 220px; }
  .contact-page .contact-main { padding-top: 48px; padding-bottom: 52px; }
  .contact-page .contact-grid { grid-template-columns: 1fr; gap: 20px; }
  .contact-page .contact-details { min-height: 0; gap: 22px; padding: 28px 22px; }
  .contact-page .contact-map { min-height: 320px; }
  .contact-page .contact-map iframe { min-height: 320px; }
}