/* ==========================================================================
   CONTACT — poptávkový formulář
   ========================================================================== */

.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:start;
}
@media (max-width:820px){ .contact-grid{ grid-template-columns:1fr; } }

.contact-side{ display:flex; flex-direction:column; gap:1.6rem; }
.contact-side .slats{ width:44px; }
.contact-line{ display:flex; flex-direction:column; gap:.15rem; }
.contact-line b{ font-weight:500; font-size:1.02rem; }
.contact-line span{ color:var(--muted); font-size:.86rem; }

form{ display:flex; flex-direction:column; gap:1.1rem; }
.row{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
@media (max-width:560px){ .row{ grid-template-columns:1fr; } }

.field{ display:flex; flex-direction:column; gap:.4rem; }
.field label{
  font-size:.68rem; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase; color:var(--muted);
}
.field input,
.field textarea,
.field select{
  font:inherit; font-size:.96rem; color:var(--ink);
  background:var(--panel); border:1px solid var(--line); border-radius:2px;
  padding:.72rem .8rem; width:100%;
}
.field textarea{ resize:vertical; min-height:110px; }
.field input:focus,
.field textarea:focus,
.field select:focus{
  outline:2px solid var(--oak); outline-offset:1px; border-color:var(--oak);
}

button.submit{
  align-self:flex-start; font:inherit; font-size:.95rem;
  padding:.8rem 1.7rem; cursor:pointer;
  background:var(--ink); color:var(--ground);
  border:1px solid var(--ink); border-radius:2px;
  transition:opacity .2s;
}
button.submit:hover{ opacity:.86; }