/* konfigurator.css — nový konfigurátor (/konfigurator/, assets/js/konfigurator.js).
   Farby a fonty z :root tokenov v style.css. */
.konf{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;margin-top:8px}
.konf-kroky{display:flex;flex-direction:column;gap:12px;min-width:0}

/* Krok (akordeón) */
.konf-krok{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.konf-krok.is-open{border-color:var(--amber);box-shadow:var(--shadow-sm)}
.konf-krok-head{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;border:0;background:none;text-align:left;cursor:pointer;font-family:var(--body);color:var(--ink)}
.konf-krok-head:disabled{cursor:default;color:var(--ink-faint)}
.konf-krok-cislo{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-2);font-weight:800;font-size:.9rem}
.konf-krok.is-open .konf-krok-cislo{background:var(--amber);color:var(--ink)}
.konf-krok.is-done .konf-krok-cislo{background:var(--ink);color:#fff}
.konf-krok-nazev{font-family:var(--display);font-weight:700;font-size:1.12rem}
.konf-krok-souhrn{margin-left:auto;color:var(--ink-soft);font-size:.9rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.konf-krok-body{padding:4px 20px 22px}
.konf-napoveda{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin:0 0 14px}
.konf-napoveda a.inline{color:var(--pine-soft);font-weight:700;text-decoration:underline}
.konf-akce{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.konf-akce .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* Karty voľby (druh, pôdorys) */
.konf-karty{display:grid;gap:12px}
.konf-karty--3{grid-template-columns:repeat(3,1fr)}
.konf-karty--4{grid-template-columns:repeat(4,1fr)}
.konf-karta{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center;font-family:var(--body);color:var(--ink);transition:border-color .15s ease, transform .15s ease}
.konf-karta:hover{border-color:var(--ink);transform:translateY(-2px)}
.konf-karta.is-sel{border-color:var(--amber);background:var(--amber-tint)}
.konf-karta strong{font-size:1rem}
.konf-karta span{font-size:.86rem;color:var(--ink-soft);line-height:1.4}
.konf-karta small{font-size:.78rem;color:var(--ink-faint);line-height:1.35}

/* Polia */
.konf-pole-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px 16px;margin-bottom:6px}
.konf-pole{display:flex;flex-direction:column;gap:5px;font-size:.88rem;font-weight:600}
.konf-pole small{font-weight:500;color:var(--ink-faint);font-size:.78rem}
.konf-vstup{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.konf-vstup:focus-within{border-color:var(--amber)}
.konf-vstup input{flex:1;min-width:0;border:0;padding:.6em .8em;font-family:var(--body);font-size:16px;font-weight:700;color:var(--ink);background:transparent;outline:none}
.konf-vstup input.is-err{background:#FDF1EC}
.konf-vstup em{font-style:normal;color:var(--ink-faint);padding-right:.8em;font-weight:600}
.konf-pole > input,.konf-pole textarea{border:1.5px solid var(--line);border-radius:12px;padding:.6em .8em;font-family:var(--body);font-size:16px;color:var(--ink);background:var(--surface)}
.konf-pole > input:focus,.konf-pole textarea:focus{border-color:var(--amber);outline:none}
.konf-pole--inline{flex-direction:row;align-items:center;gap:12px}
.konf-pole--inline .konf-vstup{width:110px}
.konf-chyba{display:block;color:#B4401F;font-size:.82rem;font-weight:600;min-height:0}
.konf-chyba:empty{display:none}
.konf-check{display:flex;align-items:flex-start;gap:9px;margin:12px 0 0;font-size:.92rem;line-height:1.45;cursor:pointer}
.konf-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--amber-dark);flex:none}
.konf-check a.inline{color:var(--pine-soft);font-weight:700;text-decoration:underline}
.konf-check--mini{font-size:.78rem;margin-top:8px;justify-content:center}
.konf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Počet priestorov */
.konf-volby{display:flex;flex-wrap:wrap;gap:10px}
.konf-volba{position:relative;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:12px 16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-family:var(--body);color:var(--ink);text-align:left}
.konf-volba:hover{border-color:var(--ink)}
.konf-volba.is-sel{border-color:var(--amber);background:var(--amber-tint)}
.konf-volba span{font-size:.84rem;color:var(--ink-soft)}
.konf-volba em{position:absolute;top:-9px;right:10px;font-style:normal;font-size:.7rem;font-weight:700;background:var(--ink);color:#fff;padding:2px 8px;border-radius:999px}

/* Vnútro */
.konf-skrin{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 4px;margin-bottom:18px}
.konf-prostor{flex:1 0 92px;max-width:150px;display:flex;flex-direction:column;align-items:stretch}
.konf-prostor-sirka{text-align:center;font-size:.78rem;font-weight:700;color:var(--ink-soft);margin-bottom:4px}
.konf-prostor-plocha{display:flex;gap:3px;height:210px;padding:4px;border:3px solid var(--pine);border-top-width:6px;background:var(--surface-2);border-radius:4px}
.konf-cast{flex:1;display:grid;place-items:center;border:2px dashed var(--line);border-radius:4px;background:var(--surface);cursor:pointer;padding:0;overflow:hidden}
.konf-cast img{width:100%;height:100%;object-fit:contain}
.konf-cast span{font-size:1.6rem;color:var(--ink-faint)}
.konf-cast.is-active{border:2px solid var(--amber-dark);box-shadow:0 0 0 3px var(--amber-tint)}
.konf-paleta-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:4px 0 10px}
.konf-paleta-head span{color:var(--ink-soft);font-size:.9rem}
.konf-paleta-head .chip{margin-left:auto;font-size:.82rem}
.konf-kategoria{margin-bottom:14px}
.konf-kategoria > span{display:block;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
.konf-moduly{display:flex;flex-wrap:wrap;gap:8px}
.konf-modul{width:72px;height:130px;padding:3px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}
.konf-modul img{width:100%;height:100%;object-fit:contain}
.konf-modul:hover{border-color:var(--amber-dark)}
.konf-modul:disabled{opacity:.3;cursor:not-allowed}

/* Dekory a výplne */
.konf-dekor{margin-bottom:20px}
.konf-dekor-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.konf-dekor-head span{color:var(--ink-soft);font-size:.9rem}
.konf-hledat{width:100%;max-width:340px;padding:.55em .9em;margin-bottom:10px;border:1.5px solid var(--line);border-radius:12px;font-family:var(--body);font-size:16px;background:var(--surface)}
.konf-hledat:focus{border-color:var(--amber);outline:none}
.konf-vzorky{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:330px;overflow-y:auto;padding:2px}
.konf-vzorek{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:4px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;font-family:var(--body);text-align:center}
.konf-vzorek img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:var(--surface-2)}
.konf-vzorek span{font-size:.7rem;line-height:1.25;color:var(--ink-soft);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.konf-vzorek:hover{border-color:var(--ink)}
.konf-vzorek.is-sel{border-color:var(--amber-dark);box-shadow:0 0 0 3px var(--amber-tint)}
.konf-vzorek[hidden]{display:none}
.konf-taby{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}

/* Dvere */
.konf-dvere-rad{display:flex;gap:8px;overflow-x:auto;padding:2px;margin-bottom:14px}
.konf-dvere{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;font-family:var(--body);font-size:.78rem;color:var(--ink-soft)}
.konf-dvere.is-active{border-color:var(--amber-dark);box-shadow:0 0 0 3px var(--amber-tint)}
.konf-typy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.konf-typ{padding:6px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.konf-typ:hover{border-color:var(--ink)}
.konf-typ.is-sel{border-color:var(--amber-dark);background:var(--amber-tint)}
.konf-typ-nahled{display:flex;flex-direction:column;gap:2px;width:40px;height:84px;padding:3px;background:#C0C0C0;border-radius:2px}
.konf-typ-nahled i{display:block;background:#EFEAE1;min-height:3px}

.konf-profily{display:flex;flex-wrap:wrap;gap:8px}
.konf-profil{display:flex;align-items:center;gap:8px;padding:.5em .9em;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;font-family:var(--body);font-size:.88rem;color:var(--ink)}
.konf-profil i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.konf-profil.is-sel{border-color:var(--amber-dark);background:var(--amber-tint)}

.konf-dvere-velke{display:flex;gap:4px;height:300px;max-width:100%;overflow-x:auto;padding:8px;margin-bottom:16px;background:var(--surface-2);border-radius:var(--radius)}
.konf-kridlo{flex:1 0 64px;max-width:130px;display:flex;flex-direction:column;gap:3px;padding:4px;background:var(--ram,#C0C0C0);border-radius:3px}
.konf-panel{display:block;width:100%;padding:0;border:0;background:#EFEAE1 center/cover;cursor:pointer;min-height:8px}
.konf-panel.is-active{outline:3px solid var(--amber);outline-offset:-3px}

/* Súhrn */
.konf-doplnky{margin-bottom:8px}
.konf-cena-velka{margin:20px 0;padding:18px 20px;border-radius:var(--radius);background:var(--amber-tint);display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right}
.konf-cena-velka:empty{display:none}
.konf-cena-velka span{font-size:.85rem;font-weight:700;color:var(--ink-soft)}
.konf-cena-velka strong{font-family:var(--display);font-size:2rem}
.konf-cena-velka small{color:var(--ink-soft)}
.konf-form h3{font-family:var(--display);margin:6px 0 6px}
.konf-form .konf-pole{margin-bottom:12px}
.konf-dekujeme{padding:20px;border-radius:var(--radius);background:var(--pine-tint)}
.konf-dekujeme h3{margin:0 0 6px;font-family:var(--display)}
.konf-dekujeme p{margin:0;color:var(--ink-soft)}

.konf-souhrn{position:sticky;top:calc(var(--top-stack, 96px) + 12px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}
.konf-cena{display:flex;flex-direction:column;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.konf-cena strong{font-family:var(--display);font-size:2rem;line-height:1.1}
.konf-cena span{font-size:.85rem;color:var(--ink-soft)}
.konf-cena-stara{text-decoration:line-through}
.konf-cena .save-tag{position:static;align-self:flex-start;margin-top:6px;background:var(--amber);color:var(--ink);font-weight:800;font-size:.8rem;padding:.3em .7em;border-radius:6px}
.konf-cena--prazdna strong{font-size:1.3rem}
.konf-parametry{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:.88rem}
.konf-parametry li span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}
.konf-souhrn-pozn{margin:14px 0 0;font-size:.8rem;color:var(--ink-faint);line-height:1.5}
.konf-mobil-cena{display:none}

@media(max-width:980px){
  .konf{grid-template-columns:1fr}
  .konf-souhrn{display:none}
  /* pevná spodná lišta: Zpět (šípka), cena alebo názov kroku, Pokračovat (assets/js/konfigurator.js, mobilnaLista) */
  .konf-mobil-cena{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:800;padding:15px 14px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));background:var(--ink);color:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.18)}
  .konf-mobil-cena:empty{display:none}
  /* bublina chatu (chat.css) sedí nad lištou, aby neprekrývala Pokračovat; 69px = výška lišty */
  html .lschat-launcher{bottom:calc(69px + 12px + env(safe-area-inset-bottom, 0px))}
  .km-spat{flex:none;width:44px;height:44px;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;font-size:1.15rem;line-height:1;cursor:pointer}
  .km-stred{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
  .km-stred strong{font-family:var(--display);font-size:1.2rem;white-space:nowrap}
  .km-stred strong.km-krok{font-size:.95rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .km-stred span{font-size:.76rem;color:#CFC6BA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .km-stred span.km-dovod{color:#FDE7CB;white-space:normal}
  .konf-mobil-cena .btn{flex:none;padding:.75em 1.15em;font-size:.95rem}
  .konf-mobil-cena .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
  .konf-mobil-cena .km-ulozit{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
  /* tlačidlá v obsahu kroku a Zpět v hlavičke sú na mobile v lište; obsah nesmie skončiť pod ňou */
  .konf-kroky .konf-spat,.konf-kroky :not(.konf-akce--vzdy) > [data-dalsi],.konf-kroky [data-dalsi-rozmery],.konf-kroky .kv-akce{display:none}
  .konf-kroky .konf-akce:not(.konf-akce--vzdy):has(> [data-dalsi]),.konf-kroky .konf-akce:has(> [data-dalsi-rozmery]){display:none}
  .konf{padding-bottom:89px}
  .konf-karty--4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .konf-karty--3{grid-template-columns:1fr}
  .konf-krok-head{padding:14px}
  .konf-krok-body{padding:4px 14px 18px}
  .konf-krok-souhrn{display:none}
}

/* Začať nový návrh (assets/js/konfigurator.js, data-reset) */
.konf-reset{display:block;width:100%;margin-top:14px;padding:.55em 1em;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-family:var(--body);font-weight:700;font-size:.85rem;cursor:pointer}
.konf-reset:hover{border-color:var(--ink);color:var(--ink)}
/* Nový návrh pod obsahom kroku: len na mobile, kde pravý panel s tlačidlom nie je. Nenápadný odkaz. */
.konf-reset--pata{display:none;width:auto;margin:0 auto 16px;padding:.4em .6em;border:0;background:none;font-weight:600;font-size:.82rem;text-decoration:underline}

/* Prvý krok s fotkami (ako úvodná obrazovka starého konfigurátora) */
.konf-karta--foto{padding:10px 10px 16px;gap:8px}
.konf-karta--foto img{display:block;width:100%;height:auto;aspect-ratio:640/470;object-fit:cover;border-radius:10px}
.konf-karta--foto strong{font-family:var(--display);font-size:1.12rem;margin-top:4px}

/* ===== Lišta krokov a jeden krok naraz (ako starý konfigurátor) ===== */
.konf-topbar{grid-column:1/-1;display:flex;background:#232323;border-radius:6px;overflow-x:auto;scrollbar-width:none}
.konf-topbar::-webkit-scrollbar{display:none}
.konf-tab{position:relative;flex:1 0 auto;padding:15px 18px;border:0;background:transparent;color:#CFCFCF;font-family:var(--body);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.konf-tab:disabled{cursor:default}
.konf-tab:not(:disabled):hover{color:#fff;background:#2f2f2f}
.konf-tab.is-done{color:#fff}
.konf-tab.is-active{background:#444;color:#fff}
.konf-tab.is-active::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#232323}
.konf-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--amber)}
.konf-krok{border-color:var(--line);box-shadow:none}
.konf-krok.is-open{border-color:var(--line);box-shadow:var(--shadow-sm)}
.konf-krok-hlava{display:flex;align-items:center;gap:14px;padding:18px 20px 6px}
.konf-krok-hlava h2{margin:0;font-family:var(--display);font-size:1.35rem}
.konf-spat{padding:.4em .9em;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);font-family:var(--body);font-weight:700;font-size:.82rem;color:var(--ink-soft);cursor:pointer}
.konf-spat:hover{border-color:var(--ink);color:var(--ink)}
.konf.bez-ceny{grid-template-columns:1fr}
.konf.bez-ceny .konf-souhrn,.konf.bez-ceny .konf-mobil-cena{display:none}
@media(max-width:560px){.konf-tab{padding:12px 12px;font-size:.74rem}.konf-krok-hlava{padding:14px 14px 4px}}@media(max-width:1200px){.konf-tab{padding:14px 10px;font-size:.74rem;letter-spacing:.02em}}

/* ===== Výber pôdorysu ako v starom konfigurátore (obrázky images/steny) ===== */
.konf-podorysy{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.konf-podorys{display:flex;flex-direction:column;gap:12px;padding:14px 16px 18px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-family:var(--body);color:var(--ink);text-align:left;transition:border-color .15s ease, box-shadow .15s ease}
.konf-podorys:hover{border-color:var(--ink)}
.konf-podorys.is-sel{border-color:var(--amber);background:var(--amber-tint)}
.konf-podorys-nadpis{text-align:center;font-size:1.1rem;color:var(--ink-soft)}
.konf-podorys-telo{display:flex;align-items:flex-start;gap:16px}
.konf-podorys-telo img{flex:none;width:234px;max-width:58%;height:auto;image-rendering:auto}
.konf-podorys-text{display:flex;flex-direction:column;gap:10px;font-size:.84rem;line-height:1.4}
.konf-podorys-text em{color:var(--ink-soft);font-size:.8rem}
.konf-pomoc{background:var(--surface-2);border-radius:var(--radius);padding:16px 18px}
.konf-pomoc h3{margin:0 0 6px;font-family:var(--display);font-size:1.1rem}
.konf-pomoc p{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-soft)}
.konf.jen-pomoc .konf-reset,.konf.jen-pomoc .konf-souhrn-pozn{display:none}
@media(max-width:980px){.konf.jen-pomoc .konf-souhrn{display:block;position:static}}
@media(max-width:700px){.konf-podorysy{grid-template-columns:1fr}}
/* ===== Zadanie rozmerov: nákres podľa pôdorysu, polia pod ním ===== */
.konf-nakres{display:flex;justify-content:center;margin:4px 0 18px}
.konf-nakres img{width:100%;max-width:600px;height:auto}
.konf-pomoc h3{margin:14px 0 6px}
.konf-pomoc h3:first-child{margin-top:0}
.konf-pomoc ol{margin:0;padding-left:1.2em;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}
.konf-pomoc ol li{margin-bottom:5px}
.konf-pomoc p{margin-top:10px}.konf-souhrn{max-height:calc(100vh - var(--top-stack, 96px) - 24px);overflow-y:auto}
@media(max-width:980px){.konf-souhrn{max-height:none}}

/* Pôdorysy ako SVG (väčšie, text je v pravom bloku nápovedy) */
.konf-podorys{align-items:stretch}
.konf-podorys-svg{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.konf-pomoc-typy{margin:12px 0 0;font-size:.88rem;line-height:1.45}
.konf-pomoc-typy dt{font-weight:800;color:var(--ink);margin-top:8px}
.konf-pomoc-typy dd{margin:2px 0 0;color:var(--ink-soft)}
.konf-pomoc-typy em{display:block;font-size:.82rem;margin-top:2px}
/* Pôvodné PNG pôdorysy zväčšené (dočasne, kým nebudú podklady vo vyššom rozlíšení) */
.konf-podorys-img{display:block;width:100%;max-width:400px;height:auto;margin:0 auto}
/* Zvolený pôdorys len rámčekom (obrázok má biele pozadie, farebné pozadie karty pôsobí rušivo) */
.konf-podorys{border-width:1px}
.konf-podorys.is-sel{background:var(--surface);border-color:var(--amber);box-shadow:none}

/* Zvýraznenie kóty v nákrese pri kliknutí do poľa (vrstva nad pôvodným PNG) */
.konf-nakres-obr{position:relative;width:100%;max-width:600px}
.konf-nakres-obr img{display:block;width:100%;height:auto}
.konf-koty{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.konf-koty line{stroke:var(--amber-dark);stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .15s ease}
.konf-koty line.is-on{opacity:1}/* Nápoveda: menšie vnútorné okraje, aby sa zmestilo viac textu */
.konf.jen-pomoc .konf-souhrn{padding:0;border:0;background:transparent;box-shadow:none}
.konf-pomoc{padding:12px 12px 10px}
.konf-pomoc h3{font-size:1rem;margin:10px 0 4px}
.konf-pomoc ol{padding-left:1.05em}
.konf-pomoc ol li{margin-bottom:3px}
.konf-pomoc p{margin-top:6px}
.konf-pomoc h3:first-child{margin-top:0}
.konf-pomoc{border:1px solid var(--line)}

/* Počet priestorov: voľby na stred a náhľad dverí pod nimi */
.konf-krok[data-krok="4"] .konf-volby{justify-content:center}
.konf-dvere-nahled{display:flex;justify-content:center;margin:22px 0 4px}
.konf-dvere-nahled svg{max-width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(33,27,23,.12))}
.konf-akce--stred{justify-content:center}

/* Cena navrchu pravého panela, nad nápovedou (panel je sticky, cena ostáva na očiach) */
.konf-cena-top{display:flex;flex-direction:column;gap:2px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.konf-cena-top:empty{display:none}
.konf-cena-top strong{font-family:var(--display);font-size:2rem;line-height:1.05}
.konf-cena-top-pozn{font-size:.82rem;color:var(--ink-soft)}
.konf.jen-pomoc .konf-cena-top{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
/* Najprv pri nadpise; v paneli až keď nadpis odíde z obrazovky (trieda cena-v-paneli z JS) */
.konf-intro{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:12px 28px;flex-wrap:wrap}
.konf-intro h1{margin-bottom:0}
.konf-cena-top.konf-cena-hore{padding:0;margin:0;border:0;background:none;align-items:flex-end;text-align:right}
.konf-souhrn .konf-cena-top{display:none}
.konf.cena-v-paneli .konf-souhrn .konf-cena-top:not(:empty){display:flex;animation:konfCenaDnu .25s ease-out}
@keyframes konfCenaDnu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:640px){.konf-cena-top.konf-cena-hore{align-items:flex-start;text-align:left}}

/* Krok 5: nákres vnútra ako v starom konfigurátore */
.kv-obal{overflow-x:auto;padding:4px 0 6px}
.kv{--kv-ink:#211B17;--kv-kota:#A9A9A9;--srafa:repeating-linear-gradient(135deg,#C9C2B8 0 1px,transparent 1px 7px);min-width:max-content;margin:0 auto;font-size:.78rem;color:var(--ink)}
.kv-strop{height:30px;background:var(--srafa);border-bottom:1px solid var(--kv-ink);display:flex;justify-content:flex-end;align-items:flex-start;padding-right:8%}
.kv-strop b{background:var(--surface);font-family:var(--display);font-size:1.25rem;letter-spacing:.04em;padding:0 8px;line-height:28px}
.kv-telo,.kv-spodok{display:flex}
.kv-bok,.kv-podlaha{flex:1 1 90px;min-width:90px}
.kv-skrin{flex:none}
.kv-volny{display:flex;height:var(--kv-hv);border-left:1px solid var(--kv-ink);border-right:1px solid var(--kv-ink);border-bottom:2px solid var(--kv-ink)}
.kv-sirka{position:relative;width:var(--kv-w);text-align:center;padding-top:6px;font-size:.72rem;border-right:1px solid #D5D0C8}
.kv-sirka:last-child{border-right:0}
.kv-sirka::after{content:"";position:absolute;left:4px;right:4px;top:24px;border-top:1px solid var(--kv-kota)}
.kv-sirka::before{content:"";position:absolute;left:3px;right:3px;top:21px;height:7px;
  background:conic-gradient(from 60deg at 0 50%,var(--kv-kota) 0 60deg,transparent 0) left/7px 7px no-repeat,conic-gradient(from 240deg at 100% 50%,var(--kv-kota) 0 60deg,transparent 0) right/7px 7px no-repeat}
.kv-priestory{display:flex;height:var(--kv-h);border-left:1px solid var(--kv-ink);border-bottom:1px solid var(--kv-ink)}
.kv-prostor{display:flex;width:var(--kv-w);border-right:1px solid var(--kv-ink)}
.kv-cast{position:relative;flex:1;min-width:0;padding:0;border:0;background:var(--surface);cursor:pointer;display:grid;place-items:center;overflow:hidden}
.kv-cast + .kv-cast{border-left:1px solid var(--kv-ink)}
/* Obrázok modulu v pôvodnej veľkosti 70 × 210 px, zarovnaný dole; horných 32 px (prázdne) odreže
   priestor vysoký 178 px, ako v starej appke (utils_vyberkorpusov.php getPriestor). */
.kv-cast img{position:absolute;left:50%;bottom:0;width:70px;height:210px;max-width:none;transform:translateX(-50%);display:block}
.kv-cast span{font-size:1.5rem;color:#C9C2B8;line-height:1}
.kv-cast:hover span{color:var(--amber-dark)}
.kv-cast.is-active{z-index:1;outline:2px solid var(--amber);outline-offset:-1px}
.kv-vysky{display:flex;flex-direction:column;padding-left:6px}
.kv-kota{position:relative;padding-left:16px;font-size:.74rem;line-height:1.3}
.kv-kota::before{content:"";position:absolute;left:5px;top:2px;bottom:2px;border-left:1px solid var(--kv-kota)}
.kv-kota::after{content:"";position:absolute;left:2px;width:7px;top:1px;bottom:1px;
  background:conic-gradient(from 150deg at 50% 0,var(--kv-kota) 0 60deg,transparent 0) top/7px 7px no-repeat,conic-gradient(from 330deg at 50% 100%,var(--kv-kota) 0 60deg,transparent 0) bottom/7px 7px no-repeat}
.kv-kota--volny{height:var(--kv-hv);padding-top:6px}
.kv-kota--volny small{color:var(--ink-soft);font-size:.68rem}
.kv-kota--priestor{height:var(--kv-h);display:flex;align-items:center}
.kv-podlaha{height:22px;background:var(--srafa);border-top:1px solid var(--kv-ink);margin-top:-1px}
.kv-popisky{display:flex;padding-left:1px}
.kv-popis{width:calc(var(--kv-w) + 1px);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 0;text-align:center;font-size:.74rem}
.kv-deleny{display:block;width:100%;background:#EAE6DF;border-radius:4px;padding:4px 2px;font-size:.7rem;line-height:1.3;cursor:pointer}
.kv-deleny input{vertical-align:-2px;margin:0 3px 0 0}

/* Paleta modulov: pri prejdení myšou obrázok s kótami */
.konf-modul{position:relative}
.konf-krok[data-krok="5"]{overflow:visible}
.konf-modul .konf-modul-kota{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:147px;height:210px;max-width:none;object-fit:contain;
  background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);padding:4px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}
.konf-modul:hover .konf-modul-kota,.konf-modul:focus-visible .konf-modul-kota{opacity:1}
.konf-modul:disabled .konf-modul-kota{display:none}
@media(hover:none){.konf-modul .konf-modul-kota{display:none}}
/* mobil: úzke okraje a stĺpec výšok len s číslom (bez dlhého popisu voľného priestoru), aby sa nákres
   s tromi priestormi zmestil na šírku; pravý kus podlahy je široký ako stĺpec výšok, inak popisky nesedia pod priestormi */
@media(max-width:640px){
  .kv-bok,.kv-podlaha{flex-basis:4px;min-width:4px}
  .kv-vysky,.kv-spodok .kv-podlaha:last-child{flex-basis:77px;min-width:77px}
  .kv-vysky{padding-left:2px}
  .kv-kota--volny small{display:none}
  /* nákres ostáva pri scrollovaní prilepený pod hlavičkou webu, moduly sa posúvajú pod ním; je zmenšený
     (mierka 0.8 v krokVnutro) a strop nižší, aby pod ním ostalo miesto */
  .konf .konf-krok[data-krok="5"] .kv-cast .kv-cast-nazov{font-size:.68rem}
  .konf-krok[data-krok="5"] .kv-obal{position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:4;background:var(--surface);margin:0 -14px;padding:4px 14px 6px;box-shadow:0 8px 10px -8px rgba(33,27,23,.25)}
  .konf-krok[data-krok="5"] .kv-strop{height:20px}
  .konf-krok[data-krok="5"] .kv-strop b{font-size:.95rem;line-height:18px}
  .konf-krok[data-krok="5"] .kv-sirka{font-size:.64rem}
}
.kv-cast-nazov{display:none}
/* Krok 5: názov priestoru je v prázdnom priestore (modul ho prekryje). Delenie sa nastavuje jedným tlačidlom
   „½ dělení" pre označený priestor (tlacidloDelenia); je v riadku popiskov, teda presne v strede pod skriňou.
   Popisky „Prostor N" pod skriňou sú preto skryté (šírku si držia kvôli podlahe). Podlaha je len čiara, bez šrafovania. */
.konf-krok[data-krok="5"] .kv-cast .kv-cast-nazov{display:block;font-family:var(--body);font-size:.76rem;line-height:1.2;color:var(--ink-soft)}
.konf-krok[data-krok="5"] .kv-popis{height:0;padding:0;overflow:hidden}
.konf-krok[data-krok="5"] .kv-podlaha{height:0;background:none}
.konf-krok[data-krok="5"] .kv-popisky{position:relative}
.konf-krok[data-krok="5"] .kv:has(.kv-delit-rad){padding-bottom:40px}
.kv-delit-rad{position:absolute;left:0;right:0;top:8px;display:flex;justify-content:center}
.kv-delit{padding:.4em 1em;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-family:var(--body);font-weight:600;font-size:.8rem;white-space:nowrap;cursor:pointer}
.kv-delit:hover{border-color:var(--ink)}
.kv-delit.is-on{border-color:var(--amber);background:var(--amber-tint)}

/* Cena hore: číslice sa pri prepočte pretočia ako valce automatu (tocCenu v konfigurator.js) */
.konf-roll{display:inline-flex;align-items:flex-start;line-height:1.1;white-space:nowrap}
.konf-roll .roll{display:inline-block;height:1.1em;overflow:hidden;font-variant-numeric:tabular-nums}
.konf-roll .roll-pas{display:flex;flex-direction:column;transition:transform 1.1s cubic-bezier(.17,.84,.32,1.04)}
.konf-roll .roll-pas span{display:block;height:1.1em;line-height:1.1em;text-align:center}
.konf-roll .roll-znak{display:inline-block;line-height:1.1em}

/* Krok 5: nákres priestorov ostáva pri scrollovaní stáť, moduly pod ním sa posúvajú */
@media(min-width:981px) and (min-height:700px){
  .konf-krok[data-krok="5"] .kv-obal{position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:4;background:var(--surface);margin:0 -20px;padding:4px 20px 8px}
}
.konf-souhrn{top:calc(var(--konf-hore, var(--top-stack, 96px)) + 12px);max-height:calc(100vh - var(--konf-hore, var(--top-stack, 96px)) - 24px)}
@media(max-width:980px){.konf-souhrn{max-height:none}}
/* Moduly v pôvodnej veľkosti obrázkov (70 × 210 px), aby boli čitateľné kóty */
.konf-modul{width:82px;height:222px;padding:5px}
/* mobil: moduly jednej kategórie v jednom riadku, posúvajú sa prstom do strán (namiesto troch radov pod sebou);
   riadok siaha po pravý okraj kroku, aby bolo vidno orezaný ďalší modul */
@media(max-width:640px){
  .konf-moduly{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-14px;padding:2px 14px 4px 0;scroll-padding-left:0}
  .konf-moduly::-webkit-scrollbar{display:none}
  .konf-moduly .konf-modul{flex:none;scroll-snap-align:start}
  /* šípka na pravom okraji: vpravo sú ďalšie moduly; ťuknutím pás posunie, na konci pása zmizne (sipkaModulov) */
  .konf-moduly-obal{position:relative}
  .konf-moduly-sipka{display:grid;place-items:center;position:absolute;right:-8px;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(33,27,23,.3)}
  .konf-moduly-sipka--spat{right:auto;left:-8px}
  .konf-moduly-obal.na-konci .konf-moduly-sipka:not(.konf-moduly-sipka--spat),.konf-moduly-obal.na-zaciatku .konf-moduly-sipka--spat{display:none}
}
@media(min-width:641px){.konf-moduly-sipka{display:none}}
/* Kóty šírky v páse nad modulmi (32 px); pri delenom priestore dve polovice */
.kv-volny .kv-sirka{padding-top:3px}
.kv-volny .kv-sirka::after{top:23px}
.kv-volny .kv-sirka::before{top:20px}
.kv-sirky-pol{display:flex;width:var(--kv-w);border-right:1px solid #D5D0C8}
.kv-sirky-pol:last-child{border-right:0}
.kv-sirky-pol .kv-sirka{flex:1 1 0;width:auto;font-size:.66rem}
.kv-sirky-pol .kv-sirka:first-child{border-right:1px solid #D5D0C8}
.kv-kota--volny{padding-top:2px;white-space:nowrap}
/* „Pokračovat" pod nákresom vnútra */
.kv-akce{margin-top:10px;gap:10px}
.kv-akce .konf-napoveda{margin:0;font-size:.85rem;flex-basis:100%;text-align:center}
.kv-akce .btn{padding-top:.6em;padding-bottom:.6em}
/* Podnadpis kroku (menší sivý text pod nadpisom) */
.konf-podnadpis{margin:-4px 0 14px;font-size:.9rem;color:var(--ink-soft)}

/* Krok Dekor: 5 vzoriek v riadku, bez posuvníka; kód dekoru v rohu obrázka, názov pod ním */
.konf-vzorky--dekor{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:none;overflow:visible}
.konf-vzorek .konf-vzorek-obr{position:relative;display:block;overflow:visible;font-size:inherit}
.konf-vzorek-obr img{display:block}
.konf-vzorky--dekor .konf-vzorek-obr em{position:absolute;right:5px;bottom:5px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.9);color:var(--ink);font-style:normal;font-weight:700;font-size:.72rem;line-height:1.3;white-space:nowrap}
.konf-vzorky--dekor .konf-vzorek-nazev{font-size:.82rem;color:var(--ink);padding:2px 2px 4px}
@media(max-width:640px){.konf-vzorky--dekor{grid-template-columns:repeat(3,minmax(0,1fr))}}
.konf-vzorky--dekor .konf-vzorek img{height:auto}

/* Krok Dekor: náhľad vnútra v perspektíve vo zvolenom dekore; pri scrollovaní zoznamu dekorov stojí */
.konf-3d{margin:0 -20px 12px;padding:6px 20px 8px;background:var(--surface);text-align:center}
.konf-3d svg{display:block;width:100%;max-width:440px;height:auto;max-height:34vh;margin:0 auto;border-radius:10px}
.konf-3d text{font:600 11px var(--body);fill:#211B17}
.konf-3d p{margin:6px 0 0;font-size:.9rem;color:var(--ink-soft)}
.konf-3d p strong{color:var(--ink)}
.konf-krok[data-krok="6"]{overflow:visible}
@media(min-width:981px) and (min-height:700px){.konf-3d{position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:4}}
.konf-hledat-rad{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.konf-hledat-rad .konf-hledat{flex:1 1 220px;margin-bottom:0}
.konf-hledat-rad .btn{margin-left:auto;padding-top:.6em;padding-bottom:.6em}
.konf-zvoleny{margin:0 0 12px;font-size:.9rem;color:var(--ink-soft)}
.konf-zvoleny strong{color:var(--ink)}
.konf-spat{flex:none;white-space:nowrap}

/* Špecifikácia návrhu pod nápovedou v pravom paneli */
.konf-spec{margin-top:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.konf-spec h3{margin:0 0 8px;font-family:var(--display);font-size:1rem}
.konf-spec .konf-parametry{margin-top:0;gap:7px;font-size:.86rem}

/* Krok Typ dveří: skriňa spredu, dvere v skutočnom pomere strán, klikateľné */
.konf-skrin-dvere{--kd-v:250px;display:flex;justify-content:center;gap:3px;margin:4px 0 18px;overflow-x:auto;padding:4px}
.konf-dvere-velke-1{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.78rem;color:var(--ink-soft)}
.kd-plocha{position:relative}
.kd-plocha button{display:block;padding:0;border:0;background:none;cursor:pointer}
.konf-dvere-velke-1 svg{display:block;height:var(--kd-v);width:calc(var(--kd-v) * var(--kd-pomer));filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));outline:2px solid transparent;outline-offset:1px}
.konf-dvere-velke-1:not(.is-active) .kd-plocha button:hover svg{outline-color:var(--line)}
.konf-dvere-velke-1.is-active svg{outline-color:var(--amber)}
.konf-dvere-velke-1.is-active{color:var(--ink);font-weight:700}
/* pole výšky výplne priamo v obrázku dverí */
.kd-vyska{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2px;padding:1px 4px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:6px;font-weight:400}
.kd-vyska input{width:2.4em;padding:1px 0;border:0;background:none;font:600 .78rem var(--body);color:var(--ink);text-align:right;outline:none}
.kd-vyska em{font-style:normal;font-size:.68rem;color:var(--ink-soft)}
.kd-vyska:focus-within{border-color:var(--amber)}
.konf-typy{justify-content:center}
/* mobil: flex-start kvôli vodorovnému posunu (pri center by sa ľavý okraj širokej skrine nedal doscrollovať);
   krajné auto okraje skriňu vycentrujú, keď sa zmestí */
@media(max-width:640px){
  .konf-skrin-dvere{--kd-v:180px;justify-content:flex-start}
  .konf-skrin-dvere > :first-child{margin-left:auto}
  .konf-skrin-dvere > :last-child{margin-right:auto}
}

/* Typy dverí: 10 typov v dvoch riadkoch po 5, väčšie náhľady */
.konf-typy{display:grid;grid-template-columns:repeat(5,auto);justify-content:center;gap:12px}
.konf-typ{padding:8px}
.konf-typ-nahled{width:62px;height:130px;padding:4px;gap:3px}
@media(max-width:640px){.konf-typy{gap:8px}.konf-typ{padding:5px}.konf-typ-nahled{width:44px;height:92px}}
/* popisy v náhľade typu: zlomok pri pevnom delení, kóta pri voliteľnej výške */
.konf-typ-nahled i{display:flex;align-items:center;justify-content:center;font-style:normal;overflow:hidden}
.konf-typ-nahled i b{font:600 .62rem/1 var(--body);color:var(--ink-soft);white-space:nowrap}
.konf-typ-nahled i.je-volna b{color:var(--ink)}
@media(max-width:640px){.konf-typ-nahled i b{font-size:.5rem}}
/* Kóta voliteľnej výplne v náhľade typu: zvislá čiara so šípkami na celú výšku výplne, číslo vedľa nej */
.konf-typ-nahled i.je-volna{position:relative;justify-content:flex-start;padding-left:15px}
.konf-typ-nahled i.je-volna::before{content:"";position:absolute;left:7px;top:2px;bottom:2px;border-left:1px solid var(--ink-soft)}
.konf-typ-nahled i.je-volna::after{content:"";position:absolute;left:4px;width:7px;top:1px;bottom:1px;
  background:conic-gradient(from 150deg at 50% 0,var(--ink-soft) 0 60deg,transparent 0) top/7px 6px no-repeat,conic-gradient(from 330deg at 50% 100%,var(--ink-soft) 0 60deg,transparent 0) bottom/7px 6px no-repeat}
.kd-vyska input{width:2.9em}
@media(max-width:640px){.konf-typ-nahled i.je-volna{padding-left:11px}.konf-typ-nahled i.je-volna::before{left:5px}.konf-typ-nahled i.je-volna::after{left:2px}}
/* dopočítaná výška výplne v obrázku dverí (len text, bez rámika poľa) */
.kd-vyska--text{background:none;border:0;padding:0;font-size:.74rem;color:var(--ink-soft);white-space:nowrap;pointer-events:none}

/* Ponuka typov dverí v rovnakej veľkosti ako dvere v hornom obrázku, dva riadky po 5 */
.konf-typy--velke{--kd-v:250px;gap:16px 14px;margin-top:6px}
.konf-typ-velky{padding:6px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface)}
.konf-typ-velky:hover{border-color:var(--ink)}
.konf-typ-velky.is-active{border-color:var(--amber-dark);background:var(--amber-tint)}
.konf-typ-velky svg,.konf-typ-velky.is-active svg{outline:0}
@media(max-width:640px){.konf-typy--velke{--kd-v:150px;gap:8px}.konf-typ-velky{padding:3px}}
/* plochý náhľad typu vo veľkosti dverí */
.konf-typ-nahled--velky{height:var(--kd-v);width:calc(var(--kd-v) * var(--kd-pomer));padding:4px;gap:3px}
.konf-check--stred{justify-content:flex-start;margin:-6px 0 14px}
.konf-krok[data-krok="6.5"]{overflow:visible}

/* Náhľad viditeľných častí sa dá otáčať ťahaním */
.konf-3d--toci svg{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.konf-3d--toci.is-tah svg{cursor:grabbing}
.konf-3d-tip{margin-left:8px;font-size:.8rem;color:var(--ink-faint);white-space:nowrap}
/* blok špecifikácie bez nápovede (panel má vlastný rám): bez druhého rámika */
.konf:not(.jen-pomoc) .konf-spec{margin-top:0;padding:0;border:0;background:none}
.konf-spec h3:last-child{margin-bottom:0}

/* Prvá obrazovka (výber skriňa / dvere / vnútro): bez lišty krokov (každý druh má iné kroky),
   bez nadpisu a bez rámu okolo kariet */
.konf.bez-ceny .konf-topbar,.konf.bez-ceny .konf-krok-hlava{display:none}
.konf.bez-ceny .konf-krok{border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
.konf.bez-ceny .konf-krok-body{padding:0}

/* Počas skladania (od 2. kroku): bez nadpisu stránky a informačných blokov, väčšia pracovná plocha */
/* skryté sú aj časté otázky a pruh „Spustit návrhář" (zákazník v ňom už je); ostáva len pätička */
.konf-pracuje .konf-intro,.konf-pracuje .konf-uvod,.konf-pracuje #faq,.konf-pracuje .ctaband{display:none}
.konf-pracuje .konf{margin-top:0}
/* horný pruh webu: text o expedícii je len na výbere typu, počas skladania nie (na mobile tým zmizne celý pruh,
   na počítači v ňom ostáva telefón a e-mail) */
.konf-pracuje .topbar .deliver{display:none}
.konf-pracuje .topbar .contact{margin-left:auto}
@media(max-width:760px){.konf-pracuje .topbar{display:none}}
/* lišta krokov hneď pod hlavičkou webu */
.konf-pracuje #konfigurator{padding-top:0}
.konf-pracuje .konf-topbar{border-top-left-radius:0;border-top-right-radius:0}
/* krok bez rámu a tieňa */
.konf-krok,.konf-krok.is-open{border:0;box-shadow:none}

/* Zpět / Pokračovat navrchu pravého panela, nad cenou */
.konf-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.konf-nav:empty{display:none}
.konf-nav .btn{margin-left:auto;padding:.6em 1.2em}
.konf-nav .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media(min-width:981px){
  /* na počítači sú tlačidlá len v paneli */
  .konf-kroky .konf-spat,.konf-kroky :not(.konf-akce--vzdy) > [data-dalsi],.konf-kroky [data-dalsi-rozmery],.konf-kroky .kv-akce{display:none}
  .konf-kroky .konf-akce:not(.konf-akce--vzdy):has(> [data-dalsi]),.konf-kroky .konf-akce:has(> [data-dalsi-rozmery]){display:none}
}
@media(max-width:980px){.konf-nav{display:none}}

/* Krok bez rámu: nadpis úplne hore a vľavo, obsah zarovnaný s ním (mobil sa rieši neskôr) */
@media(min-width:981px){
  .konf{row-gap:18px}
  .konf-krok-hlava{padding:0 0 8px}
  .konf-krok-body{padding:0 0 22px}
  .konf-krok[data-krok="5"] .kv-obal{margin:0;padding:4px 0 8px}
  .konf-3d{margin:0 0 12px;padding:6px 0 8px}
}
@media(min-width:981px){.konf-krok{overflow:visible;border-radius:0}}
/* text v prázdnom poli rozmeru: svetlý, netučný a menší, aby sa zmestil celý */
.konf-vstup input::placeholder{color:#B5ADA3;font-weight:400;font-size:.86em;opacity:1}
/* zvýraznená kóta v nákrese rozmerov ako obojstranná šípka */
.konf-koty line.is-on{marker-start:url(#konfKotaSipka);marker-end:url(#konfKotaSipka)}
.konf-koty marker path{fill:var(--amber-dark)}

/* Nový nákres rozmerov kreslený v stránke (ukážka pre pôdorys A) */
/* pevná výška 440 px, šírka sa dopočíta z pomeru strán výklenku (nákres pri písaní neskáče) */
.konf-nakres--3d{height:440px;display:flex;justify-content:center;align-items:center}
.konf-nakres--3d svg{display:block;height:100%;width:auto;max-width:100%}
.konf-nakres--3d text{font:500 13px var(--body);fill:currentColor}
.konf-nakres--3d .nr-stena{font:600 12px var(--body);fill:#8E8880;letter-spacing:.14em}
.nr-kota{color:#8E8880;transition:color .15s ease}
.nr-kota line{stroke:currentColor;stroke-width:1.2}
.nr-kota polygon{fill:currentColor}
.nr-kota.is-on{color:var(--amber-dark)}
.nr-kota.is-on line{stroke-width:2}
.nr-kota.is-on text{font-weight:700}
.nr-kota line.nr-vyn,.nr-kota.is-on line.nr-vyn{stroke-width:.8;opacity:.6}
/* nápisy STĚNA / BOČNICE na bočných plochách sú menšie, STROP nad výklenkom ostáva */
.konf-nakres--3d text.nr-stena[transform]{font-size:10px}
/* mobil: výška podľa šírky (pomer bežného výklenku 250 cm), inak ostávali nad a pod nákresom prázdne pásy */
@media(max-width:980px){
  .konf-nakres--3d{height:auto;aspect-ratio:496/380;max-height:440px;margin:0 0 12px}
  .konf-nakres--3d svg{width:100%}
}

/* Pôdorysy kreslené v stránke (krok Umístění skříně) */
.konf-podorys-svg .kp-stena{font:700 11.5px var(--body);letter-spacing:3.5px;fill:#5C544D}
.konf-podorys-svg .kp-skrin{font:700 12.5px var(--body);letter-spacing:4px;fill:#A27037;opacity:.75}
.kp-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:.82rem;color:var(--ink-soft)}
.kp-legenda span{display:inline-flex;align-items:center;gap:6px}
.kp-l{display:inline-block;width:14px;height:10px;border-radius:2px}
.kp-l--stena{background:repeating-linear-gradient(45deg,#F2ECE1 0 3px,#C9C2B8 3px 4px);border:1px solid #5C544D}

/* Pomocník: stránka webu v modálnom okne (otvorModal v konfigurator.js) */
.konf-navod{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:.45em .9em;border:1.5px solid var(--amber-dark);border-radius:999px;background:var(--surface);color:var(--ink);font:700 .84rem var(--body);cursor:pointer}
.konf-navod::before{content:"?";display:inline-grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:var(--amber);font-size:.8em}
.konf-navod:hover{background:var(--amber-tint)}
.konf-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(33,27,23,.55)}
.konf-modal-okno{display:flex;flex-direction:column;width:min(980px,100%);max-height:100%;background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
.konf-modal-hlava{flex:none;display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line)}
.konf-modal-nazev{flex:1;min-width:0;font-family:var(--display);font-size:1.15rem;line-height:1.25}
.konf-modal-odkaz{flex:none;font-size:.85rem;font-weight:700;color:var(--pine);white-space:nowrap}
.konf-modal-zavri{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:var(--surface-2);font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink)}
.konf-modal-zavri:hover{background:var(--amber-tint)}
.konf-modal-telo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;outline:none}
.konf-modal-telo > .konf-napoveda{padding:24px}
.konf-modal-telo .section{padding-top:34px;padding-bottom:34px}
.konf-modal-telo .section:first-child{border-top:0}
.konf-modal-otvoreny{overflow:hidden}
@media(max-width:640px){.konf-modal{padding:0}.konf-modal-okno{border-radius:0;height:100%}.konf-modal-odkaz{display:none}}

/* Krok Počet prostorů: náhľad v rovnakej veľkosti ako dvere v kroku s typmi dverí */
.konf-krok[data-krok="4"] .konf-skrin-dvere{margin-top:18px}
.konf-skrin-dvere--prostory{gap:0}
.konf-prostor-nahled{display:block;height:var(--kd-v);width:calc(var(--kd-v) * var(--kd-pomer));border:1.5px solid #211B17;border-left-width:0;background:var(--surface)}
.konf-prostor-nahled:first-child{border-left-width:1.5px}

/* Náhľad modulu s postavou má rovnakú výšku ako dlaždica modulu a je s ňou zarovnaný hore */
.konf-modul .konf-modul-kota{top:-1.5px;transform:none;box-sizing:border-box;height:222px;width:auto;padding:5px;border-width:1.5px}

/* Pravý panel bez vlastného posuvníka: pri scrollovaní stoja len tlačidlá a cena (.konf-souhrn-hore),
   nápoveda a špecifikácia idú na celú výšku a odchádzajú so stránkou (aj na nízkom monitore). */
@media(min-width:981px){
  .konf-souhrn,.konf.jen-pomoc .konf-souhrn{position:static;align-self:stretch;max-height:none;overflow:visible;padding:0;border:0;background:none;box-shadow:none}
  .konf-souhrn-hore{position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:5;padding:12px 0 2px;margin-top:-12px;background:var(--surface)}
  .konf:not(.jen-pomoc) .konf-spec{margin-top:0;padding:12px 14px;border:1px solid var(--line);background:var(--surface)}
  .konf-souhrn .konf-cena-top,.konf.jen-pomoc .konf-cena-top{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}
}

/* Náhľady pri dekoroch: predvolene menšie, lupa ich zväčší */
/* lupa je umiestnená voči náhľadu; na počítači náhľad ostáva prilepený (sticky je tiež pozičný kontext) */
.konf-3d{position:relative}
@media(min-width:981px) and (min-height:700px){.konf-3d{position:sticky}}
.konf-3d svg{max-width:300px;max-height:26vh}
.konf-3d.is-velky svg{max-width:640px;max-height:52vh}
.konf-3d-lupa{position:absolute;right:20px;top:8px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}
.konf-3d-lupa:hover{border-color:var(--amber-dark);background:var(--amber-tint)}
.konf-3d-lupa svg{width:18px;height:18px;max-width:none;max-height:none;margin:0;cursor:pointer}
@media(min-width:981px){.konf-3d-lupa{right:0}}
/* mobil: náhľad skrine pri výbere dekoru ostáva prilepený pod hlavičkou webu, vzorky sa posúvajú pod ním
   (zväčšený náhľad sa neprilepuje, zabral by väčšinu obrazovky) */
@media(max-width:980px){
  /* lupa pri náhľade na dotykovom displeji netreba, obrázok sa dá priblížiť prstami */
  .konf-3d-lupa{display:none}
  .konf-krok[data-krok="6"] .konf-3d:not(.is-velky),.konf-krok[data-krok="6.5"] .konf-3d:not(.is-velky){position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:4;box-shadow:0 8px 10px -8px rgba(33,27,23,.25)}
  .konf-krok[data-krok="6"] .konf-3d:not(.is-velky) svg,.konf-krok[data-krok="6.5"] .konf-3d:not(.is-velky) svg{max-height:22vh}
}
/* „Začít nový návrh" je v pravom paneli na každom kroku, aj pri nápovede */
@media(min-width:981px){.konf.jen-pomoc .konf-reset{display:block}}
/* šírka dverí v zátvorke na novom riadku pod „Dveře N" */
.konf-dvere-velke-1 > span{text-align:center}
.konf-dvere-velke-1 span small{display:block;font-size:1em;font-weight:400;color:var(--ink-soft)}

/* Krok Profil: fotky profilov ako dlaždice s názvom na pruhu, 4 v riadku (na bielych fotkách vyzerá lepšie
   než vzhľad vzoriek dekorov) */
.konf-profily--foto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.konf-profil-foto{display:flex;flex-direction:column;padding:0;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;cursor:pointer;font-family:var(--body)}
.konf-profil-foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}
.konf-profil-foto span{padding:.55em .5em;background:var(--surface-2);font-size:.86rem;color:var(--ink);text-align:center}
.konf-profil-foto:hover{border-color:var(--ink)}
.konf-profil-foto.is-sel{border-color:var(--amber-dark);box-shadow:0 0 0 3px var(--amber-tint)}
.konf-profil-foto.is-sel span{background:var(--amber-tint);font-weight:700}
.konf-krok[data-krok="8"] .konf-skrin-dvere{margin-bottom:20px}
@media(max-width:640px){.konf-profily--foto{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Krok Výplně dveří: dvere s rámom vo farbe profilu a spodnou lištou, výplne ako tlačidlá */
.konf-skrin-dvere--vyplne{margin:6px 0 18px}
.kd-kridlo{flex:none;display:flex;flex-direction:column;gap:2px;height:var(--kd-v);width:calc(var(--kd-v) * var(--kd-pomer));padding:2px 3px 6px;
  background:linear-gradient(90deg,var(--ram-t),var(--ram-s) 50%,var(--ram-t));box-shadow:0 2px 4px rgba(0,0,0,.18)}
.kd-kridlo .konf-panel{background-color:#ECE9E3;min-height:6px}
.kd-kridlo .konf-panel.is-active{outline:3px solid var(--amber);outline-offset:-3px}
/* už zvolené výplne v pravom bloku (rýchle opakované použitie) */
.konf-pouzite{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 18px}
.konf-pouzite strong{font-size:.9rem;margin-right:2px}
.konf-pouzita.is-sel{border-color:var(--amber-dark);box-shadow:0 0 0 2px var(--amber-tint)}
.konf-pouzita{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font:inherit;font-size:.82rem;color:var(--ink);text-align:left;cursor:pointer}
.konf-pouzita img,.konf-pouzita i{flex:none;width:32px;height:32px;border-radius:5px;object-fit:cover;background:#ECE9E3}
.konf-pouzita:hover{border-color:var(--amber-dark)}
.konf-vzorek-bez{display:block;width:100%;aspect-ratio:1/1;border-radius:6px;background:var(--surface-2)}

/* Lupa v rohu vzorky a okno s veľkou fotkou (otvorVzorku) */
.konf-vzorek-lupa{position:absolute;left:5px;top:5px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.25);opacity:0;transition:opacity .12s ease;cursor:zoom-in}
.konf-vzorek:hover .konf-vzorek-lupa,.konf-vzorek:focus-visible .konf-vzorek-lupa,.konf-vzorek-lupa:focus-visible{opacity:1}
.konf-vzorek-lupa:hover{background:var(--amber);}
@media(hover:none){.konf-vzorek-lupa{opacity:1}}
.konf-modal-okno--vzorka{width:auto;max-width:min(980px,100%)}
.konf-vzorka-poradie{flex:none;font-size:.85rem;color:var(--ink-soft)}
.konf-vzorka-telo{display:flex;align-items:center;gap:8px;padding:14px 10px;min-height:0;background:var(--surface)}
.konf-vzorka-foto{flex:1;min-width:0;display:grid;place-items:center;min-width:min(520px,70vw);min-height:min(420px,50vh)}
.konf-vzorka-foto img{display:block;max-width:100%;max-height:66vh;width:auto;height:auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.konf-vzorka-sipka{flex:none;width:42px;height:42px;border:1.5px solid var(--line);border-radius:50%;background:var(--surface);font-size:1.5rem;line-height:1;color:var(--ink);cursor:pointer}
.konf-vzorka-sipka:hover{border-color:var(--amber-dark);background:var(--amber-tint)}
.konf-vzorka-pata{display:flex;justify-content:center;padding:12px 18px;background:var(--surface);border-top:1px solid var(--line)}
.konf-vzorka-pata .btn:disabled{opacity:.5;cursor:default;box-shadow:none}
@media(max-width:640px){.konf-vzorka-foto{min-width:0}.konf-vzorka-sipka{width:36px;height:36px}}
/* ikona lupy presne v strede krúžku: pravidlo .konf-vzorek span (orezanie názvu na 2 riadky) platilo aj na lupu a rozhodilo ju */
.konf-vzorek .konf-vzorek-lupa{display:flex;align-items:center;justify-content:center;overflow:visible;-webkit-line-clamp:unset;line-height:0;font-size:0;padding:0}
.konf-vzorek .konf-vzorek-lupa svg{display:block;flex:none}

/* Krok Cenová nabídka: náhľad skrine, prehľad údajov, doplnky, cena */
.konf-nabidka-nahled{margin:4px 0 22px}
.konf-nabidka-podorys{max-width:100%;margin:0 auto 18px}
.kp-kota{font:700 12px var(--body);fill:var(--ink)}
.kp-kota-co{font:500 10px var(--body);fill:var(--ink-soft)}
.konf-nabidka-rad{display:flex;flex-direction:column;align-items:center;gap:20px}
.konf-nabidka-cast{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}
.konf-nabidka-cast h3,.konf-nabidka-nadpis{margin:0 0 10px;font-family:var(--display);font-size:1.05rem}
.konf-nabidka-nadpis{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.konf-nabidka-cast .konf-skrin-dvere{margin:0;padding:0}
.konf-skrin-dvere.je-nahled .konf-panel{display:block;cursor:default}
/* nákres vnútra len na pozeranie: bez klikania, zvýraznenia a políčok „dělený" */
.kv-jen-nahled{position:static !important;margin:0 !important;padding:0 !important;border:0 !important;pointer-events:none;max-width:100%;overflow-x:auto}
.kv-jen-nahled .kv-akce,.kv-jen-nahled .kv-deleny{display:none}
.kv-jen-nahled .kv-cast.is-active{outline:0}
/* ľavý a pravý pás rovnako široké, aby bolo vnútro presne v strede (pod dverami a pôdorysom) */
.kv-jen-nahled .kv-bok:first-child,.kv-jen-nahled .kv-spodok .kv-podlaha:first-child{flex:0 0 112px;min-width:112px}
/* pravý pás s kótami výšok: pevná šírka, aby sa doň zmestil popis voľného priestoru */
.kv-jen-nahled .kv-vysky,.kv-jen-nahled .kv-spodok .kv-podlaha:last-child{flex:0 0 112px;min-width:112px}
.kv-jen-nahled .kv-kota--volny{white-space:normal;line-height:1.15}
.kv-jen-nahled .kv-kota--volny small{display:block}
.konf-prehled{margin:0;display:grid;grid-template-columns:1fr;gap:0;font-size:.92rem}
.konf-prehled > div{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.konf-prehled > div:last-child{border-bottom:0}
.konf-prehled dt{font-weight:700;color:var(--ink-soft)}
.konf-prehled dd{margin:0;line-height:1.5}
.konf-nabidka-info{margin:16px 0 0;padding:12px 16px 12px 32px;background:var(--surface-2);border-radius:var(--radius);font-size:.9rem;line-height:1.6}
.konf-odkaz{padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--pine);text-decoration:underline;cursor:pointer}
@media(max-width:640px){.konf-prehled > div{grid-template-columns:1fr auto;gap:2px 10px}.konf-prehled dt{grid-column:1 / -1}}
/* v cenovej ponuke je vnútro bez stropu a podlahy (šrafovanie preč, šírky ostávajú kvôli zarovnaniu) */
.kv-jen-nahled .kv-strop{display:none}
.kv-jen-nahled .kv-podlaha,.kv-jen-nahled .kv-popisky{background:none;border-top-color:transparent}

/* Moduly kreslené ako SVG (modulSvg): steny medzi priestormi sú spoločné a rovnako hrubé ako krajné (2 px) */
.kv-modul{position:absolute;inset:0;width:100%;height:100%;display:block}
.kv-modul text{font-family:var(--body);font-weight:500;fill:var(--ink)}
/* pravý okraj pásu kót je bez rámčeka, aby bol pás presne taký široký ako priestory pod ním */
.kv-volny{border-left-width:2px;border-right-width:0}
.kv-priestory{border-left-width:2px;border-bottom-width:2px}
.kv-prostor{border-right-width:2px}
.kv-cast + .kv-cast{border-left-width:2px}
.kv-sirka,.kv-sirky-pol{border-right-width:2px}
.kv-sirky-pol .kv-sirka:first-child{border-right-width:2px}
.kv-popis{width:calc(var(--kv-w) + 2px)}
.kv-popisky{padding-left:2px}
.konf-modul .kv-modul{position:static}
@media(min-width:641px){.kv-jen-nahled{overflow:visible}}
/* upozornenie v prehľade ponuky: pri malej hĺbke je v module výsuvný vešiak */
.konf-vysuvny{color:#C62828;font-weight:700}
/* v ponuke je pás voľného priestoru nad vnútrom len riadok kót šírky: bez stien a deliacich čiar (nie sú tam dosky) */
.kv-jen-nahled .kv-volny,.kv-s-bocnicami .kv-volny{border-left-color:transparent;border-right-color:transparent}
.kv-jen-nahled .kv-sirka,.kv-jen-nahled .kv-sirky-pol,.kv-jen-nahled .kv-sirky-pol .kv-sirka:first-child,
.kv-s-bocnicami .kv-sirka,.kv-s-bocnicami .kv-sirky-pol,.kv-s-bocnicami .kv-sirky-pol .kv-sirka:first-child{border-right-color:transparent}
/* po bokoch vnútra je vždy bočnica alebo dorazová lišta: druhá čiara tesne vedľa krajnej stojky, vedená až hore cez voľný priestor */
.kv-s-bocnicami .kv-skrin{position:relative}
.kv-s-bocnicami .kv-skrin::before,.kv-s-bocnicami .kv-skrin::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--kv-ink)}
.kv-s-bocnicami .kv-skrin::before{left:-2px}
.kv-s-bocnicami .kv-skrin::after{right:-2px}
/* pôdorys v ponuke: šírku určuje obal (skriňa rovnako široká ako dvere a vnútro pod ňou) */
.konf-nabidka-podorys .konf-podorys-svg{max-width:none}
/* steny medzi priestormi presne pod medzerami medzi dverami */
.kv-jen-nahled .kv{transform:translateX(3px)}
/* Krok Doplňky: položky pod sebou */
.konf-doplnky--krok{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:6px 0 4px}
/* Krok Doplňky: dvere a vnútro vedľa seba; vnútro bez bočných pásov s kótami výšok */
.konf-doplnky-nahled{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 36px;margin:6px 0 20px}
.kv-jen-nahled.kv-kompakt .kv-bok:first-child,.kv-jen-nahled.kv-kompakt .kv-spodok .kv-podlaha:first-child,
.kv-jen-nahled.kv-kompakt .kv-vysky,.kv-jen-nahled.kv-kompakt .kv-spodok .kv-podlaha:last-child{flex:0 0 6px;min-width:6px;padding:0}
.kv-jen-nahled.kv-kompakt .kv-vysky > *{display:none}
.kv-jen-nahled.kv-kompakt .kv{transform:none}
/* Cenová ponuka: Uložit vľavo, Objednat vpravo (dole v kroku aj v pravom paneli pod cenou) */
.konf-ponuka-akce{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.konf-souhrn-akce .konf-ponuka-akce{margin:0 0 10px}
.konf-souhrn-akce .btn{flex:1;justify-content:center;padding-left:.8em;padding-right:.8em}
.konf-souhrn-akce:empty{display:none}
.konf-nabidka-kontakt{margin:14px 0 0;font-size:.92rem;line-height:1.6;color:var(--ink-soft)}
.konf-nabidka-kontakt a{font-weight:700;color:var(--ink);white-space:nowrap}
.konf-form[hidden]{display:none}
/* Na stránke konfigurátora sa v hlavičke neukazuje tlačidlo „Navrhnout skříň" (vedie na túto istú
   stránku a pri skladaní mätie). Tento súbor sa načíta len tu. */
a[data-dl="cta_navrhar"][data-dl-label="header"]{display:none}
/* Okno „Uložit" v cenovej ponuke */
.konf-modal-okno--ulozit{width:min(520px,100%);background:var(--surface)}
.konf-ulozit{display:flex;flex-direction:column;gap:12px;padding:24px 26px}
.konf-ulozit-text{margin:0;font-weight:700;line-height:1.5;text-align:center}
.konf-ulozit-text a{color:var(--ink);white-space:nowrap}
.konf-ulozit .konf-napoveda{margin:0;text-align:center}
.konf-ulozit-akce{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
.konf-ulozit-akce--stred{justify-content:center}
/* Cenová ponuka: pôdorys hore, pod ním dvere vľavo a vnútro vpravo vedľa seba (ako v starom
   konfigurátore, šetrí miesto na výšku). Ak sa vedľa seba nezmestia, vnútro sa zalomí pod dvere. */
.konf-nabidka-rad{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px 26px}
.kv-jen-nahled:not(.kv-kompakt) .kv-bok:first-child,.kv-jen-nahled:not(.kv-kompakt) .kv-spodok .kv-podlaha:first-child{flex:0 0 6px;min-width:6px}
.kv-jen-nahled:not(.kv-kompakt) .kv{transform:none}
/* v náhľadoch (ponuka, doplnky) stačí pri voľnom priestore číslo, vysvetlenie bolo pri skladaní vnútra */
.kv-jen-nahled .kv-kota--volny small{display:none}
.kv-jen-nahled .kv-kota--volny{display:flex;align-items:center;padding-top:0;padding-bottom:0}
/* Cenová ponuka: výzva k objednaniu pod cenou */
.konf-nabidka-hotovo{margin:16px 0 0;padding:16px 20px;border:1.5px solid var(--amber);border-radius:var(--radius);background:var(--surface);font-size:.94rem;line-height:1.6}
.konf-nabidka-hotovo h3{margin:0 0 8px;font-family:var(--display);font-size:1.15rem}
.konf-nabidka-hotovo ul{margin:0 0 8px;padding-left:20px}
.konf-nabidka-hotovo li::marker{color:var(--amber-dark)}
.konf-nabidka-hotovo p{margin:0;color:var(--ink-soft)}
/* Objednávkový formulár */
.konf-form--objednavka{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.konf-form-uvod{margin:0 0 16px;padding:12px 16px;border-radius:var(--radius);background:var(--ink);color:#fff;line-height:1.5}
.konf-check--firma{margin-bottom:12px}
.konf-pole-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
.konf-pole-grid--2[hidden]{display:none}
.konf-povinne{color:#C62828;font-style:normal;margin-right:2px}
.konf-adresy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:6px}
.konf-adresy fieldset{margin:0;padding:0;border:0;min-width:0}
.konf-adresy legend{padding:0;margin-bottom:8px;font-weight:700}
.konf-form .is-chyba{border-color:#C62828;box-shadow:0 0 0 2px rgba(198,40,40,.15)}
@media(max-width:640px){.konf-pole-grid--2,.konf-adresy{grid-template-columns:1fr}}
/* nový návrh pod krokom má prednosť pred pravidlami pre .konf-reset v pravom paneli */
.konf.konf .konf-krok .konf-reset--pata{display:none}
@media(max-width:980px){.konf.konf .konf-krok .konf-reset--pata{display:block}}
/* Cenová ponuka: odkaz „upravit" pri riadku tabuľky a návrat na ponuku z krokov */
.konf-riadok-upravit{align-self:start;padding:0;border:0;background:none;font:inherit;font-size:.82rem;font-weight:600;color:var(--amber-dark);text-decoration:underline;cursor:pointer}
.konf-riadok-upravit:hover{color:var(--ink)}
.konf-souhrn-akce .konf-na-ponuku{width:100%;margin:0 0 10px}
.konf-na-ponuku:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media print{.konf-riadok-upravit{display:none}}
/* Výplně dveří: záložky materiálov a vyhľadávanie v jednom riadku (hľadanie vpravo, na mobile pod záložkami) */
.konf-taby--hledat{align-items:center;margin-bottom:14px}
.konf-taby--hledat .konf-hledat{flex:1 1 180px;max-width:260px;margin:0 0 0 auto;padding:.5em 1em;border-radius:999px;font-size:.9rem}
@media(max-width:640px){.konf-taby--hledat .konf-hledat{flex-basis:100%;max-width:none;margin-left:0;font-size:16px}}
/* Výplně dveří: navrhované výplne v stĺpci vpravo od dverí */
.konf-vyplne-hore{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px;margin-bottom:18px}
.konf-vyplne-hore .konf-skrin-dvere{margin:0}
.konf-vyplne-hore .konf-pouzite{flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;min-width:170px;max-width:230px}
.konf-vyplne-hore .konf-pouzite strong{margin:0 0 2px}
@media(max-width:640px){.konf-vyplne-hore .konf-pouzite{flex-direction:row;align-items:center;max-width:none}}
/* navrhované zarovnané k pravému okraju (pod nimi je v tej istej osi pole Hledat výplň), dvere v strede zvyšku */
@media(min-width:641px){
  .konf-vyplne-hore{justify-content:flex-start}
  .konf-vyplne-hore .konf-skrin-dvere{margin:0 auto}
  .konf-vyplne-hore .konf-pouzite{margin-left:auto;width:230px}
}
/* mobil a tablet: nadpis kroku bližšie k lište krokov (odstup 10 px = row-gap 6 + padding 4) */
@media(max-width:980px){.konf{row-gap:6px}.konf .konf-krok-hlava{padding-top:4px}}
/* mobil: lišta krokov sa nezobrazuje (nezmestí sa a neposúvala sa na aktuálny krok); kde zákazník je, hovorí
   názov záložky nad nadpisom kroku (zalozkaNadNadpisom), späť sa ide šípkou v spodnej lište.
   Počet krokov sa zámerne neukazuje. */
.konf-krok-zalozka{display:none}
@media(max-width:760px){
  .konf .konf-topbar{display:none}
  .konf .konf-krok-hlava{padding-top:12px}
  .konf-krok-zalozka{display:block;padding:10px 0 3px;background:var(--surface);font-size:.72rem;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-dark)}
  .konf .konf-krok-zalozka + .konf-krok-hlava{padding-top:0}
}
/* názov záložky je odsadený zľava rovnako ako nadpis kroku pod ním */
@media(max-width:760px){.konf-krok-zalozka{padding-left:20px;padding-right:20px}}
@media(max-width:560px){.konf-krok-zalozka{padding-left:14px;padding-right:14px}}
/* v kroku Typ dveří ostáva skriňa spredu s políčkom „stejné rozdělení" prilepená pod hlavičkou webu, typy
   delenia sa posúvajú pod ňou (na počítači len pri dosť vysokom okne, ako ostatné prilepené náhľady) */
.konf-krok[data-krok="7"]{overflow:visible}
.konf-dvere-hore .konf-skrin-dvere{margin-bottom:6px}
.konf-dvere-hore .konf-check{margin-top:0;margin-bottom:0}
@media(max-width:980px),(min-height:700px){
  .konf-dvere-hore{position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:4;background:var(--surface);margin-bottom:12px;padding:8px 0}
}
@media(max-width:760px){
  .konf-dvere-hore{margin:0 -14px 12px;padding:8px 14px;box-shadow:0 8px 10px -8px rgba(33,27,23,.25)}
}
/* mobil: prilepená skriňa je menšia, aby pod ňou ostalo viac miesta */
@media(max-width:640px){.konf-dvere-hore .konf-skrin-dvere{--kd-v:135px}}
/* mobil: typy delenia dverí v jednom riadku s posunom do strán (päť stĺpcov sa na šírku nezmestilo a krajné
   typy boli orezané); riadok siaha po pravý okraj, aby bolo vidno orezaný ďalší typ */
@media(max-width:640px){
  .konf-typy--velke{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-14px;padding:2px 14px 6px 0}
  .konf-typy--velke::-webkit-scrollbar{display:none}
  .konf-typy--velke > *{flex:none;scroll-snap-align:start}
}
/* mobil a tablet: blok s cenou nad nápoveďou netreba, cena je stále v spodnej lište */
@media(max-width:980px){.konf .konf-souhrn .konf-cena-top,.konf.cena-v-paneli .konf-souhrn .konf-cena-top:not(:empty){display:none}}
/* Krok Profil: dvere hore sú prilepené ako v kroku Typ dveří (.konf-dvere-hore) */
.konf-krok[data-krok="8"]{overflow:visible}
.konf-krok[data-krok="8"] .konf-dvere-hore .konf-skrin-dvere{margin-bottom:0}
/* mobil: profily jednej skupiny v jednom riadku s posunom do strán (namiesto dvoch stĺpcov pod sebou) */
@media(max-width:640px){
  .konf-profily--foto.konf-pas{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-14px;padding:3px 14px 6px 3px}
  .konf-profily--foto.konf-pas::-webkit-scrollbar{display:none}
  .konf-profily--foto.konf-pas > *{flex:none;width:132px;scroll-snap-align:start}
}
/* počítač: prilepený blok dverí presahuje o pár px do strán, aby spoza neho nevykúkal rám zvolenej položky pod ním */
@media(min-width:761px){.konf-dvere-hore{margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}}
/* Krok Výplně dveří: dvere s navrhovanými výplňami ostávajú prilepené pod hlavičkou webu, vzorky sa posúvajú pod nimi
   (na počítači len pri dosť vysokom okne, ako ostatné prilepené náhľady) */
.konf-krok[data-krok="9"]{overflow:visible}
@media(max-width:980px),(min-height:700px){
  .konf-krok[data-krok="9"] .konf-vyplne-hore{position:sticky;top:var(--konf-hore, var(--top-stack, 96px));z-index:4;background:var(--surface);padding:8px 6px;margin-left:-6px;margin-right:-6px}
}
@media(max-width:760px){
  .konf-krok[data-krok="9"] .konf-vyplne-hore{margin:0 -14px 14px;padding:8px 14px;box-shadow:0 8px 10px -8px rgba(33,27,23,.25)}
}
/* mobil, krok Výplně dveří: menej miesta nad vzorkami. Dvere menšie a navrhované výplne ako stĺpec ikon vpravo
   od nich (bez názvov, názov je v title); záložky v jednom riadku, vyhľadávanie sa otvára lupou na jeho konci */
.konf-hledat-lupa{display:none}
@media(max-width:640px){
  .konf-krok[data-krok="9"] .konf-vyplne-hore{flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:10px;padding-bottom:8px}
  .konf-krok[data-krok="9"] .konf-vyplne-hore .konf-skrin-dvere{--kd-v:150px;flex:0 1 auto;min-width:0;margin:0;padding:2px 4px}
  .konf-krok[data-krok="9"] .konf-vyplne-hore .konf-pouzite{flex:none;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;gap:5px;width:auto;min-width:0;max-width:none;max-height:156px;margin:0;padding:2px}
  .konf-krok[data-krok="9"] .konf-pouzite strong{display:none}
  .konf-krok[data-krok="9"] .konf-pouzita{flex:none;padding:2px;border-radius:7px}
  .konf-krok[data-krok="9"] .konf-pouzita span{display:none}
  .konf-krok[data-krok="9"] .konf-pouzita img,.konf-krok[data-krok="9"] .konf-pouzita i{display:block;width:30px;height:30px}
  .konf-krok[data-krok="9"] .konf-taby--hledat{flex-wrap:wrap;gap:4px;margin-bottom:10px}
  .konf-krok[data-krok="9"] .konf-taby--hledat .chip{padding:.35em .5em;font-size:.74rem;letter-spacing:-.01em;white-space:nowrap}
  .konf-hledat-lupa{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-left:auto;padding:0;border:1.5px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}
  .konf-taby--hledat.is-hledat .konf-hledat-lupa{background:var(--ink);border-color:var(--ink);color:#fff}
  .konf-krok[data-krok="9"] .konf-taby--hledat .konf-hledat{display:none;padding:.35em .9em}
  .konf-krok[data-krok="9"] .konf-taby--hledat.is-hledat .konf-hledat{display:block}
}
/* mobil: kód dekoru nie je v obrázku (na malej vzorke pôsobil veľký), ale malým písmom pod názvom */
@media(max-width:640px){
  .konf-vzorky--dekor .konf-vzorek{position:relative}
  .konf-vzorky--dekor .konf-vzorek .konf-vzorek-obr{display:contents}
  .konf-vzorky--dekor .konf-vzorek-obr em{position:static;order:2;display:block;padding:0 2px 3px;border-radius:0;background:none;color:var(--ink-faint);font-weight:600;font-size:.66rem;line-height:1.2;white-space:normal}
  .konf-vzorky--dekor .konf-vzorek-nazev{order:1;padding-bottom:0}
  .konf-vzorky--dekor .konf-vzorek .konf-vzorek-lupa{left:9px;top:9px}
}
/* mobil a tablet, krok Doplňky: tlačidlo na cenovú ponuku je v spodnej lište (mobilnaLista), v obsahu kroku nie */
@media(max-width:980px){
  .konf-krok[data-krok="9.5"] .konf-akce--vzdy{display:none}
  .konf-mobil-cena .km-stred:empty{min-width:0}
}
/* mobil, cenová ponuka: vnútro s kótami výšok vpravo je v strede pod dverami, vľavo má rovnako široký prázdny okraj */
.kv-obal.kv-jen-nahled.kv-stred .kv-bok:first-child,.kv-obal.kv-jen-nahled.kv-stred .kv-spodok .kv-podlaha:first-child,
.kv-obal.kv-jen-nahled.kv-stred .kv-vysky,.kv-obal.kv-jen-nahled.kv-stred .kv-spodok .kv-podlaha:last-child{flex:0 0 66px;min-width:66px}
.kv-obal.kv-jen-nahled.kv-stred .kv-vysky{padding-left:2px}
.kv-obal.kv-jen-nahled.kv-stred .kv-kota{font-size:.7rem;white-space:nowrap}
.kv-obal.kv-jen-nahled.kv-stred .kv-sirka{font-size:.6rem}
.kv-obal.kv-jen-nahled.kv-stred .kv-popis{font-size:.64rem;white-space:nowrap;padding-left:0;padding-right:0}
/* prehľad v cenovej ponuke: vnútorné usporiadanie a výplne dverí ako malá tabuľka (priestor/dvere vľavo, moduly/výplne vpravo pod sebou) */
.konf-prehled-vnutro{border-collapse:collapse;font:inherit}
.konf-prehled-vnutro th,.konf-prehled-vnutro td{padding:0;vertical-align:top;text-align:left;font-weight:400;line-height:1.5}
.konf-prehled-vnutro th{padding-right:.6em;white-space:nowrap}
/* cenová ponuka: „Začít nový návrh" tu nie je (pravý panel; odkaz pod krokom sa v ponuke nevykresľuje) */
.konf.je-ponuka .konf-souhrn > .konf-reset{display:none}
/* mobil a tablet: Uložit / Objednat sú stále v spodnej lište, v stránke by boli ešte dvakrát (pod ponukou a v paneli) */
@media(max-width:980px){.konf .konf-ponuka-akce{display:none}}
/* objednávkový formulár: po kliknutí na Objednat sa stránka posunie na jeho začiatok, tesne pod hlavičku webu */
.konf-form{scroll-margin-top:calc(var(--konf-hore, var(--top-stack, 96px)) + 12px)}
/* mobil: počas písania do objednávkového formulára je spodná lišta aj bublina chatu skrytá (trieda konf-pise z JS) */
@media(max-width:980px){.konf-pise .konf-mobil-cena,html.konf-pise .lschat-launcher{display:none}}
/* spodná lišta: obaly tlačidiel vľavo a vpravo sú v rozložení priehľadné (mobilnaLista mení len zmenenú časť);
   touch-action vypína čakanie na dvojité ťuknutie (priblíženie), tlačidlá reagujú hneď */
.konf-mobil-cena .km-cast{display:contents}
.konf-mobil-cena button{touch-action:manipulation}
/* mobil, krok Rozměry: polia po dvoch vedľa seba (šírka a hĺbka, ľavá a pravá výška), aby krok zabral menej výšky */
@media(max-width:640px){
  .konf-krok[data-krok="3"] .konf-pole-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:start}
  .konf-krok[data-krok="3"] .konf-vstup input{padding:.5em .6em}
  .konf-krok[data-krok="3"] .konf-vstup em{padding-right:.6em}
  .konf-krok[data-krok="3"] .konf-vstup input::placeholder{font-size:.64em;letter-spacing:-.01em}
}
/* objednávkový formulár: menšie medzery medzi poľami */
.konf-form--objednavka .konf-pole{margin-bottom:10px}
.konf-form--objednavka .konf-pole-grid{row-gap:0;margin-bottom:4px}
.konf-form--objednavka .konf-adresy legend{margin-bottom:6px}
/* telefon s predvoľbou: vlajka a výber štátu vľavo v tom istom rámiku ako číslo */
.konf-tel{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.konf-tel:focus-within{border-color:var(--amber)}
.konf-tel.is-chyba,.konf-tel:has(.is-chyba){border-color:#C62828;box-shadow:0 0 0 2px rgba(198,40,40,.15)}
.konf-tel-stat{position:relative;display:flex;align-items:center;gap:6px;padding:0 4px 0 10px;border-right:1px solid var(--line);background:var(--surface-2)}
.konf-tel-stat select{border:0;background:transparent;font-family:var(--body);font-size:16px;font-weight:600;color:var(--ink);padding:.6em 2px;cursor:pointer;outline:none}
.konf-tel > input{flex:1;min-width:0;border:0 !important;box-shadow:none !important;padding:.6em .8em;font-family:var(--body);font-size:16px;color:var(--ink);background:transparent;outline:none}
.konf-vlajka{flex:none;display:block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);background-size:cover}
.konf-vlajka--cz{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath fill='%23fff' d='M0 0h6v2H0z'/%3E%3Cpath fill='%23D7141A' d='M0 2h6v2H0z'/%3E%3Cpath fill='%2311457E' d='M0 0l3 2-3 2z'/%3E%3C/svg%3E")}
.konf-vlajka--sk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill='%23fff' d='M0 0h9v2H0z'/%3E%3Cpath fill='%230B4EA2' d='M0 2h9v2H0z'/%3E%3Cpath fill='%23EE1C25' d='M0 4h9v2H0z'/%3E%3Cpath fill='%23fff' d='M1.7 1.3h2.8v2.2c0 .9-.6 1.5-1.4 1.9-.8-.4-1.4-1-1.4-1.9z'/%3E%3Cpath fill='%23EE1C25' d='M1.9 1.5h2.4v2c0 .8-.5 1.3-1.2 1.6-.7-.3-1.2-.8-1.2-1.6z'/%3E%3Cpath fill='%23fff' d='M2.95 1.8h.3v2.3h-.3zM2.45 2.3h1.3v.25h-1.3zM2.35 2.85h1.5v.25h-1.5z'/%3E%3Cpath fill='%230B4EA2' d='M1.95 4c.3-.3.7-.3 1.15 0 .45-.3.85-.3 1.15 0-.2.5-.6.8-1.15 1.05-.55-.25-.95-.55-1.15-1.05z'/%3E%3C/svg%3E")}
/* adresa: PSČ (úzke) a mesto v jednom riadku */
.konf-psc-mesto{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 12px}
/* ďalšie vlajky pri predvoľbe telefónu */
.konf-vlajka--at{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%203%203%27%3E%3Cpath%20fill%3D%27%23C8102E%27%20d%3D%27M0%200h3v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%201h3v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23C8102E%27%20d%3D%27M0%202h3v1H0z%27%2F%3E%3C%2Fsvg%3E")}
.konf-vlajka--de{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%203%203%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M0%200h3v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23DD0000%27%20d%3D%27M0%201h3v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23FFCE00%27%20d%3D%27M0%202h3v1H0z%27%2F%3E%3C%2Fsvg%3E")}
.konf-vlajka--hu{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%203%203%27%3E%3Cpath%20fill%3D%27%23CE2939%27%20d%3D%27M0%200h3v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%201h3v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23477050%27%20d%3D%27M0%202h3v1H0z%27%2F%3E%3C%2Fsvg%3E")}
.konf-vlajka--pl{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%202%202%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%200h2v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23DC143C%27%20d%3D%27M0%201h2v1H0z%27%2F%3E%3C%2Fsvg%3E")}
.konf-vlajka--ua{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%202%202%27%3E%3Cpath%20fill%3D%27%230057B7%27%20d%3D%27M0%200h2v1H0z%27%2F%3E%3Cpath%20fill%3D%27%23FFD700%27%20d%3D%27M0%201h2v1H0z%27%2F%3E%3C%2Fsvg%3E")}
.konf-vlajka--jina{box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2016%27%20fill%3D%27none%27%20stroke%3D%27%235C544D%27%20stroke-width%3D%271.4%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%276.5%27%2F%3E%3Cpath%20d%3D%27M5.5%208h13M12%201.5c2%202%202%2011%200%2013M12%201.5c-2%202-2%2011%200%2013%27%2F%3E%3C%2Fsvg%3E")}