/* ================================================================
   contact.css — 聯絡我們頁
================================================================ */
.gc-contact-main { padding: 48px 0 72px; }
.gc-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 48px;
  align-items: start;
}

/* 左：聯絡資訊 */
.gc-contact-h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--gc-blue-bright);
  margin: 0 0 18px;
  padding-left: 12px;
  border-left: 5px solid var(--gc-blue);
}
.gc-contact-info .gc-contact-h2:not(:first-child) { margin-top: 36px; }

/* 共用聯絡列表（與 service-page 一致） */
.gc-contact-info .gc-svc-contact-list { display: flex; flex-direction: column; gap: 14px; }
.gc-contact-info .gc-svc-contact-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; color: var(--gc-text); }
.gc-contact-info .gc-svc-contact-list svg { flex-shrink: 0; margin-top: 2px; fill: var(--gc-blue); }
.gc-contact-info .gc-svc-contact-list a { color: var(--gc-text); }
.gc-contact-info .gc-svc-contact-list a:hover { color: var(--gc-blue); }

.gc-contact-services { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gc-contact-services li a {
  display: block;
  padding: 10px 14px;
  background: var(--gc-surface);
  border-radius: 10px;
  font-size: 15px;
  color: var(--gc-text);
  transition: background var(--gc-ease), color var(--gc-ease);
}
.gc-contact-services li a:hover { background: var(--gc-blue); color: #fff; }

.gc-contact-map { margin-top: 36px; }
.gc-contact-map iframe { display: block; width: 100%; }

/* 右：表單卡 */
.gc-contact-form {
  background: #fff;
  border-radius: 16px;
  padding: 36px;
  box-shadow: 0 4px 20px rgba(0,0,0,.07);
}
.gc-contact-form .gc-contact-h2 { margin-bottom: 24px; }

/* ── RWD ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .gc-contact-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 480px) {
  .gc-contact-services { grid-template-columns: 1fr; }
  .gc-contact-form { padding: 24px 20px; }
}