/* Odpovio — Home: media queries, keyframes, SVG (mimo Bricks třídy) */
@keyframes odp-kresli{to{stroke-dashoffset:0}}
@keyframes odp-msg{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}
@keyframes odp-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-.4rem);opacity:1}}
@keyframes odp-blik{50%{opacity:0}}
@keyframes odp-beh{to{transform:translateX(-50%)}}
@keyframes odp-cit{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}
.odp-napis__sipka{width:8rem;height:6rem;color:var(--primary-l-1);flex-shrink:0}
.odp-napis__sipka path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:odp-kresli 1.2s 1.4s cubic-bezier(.22,1,.36,1) forwards}
.odp-napis__sipka{order:1;align-self:flex-end}
.odp-napis__sipka path{animation-delay:2.2s}

@media (prefers-reduced-motion:reduce){html .odp-napis__sipka.odp-napis__sipka path{animation:none;stroke-dashoffset:0}}

@media (min-width:1200px){html .odp-platformy__seznam.odp-platformy__seznam{justify-content:space-between}}

@media (prefers-reduced-motion:reduce){html .odp-citace__text.odp-citace__text,html .odp-citace__autor.odp-citace__autor,html .odp-citace__cisla.odp-citace__cisla{animation:none}}

@media (min-width:993px){html .odp-tarif--top.odp-tarif--top{transform:translateY(-1.2rem)}html .odp-tarif--top.odp-tarif--top:hover{transform:translateY(-1.6rem)}}

@media (prefers-reduced-motion:reduce){html .odp-hero__nadpis .odp-hero__zvyraz.je-pryc,html .odp-hero__nadpis .odp-hero__zvyraz.je-nove{transform:none}}
@media (prefers-reduced-motion:reduce){html .odp-hero__nadpis .odp-hero__zvyraz.je-rotace::after{animation:none}}
/* Bricks skip-link: robustní visually-hidden (Bricks spoléhá jen na clip v @layer) */
html .skip-link:not(:focus){position:fixed;left:-999rem;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:0;overflow:hidden;white-space:nowrap;border:0;background:transparent}
/* Šipkový odkaz (samostatné textové odkazy): <a class="odp-sipka"> nebo _cssClasses na text-link */
html a.odp-sipka.odp-sipka{display:inline-flex;align-items:center;gap:.5em;font-weight:600;color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
html a.odp-sipka.odp-sipka::after{content:"";flex:none;width:2.2rem;height:1.1rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h21M17 1l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h21M17 1l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-fast) var(--ease-out)}
html a.odp-sipka.odp-sipka:hover{color:var(--primary)}
html a.odp-sipka.odp-sipka:hover::after{transform:translateX(.35em)}
html .odp-bezpeci a.odp-sipka.odp-sipka:hover,html .odp-cta a.odp-sipka.odp-sipka:hover{color:var(--light)}
@media (prefers-reduced-motion:reduce){html a.odp-sipka.odp-sipka:hover::after{transform:none}}
/* header/footer */
@media (max-width:767px){html .odp-pp__slider.splide .splide__arrow--prev{left:-1.2rem}html .odp-pp__slider.splide .splide__arrow--next{right:-1.2rem}}

/* Ceník: srovnávací tabulka na mobilu */
@media (max-width:768px){html .odp-srov__obal.odp-srov__obal th,html .odp-srov__obal.odp-srov__obal td{padding:var(--space-2xs) var(--space-xs)}html .odp-srov__obal.odp-srov__obal th[scope="row"],html .odp-srov__obal.odp-srov__obal thead th:first-child{min-width:18rem}html .odp-srov__obal.odp-srov__obal table{min-width:64rem}}

/* Blog: detail článku */
@media (max-width:991px){html .odp-clanek__grid.odp-clanek__grid{grid-template-columns:1fr}html .odp-bok.odp-bok{position:static}html .odp-obsah__seznam.odp-obsah__seznam{display:none}html .odp-obsah.je-otevreny .odp-obsah__seznam{display:flex}html .odp-obsah__hlava.odp-obsah__hlava{cursor:pointer}html .odp-obsah__hlava.odp-obsah__hlava::after{content:"+";color:var(--primary);font-size:var(--text-l);line-height:1}html .odp-obsah.je-otevreny .odp-obsah__hlava::after{content:"\2013"}html .odp-souvis__grid.odp-souvis__grid{grid-template-columns:1fr;max-width:52rem}}
@media (max-width:640px){html .odp-text .odp-cta-box{grid-template-columns:1fr}html .odp-text .odp-box__text{max-width:none}html .odp-text .odp-vyhody{grid-template-columns:1fr}html .odp-autor-blok.odp-autor-blok{grid-template-columns:8rem minmax(0,1fr)}html .odp-autor-blok.odp-autor-blok .odp-sdileni{grid-column:1/-1}}
@keyframes odp-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-.4rem);opacity:1}}
@media (prefers-reduced-motion:reduce){html .odp-text .odp-bublina--typing span{animation:none}}

/* Blog: archiv */
@media (max-width:991px){html .odp-blog-hero__grid.odp-blog-hero__grid{grid-template-columns:1fr;gap:var(--space-m)}html .odp-featured.odp-featured{grid-template-columns:1fr}html .odp-featured__telo.odp-featured__telo{padding:0 var(--space-2xs) var(--space-2xs)}html .odp-blog-grid.odp-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){html .odp-newsletter.odp-newsletter{grid-template-columns:1fr;padding:var(--space-m)}html .odp-mail.odp-mail{transform:none;margin-top:var(--space-s)}}
@media (max-width:560px){html .odp-blog-grid.odp-blog-grid{grid-template-columns:1fr}html .odp-blog-grid > .odp-karta:nth-child(n+5){order:0}html .odp-blog-grid > .odp-karta--cta.odp-karta--cta{order:2}}

/* Případovka: detail */
@keyframes odp-kresli{to{stroke-dashoffset:0}}
@media (max-width:1200px){html .odp-pd-napis.odp-pd-napis{display:none}}
@media (max-width:991px){html .odp-pd-hero__grid.odp-pd-hero__grid{grid-template-columns:1fr;gap:var(--space-xl)}html .odp-scena.odp-scena{padding-right:0;max-width:56rem;margin-inline:auto;width:100%}html .odp-plan__box.odp-plan__box{grid-template-columns:1fr;padding:var(--space-m)}html .odp-mrizka.odp-mrizka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){html .odp-cesta.odp-cesta{grid-template-columns:1fr;gap:var(--space-l)}html .odp-cesta.odp-cesta::before{display:none}html .odp-cesta__napis.odp-cesta__napis{display:none}html .odp-dalsi__grid.odp-dalsi__grid{grid-template-columns:1fr}}
@media (max-width:560px){html .odp-mrizka.odp-mrizka{grid-template-columns:1fr}html .odp-plan__limity.odp-plan__limity{grid-template-columns:1fr}}
@media (max-width:480px){html .odp-cisla.odp-cisla{grid-template-columns:1fr 1fr}html .odp-pd-karta.odp-pd-karta{grid-template-columns:minmax(0,1fr) auto}html .odp-pd-karta__logo.odp-pd-karta__logo{display:none}}
@media (prefers-reduced-motion:reduce){html .odp-pd-napis__sipka path{animation:none;stroke-dashoffset:0}}

/* Případovky: archiv */
@media (max-width:991px){html .odp-pa-hero__grid.odp-pa-hero__grid{grid-template-columns:1fr;gap:var(--space-m)}html .odp-benefity.odp-benefity{padding:var(--space-l) 0 0}html .odp-benefity .odp-pa-napis{display:none}html .odp-pa-vypis__grid.odp-pa-vypis__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1200px){html .odp-prazdny.odp-prazdny{grid-template-columns:1fr 1fr}html .odp-prazdny__vyzva.odp-prazdny__vyzva{grid-column:1/-1}}
@media (max-width:768px){html .odp-prazdny.odp-prazdny{grid-template-columns:1fr;padding:var(--space-m)}html .odp-prazdny__vyzva.odp-prazdny__vyzva{padding-right:0}html .odp-prazdny .odp-pa-napis{display:none}}
@media (max-width:560px){html .odp-pa-vypis__grid.odp-pa-vypis__grid{grid-template-columns:1fr}}
@media (max-width:480px){html .odp-benefity.odp-benefity{grid-template-columns:1fr}html .odp-benefity > .odp-benefit:nth-child(2),html .odp-benefity > .odp-benefit:nth-child(3){transform:none}}

/* Dokumentace: archiv */
@media (max-width:1400px){html .odp-kategorie.odp-kategorie{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1200px){html .odp-doc__grid.odp-doc__grid{grid-template-columns:22rem minmax(0,1fr)}html .odp-doc__bok.odp-doc__bok{grid-column:2;position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr))}}
@media (max-width:991px){html .odp-doc__grid.odp-doc__grid{grid-template-columns:1fr}html .odp-doc__bok.odp-doc__bok{grid-column:1}html .odp-doc__nav.odp-doc__nav{position:static;border-right:0;padding-right:0;border-bottom:1px solid var(--border-primary);padding-bottom:var(--space-s)}}
@media (max-width:640px){html .odp-nove__radek.odp-nove__radek{grid-template-columns:auto minmax(0,1fr) auto}html .odp-nove__radek > .odp-nove__datum,html .odp-nove__radek > .brxe-text-basic:has(.odp-stitek){display:none}}
@media (max-width:560px){html .odp-kategorie.odp-kategorie{grid-template-columns:1fr}}

/* Dokumentace: detail návodu */
@media (max-width:560px){html .odp-nv-krok.odp-nv-krok{grid-template-columns:minmax(0,1fr)}html .odp-nv-krok.odp-nv-krok:not(:last-child)::after{display:none}html .odp-nv-krok__check.odp-nv-krok__check{display:none}html .odp-nv-krok--hotovo .odp-nv-krok__telo{grid-column:1}}
@media (max-width:480px){html .odp-nv-dalsi.odp-nv-dalsi{grid-template-columns:minmax(0,1fr)}html .odp-nv-dalsi__odkaz--dalsi.odp-nv-dalsi__odkaz--dalsi{grid-column:auto}html .odp-nv-dalsi__odkaz.odp-nv-dalsi__odkaz{padding:1.2rem}}

/* Srovnání: detail */
@media (max-width:1200px){html .odp-sr__hero.odp-sr__hero{padding-right:0}html .odp-sr-napis.odp-sr-napis{display:none}}
@media (max-width:991px){html .odp-sr__grid.odp-sr__grid{grid-template-columns:minmax(0,1fr)}html .odp-sr__nav.odp-sr__nav{position:static;border-right:0;padding-right:0;border-bottom:1px solid var(--border-primary);padding-bottom:var(--space-s)}html .odp-sr-faq-grid.odp-sr-faq-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){html .odp-sr-produkty.odp-sr-produkty,html .odp-sr-shrnuti.odp-sr-shrnuti,html .odp-sr-temata__grid.odp-sr-temata__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){html .odp-sr-dalsi.odp-sr-dalsi{grid-template-columns:minmax(0,1fr)}}

/* Srovnání: archiv */
@media (max-width:1200px){html .odp-sra__hero.odp-sra__hero{padding-right:0}html .odp-sra-srovnani.odp-sra-srovnani{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991px){html .odp-sra-faq-grid.odp-sra-faq-grid{grid-template-columns:minmax(0,1fr)}html .odp-sra-pas.odp-sra-pas{grid-template-columns:auto minmax(0,1fr)}html .odp-sra-pas__akce.odp-sra-pas__akce{grid-column:1/-1}}
@media (max-width:640px){html .odp-sra-srovnani.odp-sra-srovnani{grid-template-columns:minmax(0,1fr)}html .odp-sra-vyber__napis.odp-sra-vyber__napis{display:none}}
@media (max-width:480px){html .odp-sra-vyber__akce.odp-sra-vyber__akce{grid-template-columns:minmax(0,1fr)}html .odp-sra-pas.odp-sra-pas{grid-template-columns:minmax(0,1fr)}}

/* Servisní stránky: Kontakt, Děkujeme, textové stránky */
@media (max-width:900px){html .odp-st-kontakt__grid.odp-st-kontakt__grid{grid-template-columns:minmax(0,1fr)}html .odp-st-odkazy__grid.odp-st-odkazy__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){html .odp-st-form.odp-st-form{grid-template-columns:minmax(0,1fr)}html .odp-st-form .form-group.form-group{grid-column:1 / -1}html .odp-st-karta.odp-st-karta{padding:var(--space-s)}}

/* Jak to funguje */
@media (max-width:991px){html .odp-jtf-platformy__grid.odp-jtf-platformy__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){html .odp-jtf-kroky__grid.odp-jtf-kroky__grid,html .odp-jtf-ukazka__grid.odp-jtf-ukazka__grid,html .odp-jtf-hranice__grid.odp-jtf-hranice__grid{grid-template-columns:minmax(0,1fr)}html .odp-jtf-tok.odp-jtf-tok{flex-direction:column;row-gap:2.8rem}html .odp-jtf-tok li{flex:0 0 auto}html .odp-jtf-tok li:not(:last-child)::after{content:"\2193";right:auto;left:50%;top:auto;bottom:-2.6rem;transform:translateX(-50%)}html .odp-jtf-tok--vetev li:nth-last-child(2)::after{content:"nebo";right:auto}}
@media (max-width:480px){html .odp-jtf-platformy__grid.odp-jtf-platformy__grid{grid-template-columns:minmax(0,1fr)}html .odp-jtf-krok.odp-jtf-krok,html .odp-jtf-chat.odp-jtf-chat,html .odp-jtf-sloupec.odp-jtf-sloupec,html .odp-jtf-trasa.odp-jtf-trasa{padding:var(--space-s)}}

/* Obsahové stránky (LP, Řešení, Funkce, Chat na web, O nás) */
@media (max-width:991px){html .odp-lp-grid.odp-lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){html .odp-lp-grid.odp-lp-grid{grid-template-columns:minmax(0,1fr)}html .odp-lp-karta.odp-lp-karta{padding:var(--space-s)}}

/* Knihovna sekcí (odp-kn-*) — 2026-09-22 */
@media (max-width:991px){html .odp-kn-karta--velka.odp-kn-karta--velka{grid-row:auto}}
@media (max-width:767px){html .odp-kn-faq-2 .brxe-accordion-nested{grid-template-columns:1fr}}
@media (max-width:478px){html .odp-kn-karta--velka.odp-kn-karta--velka,html .odp-kn-karta--siroka.odp-kn-karta--siroka{grid-column:auto}}

/* Tmavé hero podstránek (odp-cenik: Ceník, Jak to funguje) – místo pod fixní hlavičkou (hlavička 59–102 px, padding sekce 34–73 px) */
#brx-content > .odp-cenik:first-child > .brxe-container.odp-uvod{padding-top:5rem}