/* Konfigurátor brýlí – vzhled ladí s webem optiky (style.css) */
.konf{margin:28px 0;padding:24px;border:1px solid var(--line,#dde3e3);border-radius:var(--r,4px);background:var(--card,#fff)}
.konf h2,.konf h3{margin:0 0 8px;font-family:var(--f-d,Georgia,serif);font-size:22px}
.konf-uvod{margin:0 0 20px;color:var(--ink-2,#40595d);font-size:16.5px;max-width:60ch}
.konf-krok{border:0;border-top:1px solid var(--line,#dde3e3);margin:0;padding:18px 0 4px}
.konf-krok:first-of-type{border-top:0;padding-top:0}
.konf-krok legend{font-family:var(--f-m,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3,#587176);padding:0 0 10px}
.konf-volba{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;margin-bottom:8px;border:1px solid var(--line,#dde3e3);border-radius:var(--r,4px);cursor:pointer;background:#fff}
.konf-volba:hover{background:var(--sunk,#eef2f2)}
.konf-volba input{margin-top:3px;flex:0 0 auto}
.konf-volba span{display:flex;flex-direction:column;gap:2px;flex:1}
.konf-volba strong{font-weight:500;font-size:16.5px}
.konf-volba em{font-style:normal;font-size:15px;color:var(--ink-3,#587176)}
.konf-volba em.konf-cena{color:var(--amber-dark,#95470f);font-weight:500}
.konf-oko{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;padding:14px;border:1px solid var(--line,#dde3e3);border-radius:var(--r,4px);margin-bottom:10px}
.konf-oko-nazev{flex:0 0 100%;font-weight:500}
.konf-oko label,.konf-pd{display:flex;flex-direction:column;gap:4px;font-size:14.5px;color:var(--ink-2,#40595d)}
.konf-oko select,.konf-oko input,.konf-pd input{padding:8px 10px;border:1px solid var(--line-2,#c9d5d6);border-radius:var(--r,4px);font:inherit;font-size:15px;min-width:110px}
.konf-pd{margin:6px 0 4px}
.konf-pozn{font-size:14.5px;color:var(--ink-3,#587176);margin:6px 0 0}
.konf-pozn-pole{display:flex;flex-direction:column;gap:6px;margin:16px 0 0;font-size:15px;color:var(--ink-2,#40595d)}
.konf-pozn-pole textarea{padding:10px;border:1px solid var(--line-2,#c9d5d6);border-radius:var(--r,4px);font:inherit;font-size:15px}
.konf-soubor{display:flex;flex-direction:column;gap:6px;font-size:15px}
.konf-souhrn{margin-top:18px;padding:16px 18px;background:var(--teal-pale,#e4f0f0);border-radius:var(--r,4px)}
.konf-radek,.konf-souhrn-radky p{display:flex;justify-content:space-between;gap:16px;font-size:15.5px;padding:3px 0;margin:0;color:var(--ink-2,#40595d)}
.konf-souhrn-radky p strong{font-weight:500;white-space:nowrap}
.konf-souhrn-celkem{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(8,71,76,.18);font-size:17px}
.konf-souhrn-celkem strong{font-size:20px;color:var(--teal-dark,#08474c);white-space:nowrap}
@media (max-width:520px){
  .konf{padding:18px}
  .konf-oko select,.konf-oko input,.konf-pd input{min-width:0;width:100%}
  .konf-oko label,.konf-pd{flex:1 1 130px}
}
.konf-demo{margin:0 0 14px;padding:10px 14px;background:var(--amber-pale,#fbf0e4);border-left:4px solid var(--amber,#b85c17);border-radius:var(--r,4px);font-size:15px;color:var(--amber-dark,#95470f)}

/* krokový výběr – typ skla, provedení, barva */
.konf-vyber{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:8px}
.konf-vyber>*{min-width:0}
.konf-tlacitko{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:12px 14px;border:1px solid var(--line,#dde3e3);border-radius:var(--r,4px);background:#fff;cursor:pointer;font:inherit;color:inherit}
.konf-tlacitko:hover{background:var(--sunk,#eef2f2)}
.konf-tlacitko strong{font-weight:500;font-size:16px;line-height:1.3}
.konf-tlacitko em{font-style:normal;font-size:14px;color:var(--ink-3,#587176);line-height:1.35}
.konf-tlacitko .konf-od{font-family:var(--f-m,monospace);font-size:12.5px;color:var(--amber-dark,#95470f)}
.konf-tlacitko.je-vybrano{border-color:var(--teal-dark,#08474c);box-shadow:inset 0 0 0 1px var(--teal-dark,#08474c);background:var(--teal-pale,#e4f0f0)}

.konf-volba em.konf-popis{font-size:14.5px}
.konf-mimo-rozsah{margin:10px 0 0;padding:10px 14px;background:var(--amber-pale,#fbf0e4);border-left:4px solid var(--amber,#b85c17);border-radius:var(--r,4px);font-size:15px;color:var(--amber-dark,#95470f)}
.konf-dotaz{margin-top:18px;padding:16px 18px;background:var(--teal-pale,#e4f0f0);border-radius:var(--r,4px)}
.konf-dotaz p{margin:0;font-size:15.5px;color:var(--ink-2,#40595d);max-width:62ch}

/* skryte prvky musi zustat skryte i pres display:flex vyse */
[hidden]{display:none !important}