/* oBydlení.cz — affiliate katalog (/nabytek/produkty/).
   ---------------------------------------------------------------------------
   Staví na /assets/tokeny.css verze 3: bílá zem, měkký rádius, sotva
   viditelný stín. Kartu odděluje vyvýšení a hairline, ne černá 2px linka. Nic tu nepředefinovává třídy magazínu
   (.karta, .mriz, .vypis) — ty jsou v kontextu výpisu schválně jinak
   nastavené (skrývají obrázky) a katalog je potřebuje ukazovat. Všechno má
   proto prefix .pr-.

   Jediná barva navíc proti tokenům je --cta. Paleta magazínu je jednoakcentová
   olivově zlatá a v ní se tlačítko „do obchodu" ztrácí. Cihlová je z varianty
   akcentu, kterou tokeny.css samy nabízejí v komentáři, takže nevypadá cize:
   bílá na #a52d14 drží 6,0:1, v tmavém režimu je světlejší a text je zem.
   --------------------------------------------------------------------------- */

:root{
  --cta:#a52d14;
  --cta-tmavy:#7d2110;
  --cta-text:#fff;
  --sleva:#8a2d12;            /* procento slevy, 6,5:1 na papíru */
  --skladem:#2f6135;          /* dostupnost, stejný zelený tón jako rubrika zahrada */
}
@media (prefers-color-scheme:dark){
  :root{
    --cta:#f0916f;
    --cta-tmavy:#f7b79d;
    --cta-text:#1a1917;
    --sleva:#f0997f;
    --skladem:#8ac68f;
  }
}

.pr{max-width:var(--sirka);margin:0 auto;padding:0 16px 72px}

/* ---- hlavičky výpisů ---------------------------------------------------- */
.pr-hlava{padding:20px 0 0;margin:0 0 34px;max-width:72ch}
.pr-hlava h1{font-family:var(--display);font-size:clamp(30px,5vw,46px);line-height:1.06;
  margin:0 0 14px;letter-spacing:-.01em}
.pr-hlava .pr-lead{font:400 18px/1.55 var(--text);color:var(--tichy);margin:0}
.pr-hlava .pr-cisla{display:flex;flex-wrap:wrap;gap:0 18px;margin:18px 0 0;
  font:700 12.5px/1.6 var(--nadpisy);letter-spacing:.09em;text-transform:uppercase;color:var(--tichy)}
.pr-hlava .pr-cisla b{color:var(--inkoust);font-variant-numeric:tabular-nums}

/* ---- pruh s upozorněním na provizi -------------------------------------- */
.pr-provize{border-top:1px solid var(--linka);border-bottom:1px solid var(--linka);
  padding:12px 0;margin:0 0 30px;font:500 13.5px/1.5 var(--text);color:var(--tichy)}
.pr-provize b{color:var(--inkoust);font-weight:700}

/* ---- rozcestník skupin -------------------------------------------------- */
.pr-skupina{margin:0 0 48px}
.pr-skupina>h2{font:800 12.5px/1.2 var(--nadpisy);letter-spacing:.14em;text-transform:uppercase;
  color:var(--inkoust);margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid var(--linka)}
.pr-skupina>h2::before{content:none}
.pr-rozcestnik{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.pr-rozcestnik a{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;
  padding:12px;margin:0;text-decoration:none;color:inherit;
  border:1px solid var(--linka);border-radius:var(--radius);background:var(--papir);
  transition:box-shadow .18s ease,border-color .18s ease}
.pr-rozcestnik a:hover{background:var(--papir);box-shadow:var(--stin-hover);border-color:var(--linka-silna)}
.pr-rozcestnik img{width:76px;height:76px;object-fit:cover;background:var(--plocha);display:block;
  border-radius:var(--radius-male)}
.pr-rozcestnik b{display:block;font:700 16px/1.3 var(--nadpisy);color:var(--inkoust)}
.pr-rozcestnik a:hover b{color:var(--akcent)}
.pr-rozcestnik span{display:block;font:500 13px/1.5 var(--nadpisy);color:var(--tichy);margin-top:4px;
  font-variant-numeric:tabular-nums}

/* ---- mřížka produktů ---------------------------------------------------- */
.pr-mriz{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:0}
/* Osmiprvkové pásy (slevy, podobné modely) na širokém okně: pevné čtyři
   sloupce dají dva plné řádky místo 5+3. */
@media (min-width:1000px){.pr-mriz--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Karta je bílá plocha s hairline; na bílé zemi ji oddělí stín, ne rám.
   Fotka sedí na světle šedém podkladu, aby produkt na bílém pozadí
   (typické pro nábytkové feedy) nesplynul s kartou. */
.pr-karta{display:flex;flex-direction:column;min-width:0;background:var(--papir);
  border:1px solid var(--linka);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--stin);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.pr-karta:hover{box-shadow:var(--stin-hover);transform:translateY(-2px);border-color:var(--linka-silna)}
.pr-karta__obr{display:block;position:relative;background:var(--plocha);aspect-ratio:1/1;overflow:hidden}
.pr-karta__obr img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .25s ease}
.pr-karta:hover .pr-karta__obr img{transform:scale(1.03)}
.pr-karta__odznak{position:absolute;left:10px;top:10px;background:var(--cta);color:var(--cta-text);
  font:800 12px/1 var(--nadpisy);letter-spacing:.06em;padding:6px 9px;border-radius:999px;
  font-variant-numeric:tabular-nums}
/* Dva řádky na název drží ceny i tlačítka celého řádku mřížky v jedné lince.
   Bez toho se karta od karty rozjížděly podle délky názvu. */
.pr-karta h3{font:700 15.5px/1.35 var(--nadpisy);margin:14px 14px 0;min-height:2.7em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-karta h3 a{color:var(--inkoust);text-decoration:none}
.pr-karta:hover h3 a{color:var(--akcent);text-decoration:underline}
.pr-karta__meta{font:500 12.5px/1.5 var(--nadpisy);color:var(--tichy);margin:5px 14px 0}
.pr-karta__cena{margin:8px 14px 0;font:800 20px/1.1 var(--nadpisy);color:var(--cislo);
  font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pr-karta__cena s{font:500 14px var(--nadpisy);color:var(--tichy);text-decoration-thickness:1px}
.pr-karta__cena .pr-od{font:500 12px var(--nadpisy);color:var(--tichy);letter-spacing:.06em;
  text-transform:uppercase}
.pr-karta .pr-btn{margin:auto 14px 14px;padding:11px 12px;font-size:13px}
.pr-karta__cena{margin-bottom:12px}

/* ---- tlačítka ----------------------------------------------------------- */
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--cta);color:var(--cta-text);border:2px solid var(--cta);
  font:700 15px/1.2 var(--nadpisy);letter-spacing:.01em;
  padding:14px 22px;text-decoration:none;border-radius:var(--radius-male);cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .08s ease;text-align:center}
.pr-btn:hover,.pr-btn:focus-visible{background:var(--cta-tmavy);border-color:var(--cta-tmavy);color:var(--cta-text)}
.pr-btn:active{transform:translateY(1px)}
.pr-btn--velke{width:100%;font-size:18px;padding:18px 22px;letter-spacing:.01em}
.pr-btn--tichy{background:transparent;color:var(--inkoust);border-color:var(--linka-silna)}
.pr-btn--tichy:hover,.pr-btn--tichy:focus-visible{background:var(--inkoust);color:var(--papir);border-color:var(--inkoust)}
.pr-btn .pr-sip{font-weight:400;font-size:1.15em;line-height:0}

/* ---- detail produktu ---------------------------------------------------- */
.pr-detail{display:grid;grid-template-columns:1fr;gap:32px;margin:0 0 56px}
@media (min-width:900px){
  .pr-detail{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:48px;align-items:start}
}

/* galerie: přepínání jen přes :checked, žádný skript */
.pr-galerie{min-width:0;max-width:560px}
.pr-galerie input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.pr-galerie__jeviste{position:relative;background:var(--plocha);aspect-ratio:1/1;overflow:hidden;
  border-radius:var(--radius)}
.pr-galerie__jeviste img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  opacity:0;transition:opacity .2s ease}
/* Viditelnost řídí VÝHRADNĚ zaškrtnutý přepínač před snímkem. Pravidlo typu
   img:first-of-type{opacity:1} by první fotku nechalo svítit napořád a při
   object-fit:contain by prosvítala zpod ostatních. */
.pr-galerie input:checked+img{opacity:1;z-index:1}
.pr-galerie__jeviste img:only-of-type{opacity:1}   /* jediná fotka nemá přepínač */
.pr-galerie__nahledy{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.pr-galerie__nahledy label{display:block;width:72px;height:72px;cursor:pointer;
  border:2px solid transparent;border-radius:var(--radius-male);overflow:hidden;background:var(--plocha)}
.pr-galerie__nahledy label:hover{border-color:var(--linka)}
.pr-galerie__nahledy img{width:100%;height:100%;object-fit:cover;display:block}
.pr-galerie__odznak{position:absolute;left:12px;top:12px;z-index:2;background:var(--cta);color:var(--cta-text);
  font:800 13px/1 var(--nadpisy);letter-spacing:.06em;padding:8px 13px;border-radius:999px;
  font-variant-numeric:tabular-nums}

/* nákupní sloupec */
.pr-koupit{min-width:0}
@media (min-width:900px){.pr-koupit{position:sticky;top:20px}}
.pr-koupit h1{font-family:var(--display);font-size:clamp(26px,3.4vw,36px);line-height:1.1;
  margin:0 0 12px;letter-spacing:-.01em}
.pr-znacka{font:700 12px/1.4 var(--nadpisy);letter-spacing:.12em;text-transform:uppercase;
  color:var(--rubrika);margin:0 0 8px}
.pr-znacka a{color:inherit}
.pr-kod{font:500 12.5px/1.5 var(--mono);color:var(--tichy);margin:0 0 18px}
.pr-cenovy-blok{background:var(--zvyrazneni);padding:20px;margin:0 0 16px;
  border:1px solid var(--linka);border-radius:var(--radius)}
.pr-cena{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}
.pr-cena__hodnota{font:800 clamp(32px,5vw,42px)/1 var(--nadpisy);color:var(--cislo);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pr-cena__puvodni{font:500 17px var(--nadpisy);color:var(--tichy);text-decoration:line-through;
  text-decoration-thickness:1px;font-variant-numeric:tabular-nums}
.pr-cena__sleva{font:800 13px/1 var(--nadpisy);color:var(--sleva);letter-spacing:.05em;
  text-transform:uppercase}
.pr-cena__dph{font:500 12.5px/1.5 var(--nadpisy);color:var(--tichy);margin:6px 0 0}
.pr-cenovy-blok .pr-btn{margin-top:16px}
.pr-pod-tlacitkem{font:500 12.5px/1.6 var(--nadpisy);color:var(--tichy);margin:10px 0 0;text-align:center}

.pr-stav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 18px;
  font:700 13px/1.5 var(--nadpisy)}
.pr-stav__skladem{color:var(--skladem)}
.pr-stav__skladem::before{content:"●";margin-right:7px;font-size:.85em}
.pr-stav__vyprodano{color:var(--tichy)}
.pr-stav__vyprodano::before{content:"○";margin-right:7px;font-size:.85em}
/* Nábytek na objednávku — dostupné, jen s dodací lhůtou. Vlastní stav, ať to
   nevypadá jako vyprodáno: u Momenti je to 95 % sortimentu. */
.pr-stav__lhuta{color:var(--inkoust)}
.pr-stav__lhuta::before{content:"◐";margin-right:7px;font-size:.85em}
.pr-stav span:not([class]){color:var(--tichy);font-weight:500}

/* ---- pruh důvěry -------------------------------------------------------- */
.pr-duvera{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;
  background:var(--linka);border:1px solid var(--linka);border-radius:var(--radius);overflow:hidden;
  margin:0 0 48px}
.pr-duvera div{background:var(--papir);padding:16px 18px}
.pr-duvera b{display:block;font:700 14px/1.3 var(--nadpisy);color:var(--inkoust);margin:0 0 4px}
.pr-duvera span{display:block;font:500 12.5px/1.5 var(--nadpisy);color:var(--tichy)}

/* ---- sekce v detailu ---------------------------------------------------- */
.pr-sekce{margin:0 0 48px;max-width:var(--sirka)}
.pr-sekce>h2{font:800 12.5px/1.2 var(--nadpisy);letter-spacing:.14em;text-transform:uppercase;
  color:var(--inkoust);margin:0 0 18px;padding:0 0 10px;border-bottom:1px solid var(--linka)}
.pr-sekce>h2::before{content:none}
.pr-popis{max-width:var(--sirka-textu);font:400 17px/1.7 var(--text);color:var(--inkoust)}
.pr-popis p{margin:0 0 16px}
.pr-popis ul{margin:0 0 16px;padding-left:22px}
.pr-popis li{margin:0 0 7px}

/* ---- varianty ----------------------------------------------------------- */
.pr-varianty{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px}
.pr-varianta{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;
  padding:10px 12px;text-decoration:none;color:inherit}
.pr-varianta:hover{background:var(--plocha)}
.pr-varianta img{width:56px;height:56px;object-fit:cover;background:var(--plocha);display:block}
.pr-varianta b{font:700 14px/1.35 var(--nadpisy);color:var(--inkoust);display:block}
.pr-varianta:hover b{color:var(--akcent);text-decoration:underline}
.pr-varianta em{display:block;font:500 12px/1.4 var(--nadpisy);color:var(--tichy);font-style:normal;margin-top:3px}
.pr-varianta i{font:800 15px/1 var(--nadpisy);color:var(--cislo);font-style:normal;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-varianty-vic{margin:18px 0 0;font:500 14px/1.6 var(--text);color:var(--tichy)}

/* ---- tabulka parametrů -------------------------------------------------- */
.pr-parametry{width:100%;border-collapse:collapse;max-width:var(--sirka-textu);
  font:500 15px/1.5 var(--nadpisy)}
.pr-parametry th,.pr-parametry td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--linka)}
.pr-parametry th{width:42%;font-weight:700;color:var(--tichy)}
.pr-parametry td{color:var(--inkoust);font-variant-numeric:tabular-nums}
.pr-parametry tr:nth-child(odd) th,.pr-parametry tr:nth-child(odd) td{background:var(--plocha)}
.pr-parametry td{overflow-wrap:anywhere}
/* Na mobilu se dvousloupcová tabulka nevejde — nejdelší hodnoty („Kov, Plast,
   Laminovaný dřevěný materiál") roztáhly stránku na 480 px při okně 390 px.
   Řádky se proto skládají pod sebe, stejně jako to dělá tabulka v článku. */
@media (max-width:560px){
  .pr-parametry,.pr-parametry tbody,.pr-parametry tr,.pr-parametry th,.pr-parametry td{
    display:block;width:auto}
  .pr-parametry tr{padding:10px 12px;border-bottom:1px solid var(--linka)}
  .pr-parametry th,.pr-parametry td{border:0;padding:0}
  .pr-parametry th{font:700 12px/1.4 var(--nadpisy);letter-spacing:.08em;text-transform:uppercase}
  .pr-parametry td{margin-top:3px;font-size:16px}
  .pr-parametry tr:nth-child(odd){background:var(--plocha)}
  .pr-parametry tr:nth-child(odd) th,.pr-parametry tr:nth-child(odd) td{background:transparent}
}

/* ---- závěrečná výzva ---------------------------------------------------- */
.pr-zaver{background:var(--zvyrazneni);border:1px solid var(--linka);border-radius:var(--radius);
  padding:28px 24px;margin:0 0 48px;display:grid;gap:18px;align-items:center}
@media (min-width:780px){.pr-zaver{grid-template-columns:1fr auto;gap:32px}}
.pr-zaver h2{font-family:var(--display);font-size:26px;line-height:1.15;margin:0 0 8px}
.pr-zaver h2::before{content:none}
.pr-zaver p{margin:0;font:400 16px/1.6 var(--text);color:var(--tichy)}
.pr-zaver .pr-btn{white-space:nowrap}

/* ---- stránkování -------------------------------------------------------- */
.pr-strankovani{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:44px 0 48px;
  padding-top:22px;border-top:1px solid var(--linka)}
/* Musí přebít display:flex — jinak `hidden` ze skriptu filtru nezabere
   a pod filtrovaným výpisem zůstane stránkování počítané na serveru,
   které ukazuje strany celé kategorie, ne výběru. */
.pr-strankovani[hidden]{display:none}
.pr-strankovani a,.pr-strankovani strong{display:inline-block;min-width:42px;text-align:center;
  padding:10px 12px;font:700 14px/1 var(--nadpisy);text-decoration:none;
  border:1px solid var(--linka);border-radius:var(--radius-male);color:var(--inkoust);
  font-variant-numeric:tabular-nums}
.pr-strankovani a:hover{background:var(--plocha);border-color:var(--linka-silna)}
.pr-strankovani strong{background:var(--inkoust);color:var(--papir);border-color:var(--inkoust)}
.pr-strankovani .pr-mezera{border:0;color:var(--tichy);min-width:0;padding:10px 4px}

/* ---- odkazy do magazínu ------------------------------------------------- */
.pr-magazin{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px}
.pr-magazin a{display:block;padding:14px 12px;text-decoration:none;color:var(--inkoust);
  font:700 16px/1.35 var(--nadpisy);border-left:2px solid var(--rubrika)}
.pr-magazin a:hover{background:var(--plocha);color:var(--akcent)}
.pr-magazin a span{display:block;font:500 12.5px/1.5 var(--nadpisy);color:var(--tichy);margin-top:5px}

/* ---- vklad do článku magazínu ------------------------------------------ */
/* Sedí uvnitř textového sloupce článku, takže respektuje jeho šířku a nesmí
   na sebe strhnout pozornost dřív, než čtenář dočte — proto plochý podklad
   a odkazy, ne velké nákupní tlačítko. */
.pr-vklad{background:var(--zvyrazneni);border:1px solid var(--linka);border-radius:var(--radius);
  padding:22px 20px 24px;margin:40px 0;max-width:min(var(--sirka-textu),100%)}
.pr-vklad h2{font:800 12.5px/1.2 var(--nadpisy) !important;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 6px !important;color:var(--inkoust)}
.pr-vklad h2::before{content:none !important}
.pr-vklad>p{font:400 15px/1.55 var(--text);color:var(--tichy);margin:0 0 16px}
.pr-vklad ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pr-vklad li{margin:0}
.pr-vklad li a{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;
  padding:9px 10px;margin:0 -10px;text-decoration:none;
  font:700 16px/1.35 var(--nadpisy);color:var(--inkoust)}
.pr-vklad li a:hover{background:var(--papir);color:var(--akcent)}
.pr-vklad li a b{font-weight:700}
.pr-vklad li a span{font:500 13px/1.4 var(--nadpisy);color:var(--tichy);
  font-variant-numeric:tabular-nums}
.pr-vklad .pr-vklad__poznamka{display:block;margin:14px 0 0;
  font:500 12.5px/1.5 var(--nadpisy);color:var(--tichy)}

/* ---- lepicí lišta na mobilu --------------------------------------------- */
.pr-lista{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:12px;align-items:center;
  background:var(--papir);border-top:1px solid var(--linka);padding:10px 14px;
  box-shadow:0 -6px 18px rgb(0 0 0 / .08)}
.pr-lista__cena{font:800 19px/1.1 var(--nadpisy);color:var(--cislo);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.pr-lista__cena small{display:block;font:500 11px/1.4 var(--nadpisy);color:var(--tichy)}
.pr-lista .pr-btn{flex:1;padding:14px 12px;font-size:15px}
@media (min-width:900px){.pr-lista{display:none}}
@media (max-width:899px){body.stranka-produkt{padding-bottom:78px}}

@media (prefers-reduced-motion:reduce){
  .pr-karta__obr img,.pr-galerie__jeviste img,.pr-btn{transition:none}
  .pr-karta:hover .pr-karta__obr img{transform:none}
}

/* ---- filtrace a třídění ---------------------------------------------------
   Lišta přichází ze serveru s `hidden` a odkrývá ji až skript — bez
   JavaScriptu by ovládání nic nedělalo. Proto tu není žádné `display`
   na .pr-ovladani bez atributu: `hidden` musí zabrat.
   -------------------------------------------------------------------------- */
.pr-ovladani{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-start;
  justify-content:space-between;margin:0 0 26px;padding:0 0 18px;
  border-bottom:1px solid var(--linka)}
.pr-ovladani[hidden]{display:none}
.pr-ovladani--nacita{opacity:.55;pointer-events:none}
.pr-ovladani__filtry{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pr-ovladani__trideni{display:flex;gap:14px;align-items:center;margin-left:auto;
  font:500 13.5px/1.4 var(--nadpisy);color:var(--tichy)}
.pr-ovladani__pocet{font-weight:700;color:var(--inkoust);font-variant-numeric:tabular-nums}
.pr-ovladani__trideni select{font:600 13.5px/1 var(--nadpisy);color:var(--inkoust);
  background:var(--papir);border:1px solid var(--linka);border-radius:var(--radius-male);
  padding:9px 10px;cursor:pointer}

/* Rozbalovací filtr. `details` proto, že bez skriptu se otevře i zavře sám
   a nepotřebuje k tomu ani řádek JavaScriptu. */
.pr-filtr{position:relative}
.pr-filtr>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  padding:9px 13px;border:1px solid var(--linka);border-radius:var(--radius-male);
  font:600 13.5px/1 var(--nadpisy);color:var(--inkoust);background:var(--papir);
  user-select:none;white-space:nowrap}
.pr-filtr>summary::-webkit-details-marker{display:none}
.pr-filtr>summary::after{content:"\25be";font-size:.9em;color:var(--tichy)}
.pr-filtr>summary:hover{border-color:var(--linka-silna)}
.pr-filtr[open]>summary{border-color:var(--inkoust)}
.pr-filtr__telo{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:210px;
  max-height:min(60vh,380px);overflow:auto;padding:10px;background:var(--papir);
  border:1px solid var(--linka);border-radius:var(--radius);box-shadow:var(--stin-hover)}
.pr-filtr__telo label{display:flex;gap:9px;align-items:center;padding:7px 8px;
  border-radius:var(--radius-male);cursor:pointer;
  font:500 14px/1.35 var(--nadpisy);color:var(--inkoust)}
.pr-filtr__telo label:hover{background:var(--plocha)}
.pr-filtr__telo label span{flex:1;display:flex;justify-content:space-between;gap:10px}
.pr-filtr__telo label i{font-style:normal;color:var(--tichy);font-variant-numeric:tabular-nums}
.pr-filtr__telo input[type=checkbox]{width:17px;height:17px;accent-color:var(--akcent);flex:0 0 auto}
.pr-filtr__rozsah{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.pr-filtr__rozsah label{gap:6px;padding:0;font-size:13px;color:var(--tichy)}
.pr-filtr__rozsah input{width:88px;padding:9px 10px;border:1px solid var(--linka);
  border-radius:var(--radius-male);background:var(--papir);color:var(--inkoust);
  font:600 14px/1 var(--nadpisy);font-variant-numeric:tabular-nums}
.pr-filtr__jednotka{font:600 13px/1 var(--nadpisy);color:var(--tichy)}

.pr-zrusit{border:0;background:transparent;cursor:pointer;padding:9px 6px;
  font:600 13.5px/1 var(--nadpisy);color:var(--akcent);text-decoration:underline}
.pr-zrusit[hidden]{display:none}

.pr-dalsi{display:block;margin:26px auto 0;min-width:240px}
.pr-dalsi[hidden]{display:none}
.pr-prazdno{grid-column:1/-1;margin:0;padding:48px 0;text-align:center;
  font:500 16px/1.6 var(--text);color:var(--tichy)}

@media (max-width:640px){
  .pr-ovladani{gap:10px}
  .pr-ovladani__trideni{width:100%;margin-left:0;justify-content:space-between}
  /* Na úzkém okně se rozbalený filtr nevejde vedle tlačítka — roztáhne se
     přes celou šířku výpisu, ne přes okraj obrazovky. */
  .pr-filtr__telo{position:fixed;left:16px;right:16px;min-width:0;
    top:auto;margin-top:6px}
}

/* ---- „Co lidé hledají" ----------------------------------------------------
   Rozbalovací, protože pod výpisem produktů je to doplněk, ne hlavní obsah —
   ale v HTML je celé, takže si to vyhledávač přečte i zavřené. `details`
   funguje bez jediného řádku JavaScriptu.
   -------------------------------------------------------------------------- */
.pr-kw{margin:40px 0 48px;border:1px solid var(--linka);border-radius:var(--radius);
  background:var(--papir);max-width:var(--sirka)}
.pr-kw>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 14px;
  align-items:baseline;padding:16px 20px;
  font:800 12.5px/1.3 var(--nadpisy);letter-spacing:.12em;text-transform:uppercase;
  color:var(--inkoust);user-select:none}
.pr-kw>summary::-webkit-details-marker{display:none}
.pr-kw>summary::after{content:"\25be";margin-left:auto;font-size:1.1em;color:var(--tichy);
  transition:transform .15s ease}
.pr-kw[open]>summary::after{transform:rotate(180deg)}
.pr-kw>summary:hover{color:var(--akcent)}
.pr-kw>summary span{font:500 13px/1.4 var(--nadpisy);letter-spacing:0;text-transform:none;
  color:var(--tichy);font-variant-numeric:tabular-nums}
.pr-kw__telo{padding:0 20px 20px;border-top:1px solid var(--linka)}
.pr-kw__uvod{max-width:var(--sirka-textu);margin:16px 0 18px;
  font:400 14.5px/1.6 var(--text);color:var(--tichy)}
.pr-kw__uvod b{color:var(--inkoust);font-weight:700}
.pr-kw__seznam{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px}
.pr-kw__seznam li{display:flex;gap:12px;align-items:baseline;justify-content:space-between;
  padding:9px 0;border-bottom:1px solid var(--linka);
  font:500 14.5px/1.4 var(--nadpisy);color:var(--inkoust)}
.pr-kw__seznam b{flex:0 0 auto;font-weight:700;color:var(--tichy);
  font-variant-numeric:tabular-nums}

/* ---- časté dotazy ---------------------------------------------------------
   Pod výpisem produktů, nad odkazy do magazínu. Každá otázka je `details`,
   takže se stránka neroztáhne na tři obrazovky a nepotřebuje k tomu
   JavaScript — a odpověď je přitom v HTML celá, takže ji přečte i stroj.
   -------------------------------------------------------------------------- */
.pr-faq{margin:48px 0 8px;max-width:var(--sirka)}
.pr-faq>h2{font:800 12.5px/1.2 var(--nadpisy);letter-spacing:.14em;text-transform:uppercase;
  color:var(--inkoust);margin:0 0 8px;padding:0 0 10px;border-bottom:1px solid var(--linka)}
.pr-faq>h2::before{content:none}
.pr-faq__uvod{max-width:var(--sirka-textu);margin:0 0 6px;
  font:400 14px/1.6 var(--text);color:var(--tichy)}
.pr-faq__otazka{border-bottom:1px solid var(--linka)}
.pr-faq__otazka>summary{list-style:none;cursor:pointer;display:flex;gap:14px;
  align-items:baseline;padding:15px 0;
  font:700 16.5px/1.45 var(--nadpisy);color:var(--inkoust);user-select:none}
.pr-faq__otazka>summary::-webkit-details-marker{display:none}
.pr-faq__otazka>summary::after{content:"+";margin-left:auto;flex:0 0 auto;
  font:400 22px/1 var(--nadpisy);color:var(--tichy)}
.pr-faq__otazka[open]>summary::after{content:"\2212"}
.pr-faq__otazka>summary:hover{color:var(--akcent)}
.pr-faq__otazka>div{padding:0 34px 18px 0;max-width:var(--sirka-textu)}
.pr-faq__otazka p{margin:0;font:400 16px/1.7 var(--text);color:var(--tichy)}