/* =============================================================================
 * Lokalizacja w strukturze : /assets/css/contact.css
 * Nazwa pliku              : contact.css
 * Funkcja                  : Unikalny CSS strony Kontakt — siatka dane/formularz,
 *                            karty informacji kontaktowych, pola formularza.
 * Wygenerowana wersja      : 1.0.0
 * Historia zmian           :
 *   1.0.0  (2026-05-25)  Pierwsza wersja.
 * Projekt                  : Mademoiselle Professional (redesign 2026)
 * Software                 : polooma.com
 * ========================================================================== */

.contact{background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.contact-info{display:grid;gap:1.6rem}
.ci{display:flex;gap:1.2rem;align-items:flex-start}
.ci .ico{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:1.1rem}
.ci .lbl{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem}
.ci .val{color:var(--ink);text-decoration:none;font-size:1.05rem;transition:color .3s}
.ci a.val:hover{color:var(--gold)}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2.4rem;box-shadow:0 24px 60px rgba(58,42,15,.07)}
.field{margin-bottom:1.3rem}
.field label{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.field input,.field select,.field textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-family:'Jost',sans-serif;font-size:.95rem;color:var(--ink);transition:border .3s;font-weight:300}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:#fff}
.field textarea{resize:vertical;min-height:90px}
.form-btn{width:100%;justify-content:center;border:none}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}