/* Katalog ATM HYDROS: prvky nad ../style.css, předpona kt- (pravidlo 27: vlastní jmenný prostor) */
.kt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kt .site-header>.wrap{min-height:88px}
.kt #site-nav a[aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:8px}
.kt-bar{background:var(--ink);color:#fff;position:sticky;top:0;z-index:70}
.kt-bar>.wrap{display:flex;align-items:center;gap:18px;min-height:64px}
.kt-hledat{flex:1;display:flex;max-width:720px;min-width:0}
.kt-hledat input{flex:1;min-width:0;font:16px/1.4 Arial,sans-serif;padding:11px 14px;border:0;border-radius:0;background:#fff;color:var(--ink);-webkit-appearance:none}
.kt-hledat input:focus{outline:3px solid #f2938c;outline-offset:0}
.kt-hledat button{border:0;background:var(--blue);color:#fff;font-weight:700;font-size:13px;padding:0 20px}
.kt-hledat button:hover{background:#94211b}
.kt-ucet,.kt-kosik-odkaz{font-size:13px;font-weight:700;white-space:nowrap;color:#fff}
.kt-ucet{margin-left:auto;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.kt-kosik-odkaz{background:var(--blue);padding:10px 16px}
.kt-kosik-odkaz:hover{background:#94211b;text-decoration:none}
.kt-kosik-odkaz b{display:inline-block;min-width:22px;margin-left:6px;padding:0 6px;background:#fff;color:var(--blue);text-align:center;font-size:12px}
.kt-zak{background:#fbeceb;border-bottom:1px solid #f0c9c6;font-size:13px}
.kt-zak>.wrap{padding-block:10px}
.kt-zak a{color:var(--blue);text-decoration:underline;margin-left:8px}

.kt-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:46px;padding-block:36px 80px;align-items:start}
.kt-side{position:sticky;top:80px;background:#f4f4f5;font-size:12px;max-height:calc(100vh - 100px);overflow:auto}
.kt-side summary{font-size:13px;font-weight:700;padding:16px 17px;cursor:pointer;color:#fff;background:var(--navy)}
.kt-side nav{padding:8px 16px 14px}
.kt-side nav>a{display:block;padding:9px 0;line-height:1.35;border-bottom:1px solid var(--line);font-weight:700;font-size:12px}
.kt-side a[aria-current]{color:var(--blue)}
.kt-side-sub{padding:4px 0 8px 12px;border-left:2px solid var(--blue);margin:4px 0 6px}
.kt-side-sub a{display:block;padding:5px 0;font-size:12px;line-height:1.35}
.kt-main{min-width:0}
.kt-crumb{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.8}
.kt-crumb a{text-decoration:underline}
.kt-crumb span{margin:0 4px;color:#b3b6ba}
.kt-main>h1,.kt-h1{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-.04em;margin-bottom:14px;overflow-wrap:anywhere}
.kt-perex{font-size:15px;max-width:760px;margin-bottom:28px}
.kt-popis{font-size:14px;color:#4b5057;max-width:820px;margin-bottom:28px}
.kt-popis p{margin-bottom:12px;color:inherit}
.kt-popis img{max-width:100%;height:auto}

/* dlaždice kategorií */
.kt-dlazdice{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:40px}
.kt-dlazdice a{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;padding:14px;min-height:100%}
.kt-dlazdice a:hover{text-decoration:none;border-color:var(--blue)}
.kt-dlazdice figure{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#fafafa}
.kt-dlazdice img{max-height:104px;width:auto;object-fit:contain}
.kt-dlazdice b{font-size:14px;line-height:1.3;letter-spacing:-.01em}
.kt-dlazdice small{margin-top:auto;padding-top:8px;font-size:11px;color:var(--muted)}
.kt-uvod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kt-uvod-grid a{display:block;border:1px solid var(--line);padding:18px 18px 16px;position:relative;background:#fff}
.kt-uvod-grid a:hover{text-decoration:none;border-color:var(--blue)}
.kt-uvod-grid figure{height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.kt-uvod-grid img{max-height:86px;width:auto}
.kt-uvod-grid b{display:block;font-size:17px;line-height:1.2;letter-spacing:-.02em}
.kt-uvod-grid small{display:block;font-size:11px;color:var(--muted);margin-top:8px}
.kt-uvod-head{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-block:44px 30px}
.kt-uvod-head p{max-width:470px;font-size:15px}
.kt-vyhody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:46px 0 70px}
.kt-vyhody>div{background:var(--pale);border-left:3px solid var(--blue);padding:22px 24px}
.kt-vyhody b{display:block;font-size:17px;letter-spacing:-.02em;margin-bottom:8px}
.kt-vyhody p{font-size:14px}

/* nástroje nad tabulkou */
.kt-nastroje{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin-bottom:14px;padding:14px;background:var(--pale)}
.kt-nastroje label{display:flex;flex-direction:column;font-size:11px;font-weight:700;color:var(--muted);gap:4px}
.kt-nastroje select,.kt-nastroje input{font:14px Arial,sans-serif;padding:7px 8px;border:1px solid #c5c8cc;background:#fff;border-radius:0;min-width:120px;max-width:220px}
.kt-nastroje .kt-pocet{margin-left:auto;font-size:12px;color:var(--muted);align-self:center}
.kt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 18px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:700;font-size:13px;line-height:1.3;cursor:pointer;text-align:center}
.kt-btn:hover{background:#94211b;border-color:#94211b;text-decoration:none}
.kt-btn.kt-sv{background:#fff;color:var(--blue)}
.kt-btn.kt-sv:hover{background:#fbeceb}
.kt-btn.kt-tm{background:var(--ink);border-color:var(--ink)}
.kt-btn[disabled]{opacity:.5;cursor:default}
.kt-odkaz{font-size:12px;font-weight:700;color:var(--blue);text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}

/* tabulka produktů */
.kt-tab-obal{overflow-x:auto;border:1px solid var(--line)}
.kt-tab{width:100%;border-collapse:collapse;font-size:13px;line-height:1.4}
.kt-tab th{background:var(--navy);color:#fff;text-align:left;font-size:11px;font-weight:700;padding:9px 10px;white-space:nowrap;position:sticky;top:0}
.kt-tab td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.kt-tab tbody tr:nth-child(even){background:#fafafa}
.kt-tab tbody tr:hover{background:#fbeceb}
.kt-tab .kt-foto{width:62px}
.kt-tab .kt-foto img{width:52px;height:52px;object-fit:contain;background:#fff}
.kt-tab .kt-kod a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.kt-tab .kt-obj{font-family:Consolas,Menlo,monospace;font-size:12px;white-space:nowrap}
.kt-tab .kt-cena{text-align:right;white-space:nowrap;font-weight:700}
.kt-tab .kt-cena small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.kt-tab .kt-cena del{color:var(--muted);font-weight:400;font-size:11px;display:block}
.kt-tab .kt-cena .kt-vase{color:var(--blue)}
.kt-tab .kt-dost{font-size:12px;white-space:nowrap}
.kt-tab .kt-koupit{white-space:nowrap;text-align:right}
.kt-dot{display:inline-block;width:8px;height:8px;margin-right:6px;background:#3c8d3f}
.kt-dot.d2{background:#b98a12}.kt-dot.d3{background:#c46a19}.kt-dot.d4{background:#9a9da1}
.kt-mn{width:58px;font:14px Arial,sans-serif;padding:7px 6px;border:1px solid #c5c8cc;text-align:right;border-radius:0}
.kt-pridat{border:0;background:var(--blue);color:#fff;font-weight:700;font-size:12px;padding:9px 12px;margin-left:4px}
.kt-pridat:hover{background:#94211b}
.kt-pridat.ok{background:#3c8d3f}
.kt-dotaz{font-size:12px;color:var(--muted)}
.kt-prazdne{padding:30px;background:var(--pale);font-size:14px}

/* detail */
.kt-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:start;margin-top:10px}
.kt-detail figure{border:1px solid var(--line);padding:18px;background:#fff;display:flex;align-items:center;justify-content:center;min-height:320px}
.kt-detail figure img{max-height:420px;width:auto;cursor:zoom-in}
.kt-detail figcaption{font-size:11px;color:var(--muted);margin-top:8px}
.kt-param{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 22px}
.kt-param th,.kt-param td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.kt-param th{width:44%;font-weight:400;color:var(--muted)}
.kt-param td{font-weight:700}
.kt-cenobox{background:var(--pale);border-top:3px solid var(--blue);padding:22px 24px;margin-bottom:22px}
.kt-cenobox .kt-velka{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.kt-cenobox small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.kt-cenobox del{font-size:14px;color:var(--muted)}
.kt-cenobox .kt-koupit{display:flex;gap:10px;margin-top:18px;align-items:center;flex-wrap:wrap}
.kt-cenobox .kt-mn{width:80px;min-height:42px;font-size:16px}
.kt-cenobox .kt-pridat{min-height:42px;padding:10px 22px;font-size:13px}
.kt-dok{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--blue);text-decoration:underline;margin-bottom:18px}
.kt-souvis{margin-top:48px}
.kt-souvis h2{font-size:26px;margin-bottom:16px}

/* košík */
.kt-kosik td,.kt-kosik th{vertical-align:middle}
.kt-kosik .kt-mn{width:70px}
.kt-souhrn{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;margin-top:26px;align-items:start}
.kt-soucty{background:var(--pale);padding:20px 22px;font-size:14px}
.kt-soucty div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}
.kt-soucty div:last-child{border:0;font-size:18px;font-weight:700}
.kt-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;max-width:760px}
.kt-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
.kt-form label.kt-cela{grid-column:1/-1}
.kt-form input,.kt-form textarea,.kt-form select{font:16px/1.4 Arial,sans-serif;padding:10px 12px;border:1px solid #bfc3c7;border-radius:0;background:#fff;color:var(--ink);-webkit-appearance:none}
.kt-form textarea{min-height:110px}
.kt-form input:focus,.kt-form textarea:focus{outline:3px solid #b627202e;border-color:var(--blue)}
.kt-form .kt-volba{flex-direction:row;align-items:center;gap:8px;font-weight:400;font-size:14px}
.kt-form .kt-volba input{width:auto}
.kt-hp{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kt-hlaska{padding:14px 16px;margin-bottom:20px;font-size:14px;border-left:3px solid #3c8d3f;background:#eef6ee}
.kt-hlaska.chyba{border-color:var(--blue);background:#fbeceb}
.kt-pozn{font-size:12px;color:var(--muted);max-width:760px}
.kt-pozn a{text-decoration:underline}
.kt-ucet-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.kt-box{border:1px solid var(--line);padding:24px}
.kt-box h2{font-size:24px;margin-bottom:14px;letter-spacing:-.03em}
.kt-demo{background:#fff8e6;border:1px solid #edd9a3;padding:18px 20px;margin-bottom:26px;font-size:14px}
.kt-demo b{display:block;margin-bottom:6px}
.kt-slevy{font-size:13px;border-collapse:collapse;width:100%}
.kt-slevy td{padding:6px 8px;border-bottom:1px solid var(--line)}
.kt-slevy td:last-child{text-align:right;font-weight:700}
.kt-text{max-width:820px;font-size:15px;color:#4b5057}
.kt-text p{margin-bottom:14px;color:inherit}
.kt-text h2{font-size:24px;margin:30px 0 12px;color:var(--ink)}
.kt-text ul{padding-left:22px}
.kt-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:300;background:var(--navy);color:#fff;padding:12px 18px;font-size:14px;max-width:calc(100% - 32px)}
.kt-toast a{color:#fff;text-decoration:underline;margin-left:10px;font-weight:700}
.kt-strankovani{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.kt-strankovani a,.kt-strankovani b{padding:7px 12px;border:1px solid var(--line);font-size:13px}
.kt-strankovani b{background:var(--navy);color:#fff;border-color:var(--navy)}
dialog.kt-dlg img{max-width:87vw;max-height:78dvh}

@media(hover:none){.kt-tab tbody tr:hover{background:inherit}.kt-dlazdice a:hover,.kt-uvod-grid a:hover{border-color:var(--line)}}
@media(max-width:1180px){.kt-uvod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kt-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}}
@media(max-width:1000px){.kt-detail{grid-template-columns:1fr}.kt-souhrn{grid-template-columns:1fr}.kt-ucet-grid{grid-template-columns:1fr}}
@media(max-width:820px){
  .kt-layout{grid-template-columns:1fr;gap:20px;padding-top:22px}
  .kt-side{position:static;max-height:none}
  .kt-uvod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-vyhody{grid-template-columns:1fr}
  .kt-uvod-head{display:block}.kt-uvod-head p{margin-top:16px}
  .kt-ucet{max-width:130px}
  /* tabulka jako karty */
  .kt-tab thead{display:none}
  .kt-tab,.kt-tab tbody{display:block}
  .kt-tab tr{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:2px 12px;padding:12px;border-bottom:1px solid var(--line)}
  .kt-tab td{border:0;padding:0}
  .kt-tab .kt-foto{grid-row:1/4}
  .kt-tab .kt-kod{grid-column:2}
  .kt-tab .kt-cena{grid-column:3;grid-row:1/3}
  .kt-tab .kt-obj{grid-column:2}
  .kt-tab .kt-par{display:none}
  .kt-tab .kt-par.kt-m{display:block;grid-column:2/4;font-size:12px;color:var(--muted)}
  .kt-tab .kt-par.kt-m:before{content:attr(data-n) ': '}
  .kt-tab .kt-dost{grid-column:2}
  .kt-tab .kt-koupit{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:6px}
  .kt-tab-obal{overflow:visible}
  .kt-form{grid-template-columns:1fr}
}
@media(max-width:700px){
  .kt-bar>.wrap{flex-wrap:wrap;gap:10px;padding-block:10px}
  .kt-hledat{flex:1 1 100%;order:2}
  .kt-kosik-odkaz{margin-left:auto}
  .kt-bar{position:relative}
  .kt-uvod-grid{gap:10px}
  .kt-uvod-grid a{padding:12px}
  .kt-uvod-grid b{font-size:14px}
  .kt-dlazdice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kt-dlazdice figure{height:80px}.kt-dlazdice img{max-height:76px}
  .kt-nastroje label{flex:1 1 45%}
  .kt-nastroje select,.kt-nastroje input{max-width:none;width:100%}
  .kt-cenobox .kt-velka{font-size:28px}
  .kt-cenobox .kt-koupit{flex-wrap:nowrap}
  .kt-cenobox .kt-pridat{flex:1}
}
@media(max-width:820px){
  .kt-kosik tr{grid-template-columns:62px minmax(0,1fr) auto}
  .kt-kosik .kt-kod{grid-column:2}.kt-kosik .kt-obj{grid-column:2}.kt-kosik .kt-dost{grid-column:2}
  .kt-kosik td.kt-cena:nth-child(5){grid-column:3;grid-row:1}
  .kt-kosik td:nth-child(6){grid-column:2;grid-row:4}
  .kt-kosik td.kt-cena:nth-child(7){grid-column:3;grid-row:4;align-self:center}
  .kt-kosik td.kt-koupit{grid-column:1/-1;grid-row:5}
}
@media(max-width:420px){.kt-hledat input{min-width:0;width:100%;font-size:16px;padding:10px}.kt-hledat button{padding:0 12px;flex-shrink:0}.kt-hledat input::placeholder{font-size:13px}}
@media(max-width:380px){.kt-uvod-grid,.kt-dlazdice{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:500px){.kt-bar{position:relative}.kt-side{position:static}}
.kt-tab .kt-sr{position:static;display:inline-block;width:1px;height:1px;overflow:hidden;clip:auto}.kt-tab-obal{position:relative}

.kt-tab .kt-kod,.kt-tab .kt-par{overflow-wrap:anywhere}
.kt-form input[type=radio],.kt-form input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:18px;height:18px;padding:0;accent-color:var(--blue)}
@media(max-width:820px){.kt-tab .kt-obj,.kt-tab .kt-dost{white-space:normal;overflow-wrap:anywhere}.kt-tab td{min-width:0}}

/* mw4: v katalogu není tlačítko E-shop, Menu patří doprava */
@media(max-width:700px){.kt .site-header .menu-toggle{margin-left:auto}.kt .site-header .brand{max-width:calc(100% - 110px)}}

/* 20. 10. 2026 (Mirek): kód produktu na jeden řádek, krátké parametry („26 mm“) se nelámou; široká tabulka se posune do strany */
@media(min-width:821px){
  .kt-tab .kt-kod{overflow-wrap:normal}
  .kt-tab .kt-obj:not(.kt-nw){white-space:normal}
  .kt-tab .kt-nw{white-space:nowrap}
  .kt-tab .kt-kod:not(.kt-nw){min-width:180px}
  .kt-tab .kt-par{overflow-wrap:normal}
  .kt-tab .kt-par.kt-kratky{white-space:nowrap}
  .kt-tab td,.kt-tab th{padding-left:8px;padding-right:8px}
  .kt-tab th{white-space:normal;vertical-align:bottom;line-height:1.25}
  .kt-tab th.kt-cena{white-space:nowrap}
  .kt-tab td.kt-foto{min-width:60px}
  .kt-tab .kt-mn{width:48px;padding:7px 5px}
  .kt-tab .kt-pridat{padding:9px 10px;margin-left:3px}
}
@media(max-width:1500px) and (min-width:1366px){.kt-layout{grid-template-columns:230px minmax(0,1fr);gap:32px}}
/* menší notebook a tablet na šířku: kategorie nad tabulkou (sbalené), tabulka dostane celou šířku */
@media(max-width:1365px) and (min-width:821px){
  .kt-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:24px}
  .kt-side{position:static;max-height:none}
}

/* mobil: krátký kód přes celou šířku karty na jednom řádku, cena pod ním vpravo */
@media(max-width:820px){
  .kt-tab .kt-kod{grid-column:2/4}
  .kt-tab .kt-kod.kt-nw{white-space:nowrap;overflow-wrap:normal}
  .kt-tab .kt-cena{grid-row:2/4}
}
.kt-detail h1,.kt-main>h1,.kt-param td{overflow-wrap:anywhere}
.kt-crumb{overflow-wrap:anywhere}

/* košík: volby dopravy a platby */
.kt-volby{border:0;padding:0;margin:4px 0 6px;display:flex;flex-direction:column;gap:8px;min-width:0}
.kt-volby legend{font-size:18px;font-weight:700;margin-bottom:8px;padding:0;letter-spacing:-.02em}
.kt-form label.kt-volba-box{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:4px 10px;align-items:start;flex-direction:row;padding:12px 14px;border:1px solid #c5c8cc;background:#fff;font-size:14px;font-weight:400;cursor:pointer}
.kt-form label.kt-volba-box:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.kt-volba-box input{-webkit-appearance:auto;appearance:auto;width:18px;height:18px;margin:1px 0 0;padding:0;accent-color:var(--blue)}
.kt-volba-box b{display:block}
.kt-volba-box small{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.4}
.kt-volba-box em{font-style:normal;font-weight:700;white-space:nowrap}
.kt-volba-box.kt-nelze{opacity:.45;cursor:not-allowed}

.kt-soucty div:last-of-type{border:0;font-size:18px;font-weight:700}
@media(max-width:1000px){.kt-souhrn .kt-soucty{order:-1}}