/* styly stránky: kontakt */

.brand small {display:block;font-family:var(--body);font-weight:500;font-size:11px;color:var(--muted-2);letter-spacing:.3px}

.menu a {color:var(--muted);font-size:14px;font-weight:500;padding:8px 14px;border-radius:8px;transition:.18s;cursor:pointer}

.menu a:hover {color:var(--ink);background:var(--bg-2)}

.menu a.active {color:var(--teal);background:rgba(16,185,129,.09)}

.nav-cta:hover {background:var(--teal-strong);box-shadow:0 6px 20px rgba(13,159,130,.3)}

.avail {display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--teal-strong);border:1px solid var(--line);border-radius:100px;padding:6px 13px;background:rgba(16,185,129,.06)}

.dot {width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}

.btn-primary:hover {background:var(--teal-strong);box-shadow:0 8px 26px rgba(13,159,130,.3);transform:translateY(-1px)}

.btn:hover .arrow {transform:translateX(3px)}

.contact {padding:70px 0 80px}

.contact-grid {display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:start}

.c-side .role {font-family:var(--mono);font-size:13px;color:var(--teal-strong);margin:16px 0 22px}

.c-side .lead {margin-bottom:30px}

.rows {border-top:1px solid var(--line-soft)}

.row {display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-soft)}

.row .ic {width:40px;height:40px;border-radius:10px;background:rgba(16,185,129,.1);border:1px solid var(--line);display:grid;place-items:center;color:var(--teal);flex-shrink:0;font-size:16px}

.row .k {font-family:var(--mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2);margin-bottom:2px}

.row .v {font-size:15px;color:var(--ink);font-weight:500}

.row a.v:hover {color:var(--teal-strong)}

.resp {display:flex;align-items:center;gap:10px;margin-top:22px;font-size:13px;color:var(--muted)}

.resp .b {font-family:var(--mono);color:var(--teal-strong);font-weight:600}

.form-card {background:linear-gradient(165deg,var(--surface-2),#fff);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 30px 60px -40px rgba(12,26,23,.35)}

.form-top {font-family:var(--mono);font-size:12px;color:var(--muted-2);letter-spacing:.5px;margin-bottom:22px}

.fld {margin-bottom:18px}

.fld label {display:block;font-size:13px;color:var(--text);margin-bottom:8px;font-weight:500}

.fld label .opt {color:var(--muted-2);font-weight:400}

.fld input, .fld textarea, .fld select {width:100%;background:#fff;border:1px solid var(--line-soft);border-radius:11px;padding:13px 14px;color:var(--ink);font-family:var(--body);font-size:15px;transition:.15s}

.fld input:focus, .fld textarea:focus, .fld select:focus {outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(16,185,129,.1)}

.fld textarea {min-height:120px;resize:vertical}

.two {display:grid;grid-template-columns:1fr 1fr;gap:14px}

.consent {display:flex;gap:10px;align-items:flex-start;margin:4px 0 20px;font-size:12.5px;color:var(--muted)}

.consent input {width:16px;height:16px;margin-top:2px;accent-color:var(--teal);flex-shrink:0}

.consent a {color:var(--teal-strong);text-decoration:underline}

.form-card .btn {width:100%;justify-content:center}

.form-note {font-family:var(--mono);font-size:11px;color:var(--muted-2);text-align:center;margin-top:14px}

.hp {position:absolute;left:-9999px}

.done {display:none;text-align:center;padding:30px 10px}

.done.on {display:block}

.done .chk {width:60px;height:60px;border-radius:50%;background:rgba(16,185,129,.12);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 18px;color:var(--teal);font-size:26px}

.done h3 {margin-bottom:8px}

.done p {color:var(--muted);font-size:14.5px;max-width:38ch;margin:0 auto}

.foot-w .links {display:flex;gap:18px}

.foot-w .links a:hover {color:var(--teal)}

@media(max-width:860px){.contact-grid {grid-template-columns:1fr;gap:36px}
.two {grid-template-columns:1fr}
.menu.open {display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line-soft);padding:12px}
.menu.open a {width:100%}}