/* contacts.css */
.contactgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.contactcard{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius);padding:30px 26px;transition:var(--trans)}
.contactcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.contactcard__icon{width:58px;height:58px;border-radius:16px;background:var(--color-bg-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:18px}
.contactcard h3{font-family:var(--font-display);font-weight:400;font-size:1.2rem;color:var(--color-dark);margin-bottom:12px}
.contactcard a,.contactcard p{display:block;color:var(--color-text);font-size:15.5px;line-height:1.7}
.contactcard a:hover{color:var(--color-accent)}
.contactcard .small{color:var(--color-muted);font-size:13.5px;margin-top:8px}
.contact-map{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-line);box-shadow:var(--shadow-sm);aspect-ratio:16/7;background:var(--color-bg-soft)}
.contact-map iframe{width:100%;height:100%;border:0;display:block}
.contact-split{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:start;margin-top:48px}
.contacts__form{background:var(--color-bg-soft);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--color-line)}
.contacts__socials{display:flex;gap:13px}
.contacts__socials a{width:46px;height:46px;border-radius:12px;background:var(--color-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--trans)}
.contacts__socials a:hover{background:var(--color-accent);transform:translateY(-3px)}
@media (max-width:1024px){ .contactgrid{grid-template-columns:1fr} .contact-split{grid-template-columns:1fr;gap:38px} }
@media (max-width:680px){ .contacts__form{padding:26px 20px} }