/* ============================================================
   MyTrafficBuzz — Contact

   The contact page: form, details list and map.

   Part of the split of the former single style.css (20-Aug-2026).
   Load order matters: see the <link> block in any page head, and
   keep this file in that same position when adding rules.
   ============================================================ */

/* ---------- contact ---------- */
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.contact__info{background:var(--aur),var(--g3);color:var(--wh);padding:36px;border-radius:var(--r);position:relative;overflow:hidden}
.contact__form{padding:36px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.fg{margin-bottom:18px}
.fg label{display:block;margin-bottom:6px;font-weight:600;font-size:13px;color:var(--pri)}
.fg input,.fg textarea,.fg select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;font-family:inherit;font-size:14.5px;transition:var(--t);background:var(--card);color:var(--txt)}
.fg input:focus,.fg textarea:focus{border-color:var(--acc);outline:0;box-shadow:0 0 0 4px rgba(226,58,78,.1)}