.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.contact-form-box { background: #fff; border-radius: var(--radius-lg); padding: 48px; box-shadow: 0 4px 30px rgba(0,0,0,0.06); }
.contact-info-wrap { display: flex; flex-direction: column; gap: 28px; }
.ci-card { display: flex; gap: 20px; align-items: flex-start; }
.ci-icon { width: 52px; height: 52px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: #fff; flex-shrink: 0; transition: var(--transition); }
.ci-card:hover .ci-icon { background: var(--accent); transform: scale(1.1); }
.ci-label { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 4px; }
.ci-value { font-size: 1rem; font-weight: 600; color: var(--text-dark); }
.map-placeholder { background: var(--surface); border-radius: var(--radius-lg); height: 280px; display: flex; align-items: center; justify-content: center; margin-top: 32px; font-size: 3rem; border: 2px dashed var(--border); }
@media(max-width:1024px){ .contact-layout{grid-template-columns:1fr;} }