/*
    Vzhlad webu: knizny a citatelsky. Ziadny JS, ziadne externe zdroje - stranka ma
    byt rychla a Core Web Vitals maju zostat na 100.
*/

:root{
    --papier:#faf7f2; --text:#1c1a17; --tlmene:#6b6259; --linka:#e3dcd1;
    --karta:#fff; --akcent:#7a2e2e; --akcent-text:#fff; --panel:#f2ede4;
}
@media (prefers-color-scheme:dark){
    :root{
        --papier:#16151a; --text:#ece7e0; --tlmene:#a09890; --linka:#2e2b33;
        --karta:#1e1d24; --akcent:#c26b6b; --akcent-text:#16151a; --panel:#1a1920;
    }
}

*{box-sizing:border-box}
/* Odkaz na kotvu nesmie skoncit pod lepiacou hlavickou. */
html{scroll-padding-top:88px}

body{margin:0;background:var(--papier);color:var(--text);
     font:17px/1.7 Georgia,"Iowan Old Style","Times New Roman",serif}
img{max-width:100%;height:auto}
a{color:var(--akcent)}

.obal{max-width:1180px;margin:0 auto;padding:0 20px}

/* hlavicka a pata */
/* Hlavicka sa drzi hore pri scrollovani, aby bola cesta spat vzdy po ruke.
   Bocne stlpce sa preto lepia az pod nou, inak by pod nu zaliezali. */
.hlavicka{border-bottom:1px solid var(--linka);background:var(--panel);
          position:sticky;top:0;z-index:30}
.hlavicka .obal{display:flex;align-items:baseline;gap:26px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.znacka{display:flex;align-items:center;gap:10px;font:600 20px/1 Georgia,serif;
        text-decoration:none;color:var(--text);margin-right:auto}
.znacka img{display:block;border-radius:6px}
/* Menu je pisane tym istym pismom ako clanky. Sans-serif v serifovej hlavicke
   posobil ako cudzia naplavka a cely pas bol suchy zoznam odkazov. */
.hlavicka nav{display:flex;flex-wrap:wrap;align-items:baseline;
        font:16px/1 Georgia,"Iowan Old Style","Times New Roman",serif}
.hlavicka nav a{position:relative;color:var(--text);text-decoration:none;
        padding:8px 18px;letter-spacing:.01em}

/* Vlasova linka medzi poloziekami, ako deliace linky v tirazi knihy. Prva ju nema
   a tlacidlo admina uz vobec, to do menu nepatri. */
.hlavicka nav a + a:not(.admin-odkaz)::before{content:"";position:absolute;left:0;
        top:.2em;bottom:.2em;width:1px;background:var(--linka)}

/* Tah pera: podciarknutie vyrastie zlava doprava. Jedina animacia v hlavicke,
   inak by z toho bol jarmok. */
.hlavicka nav a:not(.admin-odkaz)::after{content:"";position:absolute;left:18px;right:18px;
        bottom:2px;height:1px;background:var(--akcent);
        transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.hlavicka nav a:not(.admin-odkaz):hover::after,
.hlavicka nav a:not(.admin-odkaz):focus-visible::after{transform:scaleX(1)}
.hlavicka nav a:hover{color:var(--akcent)}

/* Odkaz do admina. Je len na localhoste, tak vyzera ako naradie, nie ako polozka
   menu - aby bolo na prvy pohlad jasne, ze na ostrom webe nic take nie je. */
.hlavicka nav a.admin-odkaz{color:var(--akcent-text);background:var(--akcent);
        border-radius:5px;padding:5px 10px;margin-left:14px;align-self:center;
        font:600 12px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.hlavicka nav a.admin-odkaz:hover{filter:brightness(1.15);color:var(--akcent-text)}

.pata{border-top:1px solid var(--linka);margin-top:60px;padding:30px 0 26px;background:var(--panel)}
/* Pata je tiraz: rovnake pismo ako v knihe, polozky oddelene vlasovou linkou. */
.pata nav{display:flex;flex-wrap:wrap;align-items:baseline;
        font:15px/1.6 Georgia,"Iowan Old Style","Times New Roman",serif}
.pata nav a{position:relative;color:var(--text);text-decoration:none;padding:4px 16px}
.pata nav a:first-child{padding-left:0}
.pata nav a + a::before{content:"";position:absolute;left:0;top:.35em;bottom:.35em;
        width:1px;background:var(--linka)}
.pata nav a:hover{color:var(--akcent);text-decoration:underline;text-underline-offset:3px}
/* Sluzobne odkazy patria k webu, nie k obsahu, tak su o stupen tichsie. */
.pata nav a.sluzobne{font-size:14px;color:var(--tlmene)}
.pata nav a.sluzobne:hover{color:var(--akcent)}
.drobne{margin:16px 0 0;font:13px/1 system-ui,sans-serif;color:var(--tlmene);
        letter-spacing:.04em}

@media (prefers-reduced-motion:reduce){
    .hlavicka nav a::after{transition:none}
}

/* Na uzkom displeji sa menu zalomi pod znacku, tak nech ma vzduch a nezacina
   odsadenim, ktore by vyzeralo ako preklep. */
/* Ked sa menu zalomi pod znacku, prva polozka by zacinala vnutornym odsadenim
   a vyzeralo by to ako preklep. Zalamuje sa vzdy, ked nie je miesto, nie az pod
   nejakou sirkou obrazovky. */
@media (max-width:640px){
    .hlavicka nav{margin-left:-18px}
    /* Dotykove ciele: odkazy v pate a omrvinkach maju byt aspon 40 px vysoke,
       inak sa na mobile triafaju tazko. Vizualne su rovnake, len maju vacsiu plochu. */
    .pata nav a{padding:10px 12px}
    .omrvinky a,.omrvinky span{display:inline-block;padding:8px 0}
}

/* omrvinky */
.omrvinky{font:13px/1.6 system-ui,sans-serif;color:var(--tlmene);padding:16px 0}
.omrvinky a{color:var(--tlmene)}

/* Rozlozenie clanku: navigacia vlavo, text v strede, fakty vpravo. Oba bocne stlpce
   sa pri scrollovani drzia na mieste; text ma pevnu sirku, aby sa dal citat.
   Knihy uz v bocnom stlpci nie su - su pod clankom, kde maju celu sirku. */
.rozlozenie{display:grid;grid-template-columns:190px minmax(0,68ch) 230px;gap:38px;
            align-items:start;justify-content:center}
/* Kazdy stlpec smie byt uzsi nez jeho obsah: vodorovny pas obsahu s nezalamovanymi
   odkazmi by inak roztiahol jediny stlpec na mobile na sirku vsetkych odkazov
   a clanok aj fakty by utiekli za pravy okraj obrazovky. */
.rozlozenie > *{min-width:0}

.bok-obsah,.bok-fakty{position:sticky;top:88px;font:14px/1.6 system-ui,sans-serif}

.bok-nadpis{display:block;font:600 12px/1 system-ui,sans-serif;letter-spacing:.1em;
            text-transform:uppercase;color:var(--tlmene);margin-bottom:12px}
.bok-obsah ol{list-style:none;margin:0;padding:0}
.bok-obsah li{margin:0}
.bok-obsah a{display:block;color:var(--text);text-decoration:none;padding:5px 0 5px 12px;
             border-left:2px solid var(--linka)}
.bok-obsah a:hover{border-left-color:var(--akcent);color:var(--akcent)}
/* Sekcia, ktoru citatel prave cita (nastavuje obsah.js). */
.bok-obsah a.aktivna{border-left-color:var(--akcent);color:var(--akcent);font-weight:600}
.bok-obsah .uroven-3 a{padding-left:24px;font-size:13px;color:var(--tlmene)}

.bok-fakty{background:var(--panel);border:1px solid var(--linka);border-radius:10px;
           padding:16px 18px}
.bok-fakty h2{font:600 12px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;
              color:var(--tlmene);margin:0 0 12px}
.bok-fakty dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px}
.bok-fakty dt{color:var(--tlmene)}
.bok-fakty dd{margin:0;font-weight:600;text-align:right}
/* Kazdy format na vlastny riadok - inak sa "E-kniha" zlomi uprostred slova. */
.bok-fakty dd span{display:block;white-space:nowrap}

/* Na uzkej obrazovke sa stlpce poskladaju pod seba: obsah zbaleny nad clankom,
   fakty pod textom. Sticky sa vypina, inak by lista prekryvala citany text. */
@media (max-width:1100px){
    .rozlozenie{grid-template-columns:1fr;gap:22px}
    .bok-obsah,.bok-fakty{position:static;top:auto}
    /* Na mobile je z obsahu jeden vodorovny pas, ktory sa da posunut prstom.
       Zvisly zoznam by nad clankom zabral polovicu prvej obrazovky. */
    .bok-nadpis{display:none}
    .bok-obsah ol{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;
                  -webkit-overflow-scrolling:touch;scrollbar-width:none}
    .bok-obsah ol::-webkit-scrollbar{display:none}
    .bok-obsah a{border:1px solid var(--linka);border-left-width:1px;border-radius:999px;
                 padding:7px 14px;white-space:nowrap;background:var(--panel);font-size:13px}
    .bok-obsah a:hover{border-color:var(--akcent)}
    .bok-obsah a.aktivna{background:var(--akcent);border-color:var(--akcent);color:var(--akcent-text);font-weight:600}
    .bok-obsah .uroven-3 a{padding-left:14px;font-size:13px}
    .bok-fakty dd{text-align:left}
    .bok-fakty dl{grid-template-columns:auto auto;justify-content:start;gap:6px 22px}
}

h1{font:400 clamp(28px,4.2vw,42px)/1.2 Georgia,serif;margin:.1em 0 .2em;letter-spacing:-.01em}
h2{font:400 26px/1.3 Georgia,serif;margin:1.6em 0 .5em}
h3{font:400 20px/1.35 Georgia,serif;margin:1.4em 0 .4em}
.rok{color:var(--tlmene);font-size:.7em}

.hlavny-obrazok{margin:0 0 22px}
.hlavny-obrazok img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block}
.datum{margin:0 0 22px;font:14px/1 system-ui,sans-serif;color:var(--tlmene)}
.telo{max-width:70ch}
.telo p{margin:0 0 1.1em}
.uvod{color:var(--tlmene);max-width:70ch}

/* Knihy autora pod clankom, jedna v riadku. Karta je "kniha ako predmet": obalka
   s naznacenym chrbtom a tienom, vedla nej fakty a popis, vpravo ponuka e-shopov;
   kym partneri nie su, vpravo su vydania z bibliografie, aby stlpec nebol diera. */
.knihy{margin-top:50px;border-top:1px solid var(--linka);padding-top:10px}
.knihy > h2{display:flex;align-items:baseline;gap:10px}
.pocet-knih{font:600 13px/1 system-ui,sans-serif;color:var(--tlmene)}
.knihy-mriezka{display:grid;gap:18px;margin-top:18px}

.kniha{display:grid;grid-template-columns:150px minmax(0,1fr) 340px;gap:0 26px;
       background:var(--karta);border:1px solid var(--linka);border-radius:12px;padding:22px 24px}
.kniha.bez-obalky{grid-template-columns:minmax(0,1fr) 340px}
.kniha3d{position:relative;width:150px;height:225px;perspective:700px;align-self:start}
.kniha3d img{width:100%;height:100%;object-fit:cover;border-radius:3px 7px 7px 3px;display:block;
             transform:rotateY(-12deg);box-shadow:10px 10px 24px rgba(0,0,0,.25)}
.kniha3d::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:9px;
                 background:rgba(0,0,0,.22);border-radius:2px;transform:rotateY(-12deg)}
@media (prefers-reduced-motion:reduce){.kniha3d img{transform:none}.kniha3d::before{transform:none}}

.kniha-telo{min-width:0;display:flex;flex-direction:column;gap:8px}
.kniha h3{margin:0;font:400 24px/1.25 Georgia,serif;text-wrap:balance}
.kniha h3 .rok{font:400 15px/1 system-ui,sans-serif;color:var(--tlmene);margin-left:8px}
.kniha .original{margin:0;font:13px/1.4 system-ui,sans-serif;color:var(--tlmene)}
.fakty{display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;list-style:none;
       font:13px/1.4 system-ui,sans-serif;color:var(--tlmene)}
.fakty b{font-weight:600;color:var(--text)}
.kniha .popis{margin:4px 0 0;font-size:15.5px;line-height:1.6;max-width:62ch}
.formaty{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.format{font:600 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
        padding:6px 9px;border-radius:4px;border:1px solid var(--linka);color:var(--text);background:var(--panel)}
.format-ekniha{border-color:#2f6f6f;color:#2f6f6f}
.format-audiokniha{border-color:#b8860b;color:#b8860b}

/* Vydania namiesto ponuky, kym nie su partneri. */
.vydania{align-self:start;font:13.5px/1.5 system-ui,sans-serif;border-left:1px solid var(--linka);padding-left:22px}
.vydania h4{margin:0 0 8px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tlmene)}
.vydania ul{list-style:none;margin:0;padding:0}
.vydania li{padding:7px 0;border-bottom:1px dotted var(--linka)}
.vydania li:last-child{border-bottom:none}
.vydania .v{display:block}
.vydania .i{color:var(--tlmene);font-size:12px;font-variant-numeric:tabular-nums}

/* Na uzsej obrazovke ide ponuka (alebo vydania) pod text na celu sirku; na mobile
   sa zmensi obalka. Karta nikdy nesmie byt sirsia nez obrazovka. */
@media (max-width:900px){
    .kniha{grid-template-columns:110px minmax(0,1fr)}
    .kniha.bez-obalky{grid-template-columns:minmax(0,1fr)}
    .kniha3d{width:110px;height:165px}
    .ponuka,.vydania{grid-column:1 / -1;margin-top:18px;border-left:none;padding-left:0}
}
/* Na mobile obalka obteka: nazov a fakty su vedla nej, popis pokracuje pod nou na
   celu sirku. Uzky stlpec textu vedla obalky sa v 375 px nedal citat. */
@media (max-width:520px){
    .kniha{display:block;padding:16px}
    .kniha3d{float:left;width:96px;height:144px;margin:4px 16px 8px 0}
    .kniha-telo{display:block}
    .kniha-telo > *{margin-bottom:8px}
    .kniha h3{font-size:20px}
    .kniha .popis{max-width:none}
    .ponuka,.vydania{clear:both;margin-top:14px}
}

/* zoznam clankov v rozcestniku */
.zoznam{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:26px;
        grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.zoznam a{text-decoration:none;color:inherit;display:block}
.zoznam img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;margin-bottom:8px}
.zoznam .nazov{font:400 20px/1.3 Georgia,serif;color:var(--akcent)}
.zoznam .popis{margin:6px 0 0;font-size:15px;color:var(--tlmene)}

.strankovanie{display:flex;gap:18px;align-items:center;justify-content:center;
              margin:46px 0 0;font:15px/1 system-ui,sans-serif}
.strankovanie span{color:var(--tlmene)}

.suvisiace{margin-top:50px;border-top:1px solid var(--linka);padding-top:10px}
.suvisiace ul{list-style:none;margin:0;padding:0;display:flex;gap:10px 26px;flex-wrap:wrap;
              font:15px/1.8 system-ui,sans-serif}

/* domovska stranka: nadpis nad mriezkou dostane vzduch a je na stred */
.domov h1{text-align:center;margin-top:56px;margin-bottom:.4em}
.domov .uvod{text-align:center}

/* dlazdice na domovskej stranke */
.dlazdice{margin:26px 0 0;display:grid;gap:30px;
          grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.dlazdica{position:relative;display:flex;flex-direction:column;background:var(--karta);
          border:1px solid var(--linka);border-radius:10px;overflow:hidden;
          transition:border-color .15s,transform .15s}
.dlazdica:hover{border-color:var(--akcent);transform:translateY(-2px)}
.dlazdica img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.dlazdica .telo{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.dlazdica time{font:13px/1 system-ui,sans-serif;color:var(--tlmene)}
.dlazdica h2{margin:8px 0 0;font:400 21px/1.3 Georgia,serif}
.dlazdica h2 a{color:var(--akcent);text-decoration:none}
/* Klikatelna je cela dlazdica, ale odkaz zostava jeden - na nadpise. */
.dlazdica h2 a::after{content:"";position:absolute;inset:0}
.dlazdica .popis{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--tlmene)}
.dlazdica .dalej{margin-top:auto;padding-top:14px;font:600 14px/1 system-ui,sans-serif;
                 color:var(--akcent)}
.dlazdica:hover .dalej{text-decoration:underline}

@media (prefers-reduced-motion:reduce){
    .dlazdica{transition:none}
    .dlazdica:hover{transform:none}
}

/* chybove stranky */
.chyba{max-width:720px;text-align:center}
.chyba h1{margin-top:34px;font-size:clamp(26px,4vw,38px)}
.chyba .uvod{margin:0 auto 14px;text-align:center;max-width:58ch}
.chyba-obrazok{margin:40px 0 0;position:relative}
.chyba-obrazok img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}
.chyba-obrazok figcaption{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:999px;
                          background:var(--papier);color:var(--tlmene);
                          font:600 13px/1 system-ui,sans-serif;letter-spacing:.08em}
.chyba-odkazy{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.chyba-odkaz{display:inline-block;padding:11px 20px;border:1px solid var(--linka);border-radius:8px;
             background:var(--karta);color:var(--akcent);text-decoration:none;
             font:600 15px/1 system-ui,sans-serif;transition:border-color .15s}
.chyba-odkaz:hover{border-color:var(--akcent)}

/* consent banner. position:fixed, takze nehybe obsahom a nekazi CLS */
.suhlas{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--karta);
        border-top:1px solid var(--linka);box-shadow:0 -4px 24px rgba(0,0,0,.10)}
.suhlas[hidden]{display:none}
.suhlas-obal{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:16px 20px}
.suhlas p{margin:0;flex:1;min-width:280px;font:15px/1.55 system-ui,sans-serif;color:var(--text)}
.suhlas-tlacidla{display:flex;gap:10px;flex-wrap:wrap}
.btn-suhlas{padding:11px 22px;border:1px solid var(--akcent);border-radius:8px;cursor:pointer;
            background:var(--akcent);color:var(--akcent-text);
            font:600 15px/1 system-ui,sans-serif}
.btn-suhlas.tichy{background:transparent;color:var(--akcent)}
.btn-suhlas:hover{opacity:.9}
/* Na mobile lista zaberala stvrtinu obrazovky: mensie pismo, tlacidla vedla seba
   na celu sirku, mensie odsadenie. Musi byt az za zakladnymi pravidlami listy. */
@media (max-width:640px){
    .suhlas-obal{padding:12px 16px 14px;gap:10px}
    .suhlas p{min-width:0;font-size:14px;line-height:1.45}
    .suhlas-tlacidla{width:100%;gap:8px}
    .btn-suhlas{flex:1;padding:12px 10px}
}

/* Kde kupit: vitrina. Najlepsia ponuka velka, ostatne obchody tichy zoznam, kazdy
   s vlastnym tlacidlom. Prepinac formatu je radio + :has(), bez JavaScriptu. */
.ponuka{align-self:start;background:var(--papier);border:1px solid var(--linka);border-radius:10px;
        overflow:hidden;font:14px/1.4 system-ui,sans-serif}
.ponuka-hl{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;
           border-bottom:1px solid var(--linka);background:var(--panel)}
.ponuka-hl b{color:var(--akcent);font-weight:600}
.ponuka-hl span{font-size:12px;color:var(--tlmene)}
.ponuka-prep{display:flex;gap:4px;padding:10px 14px 0}
.ponuka-prep input{position:absolute;opacity:0;width:1px;height:1px}
.ponuka-prep label{font:600 11px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;
                   padding:6px 9px;border-radius:4px;border:1px solid var(--linka);cursor:pointer;color:var(--tlmene)}
.ponuka-prep input:checked + label{border-color:var(--akcent);color:var(--akcent);background:var(--karta)}
.ponuka-prep input:focus-visible + label{outline:2px solid #b8860b}
/* Sada formatu sa ukaze podla zaskrtnuteho prepinaca; atribut hidden je len pociatocny
   stav pre prehliadace bez :has(). */
.ponuka:has(.ponuka-prep) .ponuka-sada{display:none}
.ponuka:has(input[value="tlacena"]:checked) .sada-tlacena,
.ponuka:has(input[value="ekniha"]:checked) .sada-ekniha,
.ponuka:has(input[value="audiokniha"]:checked) .sada-audiokniha{display:block}
.najlepsia{padding:14px 14px 12px;background:#fff8ec}
.najlepsia .obchod{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.najlepsia .obchod b{font-weight:600;font-size:15px;white-space:nowrap}
.najlepsia .cena{font:600 26px/1 Georgia,serif;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.najlepsia .cena small{font:400 14px/1 system-ui,sans-serif;color:var(--tlmene);margin-left:3px}
.stavy{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0 12px;font-size:12.5px;color:var(--tlmene)}
.stavy .skladom,.stavy .objednavka{font-weight:600}
.stavy .skladom{color:#2f6b3a}
.stavy .objednavka{color:#8a5a00}
.stavy .skladom::before,.stavy .objednavka::before{content:"";display:inline-block;width:7px;height:7px;
                                                   border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
.btn-kupit{display:block;text-align:center;background:var(--akcent);color:var(--akcent-text);text-decoration:none;
           font:600 15px/1 system-ui,sans-serif;padding:12px 14px;border-radius:7px}
.btn-kupit:hover{opacity:.92}
.btn-kupit:focus-visible{outline:3px solid #b8860b;outline-offset:2px}
.dalsie{list-style:none;margin:0;padding:6px 14px 4px}
.dalsie li{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"o c b" "d c b";
           column-gap:12px;align-items:center;padding:8px 0;border-bottom:1px dotted var(--linka);font-size:13.5px}
.dalsie li:last-child{border-bottom:none}
.dalsie .o{grid-area:o;font-weight:600;white-space:nowrap}
.dalsie .d{grid-area:d;font-size:12px;color:var(--tlmene);line-height:1.3}
.dalsie .d.ok{color:#2f6b3a}
.dalsie .c{grid-area:c;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.dalsie .k{grid-area:b;font:600 12px/1 system-ui,sans-serif;color:var(--akcent);border:1px solid var(--akcent);
           border-radius:5px;padding:7px 10px;text-decoration:none;white-space:nowrap}
.dalsie .k:hover{background:var(--akcent);color:var(--akcent-text)}
.dalsie .k:focus-visible{outline:2px solid #b8860b;outline-offset:2px}
.ponuka-pozn{margin:0;padding:8px 14px 10px;font-size:11px;color:var(--tlmene);border-top:1px solid var(--linka)}
.ponuka-pozn a{color:var(--tlmene)}
.ponuka-ukazka{border-color:#b8860b;border-style:dashed}
.ponuka-varovanie{margin:0;padding:8px 14px 0;font:600 11px/1.3 system-ui,sans-serif;color:#b8860b;
                  text-transform:uppercase;letter-spacing:.05em}
@media (prefers-color-scheme:dark){
    .najlepsia{background:#25221b}
    .stavy .skladom,.dalsie .d.ok{color:#7fbf8a}
    .stavy .objednavka{color:#d9a441}
    .format-ekniha{border-color:#6fb3b3;color:#6fb3b3}
}

/* zvysne knihy autora, zabalene aby panel nerastol donekonecna */
.dalsie-knihy{margin-top:18px;border-top:1px solid var(--linka);padding-top:14px}
.dalsie-knihy > summary{cursor:pointer;font:600 14px/1.3 system-ui,sans-serif;
                        color:var(--akcent);list-style:none}
.dalsie-knihy > summary::-webkit-details-marker{display:none}
.dalsie-knihy > summary::before{content:"+ ";font-weight:600}
.dalsie-knihy[open] > summary::before{content:"- "}