/* AMOX Industrial - contact page styles. */

.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: start; }
.contact-card { padding: 34px; border-radius: var(--radius); color: white; background: var(--ink); }
.contact-line { padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.contact-line span { display: flex; align-items: center; gap: 7px; color: #969ca6; font-size: .75rem; text-transform: uppercase; margin-bottom: 3px; }
.contact-line span i { color: var(--orange); font-size: .85rem; }
.contact-line a, .contact-line strong { font-weight: 750; }

.office-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
.office { padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: var(--site-bg); transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s, border-color .3s; }
.office:hover { transform: translateY(-4px); border-color: rgba(239,75,11,.3); box-shadow: 0 20px 45px rgba(12,15,20,.09); }
.office small { color: var(--orange); font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.office h3 { margin: 10px 0 10px; font-size: 1.3rem; }
.office p { color: var(--muted); font-size: .9rem; }

@media (max-width: 740px) {
  .contact-grid { grid-template-columns: 1fr; gap: 36px; }
  .office-grid { grid-template-columns: 1fr; }
}