/* /Components/Layout/MobilniLista.razor.rz.scp.css */
/* === Spodní lišta pro mobil ===
   Matné sklo jako hlavička (rodinný standard): plocha 80 % + blur 16 px
   a saturace 1,3. Ukazuje se do 768 px; nad tím je jak lišta, tak rozpěrka
   schovaná, takže na desktopu neexistuje a nic neposouvá.
   z-index 90 = pod lepivou hlavičkou (100) a pod lightboxem (200). */
.mobilni-lista[b-w6ut64d8fo] {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    gap: .6rem;
    padding: .6rem .8rem;
    /* Gesta a zaoblení displejů: obsah nesmí končit pod domovským proužkem. */
    padding-bottom: calc(.6rem + env(safe-area-inset-bottom, 0px));
    background: color-mix(in srgb, var(--barva-podklad) 80%, transparent);
    backdrop-filter: blur(16px) saturate(1.3);
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    border-top: 1px solid color-mix(in srgb, var(--barva-linka) 60%, transparent);
    box-shadow: 0 -2px 4px rgba(13, 82, 56, .05), 0 -10px 22px rgba(13, 82, 56, .08);
}

/* Bez podpory backdrop-filter spadneme na plnou plochu (stejně jako hlavička). */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .mobilni-lista[b-w6ut64d8fo] {
        background: var(--barva-podklad);
    }
}

/* Rozpěrka pod patičkou: lišta je fixed, takže by jinak překryla poslední řádek
   patičky (IČO a adresu). Výška se drží té skutečné, včetně bezpečné zóny. */
.mobilni-lista-rozpera[b-w6ut64d8fo] {
    display: none;
    height: calc(64px + env(safe-area-inset-bottom, 0px));
}

.mobilni-lista-akce[b-w6ut64d8fo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    flex: 1;
    /* Dotykový cíl s rezervou – palcem se sem musí trefit i za jízdy v autě. */
    min-height: 52px;
    padding: .55rem .7rem;
    border-radius: var(--radius-s);
    font-size: .98rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    line-height: 1.2;
}

.mobilni-lista-telefon[b-w6ut64d8fo] {
    color: var(--barva-primarni-tmava);
    background: #fff;
    border: 1.5px solid var(--barva-linka-vyrazna);
}

.mobilni-lista-poptavka[b-w6ut64d8fo] {
    color: #fff;
    background: var(--barva-primarni);
    border: 1.5px solid var(--barva-primarni);
    box-shadow: var(--stin-tlacitko);
}

/* Ikony vykresluje komponenta Ikona – vlastní scope, proto ::deep. */
.mobilni-lista-akce[b-w6ut64d8fo]  svg {
    flex: none;
}

@media (max-width: 768px) {
    .mobilni-lista[b-w6ut64d8fo] {
        display: flex;
    }

    .mobilni-lista-rozpera[b-w6ut64d8fo] {
        display: block;
    }
}

/* Na hodně nízkých displejích na šířku by lišta ukusovala příliš obsahu. */
@media (max-height: 420px) {
    .mobilni-lista[b-w6ut64d8fo],
    .mobilni-lista-rozpera[b-w6ut64d8fo] {
        display: none;
    }
}
/* /Components/Layout/Navigace.razor.rz.scp.css */
/* === Lepivá hlavička ===
   Matné sklo podle rodinného standardu (25. 7.): plocha na 80 % + blur 16 px
   a saturace 1,3 – obsah pod lištou při scrollu decentně prosvítá rozmazaný.
   Okraj je průsvitný (60 %), aby lišta nekončila tvrdou čárou.
   z-index 100 drží lištu nad veškerým obsahem stránky; lightbox má 200,
   takže se otevře NAD hlavičkou (to je záměr). */
.hlavicka[b-u6srlfw3mb] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: color-mix(in srgb, var(--barva-podklad) 80%, transparent);
    backdrop-filter: blur(16px) saturate(1.3);
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    border-bottom: 1px solid color-mix(in srgb, var(--barva-linka) 60%, transparent);
    transition: box-shadow var(--prechod), background var(--prechod), border-color var(--prechod);
}

/* Bez podpory backdrop-filter (starší prohlížeče) spadneme na plnou plochu. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .hlavicka[b-u6srlfw3mb] {
        background: var(--barva-podklad);
    }
}

.hlavicka-vnitrek[b-u6srlfw3mb] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-height: var(--vyska-hlavicky);
    transition: min-height .25s ease;
}

/* Zúžení po odscrollování – třídu nasazuje js/web.js.
   Nahoře je sklo průsvitnější, po odscrollování o něco krycí + stín (elevace M),
   ať je lišta zřetelně nad obsahem. */
.hlavicka.je-zmensena[b-u6srlfw3mb] {
    background: color-mix(in srgb, var(--barva-podklad) 90%, transparent);
    border-bottom-color: var(--barva-linka);
    box-shadow: var(--stin-m);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .hlavicka.je-zmensena[b-u6srlfw3mb] {
        background: var(--barva-podklad);
    }
}

.hlavicka.je-zmensena .hlavicka-vnitrek[b-u6srlfw3mb] {
    min-height: 62px;
}

.znacka[b-u6srlfw3mb] {
    flex: none;
    display: block;
    line-height: 0;
}

.znacka img[b-u6srlfw3mb] {
    width: auto;
    height: 40px;
    transition: height .25s ease;
}

.hlavicka.je-zmensena .znacka img[b-u6srlfw3mb] {
    height: 33px;
}

/* === Menu === */
.menu[b-u6srlfw3mb] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.menu-seznam[b-u6srlfw3mb] {
    display: flex;
    align-items: center;
    gap: .25rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ::deep zůstává kvůli obsahu vykreslenému podřízenými komponentami (ikony ap.) */
.menu-seznam[b-u6srlfw3mb]  .menu-odkaz {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .55rem .7rem;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 500;
    color: var(--barva-text);
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    transition: color .18s ease, background .18s ease;
}

.menu-seznam[b-u6srlfw3mb]  .menu-odkaz:hover,
.menu-seznam[b-u6srlfw3mb]  .menu-odkaz:focus-visible {
    color: var(--barva-primarni);
    background: var(--barva-primarni-tint);
}

/* Aktivní položka = tonální zelená pilulka (rodinný vzor state layer ~13 %).
   Popisek je tmavší odstín – na pilulce má 7,9:1 (základní zelená by dala jen 4,46:1). */
.menu-seznam[b-u6srlfw3mb]  .menu-odkaz.je-aktivni {
    color: var(--barva-primarni-tmava);
    font-weight: 650;
    background: color-mix(in srgb, var(--barva-primarni) 13%, transparent);
}

/* === Podmenu === */
.menu-rozbal[b-u6srlfw3mb] {
    position: relative;
}

.podmenu[b-u6srlfw3mb] {
    position: absolute;
    top: calc(100% + .4rem);
    left: 0;
    min-width: 250px;
    list-style: none;
    margin: 0;
    padding: .4rem;
    background: #fff;
    border: 1px solid var(--barva-linka);
    border-radius: var(--radius-s);
    box-shadow: var(--stin-l);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.menu-rozbal:hover .podmenu[b-u6srlfw3mb],
.menu-rozbal:focus-within .podmenu[b-u6srlfw3mb],
.menu-rozbal.je-otevrene .podmenu[b-u6srlfw3mb] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu-rozbal.je-otevrene .menu-rozbal-tlacitko svg[b-u6srlfw3mb] {
    transform: rotate(180deg);
}

.menu-rozbal-tlacitko svg[b-u6srlfw3mb] {
    transition: transform .2s ease;
}

.podmenu-odkaz[b-u6srlfw3mb] {
    display: block;
    padding: .6rem .7rem;
    border-radius: 8px;
    font-size: .93rem;
    color: var(--barva-text);
    text-decoration: none;
    transition: background .16s ease, color .16s ease;
}

.podmenu-odkaz:hover[b-u6srlfw3mb],
.podmenu-odkaz:focus-visible[b-u6srlfw3mb] {
    background: var(--barva-primarni-tint);
    color: var(--barva-primarni);
}

/* === Pravá část: telefon + CTA === */
.menu-akce[b-u6srlfw3mb] {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex: none;
}

.telefon-odkaz[b-u6srlfw3mb] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-weight: 700;
    font-size: .95rem;
    color: var(--barva-primarni);
    text-decoration: none;
    white-space: nowrap;
}

.telefon-odkaz[b-u6srlfw3mb] {
    transition: color var(--prechod-rychly);
}

.telefon-odkaz:hover[b-u6srlfw3mb] {
    color: var(--barva-primarni-tmava);
}

/* === Vstup do administrace ===
   Jen tlumená ikonka klíče – zákazníky nemá co lákat, majiteli stačí,
   že ji ví najít. Na desktopu bez textu (jméno nese aria-label). */
.sprava-odkaz[b-u6srlfw3mb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 34px;
    min-height: 34px;
    color: var(--barva-text-tlumeny);
    text-decoration: none;
    border-radius: 10px;
    transition: color var(--prechod-rychly), background var(--prechod-rychly);
}

.sprava-odkaz:hover[b-u6srlfw3mb] {
    color: var(--barva-primarni-tmava);
    background: var(--barva-primarni-tint);
}

.sprava-odkaz-text[b-u6srlfw3mb] {
    display: none;
}

/* === Telefon přímo v liště (jen mobil) ===
   U řemesla je „zavolat" nejsilnější akce, takže na úzkých displejích nesmí být
   schovaná až v rozbaleném menu. Plocha 44 × 44 px = pohodlný cíl pro palec.
   Sklo lišty zůstává nedotčené – tlačítko má jen obrys, žádné vlastní pozadí. */
.telefon-lista[b-u6srlfw3mb] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    color: var(--barva-primarni);
    border: 1px solid var(--barva-linka);
    border-radius: 10px;
    text-decoration: none;
    transition: background var(--prechod-rychly), border-color var(--prechod-rychly), color var(--prechod-rychly);
}

@media (hover: hover) and (pointer: fine) {
    .telefon-lista:hover[b-u6srlfw3mb] {
        background: var(--barva-primarni-tint);
        border-color: var(--barva-linka-vyrazna);
        color: var(--barva-primarni-tmava);
    }
}

/* === Hamburger === */
.hamburger[b-u6srlfw3mb] {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 0 10px;
    background: none;
    border: 1px solid var(--barva-linka);
    border-radius: 10px;
    cursor: pointer;
    transition: background var(--prechod-rychly), border-color var(--prechod-rychly);
}

@media (hover: hover) and (pointer: fine) {
    .hamburger:hover[b-u6srlfw3mb] {
        background: var(--barva-primarni-tint);
        border-color: var(--barva-linka-vyrazna);
    }
}

.hamburger span[b-u6srlfw3mb] {
    display: block;
    height: 2px;
    background: var(--barva-text);
    border-radius: 2px;
    transition: transform .22s ease, opacity .18s ease;
}

.hamburger[aria-expanded="true"] span:nth-child(1)[b-u6srlfw3mb] {
    transform: translateY(7px) rotate(45deg);
}

.hamburger[aria-expanded="true"] span:nth-child(2)[b-u6srlfw3mb] {
    opacity: 0;
}

.hamburger[aria-expanded="true"] span:nth-child(3)[b-u6srlfw3mb] {
    transform: translateY(-7px) rotate(-45deg);
}

/* === Mobil === */
@media (max-width: 1080px) {
    .telefon-lista[b-u6srlfw3mb] {
        display: inline-flex;
    }

    .hamburger[b-u6srlfw3mb] {
        display: flex;
        /* Telefon vedle hamburgeru – odsazení místo dalšího `margin-left: auto`. */
        margin-left: .5rem;
    }

    .menu[b-u6srlfw3mb] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 1rem 1.25rem 1.5rem;
        /* POZOR: rozbalený panel schválně NENÍ sklo.
           .menu je potomek .hlavicka a ta má backdrop-filter – tím se stává
           „backdrop rootem", takže vnořený backdrop-filter nemá co rozmazávat
           (filtr se sice spočítá, ale vidí prázdno). Zůstala by jen průsvitnost
           a přes menu by ostře prosvítal hero i s nadpisem – nečitelné.
           Sklo tu tedy nechceme, panel je plný; skleněná zůstává lišta nad ním. */
        background: var(--barva-podklad);
        border-bottom: 1px solid var(--barva-linka);
        box-shadow: var(--stin-l);
        max-height: calc(100dvh - var(--vyska-hlavicky));
        overflow-y: auto;
        display: none;
    }

    .menu.je-otevrene[b-u6srlfw3mb] {
        display: flex;
        animation: rozbal-menu-b-u6srlfw3mb .22s ease;
    }

    @keyframes rozbal-menu-b-u6srlfw3mb {
        from {
            opacity: 0;
            transform: translateY(-8px);
        }
    }

    .menu-seznam[b-u6srlfw3mb] {
        flex-direction: column;
        align-items: stretch;
        gap: .1rem;
    }

    .menu-seznam[b-u6srlfw3mb]  .menu-odkaz {
        width: 100%;
        justify-content: space-between;
        padding: .8rem .6rem;
        font-size: 1.05rem;
        border-bottom: 1px solid var(--barva-linka);
        border-radius: 0;
    }

    .podmenu[b-u6srlfw3mb] {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: 0;
        border-left: 2px solid var(--barva-akcent-tmava);
        border-radius: 0;
        margin: .2rem 0 .4rem .6rem;
        display: none;
    }

    .menu-rozbal.je-otevrene .podmenu[b-u6srlfw3mb] {
        display: block;
    }

    .menu-akce[b-u6srlfw3mb] {
        flex-direction: column;
        align-items: stretch;
        gap: .6rem;
        padding-top: .4rem;
    }

    .telefon-odkaz[b-u6srlfw3mb] {
        justify-content: center;
        padding: .6rem;
        font-size: 1.1rem;
    }

    .menu-akce .tlacitko[b-u6srlfw3mb] {
        justify-content: center;
    }

    /* V rozbaleném mobilním menu má vstup do administrace i text
       a plnou dotykovou výšku – samotná ikonka by se špatně trefovala. */
    .sprava-odkaz[b-u6srlfw3mb] {
        justify-content: center;
        min-height: 44px;
        font-size: .95rem;
        font-weight: 600;
    }

    .sprava-odkaz-text[b-u6srlfw3mb] {
        display: inline;
    }
}

/* Pohyb v hlavičce (rozjezd menu, výjezd podmenu, zmenšení lišty) vypnout. */
@media (prefers-reduced-motion: reduce) {
    .hlavicka[b-u6srlfw3mb],
    .hlavicka-vnitrek[b-u6srlfw3mb],
    .znacka img[b-u6srlfw3mb],
    .podmenu[b-u6srlfw3mb],
    .menu-rozbal-tlacitko svg[b-u6srlfw3mb] {
        transition: none;
    }

    .menu.je-otevrene[b-u6srlfw3mb] {
        animation: none;
    }
}
/* /Components/Layout/Paticka.razor.rz.scp.css */
.paticka[b-n6erl3t6pi] {
    margin-top: auto;
    padding: clamp(2.5rem, 5vw, 4rem) 0 1.5rem;
    background: linear-gradient(160deg, var(--barva-primarni-tmava), var(--barva-primarni-hlubka) 70%);
    color: rgba(255, 255, 255, .82);
    font-size: .95rem;
}

.paticka-mrizka[b-n6erl3t6pi] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 3rem);
}

.paticka-znacka img[b-n6erl3t6pi] {
    width: auto;
    height: 42px;
    margin-bottom: 1rem;
}

.paticka-znacka p[b-n6erl3t6pi] {
    margin: 0 0 .75rem;
    max-width: 34ch;
    line-height: 1.65;
}

.paticka-znacky[b-n6erl3t6pi] {
    font-size: .85rem;
    letter-spacing: .04em;
    color: var(--barva-akcent-svetla);
    text-transform: uppercase;
}

.paticka-nadpis[b-n6erl3t6pi] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 650;
    letter-spacing: .02em;
    color: #fff;
}

.paticka-seznam[b-n6erl3t6pi] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* Mezera je menší než dřív (.7rem), protože samotné odkazy teď mají
       dotykovou plochu 44 px – jinak by patička zbytečně narostla. */
    gap: .25rem;
}

.paticka-seznam li[b-n6erl3t6pi] {
    display: flex;
    align-items: center;
    gap: .55rem;
    line-height: 1.5;
}

/* Dotykové cíle: odkazy v patičce měly na výšku jen ~23 px, což se na mobilu
   trefuje mizerně. Zvětšujeme PLOCHU (padding + min-height), ne písmo. */
.paticka-seznam a[b-n6erl3t6pi] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-block: .35rem;
}

/* ::deep – ikona je vykreslená v podřízené komponentě Ikona.razor */
.paticka-seznam[b-n6erl3t6pi]  .ikona {
    flex: none;
    color: var(--barva-akcent-svetla);
}

.paticka a[b-n6erl3t6pi] {
    color: rgba(255, 255, 255, .86);
    text-decoration: none;
    transition: color .16s ease;
}

.paticka a:hover[b-n6erl3t6pi],
.paticka a:focus-visible[b-n6erl3t6pi] {
    color: #fff;
    text-decoration: underline;
}

.paticka-odkazy[b-n6erl3t6pi] {
    gap: 0;
}

.paticka-cta[b-n6erl3t6pi] {
    margin-top: 1.25rem;
    min-height: 44px;
}

/* Pravidlo `.paticka a` výš přebíjí barvu popisku v akcentovém tlačítku
   (specificita 0,1,1 vs 0,1,0) – text by zůstal skoro bílý na světle modré
   a spadl na 2,4:1. Vracíme tmavý popisek z tokenu (4,99:1). */
.paticka a.tlacitko-akcent[b-n6erl3t6pi] {
    color: var(--barva-akcent-text);
}

.paticka a.tlacitko-akcent:hover[b-n6erl3t6pi],
.paticka a.tlacitko-akcent:focus-visible[b-n6erl3t6pi] {
    color: #fff;
}

.paticka-cta:hover[b-n6erl3t6pi] {
    text-decoration: none;
}

.paticka-spodek[b-n6erl3t6pi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .5rem;
    margin-top: clamp(2rem, 4vw, 3rem);
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, .14);
    font-size: .85rem;
    color: rgba(255, 255, 255, .62);
}

.paticka-spodek p[b-n6erl3t6pi] {
    margin: 0;
}

/* I odkaz na GDPR je dotykový cíl – text má jen 16 px, plochu doděláme výplní. */
.paticka-spodek a[b-n6erl3t6pi] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

/* Právní odkazy (podmínky + nastavení cookies) vedle sebe, na mobilu pod sebou.
   Mezera je velkorysá schválně: dva dotykové cíle vedle sebe se jinak pletou. */
.paticka-pravni[b-n6erl3t6pi] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.4rem;
}

@media (max-width: 900px) {
    .paticka-mrizka[b-n6erl3t6pi] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .paticka-mrizka[b-n6erl3t6pi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/SpravaLayout.razor.rz.scp.css */
/* =====================================================================
   Administrace – vlastní skořápka.
   Používá tokeny z app.css (barvy, stíny, rádiusy), ale plocha je záměrně
   neutrální a hutnější než veřejný web: tady se pracuje se seznamy, ne
   prodává. Odsud se stylují i vnořené stránky (::deep), aby se nemusel
   pro každou zakládat vlastní soubor.
   ===================================================================== */

.sprava[b-j8sdesjguf] {
    --sprava-plocha: #f3f5f4;
    --sprava-linka: #dfe4e1;

    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background: var(--sprava-plocha);
}

/* --- Hlavička ---
   Styly hlavičky žijí ve SDÍLENÉM wwwroot/sprava-hlavicka.css (jeden zdroj
   pro layout i návrhář — scoped soubor by v návrháři neplatil, HTML tam
   nemá scope atribut). Sem nepatří. --- */

/* --- Tělo --- */
.sprava-telo[b-j8sdesjguf] {
    flex: 1;
    padding: 24px 0 56px;
}

.sprava-panel[b-j8sdesjguf],
.sprava-telo[b-j8sdesjguf]  .sprava-panel {
    background: var(--barva-podklad);
    border: 1px solid var(--sprava-linka);
    border-radius: var(--radius);
    box-shadow: var(--stin-xs);
    padding: 20px;
    margin-bottom: 20px;
}

.sprava-bez-databaze[b-j8sdesjguf] {
    max-width: 640px;
}

.sprava-tlumene[b-j8sdesjguf],
.sprava-telo[b-j8sdesjguf]  .sprava-tlumene {
    color: var(--barva-text-tlumeny);
    font-size: .92rem;
}

.sprava-telo[b-j8sdesjguf]  h1 {
    font-size: clamp(1.5rem, 1.3rem + .8vw, 1.9rem);
    margin: 0 0 4px;
}

.sprava-telo[b-j8sdesjguf]  h2 {
    font-size: 1.15rem;
    margin: 0 0 8px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-zahlavi {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* --- Filtry a stránkování --- */
.sprava-telo[b-j8sdesjguf]  .sprava-filtry {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.sprava-telo[b-j8sdesjguf]  .sprava-filtry a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--sprava-linka);
    background: var(--barva-podklad);
    color: var(--barva-text);
    text-decoration: none;
    font-size: .92rem;
    font-weight: 600;
}

.sprava-telo[b-j8sdesjguf]  .sprava-filtry a.je-aktivni {
    background: var(--barva-primarni-tint);
    border-color: var(--barva-linka-vyrazna);
    color: var(--barva-primarni-tmava);
}

.sprava-telo[b-j8sdesjguf]  .sprava-strankovani {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    font-size: .92rem;
    color: var(--barva-text-tlumeny);
}

/* --- Tabulka poptávek --- */
.sprava-telo[b-j8sdesjguf]  .sprava-tabulka-obal {
    overflow-x: auto;
}

.sprava-telo[b-j8sdesjguf]  table {
    width: 100%;
    border-collapse: collapse;
    font-size: .93rem;
}

.sprava-telo[b-j8sdesjguf]  th,
.sprava-telo[b-j8sdesjguf]  td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid var(--sprava-linka);
    vertical-align: top;
}

.sprava-telo[b-j8sdesjguf]  th {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--barva-text-tlumeny);
    white-space: nowrap;
}

.sprava-telo[b-j8sdesjguf]  tr.je-spam td {
    opacity: .55;
}

.sprava-telo[b-j8sdesjguf]  td a {
    color: var(--barva-akcent-tmava);
}

/* --- Odznak stavu --- */
.sprava-telo[b-j8sdesjguf]  .sprava-odznak {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    background: var(--barva-podklad-teply);
    color: var(--barva-text-tlumeny);
}

.sprava-telo[b-j8sdesjguf]  .sprava-odznak.je-nova {
    background: var(--barva-primarni-tint);
    color: var(--barva-primarni-tmava);
}

.sprava-telo[b-j8sdesjguf]  .sprava-odznak.je-vyrizena {
    background: var(--barva-zelena-svetla);
    color: #2c6a28;
}

/* Poptávka je v evidenci, ale e-mail do firmy neodešel – musí bít do očí. */
.sprava-telo[b-j8sdesjguf]  .sprava-odznak.je-chyba {
    background: #fdece9;
    color: #97291a;
}

/* Zákazník zakreslil plochu na mapě – vodní modř, ať se neplete se stavem. */
.sprava-telo[b-j8sdesjguf]  .sprava-odznak.je-nakres {
    background: #e4f4fa;
    color: #135c72;
}

/* Návrh označený v návrháři jako hotový – zelená jako vyřízená poptávka. */
.sprava-telo[b-j8sdesjguf]  .sprava-odznak.sprava-odznak-hotovo {
    background: var(--barva-zelena-svetla);
    color: #2c6a28;
}

/* --- Náčrt plochy v detailu poptávky --- */
.sprava-telo[b-j8sdesjguf]  .sprava-nakres {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    padding: 12px;
    border-radius: var(--radius-s);
    border: 1px solid var(--barva-linka);
    background: var(--barva-podklad-teply);
}

.sprava-telo[b-j8sdesjguf]  .sprava-nakres p {
    margin: 0;
}

/* Snímek plátna z formuláře – jen náhled, klikat se chodí do návrháře. */
.sprava-telo[b-j8sdesjguf]  .sprava-nakres-nahled {
    display: block;
    width: 100%;
    max-width: 460px;
    height: auto;
    border-radius: var(--radius-s);
    border: 1px solid var(--barva-linka);
}

.sprava-telo[b-j8sdesjguf]  .sprava-vystraha {
    margin: 0;
    padding: 10px 12px;
    border-radius: var(--radius-s);
    border: 1px solid #f2c3ba;
    background: #fdece9;
    color: #7c2114;
}

/* Výtah ze zprávy ve výpisu – ať jeden ukecaný zákazník neroztáhne tabulku. */
.sprava-telo[b-j8sdesjguf]  td.sprava-vytah {
    max-width: 280px;
    color: var(--barva-text-tlumeny);
    overflow-wrap: anywhere;
}

/* --- Řádkové akce (POST formuláře) --- */
.sprava-telo[b-j8sdesjguf]  .sprava-akce {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.sprava-telo[b-j8sdesjguf]  .sprava-akce form {
    margin: 0;
}

.sprava-telo[b-j8sdesjguf]  .sprava-tlacitko-male {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border-radius: var(--radius-s);
    border: 1px solid var(--sprava-linka);
    background: var(--barva-podklad);
    color: var(--barva-text);
    font: inherit;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
}

/* Odkaz v roli tlačítka (Upravit, Smazat, Otevřít) nemá být podtržený –
   vedle opravdových tlačítek to vypadalo jako dvě různé věci. */
.sprava-telo[b-j8sdesjguf]  a.sprava-tlacitko-male {
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .sprava-telo[b-j8sdesjguf]  .sprava-tlacitko-male:hover {
        border-color: var(--barva-linka-vyrazna);
        background: var(--barva-primarni-tint);
    }
}

/* --- Detail řádku --- */
.sprava-telo[b-j8sdesjguf]  details.sprava-detail {
    margin: 0;
}

.sprava-telo[b-j8sdesjguf]  details.sprava-detail > summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--barva-akcent-tmava);
    min-height: 32px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-detail-obsah {
    display: grid;
    gap: 12px;
    padding: 12px 0 4px;
    max-width: 720px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-zprava {
    white-space: pre-wrap;
    margin: 0;
}

.sprava-telo[b-j8sdesjguf]  .sprava-poznamka {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sprava-telo[b-j8sdesjguf]  .sprava-poznamka textarea {
    flex: 1 1 320px;
    min-height: 72px;
    padding: 10px 12px;
    border: 1px solid var(--sprava-linka);
    border-radius: var(--radius-s);
    font: inherit;
    font-size: .92rem;
    resize: vertical;
}

.sprava-telo[b-j8sdesjguf]  .sprava-poznamka textarea:focus-visible {
    outline: 2px solid var(--barva-akcent-tmava);
    outline-offset: 1px;
}

/* Popisek jen pro čtečky (pole poznámky má viditelný placeholder). */
.sprava-telo[b-j8sdesjguf]  .sprava-skryty-popisek {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* --- Přihlašovací formulář --- */
.sprava-telo[b-j8sdesjguf]  .sprava-prihlaseni {
    max-width: 420px;
    margin: 6vh auto 0;
}

.sprava-telo[b-j8sdesjguf]  .sprava-prihlaseni .pole {
    margin-bottom: 14px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-prihlaseni button {
    width: 100%;
    justify-content: center;
}

/* --- Prázdné stavy a připravované sekce --- */
.sprava-telo[b-j8sdesjguf]  .sprava-prazdno {
    color: var(--barva-text-tlumeny);
    padding: 24px 0;
    text-align: center;
}

/* --- Seznam návrhů závlah --- */
/* Dlaždice s náhledem výkresu; náhled je 240×170, mřížka se k němu drží,
   ať se karty nerozjedou, když některý návrh náhled ještě nemá. */
.sprava-telo[b-j8sdesjguf]  .sprava-projekty {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--sprava-linka);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--barva-podklad);
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-nahled {
    display: block;
    aspect-ratio: 240 / 170;
    background: var(--barva-podklad-teply);
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-nahled img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-bez-nahledu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 2rem;
    opacity: .5;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-telo {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-telo h2 {
    font-size: 1.02rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-telo p {
    margin: 0;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-telo .sprava-akce {
    margin-top: 4px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-projekt-telo a.sprava-tlacitko-male {
    text-decoration: none;
}

/* Potvrzení mazání – druhá obrazovka místo confirm() (viz CSP). */
.sprava-telo[b-j8sdesjguf]  .sprava-potvrzeni {
    max-width: 640px;
    border-color: var(--barva-linka-vyrazna);
}

/* Rozcestník: na širokém displeji dvě karty vedle sebe (2×2). */
.sprava-telo[b-j8sdesjguf]  .sprava-mrizka {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

.sprava-telo[b-j8sdesjguf]  .sprava-mrizka > .sprava-panel {
    margin-bottom: 0;
}

@media (min-width: 900px) {
    .sprava-telo[b-j8sdesjguf]  .sprava-mrizka {
        grid-template-columns: 1fr 1fr;
    }
}

/* Nenalezená / chybová stránka administrace. */
.sprava-telo[b-j8sdesjguf]  .sprava-nenalezeno {
    max-width: 640px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-nenalezeno .sprava-akce {
    margin-top: 12px;
}

/* --- Materiál a součástky (/admin/material) --- */

/* Rozcestník „přidat položku“ – dvě cesty: materiál a vlastní tryska. */
.sprava-telo[b-j8sdesjguf]  .sprava-pridani {
    border-color: var(--barva-linka-vyrazna);
}

.sprava-telo[b-j8sdesjguf]  .sprava-pridani .sprava-akce {
    margin-top: 12px;
}

/* Hledání nad seznamem: pole a tlačítko v jedné řadě, dotykový cíl 44 px. */
.sprava-telo[b-j8sdesjguf]  .sprava-hledani {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
}

.sprava-telo[b-j8sdesjguf]  .sprava-hledani input {
    flex: 1 1 260px;
    max-width: 420px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--sprava-linka);
    border-radius: var(--radius-s);
    font: inherit;
    background: var(--barva-podklad);
    color: inherit;
}

.sprava-telo[b-j8sdesjguf]  .sprava-hledani input:focus-visible {
    outline: 3px solid var(--barva-akcent-tmava);
    outline-offset: 1px;
}

/* Tlačítko uvnitř odstavce (vrácení výchozích cen) – ať neroztrhne řádek. */
.sprava-telo[b-j8sdesjguf]  .sprava-inline-akce {
    display: inline;
    margin: 0 0 0 8px;
}

/* Zaškrtávátko s popiskem vedle sebe (průtok úměrný výseči). */
.sprava-telo[b-j8sdesjguf]  .sprava-volba {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    font-weight: 400;
}

.sprava-telo[b-j8sdesjguf]  .sprava-volba input {
    width: 18px;
    height: 18px;
    accent-color: var(--barva-primarni);
}

.sprava-telo[b-j8sdesjguf]  .sprava-seznam {
    margin: 0;
    padding-left: 20px;
    line-height: 1.7;
}
/* /Components/Pages/AutomatickeZavlahy.razor.rz.scp.css */
.obal-textu[b-d19hmhj72d] {
    max-width: 68ch;
}
/* /Components/Pages/Domu.razor.rz.scp.css */
/* =====================================================================
   Blok „text + fotka" (výhody, průběh instalace)
   ===================================================================== */
.blok-s-fotkou[b-7b850pb8i3] {
    margin-bottom: clamp(2rem, 4vw, 3rem);
}

/* Nadpisový blok uvnitř dvousloupce už spodní mezeru nepotřebuje –
   tu drží celý blok. */
.blok-s-fotkou .hlavicka-sekce[b-7b850pb8i3] {
    margin-bottom: 0;
}

/* Fotky v textových blocích držíme na čtverci. Zdrojové fotky z telefonu jsou
   na výšku (3:4) a půl sloupce by kvůli nim narostlo přes celý výřez – text
   vedle by pak plaval v prázdnu. */
.foto-blok[b-7b850pb8i3] {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* Střídání stran: fotka vlevo, text vpravo. V DOM zůstává text první
   (kvůli čtečkám i mobilnímu pořadí), přehazuje se až vizuálně na širokém. */
@media (min-width: 861px) {
    .foto-vlevo > :first-child[b-7b850pb8i3] {
        order: 2;
    }
}

/* =====================================================================
   Mozaika realizací
   První dlaždice je na širokém displeji velká (2 × 2), zbytek dokola.
   Kliknutí otevírá stejný lightbox jako galerie (js/web.js, data-velka).
   ===================================================================== */
.mozaika[b-7b850pb8i3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(.6rem, 1.2vw, 1rem);
}

.mozaika-dlazdice[b-7b850pb8i3] {
    position: relative;
    display: block;
    padding: 0;
    border: 0;
    aspect-ratio: 4 / 3;
    background: var(--barva-podklad-svezi);
    border-radius: var(--radius-s);
    overflow: hidden;
    cursor: zoom-in;
    box-shadow: var(--stin-xs);
    transition: box-shadow var(--prechod);
}

.mozaika-dlazdice img[b-7b850pb8i3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s cubic-bezier(.2, 0, .2, 1);
}

@media (min-width: 861px) {
    .mozaika[b-7b850pb8i3] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mozaika-dlazdice.je-velka[b-7b850pb8i3] {
        grid-column: span 2;
        grid-row: span 2;
        /* Výšku určují dvě řady malých dlaždic vedle – vlastní poměr by se s nimi pral. */
        aspect-ratio: auto;
    }
}

/* Štítek s městem. Podklad je vlastní tmavá plocha, ne jen přechod přes fotku –
   na přesvětleném trávníku by bílý text jinak spadl pod čitelnou hranici.
   Nejhorší případ (bílý pixel pod štítkem) drží 8,6:1. */
.mozaika-stitek[b-7b850pb8i3] {
    position: absolute;
    left: .6rem;
    bottom: .6rem;
    padding: .3rem .75rem;
    border-radius: 999px;
    background: rgba(6, 44, 30, .82);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff;
    font-size: .8rem;
    font-weight: 650;
    letter-spacing: .03em;
}

@media (hover: hover) and (pointer: fine) {
    .mozaika-dlazdice:hover[b-7b850pb8i3] {
        box-shadow: var(--stin-m);
    }

    .mozaika-dlazdice:hover img[b-7b850pb8i3] {
        transform: scale(1.04);
    }
}

/* Klávesnice dostane stejné zvýraznění jako myš (a navíc fokusový rámeček). */
.mozaika-dlazdice:focus-visible img[b-7b850pb8i3] {
    transform: scale(1.04);
}

/* Řádek pod mozaikou: tlačítko na přehled + rychlé odkazy na lokality. */
.mozaika-spodek[b-7b850pb8i3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(.8rem, 2vw, 1.5rem);
    margin-top: clamp(1.5rem, 3vw, 2.2rem);
}

.mesta-odkazy[b-7b850pb8i3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mesta-odkazy a[b-7b850pb8i3] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .35rem .9rem;
    border: 1px solid var(--barva-linka);
    border-radius: 999px;
    background: #fff;
    color: var(--barva-primarni);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color var(--prechod), box-shadow var(--prechod), color var(--prechod), transform var(--prechod);
}

@media (hover: hover) and (pointer: fine) {
    .mesta-odkazy a:hover[b-7b850pb8i3] {
        transform: translateY(-2px);
        border-color: var(--barva-linka-vyrazna);
        box-shadow: var(--stin-s);
        color: var(--barva-primarni-tmava);
    }
}

.mesta-odkazy a:active[b-7b850pb8i3] {
    transform: translateY(1px);
}

/* =====================================================================
   Pás značek
   ===================================================================== */
.znacky-pas[b-7b850pb8i3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.2rem, 3vw, 3rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: #fff;
    border: 1px solid var(--barva-linka);
    border-radius: var(--radius-l);
    box-shadow: var(--stin-s);
}

.znacky-pas > div:first-child[b-7b850pb8i3] {
    max-width: 48ch;
}

.znacky-pas h2[b-7b850pb8i3] {
    font-size: clamp(1.3rem, 1.1rem + 1vw, 1.75rem);
    margin-bottom: .4em;
}

.znacky-pas p[b-7b850pb8i3] {
    margin: 0;
}

.znacky-odznaky[b-7b850pb8i3] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

/* Barvy a stíny se měnit smějí, pohyb ne. */
@media (prefers-reduced-motion: reduce) {
    .mozaika-dlazdice:hover img[b-7b850pb8i3],
    .mozaika-dlazdice:focus-visible img[b-7b850pb8i3],
    .mesta-odkazy a:hover[b-7b850pb8i3],
    .mesta-odkazy a:active[b-7b850pb8i3] {
        transform: none;
    }
}
/* /Components/Pages/Dotazy.razor.rz.scp.css */
.obal-uzsi[b-ssan9doqcc] {
    max-width: 860px;
}

/* Odkazy na sezonní stránky nad akordeonem – malé, ať nepřebijí dotazy samotné. */
.dotazy-odkazy[b-ssan9doqcc] {
    margin-bottom: 1.4rem;
    font-size: .95rem;
}
/* /Components/Pages/Kontakt.razor.rz.scp.css */
.kontakty-mrizka[b-pj0l9akcv8] {
    margin-top: 1rem;
}
/* /Components/Pages/Nenalezeno.razor.rz.scp.css */
.nenalezeno[b-v8p1aeok0i] {
    text-align: center;
}

.nenalezeno .tlacitka[b-v8p1aeok0i] {
    justify-content: center;
}

.nenalezeno-vodic[b-v8p1aeok0i] {
    margin: clamp(2rem, 4vw, 2.8rem) 0 1rem;
    font-size: .95rem;
    color: var(--barva-text-tlumeny);
}

/* Rychlé odkazy jako pilulky – dotykový cíl 44 px dělá výplň, ne velikost písma. */
.rychle-odkazy[b-v8p1aeok0i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rychle-odkazy a[b-v8p1aeok0i] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .35rem .95rem;
    border: 1px solid var(--barva-linka);
    border-radius: 999px;
    background: #fff;
    color: var(--barva-primarni);
    font-size: .92rem;
    font-weight: 600;
    text-decoration: none;
    transition: border-color var(--prechod), box-shadow var(--prechod), color var(--prechod), transform var(--prechod);
}

@media (hover: hover) and (pointer: fine) {
    .rychle-odkazy a:hover[b-v8p1aeok0i] {
        transform: translateY(-2px);
        border-color: var(--barva-linka-vyrazna);
        box-shadow: var(--stin-s);
        color: var(--barva-primarni-tmava);
    }
}

.rychle-odkazy a:active[b-v8p1aeok0i] {
    transform: translateY(1px);
}

@media (prefers-reduced-motion: reduce) {
    .rychle-odkazy a:hover[b-v8p1aeok0i],
    .rychle-odkazy a:active[b-v8p1aeok0i] {
        transform: none;
    }
}
/* /Components/Pages/Odeslano.razor.rz.scp.css */
/* Poděkování po odeslání poptávky – klidná stránka, jediná akce je telefon. */
.odeslano-ikona[b-ixmwdzqr4n] {
    display: inline-grid;
    place-items: center;
    margin-bottom: 1rem;
}

.odeslano-kroky[b-ixmwdzqr4n] {
    margin-top: 2.5rem;
}

.odeslano-kroky h2[b-ixmwdzqr4n] {
    margin: .4rem 0 .4rem;
    font-size: 1.1rem;
}

.odeslano-kroky p[b-ixmwdzqr4n] {
    margin: 0;
    color: var(--barva-text-tlumeny);
    font-size: .96rem;
}

.odeslano-vyzva[b-ixmwdzqr4n] {
    margin-top: 2.5rem;
    padding: clamp(1.4rem, 3vw, 2.2rem);
    background: var(--barva-primarni-tint);
    border: 1px solid var(--barva-linka-vyrazna);
    border-radius: var(--radius-l);
    text-align: center;
}

.odeslano-vyzva .perex[b-ixmwdzqr4n] {
    margin-bottom: 1.2rem;
}

.odeslano-vyzva .tlacitka[b-ixmwdzqr4n] {
    justify-content: center;
}

.odeslano-poznamka[b-ixmwdzqr4n] {
    margin: 1rem 0 0;
    font-size: .88rem;
    color: var(--barva-text-tlumeny);
}

.odeslano-odkazy[b-ixmwdzqr4n] {
    margin-top: 2.5rem;
    text-align: center;
    color: var(--barva-text-tlumeny);
}

.odeslano-seznam[b-ixmwdzqr4n] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem .9rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.odeslano-seznam a[b-ixmwdzqr4n] {
    display: inline-block;
    padding: .35rem .8rem;
    border: 1px solid var(--barva-linka);
    border-radius: 999px;
    background: #fff;
    font-size: .92rem;
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .odeslano-seznam a:hover[b-ixmwdzqr4n] {
        border-color: var(--barva-linka-vyrazna);
        background: var(--barva-primarni-tint);
    }
}
/* /Components/Pages/ONas.razor.rz.scp.css */
.dalsi-lokality-odkazy[b-bxz6zrpcnl] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.dalsi-lokality-odkazy a[b-bxz6zrpcnl] {
    text-decoration: none;
    transition: background var(--prechod), color var(--prechod), border-color var(--prechod);
}

.dalsi-lokality-odkazy a:hover[b-bxz6zrpcnl] {
    background: var(--barva-primarni);
    border-color: var(--barva-primarni);
    color: #fff;
}

.firemni-udaje[b-bxz6zrpcnl] {
    margin-top: clamp(2.5rem, 5vw, 4rem);
    padding: clamp(1.5rem, 3vw, 2.2rem);
    background: var(--barva-podklad-teply);
    border-radius: var(--radius);
}

.firemni-udaje h2[b-bxz6zrpcnl] {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.firemni-udaje dl[b-bxz6zrpcnl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 1rem 2rem;
    margin: 0;
}

.firemni-udaje dt[b-bxz6zrpcnl] {
    font-size: .85rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--barva-text-tlumeny);
}

.firemni-udaje dd[b-bxz6zrpcnl] {
    margin: .15rem 0 0;
    font-weight: 600;
    color: var(--barva-primarni-tmava);
}
/* /Components/Pages/Produkty.razor.rz.scp.css */
.produkt[b-44kczn6p6w] {
    scroll-margin-top: calc(var(--vyska-hlavicky) + 24px);
}

.produkt h2[b-44kczn6p6w] {
    font-size: clamp(1.3rem, 1.15rem + .6vw, 1.6rem);
}

.produkt-foto[b-44kczn6p6w] {
    width: 100%;
    margin-top: auto;
    border-radius: var(--radius-s);
    object-fit: cover;
    aspect-ratio: 3 / 2;
}
/* /Components/Pages/PrubehInstalace.razor.rz.scp.css */
/* Sloupec textu se drží čitelné šířky (~68 znaků na řádek) i na širokém displeji. */
.obal-textu[b-jm2oepyoea] {
    max-width: 68ch;
}
/* /Components/Pages/Realizace.razor.rz.scp.css */
.karta-lokalita[b-e0nvr6z3jp] {
    text-decoration: none;
    color: inherit;
}

.karta-lokalita img[b-e0nvr6z3jp] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    transition: transform .5s cubic-bezier(.2, 0, .2, 1);
}

.karta-lokalita:hover img[b-e0nvr6z3jp] {
    transform: scale(1.05);
}

.karta-lokalita[b-e0nvr6z3jp] {
    overflow: hidden;
}

.karta-lokalita h2[b-e0nvr6z3jp] {
    font-size: 1.35rem;
    margin-bottom: .35em;
}

.karta-lokalita p[b-e0nvr6z3jp] {
    color: var(--barva-text-tlumeny);
    font-size: .96rem;
}

.odkaz-sipka[b-e0nvr6z3jp] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: auto;
    font-weight: 650;
    color: var(--barva-primarni);
}

.karta-lokalita:hover .odkaz-sipka[b-e0nvr6z3jp]  .ikona {
    transform: translateX(4px);
}

.odkaz-sipka[b-e0nvr6z3jp]  .ikona {
    transition: transform var(--prechod);
}
/* /Components/Shared/CookieSouhlas.razor.rz.scp.css */
/* === Lišta souhlasu s cookies ===
   Karta u spodního okraje, ne celoobrazovková zeď. Matné sklo jako hlavička
   a spodní mobilní lišta (rodinný standard 25. 7.).

   Žebříček z-indexů na webu: mobilní lišta 90 → hlavička 100 → SOUHLAS 150 →
   lightbox 200. Souhlas tedy leží nad obsahem i nad oběma lištami, ale zvětšená
   fotka se otevře nad ním (a lightbox si stránku pod sebou stejně zneaktivní).

   Prvek je `position: fixed`, takže nic neposouvá – CLS 0 i při pozdním
   odkrytí skriptem. */
.souhlas[b-n9nhxh4fgp] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 150;
    display: block;
    padding: .75rem;
    /* Gesta a zaoblené displeje: karta nesmí končit pod domovským proužkem. */
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
    /* Pruh kolem karty nesmí brát kliknutí obsahu pod ním. */
    pointer-events: none;
}

/* Bez JavaScriptu (nebo s hotovou volbou) lišta prostě není. `hidden` by samo
   o sobě prohrálo s display: block výš. */
.souhlas[hidden][b-n9nhxh4fgp] {
    display: none;
}

.souhlas-karta[b-n9nhxh4fgp] {
    pointer-events: auto;
    max-width: var(--sirka-obsahu);
    margin: 0 auto;
    padding: clamp(1rem, 2.2vw, 1.4rem);
    border: 1px solid color-mix(in srgb, var(--barva-linka) 70%, transparent);
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--barva-podklad) 88%, transparent);
    backdrop-filter: blur(16px) saturate(1.3);
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    box-shadow: var(--stin-l);
    /* Rozbalené nastavení na malém displeji (nebo na šířku) se musí vejít –
       zbytek se odscrolluje uvnitř karty, ne přes celou stránku. */
    max-height: min(80dvh, 640px);
    overflow-y: auto;
    animation: souhlas-najed-b-n9nhxh4fgp .24s cubic-bezier(.4, 0, .2, 1);
}

/* Bez podpory backdrop-filter spadneme na plnou plochu (jako hlavička a lišta). */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .souhlas-karta[b-n9nhxh4fgp] {
        background: var(--barva-podklad);
    }
}

@keyframes souhlas-najed-b-n9nhxh4fgp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
}

.souhlas-uvod[b-n9nhxh4fgp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem clamp(1rem, 2.5vw, 2rem);
}

.souhlas-text[b-n9nhxh4fgp] {
    flex: 1 1 22rem;
}

.souhlas-nadpis[b-n9nhxh4fgp] {
    margin: 0 0 .35rem;
    font-size: 1.05rem;
}

/* Nadpis se zaostřuje po otevření z patičky – rámeček kolem něj nechceme
   (stejné pravidlo jako u h1 v app.css). */
.souhlas-nadpis:focus[b-n9nhxh4fgp],
.souhlas-nadpis:focus-visible[b-n9nhxh4fgp] {
    outline: none;
}

.souhlas-text p[b-n9nhxh4fgp] {
    margin: 0;
    font-size: .95rem;
    line-height: 1.55;
    color: var(--barva-text-tlumeny);
    max-width: 62ch;
}

.souhlas-tlacitka[b-n9nhxh4fgp] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    flex: none;
}

.souhlas-tlacitka-panel[b-n9nhxh4fgp] {
    margin-top: 1rem;
}

/* Dotykový cíl ≥ 44 px děláme plochou, ne písmem. */
.souhlas-tlacitko[b-n9nhxh4fgp] {
    min-height: 46px;
    padding-inline: 1.3rem;
    font-size: .96rem;
}

.souhlas-tlacitko-vedlejsi[b-n9nhxh4fgp] {
    /* Doplňková volba – menší váha než souhlas/odmítnutí, ale pořád plný cíl. */
    font-weight: 600;
}

/* --- Rozbalené nastavení kategorií --- */
.souhlas-panel[b-n9nhxh4fgp] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--barva-linka);
}

.souhlas-panel[hidden][b-n9nhxh4fgp] {
    display: none;
}

.souhlas-volby[b-n9nhxh4fgp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: .7rem;
}

.souhlas-volba[b-n9nhxh4fgp] {
    padding: .7rem .85rem;
    border: 1px solid var(--barva-linka);
    border-radius: var(--radius-s);
    background: color-mix(in srgb, var(--barva-podklad-svezi) 75%, transparent);
}

.souhlas-prepinac[b-n9nhxh4fgp] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 44px;
    font-weight: 650;
    color: var(--barva-primarni-tmava);
    cursor: pointer;
}

.souhlas-prepinac input[b-n9nhxh4fgp] {
    flex: none;
    width: 20px;
    height: 20px;
    accent-color: var(--barva-primarni);
}

.souhlas-prepinac input:disabled[b-n9nhxh4fgp] {
    cursor: default;
}

.souhlas-znacka[b-n9nhxh4fgp] {
    padding: .1rem .5rem;
    border-radius: 999px;
    background: var(--barva-primarni-tint);
    color: var(--barva-primarni-tmava);
    font-size: .74rem;
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.souhlas-popis[b-n9nhxh4fgp] {
    margin: .15rem 0 0;
    font-size: .88rem;
    line-height: 1.5;
    color: var(--barva-text-tlumeny);
}

.souhlas-poznamka[b-n9nhxh4fgp] {
    margin: .9rem 0 0;
    font-size: .88rem;
    color: var(--barva-text-tlumeny);
}

/* Na mobilu jdou tlačítka pod text a roztáhnou se na celou šířku – palcem
   se do nich musí trefit napoprvé. Obě hlavní zůstávají stejně velká. */
@media (max-width: 640px) {
    .souhlas-uvod[b-n9nhxh4fgp] {
        gap: .9rem;
    }

    .souhlas-tlacitka[b-n9nhxh4fgp] {
        width: 100%;
    }

    .souhlas-tlacitko[b-n9nhxh4fgp] {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .souhlas-karta[b-n9nhxh4fgp] {
        animation: none;
    }
}
/* /Components/Shared/PoptavkaFormular.razor.rz.scp.css */
/* Poptávkový formulář – dvousloupcová sekce (text vlevo, karta s formulářem vpravo).
   Styly se sem přestěhovaly z Kontakt.razor.css, když formulář dostaly i landing
   stránky; scoped CSS tak jde všude s komponentou. */
.poptavka-obal[b-m0m9hhiptw] {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    align-items: start;
    /* Kotva #poptavka nesmí skončit pod lepivou hlavičkou. */
    scroll-margin-top: calc(var(--vyska-hlavicky) + 24px);
}

.poptavka-uvod h2[b-m0m9hhiptw] {
    margin-bottom: .4em;
}

/* Telefon pod odrážkami – kdo nechce psát, má druhou cestu na dosah. */
.poptavka-telefon[b-m0m9hhiptw] {
    margin-top: 1.2rem;
    font-weight: 600;
}

.poptavka-telefon a[b-m0m9hhiptw] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.poptavka-formular[b-m0m9hhiptw] {
    padding: clamp(1.4rem, 3vw, 2.4rem);
    background: #fff;
    border: 1px solid var(--barva-linka);
    border-radius: var(--radius-l);
    box-shadow: var(--stin-m);
}

.poptavka-odeslani[b-m0m9hhiptw] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    align-items: flex-start;
    margin-top: .3rem;
}

/* Souhlas se zpracováním osobních údajů – zaškrtávátko s textem vedle sebe. */
.poptavka-souhlas[b-m0m9hhiptw] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    font-size: .92rem;
    cursor: pointer;
}

.poptavka-souhlas[b-m0m9hhiptw]  input[type="checkbox"] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .1rem;
    flex: none;
    accent-color: var(--barva-primarni);
    cursor: pointer;
}

/* =====================================================================
   Náčrt zavlažované plochy (js/nakres.js)
   Sekce je sbalená a nepovinná – bez JavaScriptu zůstane jen nadpis
   s vysvětlením a tlačítko, které nic nedělá, takže nic nepřekáží.
   ===================================================================== */
.nakres[b-m0m9hhiptw] {
    gap: .5rem;
    padding: 1rem 1.1rem;
    background: var(--barva-primarni-tint);
    border: 1px solid #cfe6da;
    border-radius: var(--radius-s);
}

.nakres-nadpis[b-m0m9hhiptw] {
    font-size: .92rem;
    font-weight: 600;
    color: var(--barva-primarni-tmava);
}

.nakres-spustit[b-m0m9hhiptw] {
    align-self: flex-start;
    margin-top: .2rem;
}

/* Návod v krocích – kompaktní, ale pořád čitelný. */
.nakres-kroky[b-m0m9hhiptw] {
    margin: .2rem 0 0;
    padding-left: 1.3rem;
    font-size: .88rem;
    color: var(--barva-text-tlumeny);
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

/* „Zakresleno: 312 m²" – hlavní zpětná vazba, ať je vidět i po sbalení panelu. */
.nakres-souhrn[b-m0m9hhiptw] {
    margin: .2rem 0 0;
    font-weight: 700;
    color: var(--barva-primarni-tmava);
}

.nakres-panel[b-m0m9hhiptw] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    margin-top: .6rem;
}

/* GOTCHA: vlastní `display` přebíjí atribut hidden (pravidlo prohlížeče
   [hidden]{display:none} má nižší prioritu). Panel i našeptávač se sbalují
   atributem, takže bez téhle pojistky by byly vidět POŘÁD a tlačítko
   Otevřít/Sbalit mapu by navenek nic nedělalo. */
.nakres-panel[hidden][b-m0m9hhiptw],
.nakres-naseptavac[hidden][b-m0m9hhiptw] {
    display: none;
}

.nakres-hledani[b-m0m9hhiptw] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .5rem;
    align-items: end;
}

/* Obal adresy nese absolutně posazený našeptávač. */
.nakres-adresa-obal[b-m0m9hhiptw] {
    position: relative;
}

.nakres-naseptavac[b-m0m9hhiptw] {
    position: absolute;
    top: calc(100% + .3rem);
    left: 0;
    right: 0;
    z-index: 5;
    margin: 0;
    padding: .3rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    max-height: 16rem;
    overflow-y: auto;
    background: #fff;
    border: 1.5px solid var(--barva-linka);
    border-radius: var(--radius-s);
    box-shadow: var(--stin-m);
}

/* Návrhy vyrábí nakres.js až za běhu, takže NEDOSTANOU scope atribut
   Blazoru – bez ::deep by na ně scoped pravidla vůbec nedopadla. */
.nakres-naseptavac[b-m0m9hhiptw]  .nakres-navrh {
    width: 100%;
    padding: .55rem .7rem;
    font: inherit;
    text-align: left;
    color: var(--barva-text);
    background: none;
    border: 0;
    border-radius: calc(var(--radius-s) - 4px);
    cursor: pointer;
}

.nakres-naseptavac[b-m0m9hhiptw]  .nakres-navrh:hover,
.nakres-naseptavac[b-m0m9hhiptw]  .nakres-navrh:focus-visible {
    background: var(--barva-primarni-tint);
    outline: none;
}

.nakres-naseptavac[b-m0m9hhiptw]  .nakres-navrh span {
    display: block;
    font-weight: 600;
}

.nakres-naseptavac[b-m0m9hhiptw]  .nakres-navrh small {
    display: block;
    font-size: .82rem;
    color: var(--barva-text-tlumeny);
}

.nakres-popisek[b-m0m9hhiptw] {
    grid-column: 1 / -1;
    font-size: .88rem;
    font-weight: 600;
    color: var(--barva-primarni-tmava);
}

.nakres-panel input[b-m0m9hhiptw],
.nakres-panel select[b-m0m9hhiptw] {
    width: 100%;
    padding: .7rem .9rem;
    font: inherit;
    color: var(--barva-text);
    background: #fff;
    border: 1.5px solid var(--barva-linka);
    border-radius: var(--radius-s);
}

.nakres-panel input:focus[b-m0m9hhiptw],
.nakres-panel select:focus[b-m0m9hhiptw] {
    outline: none;
    border-color: var(--barva-akcent-tmava);
    box-shadow: 0 0 0 4px rgba(29, 122, 150, .18);
}

.nakres-najit[b-m0m9hhiptw],
.nakres-hotovo[b-m0m9hhiptw] {
    padding: .7rem 1.1rem;
}

.nakres-stav[b-m0m9hhiptw] {
    margin: 0;
    min-height: 1.2em;
    font-size: .86rem;
    color: var(--barva-text-tlumeny);
}

/* Plátno se škáluje na šířku sloupce; poměr stran drží atributy width/height. */
.nakres-platno-obal[b-m0m9hhiptw] {
    background: #dfe5e2;
    border: 1px solid var(--barva-linka);
    border-radius: var(--radius-s);
    overflow: hidden;
}

.nakres-platno-obal canvas[b-m0m9hhiptw] {
    display: block;
    width: 100%;
    height: auto;
    /* Tažení mapy prstem nesmí zároveň scrollovat stránkou. */
    touch-action: none;
    cursor: crosshair;
}

.nakres-ovladani[b-m0m9hhiptw] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* Dotykové cíle ≥ 44 px – stejné pravidlo jako u zbytku webu. */
.nakres-tlacitko[b-m0m9hhiptw] {
    min-height: 44px;
    min-width: 44px;
    padding: .55rem .9rem;
    font: inherit;
    font-weight: 600;
    color: var(--barva-primarni-tmava);
    background: #fff;
    border: 1.5px solid var(--barva-linka);
    border-radius: var(--radius-s);
    cursor: pointer;
}

/* Zapnutý režim „umístit zdroj vody" (aria-pressed přepíná nakres.js). */
.nakres-tlacitko[aria-pressed="true"][b-m0m9hhiptw] {
    background: var(--barva-primarni-tint);
    border-color: var(--barva-akcent-tmava);
    box-shadow: inset 0 0 0 1px var(--barva-akcent-tmava);
}

@media (hover: hover) and (pointer: fine) {
    .nakres-tlacitko:hover[b-m0m9hhiptw] {
        border-color: var(--barva-primarni);
        background: #fff;
    }
}

.nakres-atribuce[b-m0m9hhiptw] {
    margin: 0;
    font-size: .76rem;
    color: var(--barva-text-tlumeny);
}

@media (max-width: 900px) {
    .poptavka-obal[b-m0m9hhiptw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/RealizaceLokalita.razor.rz.scp.css */
.obal-textu[b-b9uno60lm0] {
    max-width: 68ch;
}

.dalsi-lokality[b-b9uno60lm0] {
    margin-top: clamp(2.5rem, 5vw, 4rem);
    padding-top: 2rem;
    border-top: 1px solid var(--barva-linka);
}

.dalsi-lokality h2[b-b9uno60lm0] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.dalsi-lokality-odkazy[b-b9uno60lm0] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.dalsi-lokality-odkazy a[b-b9uno60lm0] {
    text-decoration: none;
    transition: background var(--prechod), color var(--prechod), border-color var(--prechod);
}

.dalsi-lokality-odkazy a:hover[b-b9uno60lm0] {
    background: var(--barva-primarni);
    border-color: var(--barva-primarni);
    color: #fff;
}
/* /Components/Shared/SezonniPruh.razor.rz.scp.css */
/* Sezonní pruh nad heroem – tenký, klidný, jedna akce. Barevně vychází ze světlé
   zelené plochy (--barva-primarni-tint), ať nesoutěží s heroem pod ním. */
.sezonni-pruh[b-yirm26vzsp] {
    background: var(--barva-primarni-tint);
    border-bottom: 1px solid var(--barva-linka-vyrazna);
    font-size: .95rem;
}

.sezonni-pruh-vnitrek[b-yirm26vzsp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .3rem 1rem;
    padding: .6rem 0;
}

.sezonni-pruh p[b-yirm26vzsp] {
    margin: 0;
    color: var(--barva-primarni-tmava);
}

.sezonni-pruh p strong[b-yirm26vzsp] {
    margin-right: .4rem;
}

.sezonni-pruh p span[b-yirm26vzsp] {
    color: var(--barva-text-tlumeny);
}

.sezonni-pruh-odkaz[b-yirm26vzsp] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    /* Dotykový cíl: výplň, ne větší písmo. */
    padding: .35rem .2rem;
    font-weight: 700;
    color: var(--barva-primarni);
    text-decoration: none;
    white-space: nowrap;
}

.sezonni-pruh-odkaz svg[b-yirm26vzsp] {
    transition: transform var(--prechod-rychly);
}

@media (hover: hover) and (pointer: fine) {
    .sezonni-pruh-odkaz:hover[b-yirm26vzsp] {
        color: var(--barva-primarni-tmava);
        text-decoration: underline;
    }

    .sezonni-pruh-odkaz:hover svg[b-yirm26vzsp] {
        transform: translateX(3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sezonni-pruh-odkaz svg[b-yirm26vzsp] {
        transition: none;
    }

    .sezonni-pruh-odkaz:hover svg[b-yirm26vzsp] {
        transform: none;
    }
}

/* Na mobilu se věta pod štítek nevejde – necháme ji zalomit a text zarovnáme vlevo. */
@media (max-width: 620px) {
    .sezonni-pruh-vnitrek[b-yirm26vzsp] {
        justify-content: flex-start;
        text-align: left;
    }
}
/* /Components/Shared/VyzvaCta.razor.rz.scp.css */
/* Světlý pás kolem panelu. Je teplý, ne bílý – ať výzva neskončí na stejné ploše
   jako obsah nad ní a zároveň se jasně oddělí od tmavé patičky pod ní. */
.vyzva[b-vcak9tnn2f] {
    background: var(--barva-podklad-teply);
}

/* Panel = tmavá karta, ne celoplošný pruh. Barvy textu, nadpisů a tlačítek
   dědí od utility .sekce-tmava (je na stejném prvku), tady řešíme jen tvar,
   elevaci a podklad. */
.vyzva-panel[b-vcak9tnn2f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.2rem, 3vw, 2.5rem);
    padding: clamp(1.6rem, 4vw, 3rem) clamp(1.4rem, 4vw, 3.2rem);
    border-radius: var(--radius-l);
    box-shadow: var(--stin-l);
    overflow: hidden;
    /* .sekce-tmava nastavuje pozadí zkratkou, takže barva spadne na průhlednou.
       Vlastní barvu držíme napevno – kdyby se fotka nestáhla, text musí pořád
       ležet na tmavém podkladu. */
    background-color: var(--barva-primarni-hlubka);
}

.vyzva-text[b-vcak9tnn2f] {
    max-width: 46ch;
}

.vyzva-panel h2[b-vcak9tnn2f] {
    margin-bottom: .4em;
}

.vyzva-panel p[b-vcak9tnn2f] {
    margin: 0;
}

/* Fotka pod panelem je jen textura – leží pod hustým zeleným překryvem
   (nejsvětlejší pixel fotky pod textem dá bílému písmu 8,7:1).
   Na úzkých displejích se nenačítá vůbec: panel je tam vysoký, z fotky by
   zbyl nečitelný výřez a mobilnímu připojení ubydou zbytečná data. */
@media (min-width: 700px) {
    .vyzva-panel[b-vcak9tnn2f] {
        background-image:
            linear-gradient(100deg, rgba(6, 44, 30, .96) 0%, rgba(8, 52, 36, .92) 55%, rgba(10, 62, 43, .84) 100%),
            url('obrazky/vyzva-pozadi-1400.webp');
        background-size: cover;
        background-position: center;
    }
}

@media (max-width: 700px) {
    .vyzva-panel .tlacitko[b-vcak9tnn2f] {
        width: 100%;
    }
}