/* Controllplus – vizuál v4 (2026-10-13). Vlastní kód. Bez externích zdrojů, bez inline stylů (CSP). */

/* ---------- písma (self-hosted, OFL) ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/archivo-latin-ext-700-normal.8affe3b4.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/archivo-latin-700-normal.abada6cd.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/archivo-latin-ext-800-normal.5aca026b.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/archivo-latin-800-normal.c26cda24.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ibm-plex-sans-latin-ext-400-normal.c93d2a12.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ibm-plex-sans-latin-400-normal.3b646991.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ibm-plex-sans-latin-ext-500-normal.2846035d.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ibm-plex-sans-latin-500-normal.0717336f.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/ibm-plex-sans-latin-ext-600-normal.b25dfd4f.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/ibm-plex-sans-latin-600-normal.8960851d.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ibm-plex-mono-latin-ext-500-normal.6bb06407.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ibm-plex-mono-latin-500-normal.01d28544.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- základ ---------- */
:root{--ink:#0F1E2C;--tma:#111B27;--tma-2:#18283A;--blue:#0B4F8A;--blue-2:#1672C4;--orange:#F0893A;--orange-2:#FFA85C;--orange-text:#B4530E;--sky:#E3F0FC;--sky-2:#F4F9FE;--line:#D8E0E8;--muted:#4A5866;--on-tma:#B9C8D6;--bila:#fff;--radius:16px;--stin:0 18px 50px rgba(15,30,44,.14);--okraj:clamp(16px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--bila)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:"Archivo","IBM Plex Sans",system-ui,sans-serif;font-weight:800;line-height:1.12;margin:0;letter-spacing:-.01em}
h3{font-weight:700}
p{margin:0 0 1em}
a{color:var(--blue)}
a:hover{color:var(--blue-2)}
ul,ol{margin:0;padding:0}
:focus-visible{outline:3px solid var(--blue-2);outline-offset:3px;border-radius:4px}
.kontejner{width:100%;max-width:1240px;margin:0 auto;padding-left:var(--okraj);padding-right:var(--okraj)}
.vizualne-skryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--orange);color:var(--ink);padding:12px 18px;font-weight:600;z-index:100}
.skip:focus{left:8px;top:8px}
.ikona{width:24px;height:24px;flex:none}
.sipka{width:18px;height:18px;flex:none;transition:transform .2s}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500}
.stitok{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-text);margin:0 0 14px}
.stitok-na-tma{color:var(--orange-2)}

/* ---------- okno Hotline (požadavek č. 23) ---------- */
.hotline-okno{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:var(--radius);color:var(--ink);background:#fff;overflow:auto;box-shadow:0 28px 70px rgba(15,30,44,.4)}
.hotline-okno::backdrop{background:rgba(15,30,44,.62)}
.hotline-in{padding:clamp(18px,4vw,30px)}
.hotline-hlava{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px}
.hotline-hlava h2{font-size:1.6rem}
.hotline-zavrit{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:50%;background:var(--sky);color:var(--ink);cursor:pointer}
.hotline-zavrit:hover{background:var(--line)}
.hotline-mobil{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hotline-mobil .ikona{color:var(--orange-text)}
.hotline-mobil a{font-weight:600;font-size:1.15rem}
.hotline-okno h3{font-size:1.15rem;margin:0 0 14px}

/* ---------- tlačítka ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 22px;border-radius:10px;border:2px solid transparent;font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s}
.btn-velka{min-height:54px;padding:13px 28px;font-size:1.06rem}
.btn-oranzova{background:var(--orange);color:var(--ink);box-shadow:0 8px 22px rgba(240,137,58,.32)}
.btn-oranzova:hover{background:var(--orange-2);color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 28px rgba(240,137,58,.42)}
.btn-oranzova:hover .sipka{transform:translateX(4px)}
.btn-obrys-svetla{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.btn-obrys-svetla:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}

/* ---------- horní lišta ---------- */
.topbar{background:var(--tma);color:var(--on-tma);font-size:.86rem}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;min-height:44px;padding:0 var(--okraj)}
.topbar-distributor{display:flex;align-items:center;gap:12px;margin:0}
.topbar-text{letter-spacing:.02em}
.topbar-odznak{height:22px;width:auto;border-radius:3px;flex:none}
.topbar-kontakt{display:flex;flex:none;align-items:center;gap:6px 22px;margin:0}
.topbar-odkaz{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#fff;text-decoration:none;font-weight:500;white-space:nowrap}
.topbar-odkaz:hover{color:var(--orange-2)}
.topbar-odkaz .ikona{width:17px;height:17px;color:var(--orange-2)}
.topbar-hotline{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 12px;border-radius:8px;background:var(--orange);color:var(--ink);font-weight:700;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.topbar-hotline:hover{background:var(--orange-2);color:var(--ink)}
.topbar-hotline .ikona{width:17px;height:17px}

/* ---------- hlavička ---------- */
.hlavicka{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.hlavicka-in{display:flex;align-items:center;gap:20px;min-height:78px;padding:10px var(--okraj)}
.logo{display:inline-flex;align-items:center;flex:none;text-decoration:none;min-height:55px}
.logo-obraz{height:55px;width:auto;max-width:none;object-fit:contain;flex-shrink:0}
.logo-slovni{font-family:"Archivo",sans-serif;font-weight:800;font-size:1.3rem;color:var(--blue)}
.logo-podnadpis{display:block;font-size:.6rem;letter-spacing:.2em;color:var(--orange-text)}
.nav-hlavni{margin-left:auto}
.nav-seznam{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-odkaz{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:9px;color:var(--blue);font-weight:600;font-size:.98rem;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.nav-odkaz:hover{background:var(--sky);color:var(--blue)}
.nav-odkaz.je-aktivni{background:var(--sky);color:var(--blue);box-shadow:inset 0 -3px 0 var(--orange)}
.hlava-cta{flex:none;margin-left:6px}
/* 2026-10-20 (č. 20): dvouřádková položka menu (Závlahové systémy / a obnovitelné zdroje) */
.nav-dva-radky{display:flex;flex-direction:column;line-height:1.15;text-align:left}
/* všechny položky lišty stejně vysoké (kvůli dvouřádkové) */
.nav-seznam .nav-odkaz{min-height:52px}
/* 2026-10-20 (č. 19): Aktuality v menu – první, červeně a tučně */
.nav-odkaz.nav-aktuality,.mobil-polozka a.nav-aktuality{color:#C8102E;font-weight:800}
.nav-odkaz.nav-aktuality:hover,.mobil-polozka a.nav-aktuality:hover{color:#A00D25;background:#FDECEE}
.nav-odkaz.nav-aktuality.je-aktivni{color:#A00D25;background:#FDECEE;box-shadow:inset 0 -3px 0 #C8102E}
.nabidka-mobil{display:none;margin-left:auto;position:relative}
.nabidka-mobil summary{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:8px 16px;border:2px solid var(--blue);border-radius:10px;color:var(--blue);font-weight:600;cursor:pointer;list-style:none;user-select:none}
.nabidka-mobil summary::-webkit-details-marker{display:none}
.hamburger{position:relative;width:20px;height:2px;background:var(--blue);border-radius:2px}
.hamburger::before,.hamburger::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--blue);border-radius:2px}
.hamburger::before{top:-6px}
.hamburger::after{top:6px}
.mobil-seznam{list-style:none;position:absolute;right:0;top:calc(100% + 10px);width:min(86vw,340px);margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--stin)}
.mobil-polozka a{display:flex;align-items:center;min-height:46px;padding:8px 14px;border-radius:9px;color:var(--ink);font-weight:500;text-decoration:none}
.mobil-polozka a:hover{background:var(--sky);color:var(--blue)}
.mobil-oddel{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.mobil-cta{padding:10px 6px 4px}
.mobil-cta .btn{width:100%}

/* ---------- úvod: karusel a text pod ním (požadavek č. 23) ---------- */
.hero{background:#fff}
.hero-slider{position:relative;max-width:1920px;margin:0 auto}
.hero-slidy{position:relative;aspect-ratio:1920/647;overflow:hidden;background:var(--sky-2)}
.hero-pas{display:flex;height:100%;transition:transform .8s ease}
.hero-slide{flex:0 0 100%;margin:0}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-sipka{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;background:rgba(15,30,44,.62);color:#fff;cursor:pointer;transition:background-color .2s}
.hero-sipka:hover{background:rgba(15,30,44,.88)}
.hero-sipka-zpet{left:clamp(6px,1.5vw,24px)}
.hero-sipka-zpet .sipka{transform:rotate(180deg)}
.hero-sipka-dal{right:clamp(6px,1.5vw,24px)}
.hero-tecky{display:flex;justify-content:center;gap:4px;margin-top:6px}
.hero-tecka{position:relative;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-tecka::before{content:"";position:absolute;left:8px;right:8px;top:20px;height:4px;border-radius:2px;background:rgba(11,79,138,.25);transition:background-color .2s}
.hero-tecka.je-aktivni::before{background:var(--orange)}
.hero-tecka:hover::before{background:var(--blue)}
.hero-text{padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(36px,5vw,64px)}
.hero-stitok{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 22px;padding-bottom:16px;position:relative}
.hero-stitok::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--orange)}
.hero-nadpis{font-size:clamp(2.4rem,3.6vw,3.2rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 20px}
.hero-radek{display:block}
.hero-akcent{color:var(--orange-text)}
.hero-pas-text{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:clamp(6px,1vw,14px) 16px;background:rgba(11,79,138,.86);color:#fff;font-family:"Archivo",sans-serif;font-weight:700;font-size:clamp(.95rem,1.6vw,1.4rem);line-height:1.25;text-align:center}
.hero-perex{font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.6;color:var(--muted);max-width:60em;margin:0 0 40px;text-align:justify}
.hero-vyhody{list-style:none;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:14px 26px;margin:0}
.hero-vyhoda{display:flex;align-items:center;gap:12px;font-weight:500}
.hero-vyhoda .ikona{width:36px;height:36px;color:var(--orange-text)}
.hero-vyhoda-odkaz{display:inline-flex;align-items:center;gap:12px;color:inherit;text-underline-offset:4px}
.hero-vyhoda-odkaz:hover{color:var(--blue)}

/* ---------- sekce a karty ---------- */
.sekce{padding:clamp(48px,6vw,84px) 0}
.sekce-svetla{background:var(--sky-2)}
.nadpis-sekce{font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--blue);margin:0 0 28px}
.karta{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}

/* produkty na úvodu */
.produkty-pas{background:var(--sky-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.produkty-dlazdice{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.produkt-odkaz{display:flex;flex-direction:column;height:100%;padding:16px 16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.produkt-odkaz:hover{transform:translateY(-6px);box-shadow:var(--stin);border-color:var(--blue-2);color:var(--ink)}
.produkt-foto{display:block;aspect-ratio:1/1;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#fff}
.produkt-foto img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.produkt-odkaz:hover .produkt-foto img{transform:scale(1.06)}
.produkt-nazev{display:block;min-height:2.4em;font-family:"Archivo",sans-serif;font-weight:800;font-size:1.06rem;line-height:1.2;color:var(--blue)}
.produkt-vice{display:flex;justify-content:flex-end;margin-top:auto;padding-top:10px;color:var(--blue)}
.produkt-odkaz:hover .sipka{transform:translateX(4px);color:var(--orange-text)}
.produkt-rady{margin-top:6px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.76rem;line-height:1.5;color:var(--muted)}

/* segmenty */
.segmenty-pas{background:#fff}  /* č. 116: po prehození se Službami bílá, aby se pozadí střídala */
.segmenty-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:clamp(24px,4vw,56px);align-items:center}
.segmenty-nadpis{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.08;color:var(--ink)}
.segmenty-podnadpis{margin:14px 0 0;color:var(--muted)}
.hero-perex.hero-podpora-uvod{margin-top:-22px;margin-bottom:10px}
.hero-podpora{margin:0 0 36px;max-width:60em}
.hero-podpora li{color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.6}
.segmenty{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.segment{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,box-shadow .2s,border-color .2s}
.segment:hover{transform:translateY(-6px);box-shadow:var(--stin);border-color:var(--orange)}
.segment-ikona{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:18px;border-radius:14px;background:#FFF1E4;color:var(--orange-text)}
.segment-ikona .ikona{width:32px;height:32px}
.segment h3{font-size:1.24rem;margin-bottom:10px}
.segment-odkaz{color:var(--blue);text-decoration:none}
.segment-odkaz::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.segment p{color:var(--muted);margin:0 0 18px}
.segment-vice{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-weight:600;color:var(--ink)}
.segment:hover .sipka{transform:translateX(4px);color:var(--orange-text)}

/* služby – tmavý pás */
.sluzby-pas{background:var(--sky-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(44px,5vw,72px) 0}  /* č. 116: modrá místo Různých cílů */
.sluzby-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:clamp(24px,4vw,56px);align-items:center}
.sluzby-nadpis{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.sluzby-kroky{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sluzba{padding:22px 22px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.sluzba-cislo{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:2rem;line-height:1;color:var(--orange-text);margin-bottom:12px}
.sluzba h3{font-size:1.14rem;margin-bottom:6px}
/* č. 66: celý blok vede na stránku Služby */
.sluzba{position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.sluzba:hover{transform:translateY(-4px)}
.sluzba-odkaz,.sluzby-nadpis-odkaz{color:inherit;text-decoration:none}
.sluzba-odkaz::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.sluzby-nadpis-odkaz:hover{text-decoration:underline}
.sluzba p{margin:0;color:var(--muted);font-size:.98rem}

/* výzva */
.cta-pas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin:clamp(40px,5vw,68px) 0;padding:clamp(26px,3.4vw,40px) clamp(24px,4vw,48px);border-radius:22px;background:linear-gradient(120deg,var(--blue) 0%,#083A66 100%);color:#fff;position:relative;overflow:hidden}
.cta-pas::before{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;border:44px solid rgba(255,255,255,.07)}
.cta-obsah{position:relative}
.cta-obsah h2{font-size:clamp(1.3rem,2.2vw,1.8rem);color:#fff;max-width:26em}
.cta-obsah p{margin:8px 0 0;color:#DCE9F5}
.cta-pas .btn{position:relative;flex:none}

/* ---------- hlava podstránek ---------- */
.pas-hlava{position:relative;background:radial-gradient(640px 320px at 88% 0%,#fff 0%,transparent 70%),linear-gradient(120deg,var(--sky-2) 0%,var(--sky) 100%);border-bottom:1px solid var(--line);overflow:hidden}
.pas-hlava::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--orange),var(--orange-2))}
.pas-hlava-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:clamp(28px,3vw,44px);padding-bottom:clamp(28px,3vw,44px)}
.pas-hlava h1{font-size:clamp(2.2rem,4.6vw,3.7rem);color:var(--blue);letter-spacing:-.02em}
.pas-hlava .perex{font-size:clamp(1.08rem,1.5vw,1.28rem);color:var(--muted);max-width:60em;margin:18px 0 0}
.pas-hlava-obraz{flex:none;width:min(30vw,250px)}
.pas-hlava-obraz img{mix-blend-mode:multiply}

/* ---------- produktová stránka ---------- */
.rady-mreza{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.rada-karta{padding:22px 22px 20px;transition:transform .2s,box-shadow .2s,border-color .2s}
.rada-karta:hover{transform:translateY(-4px);box-shadow:var(--stin);border-color:var(--blue-2)}
.rada-karta:only-child{max-width:320px}
.rada-foto{display:block;margin:0 0 14px}
.rada-foto img{display:block;width:100%;height:auto;max-height:170px;aspect-ratio:4/3;object-fit:contain;background:#fff}
.rada-ikona{display:inline-flex;margin-bottom:14px;color:var(--orange)}
.rada-ikona .ikona{width:34px;height:34px}
.rada-kod{font-size:1.3rem;color:var(--blue);margin-bottom:6px}
.rada-popis{margin:0;color:var(--muted)}
/* č. 44: karta řady jako odkaz, podstránka řady */
.rada-karta:has(.rada-odkaz){position:relative;display:flex;flex-direction:column}
.rada-odkaz{color:inherit;text-decoration:none}
.rada-odkaz::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.rada-vice{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-weight:600;color:var(--ink)}
.rada-karta:hover .sipka{transform:translateX(4px);color:var(--orange-text)}
.rada-uvod{margin-bottom:clamp(28px,4vw,48px)}
.rada-uvod-foto{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,56px);align-items:center}
.rada-text{margin:0;font-size:1.08rem}
.rada-podnadpis{font-size:1.2rem;color:var(--blue);margin:0 0 14px}
.rada-popis-blok .rada-text+.rada-text{margin-top:12px}
.rada-tabulka{width:100%;border-collapse:collapse;font-size:.98rem;margin:14px 0 0}
.rada-tabulka th{width:38%;text-align:left;font-weight:600;color:var(--ink);padding:8px 12px 8px 0;vertical-align:top;border-top:1px solid var(--line)}
.rada-tabulka td{padding:8px 0;vertical-align:top;border-top:1px solid var(--line)}
.rada-vlastnosti-pas{margin-top:clamp(20px,3vw,32px);margin-bottom:clamp(28px,4vw,48px)}
.rada-vlastnosti{list-style:none;display:grid;grid-template-columns:1fr;gap:10px 32px;margin:0;padding:0;font-size:.98rem}
.rada-vlastnosti-dva{grid-template-columns:repeat(2,minmax(0,1fr))}
.rada-vlastnosti li{display:flex;align-items:flex-start;gap:10px}
.rada-vlastnosti .ikona{flex:none;width:20px;height:20px;margin-top:3px;color:var(--blue-2)}
.rada-vlastnosti strong{font-weight:600;color:var(--ink)}
.rada-vlastnosti+.rada-podnadpis{margin-top:28px}
@media (max-width:800px){.rada-vlastnosti-dva{grid-template-columns:1fr}}
.sw-upozorneni summary{cursor:pointer;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.sw-znacka{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;vertical-align:1px;border:1.5px solid var(--orange);border-radius:50%;color:var(--orange);font-family:Georgia,serif;font-size:.7rem;font-weight:700;line-height:1;text-decoration:none}  /* č. 95: nenápadné info za textem, ne „!“ */
.sw-konec{white-space:nowrap}  /* č. 95: ikona nepadá sama na nový řádek */
.sw-text{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:8px;background:#fff;font-size:.86rem;line-height:1.45;color:var(--ink)}
.sw-text p{margin:0 0 8px}
.sw-okno .sw-text{margin:0;padding:20px 24px;border:0;border-radius:0;font-size:.95rem}
.sw-okno .sw-nadpis{font-size:1.1rem;padding-right:44px}
.sw-okno{position:fixed}
.sw-zavrit{position:absolute;top:8px;right:8px;font-size:1.3rem}
.sw-upozorneni summary{list-style:none}
.sw-upozorneni summary::-webkit-details-marker{display:none}
.sw-nadpis{font-weight:700;color:var(--blue)}
.sw-stahnout{display:inline-block;margin-top:4px;padding:8px 14px;border-radius:8px;background:var(--orange);color:var(--ink);font-weight:600;text-decoration:none}
.rada-obraz img{width:100%;height:auto;border-radius:var(--radius)}
/* č. 56: výběr řady v bloku uživatelů na stránce produktu */
/* č. 68: bloky užívateľov: 1. úroveň zoznamu modrá, 2. úroveň (konkrétne produkty) oranžová */
.najdete-karta .seznam-ikony > li,.najdete-karta .seznam-ikony > li a{color:var(--blue)}
.najdete-karta .dokumenty-vyber ul a{color:var(--orange-text)}
.dokumenty-vyber{flex:1;min-width:0}
.dokumenty-vyber summary{display:inline-flex;align-items:center;gap:8px;font-weight:400;color:var(--blue);text-decoration:underline;cursor:pointer;list-style:none}
.dokumenty-vyber summary::-webkit-details-marker{display:none}
.dokumenty-vyber summary .sipka{transform:rotate(90deg);transition:transform .2s}
.dokumenty-vyber[open] summary .sipka{transform:rotate(-90deg)}
.dokumenty-vyber ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.dokumenty-vyber li{display:block;min-height:0}
.stranka-rada .cta-pas{margin:28px 0}
.odkazy-chipy.rada-zpet{margin:0}
@media (max-width:800px){.rada-uvod-foto{grid-template-columns:1fr}}
.parametry{list-style:none;margin:10px 0 0;color:var(--ink);font-size:.95rem}
.odkaz-sipka{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none}
.najdete-mreza{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.najdete-karta{padding:26px 26px 22px}
.najdete-karta h3{font-size:1.2rem;margin-bottom:14px}
.najdete-karta h3 a{color:var(--blue);text-decoration:none}
.najdete-karta h3 a:hover{text-decoration:underline}
.seznam-ikony{list-style:none;display:flex;flex-direction:column;gap:10px}
.sekce-stlpce{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px clamp(16px,4vw,40px)}
.sekce-stlpce h3{font-size:1.1rem;margin:0 0 12px}
.seznam-ikony li{display:flex;align-items:flex-start;gap:12px}
.seznam-ikony .ikona{width:22px;height:22px;margin-top:3px;color:var(--blue-2)}

/* ---------- obsahové stránky ---------- */
.stranka-telo{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(20px,3vw,40px)}
.obsah-sloupec{max-width:760px}
.obsah-sloupec.obsah-siroky{max-width:none}
.sekce-obsah{margin-bottom:clamp(28px,3.5vw,44px)}
.sekce-obsah h2{font-size:clamp(1.4rem,2.2vw,1.8rem);color:var(--blue);margin-bottom:14px}
.prode{font-size:1.1rem;line-height:1.7;margin:0 0 1em}
.stranka-o-nas .prode{text-align:justify}
.stranka-o-nas .obsah-sloupec{max-width:none}
.sekce-s-fotkou{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,56px);align-items:start}
.sekce-foto{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(15,30,44,.14)}
.stranka-o-nas .perex{color:var(--ink);font-weight:600}
.perex-slogan{display:block;margin-top:8px;font-family:"Archivo","IBM Plex Sans",system-ui,sans-serif;font-weight:800;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.12;letter-spacing:-.01em;text-transform:uppercase}
.perex-akcent{color:var(--orange-text)}
.kroky{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.krok{padding:26px 24px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);border-top:5px solid var(--orange)}
.krok-cislo{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:2.2rem;line-height:1;color:var(--orange);margin-bottom:12px}
.krok h3{font-size:1.2rem;color:var(--blue);margin-bottom:6px}
.krok p{margin:0;color:var(--muted)}
.odkazy-chipy{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue);font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s,background-color .15s}
.chip:hover{border-color:var(--blue-2);background:var(--sky)}
.chip:hover .sipka{transform:translateX(3px)}
.ico-radek{color:var(--muted)}
.kontakt-mreza{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.kontakt-karta{padding:28px 28px 24px;box-shadow:var(--stin);border-top:5px solid var(--orange)}
.kontakt-nadpis{font-size:1.3rem;color:var(--blue);margin-bottom:18px}
.kontakt-seznam{list-style:none;display:flex;flex-direction:column;gap:6px}
.kontakt-radek{display:flex;align-items:center;gap:14px;min-height:44px;font-size:1.08rem}
.kontakt-radek .ikona{color:var(--orange)}
.kontakt-radek a{font-weight:600;text-decoration:none}
.kontakt-radek a:hover{text-decoration:underline}

/* ---------- formulář a tiket ---------- */
.poptavka-mreza{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,4vw,56px);align-items:start;padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(48px,6vw,84px)}
.poptavka-info{display:flex;flex-direction:column;gap:24px}
.formular-karta{padding:clamp(22px,3vw,36px);box-shadow:var(--stin)}
.formular-karta h2{font-size:1.5rem;color:var(--blue);margin-bottom:20px}
.formular{display:flex;flex-direction:column;gap:16px}
.pole{display:flex;flex-direction:column;gap:6px}
.pole-radek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pole label{font-weight:600;font-size:.96rem}
.povinne{color:var(--orange-text)}
.povinne-vysvetlivka{margin:.25rem 0 .75rem;font-size:.875rem;color:var(--muted)}
.pole input[type=text],.pole input[type=tel],.pole input[type=email],.pole textarea{width:100%;min-height:48px;padding:11px 14px;border:1.5px solid #B6C2CF;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}
.pole textarea{min-height:140px;resize:vertical}
.pole input:focus,.pole textarea:focus{outline:3px solid rgba(22,114,196,.3);border-color:var(--blue-2)}
.pole [aria-invalid=true]{border-color:#B3261E}
.hint{margin:0;font-size:.88rem;color:var(--muted)}
.hint:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.souhlas-pole{flex-direction:row;align-items:flex-start;gap:12px}
.souhlas-pole input{width:24px;height:24px;flex:none;margin:2px 0 0;accent-color:var(--blue)}
.souhlas-pole label{font-weight:400}
.formular .btn{align-self:flex-start;min-width:220px}
.form-errors{margin:0 0 20px;padding:16px 20px;border:2px solid #B3261E;border-radius:12px;background:#FDF1F0;color:#7A1B15}
.form-errors p{margin:0 0 8px;font-weight:600}
.form-errors ul{margin:0;padding-left:20px}
.form-errors a{color:#7A1B15}
.tiket-stav{padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--sky-2);margin-bottom:20px}
.tiket-popis{padding:16px 20px;border-left:5px solid var(--line);background:#fff;color:var(--muted);margin:0 0 20px}
.tiket-cekani{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--blue)}
.tiket-cekani::before{content:"";width:18px;height:18px;border-radius:50%;border:3px solid var(--sky);border-top-color:var(--orange);animation:toc 1s linear infinite}
.tiket-odpoved{padding:22px 26px;border-radius:var(--radius);border:1px solid var(--line);border-top:5px solid var(--orange);background:#fff;box-shadow:var(--stin);margin-bottom:20px}
@keyframes toc{to{transform:rotate(360deg)}}

/* ---------- patička ---------- */
.paticka{background:linear-gradient(135deg,var(--tma) 0%,#0B131C 100%);color:var(--on-tma);padding:clamp(40px,5vw,64px) 0 22px;margin-top:0}
.paticka-sloupce{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,3fr);gap:clamp(24px,4vw,56px)}
.paticka-blok + .paticka-blok{border-left:1px solid rgba(255,255,255,.14);padding-left:clamp(20px,3vw,40px)}
.paticka-logo{height:46px;width:auto;max-width:none;filter:brightness(0) invert(1);margin-bottom:18px}
.paticka-nazev{font-family:"Archivo",sans-serif;font-weight:800;font-size:1.2rem;color:#fff}
.paticka-text{color:#E4EBF2;font-size:1.02rem;margin:0 0 10px;max-width:24em}
.paticka-pravni{margin:0;font-size:.9rem}
.paticka-nadpis{display:flex;align-items:center;gap:10px;font-family:"Archivo",sans-serif;font-weight:800;font-size:1.1rem;color:#fff;margin:0 0 14px}
.paticka-nadpis .ikona{color:var(--orange)}
.paticka-mesta{color:#E4EBF2;font-size:1.02rem;margin:0 0 12px}
.paticka-adresa{font-style:normal;font-size:.95rem;margin-bottom:10px}
.paticka-spojeni{margin:0;font-size:.95rem}
.paticka a{color:#fff;text-decoration:none}
.paticka a:hover{color:var(--orange-2);text-decoration:underline}
.paticka-seznam{list-style:none}
.paticka-polozka a{display:inline-flex;align-items:center;min-height:44px;font-size:1.02rem}
.paticka-copy{margin:clamp(28px,4vw,44px) 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:.88rem}
.paticka :focus-visible,.cta-pas :focus-visible,.topbar :focus-visible{outline-color:var(--orange)}

/* ---------- 2026-10-20: připravujeme, novinky, graf tržeb ---------- */
.seznam-ikony .je-pripravujeme .ikona,.seznam-pripravujeme .ikona{color:var(--muted)}
.seznam-ikony .je-pripravujeme,.seznam-pripravujeme li{color:var(--muted)}
.stitek-pripravujeme{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:999px;background:var(--sky);color:var(--blue);font-size:.76rem;font-weight:600;vertical-align:1px}
.novinky-pas{background:#fff;padding-top:0}
.produkty-pas + .novinky-pas{padding-top:0}
/* č. 60: menej voľného miesta na produktových stránkach */
.sekce-uzsi{padding:clamp(32px,3.4vw,48px) 0}
.produkt-uvod{padding-bottom:0}
.produkt-uvod p{text-align:justify;color:var(--muted);font-size:1.08rem;margin:0 0 14px}
.produkt-uvod p:last-child{margin-bottom:0}
.sekce-uzsi.novinky-pas{padding:clamp(32px,3.4vw,48px) 0 0}
.cta-uzsi .cta-pas{margin-top:clamp(28px,3vw,40px)}
.strana-uvod .novinky-pas{background:var(--sky-2);border-top:1px solid var(--line);padding-top:clamp(48px,6vw,84px)}
.novinky-hlava{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.novinky-mreza{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.novinky-polozka,.novinka-karta{height:100%}
.novinka-odkaz{display:flex;gap:20px;height:100%;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.novinka-odkaz:hover{transform:translateY(-4px);box-shadow:var(--stin);border-color:var(--blue-2);color:var(--ink)}
.novinka-obraz{flex:none;display:flex;align-items:center;justify-content:center;width:136px;min-height:136px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--tma) 0%,#1F3550 100%);color:var(--orange-2)}
.novinka-obraz img{width:100%;height:100%;object-fit:cover}
.novinka-obraz .ikona{width:52px;height:52px}
.novinka-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.novinka-meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-text)}
.novinka-nadpis{font-size:1.2rem;color:var(--blue)}
.novinka-perex{color:var(--muted);font-size:.98rem}
.novinka-vice{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-weight:600}
.novinka-odkaz:hover .sipka{transform:translateX(4px);color:var(--orange-text)}
.novinka-telo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(8px,2vw,24px)}
.novinka-s-obrazem{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}
.novinka-obsah{max-width:820px}
.novinka-foto{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--stin)}
.novinka-foto-siroka{margin:28px 0;max-width:820px}
.novinka-mezititulek{font-size:clamp(1.3rem,2vw,1.6rem);color:var(--blue);margin:28px 0 16px}
.novinka-body{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0 0 8px}
.novinka-bod{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:12px;background:#fff}
.novinka-bod .ikona{width:24px;height:24px;margin-top:2px;color:var(--orange-text)}
.novinka-bod h3{font-size:1.1rem;color:var(--blue);margin-bottom:6px}
.novinka-bod p{margin:0;color:var(--muted)}
.graf{margin:28px 0;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:var(--radius);background:var(--sky-2)}
.graf-nadpis{font-family:"Archivo",sans-serif;font-weight:800;font-size:1.3rem;color:var(--blue);margin-bottom:22px}
.graf-telo{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:center}
.graf-kolac{width:190px;height:190px;transform:rotate(-90deg)}
.graf-kolac-pozadi{stroke:var(--line)}
.graf-radky{list-style:none;display:flex;flex-direction:column;gap:16px}
.graf-radek{display:flex;flex-direction:column;gap:6px}
.graf-nazev{display:flex;align-items:center;gap:10px;font-weight:600}
.graf-bod{width:12px;height:12px;border-radius:3px;flex:none}
.graf-pruh{display:block;width:100%;height:12px}
.graf-pruh-pozadi{fill:#fff}
.graf-hodnoty{font-size:.95rem;color:var(--muted)}
.graf-hodnoty strong{color:var(--ink)}
.graf-rust{color:#1B6E35;font-weight:600}
.graf-zdroj{margin:18px 0 0;font-size:.85rem;color:var(--muted)}
circle.graf-barva-1{stroke:var(--blue)}
circle.graf-barva-2{stroke:var(--orange)}
circle.graf-barva-3{stroke:#2B9C9C}
circle.graf-barva-4{stroke:#9AA7B4}
rect.graf-barva-1,rect.graf-barva-2,rect.graf-barva-3,rect.graf-barva-4{fill:var(--blue)}
rect.graf-barva-2{fill:var(--orange)}
rect.graf-barva-3{fill:#2B9C9C}
rect.graf-barva-4{fill:#9AA7B4}
.graf-bod.graf-barva-1{background:var(--blue)}
.graf-bod.graf-barva-2{background:var(--orange)}
.graf-bod.graf-barva-3{background:#2B9C9C}
.graf-bod.graf-barva-4{background:#9AA7B4}
@media (max-width:900px){
.novinky-mreza,.novinka-s-obrazem{grid-template-columns:1fr}
.novinka-foto{max-width:440px}
.graf-telo{grid-template-columns:1fr;justify-items:center}
.graf-radky{width:100%}
.graf-kolac{width:160px;height:160px}
}
@media (max-width:520px){
.novinka-odkaz{flex-direction:column}
.novinka-obraz{width:100%;min-height:0;height:170px}
}

/* ---------- 2026-10-20 (č. 22): podkategorie ---------- */
.podkat-pas{padding-top:clamp(28px,4vw,48px)}
.podkat-mreza{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.podkat-polozka{height:100%}
.podkat-karta{display:flex;align-items:center;gap:20px;height:100%;padding:24px 26px;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:var(--radius);background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 6px 18px rgba(15,30,44,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.podkat-karta:hover{transform:translateY(-4px);box-shadow:var(--stin);border-color:var(--blue-2);color:var(--ink)}
.podkat-ikona{flex:none;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#FFF1E4;color:var(--orange-text)}
.podkat-ikona .ikona{width:34px;height:34px}
.podkat-text{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.podkat-nazev{font-size:1.35rem;color:var(--blue)}
.podkat-perex{color:var(--muted);font-size:.98rem}
.podkat-karta > .sipka{width:26px;height:26px;color:var(--blue)}
.podkat-karta:hover > .sipka{transform:translateX(4px);color:var(--orange-text)}
/* č. 59: jednotný vzhled bloků podle .podkat-karta (oranžový pásik vlevo); bloky uživatelů .segment a .najdete-karta záměrně bez něj */
.rada-karta,.sluzba,.krok,.kontakt-karta,.novinka-odkaz{border:1px solid var(--line);border-left:6px solid var(--orange);box-shadow:0 6px 18px rgba(15,30,44,.06)}
.rada-karta:hover,.novinka-odkaz:hover{border-color:var(--blue-2);box-shadow:var(--stin)}
.vyhody-mreza{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:700px){.vyhody-mreza{grid-template-columns:1fr}}
.stranka-podkategorie .rady-mreza{margin-bottom:8px}
.stranka-podkategorie .podkat-mreza{margin:clamp(24px,3vw,40px) 0}
.stranka-podkategorie .rady-mreza{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.stranka-bloky-stvorec .rady-mreza{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.stranka-bloky-stvorec .rada-karta{padding:16px 20px 16px}
.stranka-bloky-stvorec .rada-foto{margin-bottom:10px}
.stranka-bloky-stvorec .rada-foto img{max-height:120px}
.stranka-bloky-stvorec .rada-vice{padding-top:10px}
@media (min-width:1000px){.stranka-rady-v-radku .rady-mreza{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stranka-rady-v-radku .rada-karta{padding:14px 14px 14px 16px}.stranka-rady-v-radku .rada-foto img{max-height:110px}.stranka-rady-v-radku .rada-popis{font-size:.95rem;line-height:1.4}}
.rada-katalog-odkaz{margin:16px 0 0}
.podkat-foto{flex:none;width:clamp(96px,14vw,160px)}
.podkat-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.podkat-dva{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.podkat-zdroj{font-size:.88rem;color:var(--muted);margin-top:4px}
@media (max-width:900px){
.podkat-mreza,.podkat-dva{grid-template-columns:1fr}
}
@media (max-width:520px){
.podkat-karta{padding:18px;gap:14px}
.podkat-ikona{width:52px;height:52px}
}

/* ---------- jemné odhalení při rolování (jen s JS) ---------- */
.js .odhal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.js .odhal.je-videt{opacity:1;transform:none}

/* ---------- menší obrazovky ---------- */
@media (max-width:1400px){
.hlavicka-in{gap:12px}
.nav-odkaz{padding:8px 9px;font-size:.95rem}
}
@media (max-width:1100px){
.hero-vyhody{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
.topbar-text-dlhy{display:none}
}
@media (max-width:1240px){
.nav-hlavni,.hlava-cta{display:none}
.nabidka-mobil{display:block}
.produkty-dlazdice{grid-template-columns:repeat(3,minmax(0,1fr))}
.produkt-nazev{min-height:2.4em}
.segmenty-in,.sluzby-in{grid-template-columns:1fr}
}
@media (max-width:900px){
.segmenty,.sluzby-kroky,.kroky,.najdete-mreza{grid-template-columns:1fr}
.kontakt-mreza,.poptavka-mreza{grid-template-columns:1fr}
.sekce-s-fotkou{grid-template-columns:1fr}
.sekce-foto{width:100%;max-width:560px;justify-self:center}
.paticka-sloupce{grid-template-columns:1fr}
.paticka-blok + .paticka-blok{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:24px}
.pas-hlava-obraz{width:min(38vw,200px)}
.topbar-text-dlhy{display:none}
}
@media (max-width:640px){
body{font-size:1rem}
.produkty-dlazdice{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hero-vyhody{grid-template-columns:1fr;gap:12px}
.topbar-email-text{display:none}
.topbar-in{flex-wrap:wrap;justify-content:center;padding-top:6px;padding-bottom:2px}
.topbar-odkaz.topbar-email{min-width:44px;justify-content:center}
.pole-radek{grid-template-columns:1fr}
.formular .btn{align-self:stretch}
.pas-hlava-in{flex-direction:column;align-items:flex-start}
.pas-hlava-obraz{width:min(60vw,220px);align-self:center}
.cta-pas .btn{width:100%}
.logo-obraz{height:46px}
.hlavicka-in{min-height:66px}
}
@media (max-width:420px){
.topbar-distributor .topbar-text{display:none}
.topbar-kontakt{gap:6px 10px}
.topbar-hotline .ikona,.topbar-odkaz:not(.topbar-email) .ikona{display:none}
.nabidka-mobil-text{display:none}
.nabidka-mobil summary{padding:8px 13px;min-width:46px;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
.js .odhal{opacity:1;transform:none}
}

/* č. 67: všetky texty na webe do bloku, nový text automaticky; posledný riadok a krátke texty ostávajú vľavo */
main p,main .podkat-perex,main .novinka-perex,main .hero-podpora li span{text-align:justify}
main .stitok,main .cta-pas p,main .chyba-404 p,main .rada-popis{text-align:left}

/* č. 67: dlhý názov v tlačidle na úzkom displeji nepreteká */
@media (max-width:480px){.chip{white-space:normal}}

/* č. 69: medzery podľa stránky Frekvenční měniče na celom webe okrem titulky */
body:not(.strana-uvod) .sekce{padding:clamp(22px,2.3vw,32px) 0}
body:not(.strana-uvod) .sekce.novinky-pas{padding-bottom:0}
body:not(.strana-uvod) .stranka-telo,body:not(.strana-uvod) .novinka-telo,body:not(.strana-uvod) .poptavka-mreza{padding-top:clamp(22px,2.3vw,32px);padding-bottom:0}
body:not(.strana-uvod) .sekce-obsah{margin-bottom:clamp(20px,2vw,28px)}
body:not(.strana-uvod) .stranka-telo > :last-child{margin-bottom:0}
body:not(.strana-uvod) .stranka-telo + .kontejner .cta-pas,body:not(.strana-uvod) .sekce + .kontejner .cta-pas,body:not(.strana-uvod) .novinka-telo + .kontejner .cta-pas{margin-top:clamp(20px,2vw,28px)}
body:not(.strana-uvod) main > .poptavka-mreza,body:not(.strana-uvod) article > .stranka-telo:last-child{padding-bottom:clamp(28px,3.3vw,45px)}

/* č. 93 (Maverick 6. 11. 2026): text ve všech oknech (dialog), i budoucích, a v rozbaleném upozornění do bloku; nadpisy vlevo.
   Slova se nedělí (č. 69), proto bez hyphens. */
dialog p,dialog li,.sw-text p{text-align:justify}
dialog .sw-nadpis,dialog .hint,.sw-text .sw-nadpis{text-align:left}

/* č. 98: dlaždice podkategorií jsou stejně vysoké i pod sebou na mobilu */
.podkat-mreza{grid-auto-rows:1fr}

/* č. 101: stránky segmentů – karty „Co pro vás máme“, doporučené produkty, kroky, další segmenty */
.seg-sekce{margin-top:clamp(36px,4.5vw,60px)}
.seg-karty{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.seg-karta{padding:24px 22px 20px;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:var(--radius);background:#fff;box-shadow:0 6px 18px rgba(15,30,44,.06)}
.seg-karta h3{font-size:1.15rem;color:var(--blue);margin:0 0 8px}
.seg-karta p{margin:0;color:var(--muted)}
.seg-dalsi{margin-bottom:0}
.seg-dalsi .podkat-nazev{font-family:"Archivo",sans-serif;font-weight:800}

/* č. 102 (Maverick 6. 11. 2026): v úzkých kartách s krátkým textem zarovnání vlevo (blok dělal velké mezery);
   do bloku jen okna (dialog, č. 93) a dlouhé souvislé odstavce v širokém sloupci. Nová karta: přidat sem. */
main .segmenty-podnadpis,main .karta p,main .segment p,main .podkat-perex,main .krok p,main .sluzba p,main .seg-karta p,main .rada-popis,main .novinka-perex,main .najdete-karta p,main .kontakt-karta p{text-align:left}
main .sw-text p{text-align:justify}
main .sw-text .sw-nadpis{text-align:left}  /* okno upozornění i rozbalené bez JS zůstává do bloku (č. 93) */
/* č. 105: segmenty – otázky v úvodu, seznam místo karet, další segmenty jedním řádkem */
.seg-otazky{text-align:left !important;font-size:1.15rem;font-weight:600;color:var(--blue);margin:0 0 6px}
.seg-seznam li span{text-align:left}
.seg-dalsi-radek{margin:clamp(24px,3vw,36px) 0 0;color:var(--muted);text-align:left}
.seg-dalsi-radek a{font-weight:600}
.krok-odkaz{color:var(--blue);text-decoration:underline;text-underline-offset:3px}  /* č. 106: krok 01 vede na formulář */
.krok-odkaz:hover{color:var(--blue-2)}
/* č. 107: široká fotka přes celou šířku stránky (Závlahové systémy); na mobilu vyšší výřez, aby bylo vidět pole i techniku */
.pas-foto{margin:clamp(24px,3vw,40px) 0 0}
.pas-foto img{display:block;width:100%;height:clamp(190px,25vw,340px);object-fit:cover;object-position:30% 42%;border-radius:var(--radius)}  /* č. 111: šířka obsahu, nižší, zaoblené rohy */
/* č. 108: segmenty – čtyři kroky stejně široké (na mobilu 2 × 2), menší dlaždice produktů jen s fotkou a názvem */
.kroky.kroky-ctyri{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}
.seg-produkty{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:900px;margin:0}
.seg-produkt{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:16px 14px 14px;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:var(--radius);background:#fff;box-shadow:0 6px 18px rgba(15,30,44,.06);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.seg-produkt:hover{transform:translateY(-4px);box-shadow:var(--stin);border-color:var(--blue-2)}
.seg-produkt-foto{display:block;width:100%}
.seg-produkt-foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.seg-produkt-nazev{font-family:"Archivo",sans-serif;font-weight:800;font-size:1.05rem;color:var(--blue);text-align:center;line-height:1.2}
@media (max-width:900px){.kroky.kroky-ctyri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.seg-produkty{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kroky.kroky-ctyri{gap:12px}.kroky-ctyri .krok{padding:16px 14px}.kroky-ctyri .krok-cislo{font-size:1.7rem}}
/* č. 118: segmenty na úvodu – nadpis nad dlaždicemi, tři dlaždice přes šířku obsahu, přibližně čtverce */
.segmenty-in{display:block}
.segmenty-hlava{margin-bottom:clamp(20px,2.5vw,32px)}
.segmenty-hlava .segmenty-nadpis{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;color:var(--blue);margin:0}
.segment{aspect-ratio:1/1}
@media (max-width:1200px){.segment{aspect-ratio:auto}}


/* č. 120 (Maverick 6. 11. 2026): slider nižší, aby byl po načtení vidět štítek i dvouřádkový nadpis; 400 px = lišta, hlavička, tečky, štítek a nadpis */
.hero-slidy{aspect-ratio:auto;height:clamp(220px,min(33.7vw,calc(100vh - 400px)),647px)}
@supports (height:100svh){.hero-slidy{height:clamp(220px,min(33.7vw,calc(100svh - 400px)),647px)}}
@media (max-width:640px){.hero-slidy{height:33.7vw}}

/* č. 121 (Maverick 6. 11. 2026): menší mezera nad výzvou „Popište nám…“ na úvodu, asi o třetinu */
.strana-uvod .segmenty-pas{padding-bottom:clamp(16px,1.8vw,26px)}

/* ===== č. 122 (Maverick 6. 11. 2026, od č. 124 schváleno pro celý web): větší hlavička a menu na všech stránkách; prvky úvodu (slider, nadpisy úvodu) dál jen na úvodu ===== */
.topbar{font-size:.92rem}
.topbar-in{min-height:48px}
.topbar-odznak{height:25px}
.hlavicka-in{min-height:96px;padding-top:12px;padding-bottom:12px}
.logo,.logo-obraz{min-height:68px;height:68px}
.nav-odkaz{font-size:1.06rem;padding:8px 13px}
.hlava-cta{font-size:1.08rem;min-height:52px;padding:12px 26px}
body.strana-uvod .hero-tecky{margin-top:0}
body.strana-uvod .hero-text{padding-top:clamp(10px,1.2vw,18px)}
body.strana-uvod .hero-stitok{margin-bottom:14px;padding-bottom:12px}
body.strana-uvod .hero-nadpis{font-size:clamp(1.9rem,2.8vw,2.5rem);margin-bottom:16px}
body.strana-uvod .sluzby-nadpis{font-size:clamp(1.6rem,2.4vw,2.1rem)}
body.strana-uvod .segmenty-hlava .segmenty-nadpis,body.strana-uvod .novinky-pas .nadpis-sekce{font-size:clamp(1.4rem,2vw,1.8rem)}
body.strana-uvod .cta-obsah h2{font-size:clamp(1.2rem,1.8vw,1.55rem)}
body.strana-uvod .hero-slidy{height:clamp(200px,min(33.7vw,calc(100vh - 430px)),647px)}
@supports (height:100svh){body.strana-uvod .hero-slidy{height:clamp(200px,min(33.7vw,calc(100svh - 430px)),647px)}}
@media (max-width:1400px){.nav-odkaz{font-size:1rem;padding:8px 10px}}
@media (max-width:640px){body.strana-uvod .hero-slidy{height:33.7vw}.logo,.logo-obraz{height:52px;min-height:52px}.hlavicka-in{min-height:72px}}
/* č. 142: zbalení do Nabídka až pod 1024 px (pravidla na konci souboru) */
/* č. 122 NÁVRH, doplněk (Maverick 6. 11.): menší svislé mezery mezi barevnými pásy na úvodu, asi o třetinu */
body.strana-uvod .hero-text{padding-bottom:clamp(24px,3.3vw,42px)}
body.strana-uvod .sluzby-pas{padding:clamp(30px,3.3vw,48px) 0}
body.strana-uvod .segmenty-pas{padding-top:clamp(32px,4vw,56px)}
body.strana-uvod .cta-pas{margin:clamp(28px,3.3vw,45px) 0}
body.strana-uvod .novinky-pas{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}
body.strana-uvod .paticka{padding-top:clamp(28px,3vw,42px)}

@media (max-width:1100px){
}

/* ===== č. 124 (Maverick 6. 11. 2026 „súhlasím, nasaď nové formáty textu na celý web“): nadpisy a mezery na všech stránkách v poměru jako na úvodu ===== */
.pas-hlava h1{font-size:clamp(1.9rem,3.6vw,2.9rem)}
.pas-hlava .perex{margin-top:12px}
.pas-hlava-in{padding-top:clamp(20px,2vw,30px);padding-bottom:clamp(20px,2vw,30px)}
.nadpis-sekce{font-size:clamp(1.4rem,2vw,1.8rem);margin-bottom:20px}
.sekce-obsah h2{font-size:clamp(1.25rem,1.8vw,1.5rem)}
.cta-obsah h2{font-size:clamp(1.2rem,1.8vw,1.55rem)}
.cta-pas{margin:clamp(28px,3.3vw,45px) 0}
.sekce-uzsi{padding:clamp(22px,2.3vw,32px) 0}
.podkat-pas{padding-top:clamp(20px,2.6vw,32px)}
.paticka{padding-top:clamp(28px,3vw,42px)}

/* č. 126 (Maverick 6. 11. 2026): úvod bez bloku užívateľov a bez štítku nad nadpisem; Služby v jednom řádku v nových proporcích */
body.strana-uvod .sluzby-nadpis{font-size:clamp(1.4rem,2vw,1.8rem)}
body.strana-uvod .sluzba h3{font-size:1.08rem}

/* č. 127 (Maverick 6. 11. 2026): nadpis Služby jako hlavní nadpis úvodu, texty v pásu Služby asi o 12 % větší */
body.strana-uvod .sluzby-nadpis{font-size:clamp(1.9rem,2.8vw,2.5rem);font-weight:800;line-height:1.04;letter-spacing:-.025em}
body.strana-uvod .sluzby-pas .stitok{font-size:.88rem}
body.strana-uvod .sluzba h3{font-size:1.22rem}
body.strana-uvod .sluzba p{font-size:1.1rem}
body.strana-uvod .sluzby-kroky{grid-auto-rows:1fr}
@media (max-width:900px){body.strana-uvod .sluzby-kroky{grid-auto-rows:auto}}  /* pod sebou podle obsahu */
/* č. 134: malá atmosférická fotka v aktualitě */
.novinka-foto-mala{max-width:420px;margin:18px 0}
.novinka-foto-mala img{display:block;width:100%;height:auto;border-radius:var(--radius)}
/* č. 135 (Maverick 6. 11. 2026): vyšší úvodní fotka na běžných obrazovkách, skoro plný poměr 1920/647; nadpis pod ní smí klesnout */
body.strana-uvod .hero-slidy{height:clamp(260px,min(33.7vw,calc(100vh - 300px)),647px)}
@supports (height:100svh){body.strana-uvod .hero-slidy{height:clamp(260px,min(33.7vw,calc(100svh - 300px)),647px)}}
@media (max-width:640px){body.strana-uvod .hero-slidy{height:33.7vw}}
/* č. 140: blok akcí na stránce Aktuality */
.novinky-ostatni-nadpis{margin-top:clamp(28px,3.3vw,44px)}

/* ===== č. 142 (Maverick 6. 11. 2026): menu rozepsané v jednom řádku až do 1024 px (notebooky se zvětšením 125–150 %), Nabídka jen pod 1024 px a na mobilu ===== */
@media (min-width:1024px){.nav-hlavni{display:block}.hlava-cta{display:inline-flex}.nabidka-mobil{display:none}}
@media (max-width:1023px){.nav-hlavni,.hlava-cta{display:none}.nabidka-mobil{display:block}}
@media (min-width:1024px) and (max-width:1290px){
.hlavicka-in{gap:10px;min-height:84px;padding-top:10px;padding-bottom:10px}
.logo,.logo-obraz{height:56px;min-height:56px}
.nav-seznam{gap:0}
.nav-odkaz{font-size:.95rem;padding:8px 8px}
.hlava-cta{font-size:.98rem;min-height:46px;padding:10px 16px;margin-left:4px}
}
@media (min-width:1024px) and (max-width:1180px){
.hlavicka-in{gap:6px}
.logo,.logo-obraz{height:46px;min-height:46px}
.nav-odkaz{font-size:.88rem;padding:7px 6px}
.hlava-cta{font-size:.9rem;min-height:42px;padding:8px 12px}
.topbar-text-dlhy{display:none}
}
@media (min-width:1024px) and (max-width:1090px){
.logo,.logo-obraz{height:40px;min-height:40px}
.nav-odkaz{font-size:.84rem;padding:6px 5px}
.hlava-cta{padding:8px 10px}
}

/* č. 156: lišta souhlasu s cookies (jen při vyplněném ga4_id) – nenápadná dole, rovnocenná tlačítka */
.souhlas{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--tma);color:var(--on-tma);border-top:3px solid var(--blue-2);box-shadow:0 -8px 30px rgba(15,30,44,.25)}
.souhlas[hidden]{display:none}
.souhlas-obsah{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:14px;padding-bottom:14px}
.souhlas-text{flex:1 1 420px;margin:0;font-size:.95rem;line-height:1.5;text-align:justify;hyphens:auto}
.souhlas-text a{color:#fff}
.souhlas-tlacitka{display:flex;gap:12px;flex:0 0 auto}
.souhlas-volba{width:auto;min-width:140px;background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.souhlas-volba:hover,.souhlas-volba:focus-visible{background:#fff;color:var(--ink)}
.paticka-cookies{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:1.02rem;text-decoration:none;cursor:pointer}
@media (max-width:640px){.souhlas-tlacitka{width:100%}.souhlas-volba{flex:1 1 0;min-width:0}}