/* RYCHLÁ POPTÁVKA — formulář (17. 10. 2026, majitel: „sbírat leady jako zaluzieee").
   Pole a rozložení 1:1 podle zaluzieee.cz („Bleskurychlá poptávka"), barvy a písmo z tokeny.css.
   Jen třídy .mtp-* — nic globálního, ať formulář jde vložit do kterékoli stránky.
   Při každé změně bumpnout ?v= ve všech stránkách, které soubor načítají (CLAUDE.md §7). */

.mtp-card{background:var(--card);border-radius:var(--r-card);box-shadow:0 30px 60px -28px rgba(35,31,32,.45),0 2px 6px rgba(35,31,32,.06);
  padding:32px 28px 28px;max-width:440px;width:100%;color:var(--ink);font-family:var(--font);box-sizing:border-box}
.mtp-card *{box-sizing:border-box}
.mtp-h{font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.02em;text-align:center;margin:0 0 10px}
.mtp-lead{font-size:14px;line-height:1.55;color:var(--ink-2);text-align:center;margin:0 0 22px}
.mtp-lead b{color:var(--ink);font-weight:700}

.mtp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mtp-f{display:block;position:relative;margin:0}
.mtp-f--cela{grid-column:1/-1}
.mtp-f--mesto{grid-column:1/2}
.mtp-f--email{grid-column:1/-1}
.mtp-row3{grid-column:1/-1;display:grid;grid-template-columns:1fr 120px;gap:12px}
.mtp-row3 .mtp-f.je-chyba{grid-row:auto}
.mtp-row3 .mtp-err{white-space:normal}
.mtp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.mtp-in{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--card);border:1.5px solid var(--ink-4);border-radius:var(--r-input);
  padding:13px 14px;min-height:48px;outline:none;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease);-webkit-appearance:none;appearance:none}
.mtp-in::placeholder{color:var(--ink-3);opacity:1}
.mtp-in:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(35,31,32,.08)}
textarea.mtp-in{min-height:96px;resize:vertical;line-height:1.45}
select.mtp-in{padding-right:40px;cursor:pointer;color:var(--ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23231F20' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center}
select.mtp-in:invalid{color:var(--ink-3)}
select.mtp-in option{color:var(--ink)}

.mtp-f.je-chyba .mtp-in{border-color:var(--danger);box-shadow:0 0 0 3px rgba(177,31,36,.10)}
.mtp-err{display:none;font-size:13px;line-height:1.35;color:var(--danger);font-weight:600;margin:6px 2px 0}
.je-chyba>.mtp-err{display:block}

.mtp-souhlas{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--ink-2);margin:14px 0 0;padding:10px 0;min-height:44px;cursor:pointer;position:relative}
.mtp-souhlas input{width:24px;height:24px;flex:none;margin:0;accent-color:var(--accent);cursor:pointer}
.mtp-souhlas a{color:var(--accent-h);text-decoration:underline;text-underline-offset:2px;padding:4px 0}
.mtp-souhlas{flex-wrap:wrap}
.mtp-souhlas>span{flex:1 1 0;min-width:0}
.mtp-souhlas>.mtp-err{flex-basis:100%;margin:2px 0 0 36px}
.mtp-souhlas.je-chyba input{outline:2px solid var(--danger);outline-offset:1px}

.mtp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;min-height:52px;padding:0 28px;border:0;border-radius:var(--r-pill);
  background:var(--accent);color:var(--on-accent);font:inherit;font-size:19px;font-weight:800;letter-spacing:.005em;cursor:pointer;
  box-shadow:0 14px 30px -14px rgba(237,28,36,.75);transition:background var(--t) var(--ease),transform var(--t) var(--ease)}
.mtp-btn:hover{background:var(--accent-h)}
.mtp-btn:active{transform:translateY(1px)}
.mtp-btn[disabled]{opacity:.65;cursor:wait}

.mtp-pod{font-size:13px;color:var(--ink-3);margin:10px 0 0 4px}
.mtp-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.mtp-stav{font-size:14px;line-height:1.5;margin:14px 0 0;color:var(--danger);font-weight:600}
.mtp-stav:empty{display:none}

.mtp-diky{text-align:center;padding:12px 4px}
.mtp-diky .mtp-h{margin-bottom:12px}
.mtp-diky p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0 0 8px}
.mtp-diky p.mtp-h{font-size:22px;color:var(--ink);margin-bottom:12px}
.mtp-diky a{color:var(--accent-h);font-weight:700;white-space:nowrap;display:inline-block;padding:12px 2px}
.mtp-diky .mtp-h:focus{outline:none}
.mtp-fajfka{width:56px;height:56px;border-radius:50%;background:var(--brand-50);display:grid;place-items:center;margin:0 auto 16px}

@media (max-width:480px){
  .mtp-card{padding:26px 18px 22px;border-radius:var(--r-inner)}
  .mtp-h{font-size:22px}
  .mtp-grid{grid-template-columns:1fr}
  .mtp-row3{grid-template-columns:1fr 110px}
  .mtp-btn{width:100%}
}