/* Stránka s podrobným formulářem pro cenovou nabídku — nasazuje se na styles.css */

.qhead{background:var(--deep-2);border-bottom:1px solid var(--hair)}
.zpet{display:inline-block;font-size:14.5px;color:var(--paper-dim);text-decoration:none;margin-bottom:26px;transition:color .15s}
.zpet:hover{color:var(--kobalt)}
.qhead h1{font-size:clamp(30px,3.6vw,50px);margin-bottom:18px;max-width:20ch}
.qhead .lead{max-width:62ch}
.qhead-alt{margin-top:22px;font-size:15px;color:var(--paper-dim)}
.qhead-alt a{color:var(--kobalt)}

/* postup */
.progres{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 clamp(26px,3vw,40px);padding:0;counter-reset:k}
.progres li{font-size:13.5px;line-height:1.35;color:var(--paper-dim);padding-top:12px;border-top:3px solid var(--hair);
  display:flex;flex-direction:column;gap:5px;transition:color .2s,border-color .2s}
.progres li span{font-size:11.5px;font-weight:600;letter-spacing:.16em;opacity:.7}
.progres li.is-on{color:var(--paper);border-top-color:var(--kobalt);font-weight:500}
.progres li.hotovo{border-top-color:var(--kobalt);opacity:.72}

/* formulář */
.qform form{background:#fff;border:1px solid var(--hair);border-radius:2px;padding:clamp(22px,2.8vw,40px);display:grid;gap:20px}
.krok{border:0;padding:0;margin:0;display:grid;gap:18px}
.krok[hidden]{display:none}
.krok-h{padding:0;margin-bottom:2px;display:block}
.krok-c{display:block;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--burg);margin-bottom:8px}
.krok-h b{display:block;font-size:clamp(21px,2vw,28px);font-weight:600;letter-spacing:-.028em;color:var(--paper)}
.krok .cb{margin:0}
.cb legend .hint{display:block;font-weight:400;font-size:13px;line-height:1.5;color:var(--paper-dim);margin-top:5px;max-width:52ch}
.krok .cbo input[type="checkbox"]{border-radius:2px}

.up{border:1px dashed var(--hair);border-radius:2px;padding:16px}
.up input[type="file"]{border:0;padding:8px 0;font-size:15px;background:0}
.up input[type="file"]::file-selector-button{font:inherit;font-size:14.5px;font-weight:500;color:#fff;background:var(--kobalt);
  border:0;border-radius:2px;padding:9px 16px;margin-right:12px;cursor:pointer}
.up-note{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--paper-dim)}

.krok-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.krok-nav .act{flex:1 1 auto;justify-content:center;padding:16px 26px;font-size:17px}
.krok-err{margin:0;font-size:14.5px;line-height:1.5;color:var(--burg);padding-left:12px;border-left:2px solid var(--burg)}
.qform .fine{margin:0}
input:invalid.dotknuto,select:invalid.dotknuto,textarea:invalid.dotknuto{border-color:var(--burg)}

@media (max-width:680px){
  .progres{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .krok-nav .act{flex:1 1 100%}
}

/* obrazový pás mezi úvodem a formulářem */
.qband{margin:0;background:var(--deep-2)}
.qband>img{max-width:var(--max);margin:0 auto;width:100%;aspect-ratio:3/1;object-fit:cover;object-position:50% 62%;display:block}
.qband figcaption{font-size:14.5px;line-height:1.6;color:var(--paper-dim);padding-top:14px;padding-bottom:clamp(24px,2.6vw,36px)}
@media (max-width:680px){.qband img{aspect-ratio:2/1}}