/* Adapt only the existing Contact 2 component; keep client style.css last. */
.contact-2 .info-card .info-card-body h2,
.contact-2 .info-card .info-card-body h3 { font-size: 15px; font-weight: 600; margin-bottom: 4px; letter-spacing: -.01em; }
.contact-2 .form-card .form-card-header h2 { font-size: 20px; font-weight: 600; margin-bottom: 8px; letter-spacing: -.01em; }
.contact-2 .connect-card h2 { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
.contact-2 .info-card-body { min-width: 0; overflow-wrap: anywhere; }
.contact-2 .heleomo-contact-intro p:last-child { margin-bottom: 0; }
.contact-2 .heleomo-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-2 .heleomo-privacy-label { display: flex; gap: 10px; font-size: 14px; line-height: 1.6; }
.contact-2 .heleomo-privacy-label input { flex-shrink: 0; margin-top: 5px; width: 16px; height: 16px; accent-color: var(--accent-color); }
.contact-2 textarea.form-control { resize: vertical; }
.contact-2 .btn-submit:disabled { opacity: .65; cursor: wait; }
.contact-2 .heleomo-billing { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; font-size: 14px; overflow-wrap: anywhere; }
.contact-2 .heleomo-map-placeholder { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 16px; text-align: center; background: color-mix(in srgb, var(--accent-color), transparent 96%); }
.contact-2 .heleomo-map-placeholder p { margin: 0; }
.contact-2 .heleomo-map-placeholder small { font-size: 12px; }
.contact-2 .heleomo-map-placeholder > i { color: var(--accent-color); font-size: 28px; }
.contact-2 .heleomo-map { min-height: 280px; }
@media (max-width: 575px) { .contact-2 .heleomo-map { min-height: 300px; } }