/* contact.css — classes unique to the Contact page only.
     .page-hero, .faq-item, .contact-wrap (+children), and .btn-amber
     now live in style.css as the single shared version — they were
     redefined here with slightly different values before, and because
     master.blade.php loaded every page's CSS on every route, this file
     was silently overriding those shared styles site-wide. Only the
     Quick Contact cards below are actually unique to this page. */

  /* ---------- Quick contact cards ---------- */
  .quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
  @media(max-width:860px){.quick-grid{grid-template-columns:1fr;}}
  .quick-card{
    background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.7rem;text-align:center;
    transition:transform .15s,box-shadow .15s,border-color .15s;
  }
  .quick-card:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 18px 34px -22px rgba(27,42,74,.35);}
  .quick-card .qc-icon{
    width:52px;height:52px;border-radius:14px;margin:0 auto 1rem;
    display:flex;align-items:center;justify-content:center;font-size:1.35rem;
  }
  .quick-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;font-family:'Inter',sans-serif;}
  .quick-card p{font-size:.87rem;color:var(--muted);margin-bottom:1.2rem;line-height:1.55;}