/* ===========================================================
   CONTACT PAGE STYLES
   =========================================================== */
.contact-grid{
  display:grid; grid-template-columns: 1fr 1.2fr; gap: var(--sp-2xl);
  align-items:start;
}
.contact-info-card{
  background:#fff; border-radius: var(--r-lg); padding: 2.6rem;
  border:1px solid var(--line-soft); box-shadow: var(--shadow-md);
}
.contact-info-list li{ display:flex; gap:16px; margin-bottom:24px; align-items:flex-start; }
.contact-info-list li:last-child{ margin-bottom:0; }
.contact-info-list .ic{
  width:48px; height:48px; border-radius:14px; background: var(--mist); color: var(--blue);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.contact-info-list h5{ font-size:0.95rem; margin-bottom:4px; }
.contact-info-list p{ color: var(--text-muted); font-size:0.9rem; line-height:1.6; }
.contact-social-row{ display:flex; gap:12px; margin-top: var(--sp-lg); padding-top: var(--sp-lg); border-top:1px solid var(--line-soft); }
.contact-social-row a{
  width:42px; height:42px; border-radius:12px; background: var(--mist); color: var(--blue);
  display:flex; align-items:center; justify-content:center; transition: background .25s, color .25s, transform .25s;
}
.contact-social-row a:hover{ background: var(--grad-primary); color:#fff; transform: translateY(-3px); }

.map-wrap{ border-radius: var(--r-lg); overflow:hidden; box-shadow: var(--shadow-md); margin-top: var(--sp-lg); }
.map-wrap iframe{ width:100%; height:340px; border:0; display:block; }

@media (max-width: 960px){ .contact-grid{ grid-template-columns:1fr; } }