.contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: var(--sp-10);
    align-items: start;
}
@media (max-width: 860px) {
    .contact-layout { grid-template-columns: 1fr; }
}
.contact-info-list { list-style: none; padding: 0; margin: var(--sp-6) 0; display: flex; flex-direction: column; gap: var(--sp-5); }
.contact-info-list li { display: flex; gap: var(--sp-4); align-items: flex-start; }
.contact-info-list i {
    background: var(--clr-bg-alt);
    color: var(--clr-primary);
    width: 44px; height: 44px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.contact-info-list a { font-weight: 600; }
.contact-info-list strong { display: block; margin-bottom: var(--sp-1); }
.contact-form-card {
    background: #fff;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: var(--sp-8);
}
@media (max-width: 480px) {
    .contact-form-card { padding: var(--sp-5); }
}