/* Contact page styles — uses theme root variables and common classes */

/* Top info section */
.contact-info-section{ padding: calc(var(--space-2xl)/1.5) 0; }
.contact-info-inner{ display:grid; grid-template-columns: 35% 65%; gap:32px;  margin:0 auto; align-items:center; }
.info-left .common-title__heading{ font-size:48px; line-height:1.05; }
.info-right .info-cards{ display:flex; gap:22px; justify-content:flex-end; flex-wrap:nowrap; align-items:stretch; }
.info-box{ background: #78b3e030; border-radius:12px; padding:28px 30px; width:320px; box-shadow: 0 18px 40px rgba(3,12,30,0.06); }
.info-box__icon{ width:56px; height:56px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--primary); color:var(--white); font-size:18px; margin-bottom:12px; box-shadow: 0 6px 18px rgba(3,12,30,0.08); }
.info-box__icon svg{ width:22px; height:22px; display:block; color:var(--white); }
.info-box__icon svg path{ fill: currentColor; }
.info-box__title{ margin:0 0 8px; color:var(--text-dark); font-family:var(--font-heading); font-size:18px; }
.info-box__text{ margin:0; color:var(--text-light); font-size:14px; line-height:1.6; }

/* Second section: form + map */
.contact-form-section{ padding: var(--space-2xl) 0; }
.contact-form-inner{ margin:0 auto; display:grid; grid-template-columns: 1fr 520px; gap:32px; align-items:start; }
.form-left .common-title__heading{ font-size:40px; }
.form-card{ background: #78b3e030; padding:28px; border-radius:20px; }
.contact-form-shortcode{ background: transparent; }

@media (max-width: 991px) {
  .contact-info-inner,
  .contact-form-inner { grid-template-columns: 1fr; }

  .contact-info-inner { gap: 24px; }
  .info-left .common-title__heading { font-size: 40px; }
  .info-right .info-cards { justify-content: stretch; flex-wrap: wrap; }
  .info-box { width: calc(50% - 11px); min-width: 0; }

  .contact-form-inner { gap: 24px; }
  .form-left .common-title__heading { font-size: 34px; }
  .map-card iframe { height: 420px; }
}

@media (max-width: 576px) {
  .contact-info-section,
  .contact-form-section { padding: 28px 0; }

  .info-left .common-title__subtitle { font-size: 13px; letter-spacing: 1px; }
  .info-left .common-title__heading { font-size: 28px; line-height: 1.08; }
  .info-left .common-title__text { font-size: 15px; line-height: 1.6; }

  .info-right .info-cards { flex-direction: column; gap: 14px; }
  .info-box { width: 100%; padding: 20px 18px; }
  .info-box__title { font-size: 16px; }
  .info-box__text { font-size: 13px; word-break: break-word; }

  .form-left .common-title__heading { font-size: 28px; }
  .form-card { padding: 18px; border-radius: 16px; }
  .map-card iframe { height: 300px; }
}