/*
  Atelier Editorial 1.0.0 — styl.css (úroveň B, kontrakt 1.0)
  Každý selektor začíná ":root " (nebo "html:root"). Žádné !important, žádné url(), žádné content s textem.
  Pomocné proměnné motivu mají předponu --motiv- a žijí jen zde.

  Systém:
   - písmo: titulky systémový serif (bez stahování fontů), UI a text dědí Manrope webu / Inter na rubrikách CMS
   - zaoblení: S 6px (štítky, čipy) · M 10px (pole, tlačítka) · L 16px (karty, panely) · XL 22px (dialogy, velké bloky) · kruh 50 % (ikonová tlačítka)
   - elevace: 1 hairline · 2 karta najetí · 3 plovoucí panel · 4 dialog
   - pohyb: jen transform/opacity, vše vypnuto v prefers-reduced-motion: reduce
*/

/* ===== 0. Proměnné motivu ===== */
:root .re-site, :root main.font-inter, :root .re-cat-page, :root .re-header, :root .re-footer, :root .esh {
  --motiv-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", P052, Georgia, "Noto Serif", "Times New Roman", serif;
  --motiv-vino: #8a2c40;
  --motiv-vino-tmave: #6c2133;
  --motiv-vino-svetle: #f2a0a6;
  --motiv-krem: #f4eee3;
  --motiv-slonovina: #fbf8f2;
  --motiv-papir-karta: #ffffff;
  --motiv-linka: #ddd3c2;
  --motiv-linka-silna: #857a6c;
  --motiv-inkoust: #1d1a16;
  --motiv-tlumeny: #5a5249;
  --motiv-espresso: #15110f;
  --motiv-espresso-2: #221c19;
  --motiv-fokus: #a6541d;
  --motiv-r-s: 6px;
  --motiv-r-m: 10px;
  --motiv-r-l: 16px;
  --motiv-r-xl: 22px;
  --motiv-stin-1: 0 1px 0 rgba(29, 24, 21, .04), 0 1px 3px rgba(29, 24, 21, .06);
  --motiv-stin-2: 0 2px 4px rgba(29, 24, 21, .05), 0 18px 36px -22px rgba(29, 24, 21, .38);
  --motiv-stin-3: 0 4px 10px rgba(29, 24, 21, .08), 0 30px 60px -30px rgba(29, 24, 21, .5);
  --motiv-stin-4: 0 10px 30px rgba(21, 17, 15, .22), 0 40px 90px -40px rgba(21, 17, 15, .6);
  --motiv-ease: cubic-bezier(.22, .61, .36, 1);
}

/* Na světlých plochách obalu Royal je akcent hlubší víno; na tmavých plochách světlejší (kontrast v QA kap. 7) */
:root .re-site {
  --red: #8a2c40;
}
:root .re-site .re-site-header, :root .re-site .re-dark, :root .re-site .re-footer, :root .re-site .re-mobile-menu,
:root .re-site .re-hero, :root .re-site .re-mega-menu, :root .re-site .re-feature-photo, :root .re-site .re-compare-dock {
  --red: #c24a5c;
}

/* ===== 1. Typografie ===== */
:root .re-site :is(h1, h2, h3),
:root .re-site .esh :is(h1, h2, h3),
:root .re-site .esh .esh-karta__nazev,
:root .re-site .esh h3.esh-karta__nazev,
:root .re-site .esh h2.esh-karta__nazev {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.012em;
  font-feature-settings: "kern", "liga", "onum" 0;
}

:root .re-site :is(h1, h2) {
  line-height: 1.06;
}

/* Malé verzálkové popisky boku katalogu zůstávají v UI písmu (serif ve verzálkách 12 px je méně čitelný) */
:root .re-site .esh h2.esh-bok__nadpis,
:root .re-site .esh .esh-bok__nadpis {
  font-family: inherit;
  font-weight: 800;
  letter-spacing: .14em;
}

:root .re-site .esh h1.esh-katalog__titulek,
:root .re-site .esh h1.esh-panel__nazev {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.015em;
  text-transform: none;
}

:root .re-site .esh .esh-karta__nazev,
:root .re-site .esh h2.esh-karta__nazev,
:root .re-site .esh h3.esh-karta__nazev {
  font-size: calc(16.5px + 16.5 * var(--esh-s));
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: 0;
  text-transform: none;
}

:root .re-site .re-eyebrow,
:root .re-site .esh .esh-nadtitulek,
:root .re-site .esh .esh-karta__vyrobce {
  letter-spacing: .16em;
}

:root .re-site .re-lead {
  font-family: var(--motiv-serif);
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
}

:root .re-site .re-article-title > p {
  font-family: var(--motiv-serif);
  font-style: italic;
  font-size: calc(21px + 21 * var(--fzd));
  line-height: 1.45;
}
:root .re-site .esh .esh-pf-vstup__claim {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.015em;
}

/* Ceny: tabulková čísla, nikdy nelámat */
:root .re-site .esh .esh-cena,
:root .re-site .esh .esh-cena-puvodni,
:root .re-site .esh .esh-cena--velka {
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap;
}

/* ===== 2. Fokus (viditelný všude, na tmavých plochách světlý) ===== */
:root .re-site :focus-visible,
:root main.font-inter :focus-visible,
:root .re-cat-page :focus-visible {
  outline: 3px solid var(--motiv-fokus);
  outline-offset: 3px;
}
:root .re-site .re-site-header :focus-visible, :root .re-site .re-footer :focus-visible, :root .re-site .re-dark :focus-visible,
:root .re-site .re-mobile-menu :focus-visible, :root .re-site .esh.esh-tit :focus-visible, :root .re-header :focus-visible,
:root .re-footer :focus-visible, :root .re-cat-page .re-mosaic-item:focus-visible {
  outline-color: var(--motiv-vino-svetle);
}

:root .re-site ::selection, :root main.font-inter ::selection {
  background: #ecd3d6;
  color: var(--motiv-inkoust);
}

/* ===== 3. Obal: hlavička a patička ===== */
:root .re-site .re-site-header {
  box-shadow: inset 0 -1px 0 rgba(242, 160, 166, .28);
}

:root .re-site .re-topbar {
  background: #ebe3d4;
  color: var(--motiv-inkoust);
}

:root .re-site .esh-hl__pocet {
  font-variant-numeric: tabular-nums;
}

/* Tlačítka Royal: jednotné zaoblení M, varianty zopakované (barvy-natvrdo.md, Varianty tlačítek) */
:root .re-site .re-btn {
  border-radius: var(--motiv-r-m);
  letter-spacing: .02em;
}
:root .re-site .re-btn:not(.re-btn-outline):not(.re-btn-black):not(.re-btn-light):not(.re-btn--outline):not(.re-btn--filled):hover {
  background: var(--motiv-vino-tmave);
}
:root .re-site .re-dark .re-btn:not(.re-btn-outline):not(.re-btn-black):not(.re-btn-light):not(.re-btn--outline):not(.re-btn--filled),
:root .re-site .re-hero .re-btn:not(.re-btn-outline):not(.re-btn-black):not(.re-btn-light):not(.re-btn--outline):not(.re-btn--filled) {
  background: #9b3347;
}
:root .re-site .re-btn.re-btn-outline {
  border-color: var(--motiv-linka-silna);
  background: transparent;
}
:root .re-site .re-btn.re-btn-outline:hover {
  background: #ece3d4;
}
:root .re-site .re-dark .re-btn.re-btn-outline, :root .re-site .re-hero .re-btn.re-btn-outline, :root .re-site .re-feature-photo .re-btn.re-btn-outline {
  border-color: rgba(255, 248, 236, .6);
  color: #fffaf2;
}
:root .re-site .re-dark .re-btn.re-btn-outline:hover, :root .re-site .re-hero .re-btn.re-btn-outline:hover {
  background: rgba(255, 248, 236, .1);
}
:root .re-site .re-btn.re-btn-black {
  background: var(--motiv-espresso);
  color: #fffaf2;
}
:root .re-site .re-btn.re-btn-black:hover {
  background: #3a302a;
}
:root .re-site .re-btn.re-btn-light {
  background: var(--motiv-slonovina);
  color: var(--motiv-inkoust);
}
:root .re-site .re-btn.re-btn-light:hover {
  background: #efe6d7;
}

:root .re-site .re-white {
  background: var(--motiv-slonovina);
}

/* Patička: espresso, editoriální titulky */
:root .re-site .re-footer {
  background: var(--motiv-espresso);
  border-top: 3px solid var(--motiv-vino);
}
:root .re-site .re-footer .re-nlp__nadpis {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.01em;
}

/* Drobečky Royal a e-shop */
:root .re-site .re-breadcrumb a,
:root .re-site .esh .esh-drobky a {
  text-decoration-color: rgba(138, 44, 64, .45);
  text-underline-offset: 4px;
}

/* Newsletter v patičce (.re-nlp) a vyskakovací newsletter (.re-nl, mimo .re-site): víno místo signální červené */
:root .re-nlp .re-nlp__nadpis,
:root .re-nl .re-nl-oci {
  color: var(--motiv-vino-svetle);
}
:root .re-nlp .re-nlp__nadpis {
  font-family: var(--motiv-serif);
  font-weight: 600;
}
:root .re-nlp .mmc-form__row input[type=email],
:root .re-nl .mmc-form__row input[type=email], :root .re-nl .mmc-form__row input[type=text] {
  background: #1f1a17;
  border: 1px solid #8a7e72;
  border-radius: var(--motiv-r-m);
  color: #fffaf2;
}
:root .re-nlp .mmc-form__row input[type=email]:focus,
:root .re-nl .mmc-form__row input:focus {
  border-color: var(--motiv-vino-svetle);
}
:root .re-nlp .mmc-form__btn,
:root .re-nl .mmc-form__btn {
  background: #9b3347;
  color: #fffaf2;
  border-radius: var(--motiv-r-m);
}
:root .re-nlp .mmc-form__consent input,
:root .re-nl .mmc-form__consent input {
  accent-color: #c24a5c;
}
:root .re-nlp .mmc-form__consent > label,
:root .re-nl .mmc-form__consent label,
:root .re-nl .mmc-form__row label {
  color: #b9ae9f;
}
:root .re-nl {
  background: #1d1815;
  border-radius: var(--motiv-r-xl);
  overflow: hidden;
  box-shadow: var(--motiv-stin-4);
}
:root .re-nl .re-nl-telo h2, :root .re-nl h2, :root .re-nl h3 {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.01em;
}
:root .re-nl p.re-nl-perex {
  color: #d8cdbd;
}
:root .re-nl .re-nl-pozn {
  color: #a89d8e;
}
:root .re-nl .re-nl-zavrit {
  border-color: rgba(255, 248, 236, .4);
  background: rgba(21, 17, 15, .6);
}
@media (hover: hover) {
  :root .re-nlp .mmc-form__btn:hover,
  :root .re-nl .mmc-form__btn:hover {
    background: #7f2437;
  }
  :root .re-nl .re-nl-zavrit:hover {
    background: #9b3347;
    border-color: #9b3347;
  }
}

/* Cookie lišta a dialog (html body #… má vyšší specifičnost, proto celý selektor s html:root) */
html:root body #cookie-initial-banner {
  background: rgba(21, 17, 15, .97);
  border-top: 1px solid rgba(242, 160, 166, .3);
}
html:root body #cookie-initial-banner .banner-buttons #cookie-accept-all-banner:hover {
  background: #7f2437;
  border-color: #7f2437;
}
html:root body #cookie-settings-modal {
  background: #1d1815;
  border-radius: var(--motiv-r-xl);
}
html:root body #cookie-settings-modal .cookie-buttons button:hover {
  background: #7f2437;
  border-color: #7f2437;
}
html:root body #cookie-settings-modal input:disabled:checked+.slider {
  background: #6c2133;
}

/* ===== 4. E-shop: povrchy, pole, tlačítka ===== */
:root .re-site .esh .esh-pole {
  border-radius: var(--motiv-r-m);
  background: #fff;
}
:root .re-site .esh .esh-pole:focus-visible {
  border-color: var(--motiv-inkoust);
  box-shadow: 0 0 0 4px rgba(166, 84, 29, .16);
}

:root .re-site .esh .esh-tlacitko {
  border-radius: var(--motiv-r-m);
  letter-spacing: .02em;
}
:root .re-site .esh .esh-tlacitko.esh-tlacitko--cerne {
  background: var(--esh-night);
  color: #fffaf2;
}
:root .re-site .esh .esh-tlacitko.esh-tlacitko--obrys {
  border-color: var(--esh-line-strong);
  color: var(--esh-ink);
  background: transparent;
}
:root .re-site .esh .esh-tlacitko.esh-tlacitko--koupit {
  letter-spacing: .06em;
}
@media (hover: hover) {
  :root .re-site .esh .esh-tlacitko.esh-tlacitko--cerne:hover {
    background: #3a302a;
    color: #fffaf2;
  }
  :root .re-site .esh .esh-tlacitko.esh-tlacitko--obrys:hover {
    background: #efe6d7;
    color: var(--esh-ink);
  }
}

/* Hledání v pásu nad obchodem */
:root .re-site .esh-hledani-pas .esh-hledani__pole,
:root .re-site .esh .esh-hledani__pole {
  border-radius: var(--motiv-r-m);
}
:root .re-site .esh-hledani-pas .esh-hledani__tlacitko,
:root .re-site .esh .esh-hledani__tlacitko {
  border-radius: var(--motiv-r-m);
}

/* ===== 5. Karta produktu: paspartu, celé foto, serifový název ===== */
:root .re-site .esh .esh-karta {
  border-radius: var(--motiv-r-l);
  background: var(--motiv-papir-karta);
  box-shadow: var(--motiv-stin-1);
  outline: 1px solid rgba(221, 211, 194, .9);
  outline-offset: -1px;
  transition: box-shadow .28s var(--motiv-ease), transform .28s var(--motiv-ease);
}
:root .re-site .esh .esh-karta__foto {
  margin: 8px 8px 0;
  border-radius: 11px;
  background: var(--esh-foto);
}
:root .re-site .esh .esh-karta__foto img {
  object-fit: contain;
  padding: 6%;
}
:root .re-site .esh .esh-karta__info {
  padding-inline: 14px;
  padding-bottom: 14px;
}
:root .re-site .esh .esh-karta__zobrazit {
  border-radius: var(--motiv-r-m);
  background: rgba(29, 24, 21, .94);
}
@media (hover: hover) {
  :root .re-site .esh .esh-karta:hover {
    box-shadow: var(--motiv-stin-2);
  }
}

:root .re-site .esh .esh-ikontl {
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 0 0 1px rgba(133, 122, 108, .35), 0 2px 6px rgba(29, 24, 21, .1);
}
:root .re-site .esh .esh-ikontl.esh-ikontl--kosik {
  background: var(--esh-red);
  color: #fffaf2;
  box-shadow: none;
}
@media (hover: hover) {
  :root .re-site .esh .esh-ikontl.esh-ikontl--kosik:hover {
    background: var(--esh-red-dark);
    color: #fffaf2;
  }
}
:root .re-site .esh .esh-ikontl.esh-ikontl--kosik.is-aktivni {
  background: var(--esh-green);
}

:root .re-site .esh .esh-procenta {
  border-radius: var(--motiv-r-s);
}

/* ===== 6. Katalog a filtr ===== */
:root .re-site .esh h1.esh-katalog__titulek {
  font-size: clamp(40px, 4.4vw, 88px);
  line-height: 1.02;
}
:root .re-site .esh.esf .esf-panel {
  border-radius: var(--esf-radius);
}
:root .re-site .esh .esh-strankovani a,
:root .re-site .esh .esh-strankovani span {
  border-radius: var(--motiv-r-m);
}

/* ===== 7. Detail produktu ===== */
:root .re-site .esh h1.esh-panel__nazev {
  font-size: calc(30px + 30 * var(--esh-s));
  line-height: 1.1;
}
:root .re-site .esh .eshd-galerie-obal,
:root .re-site .esh .esh-galerie {
  border-radius: var(--motiv-r-l);
}
:root .re-site .esh .esh-galerie__dlazdice img,
:root .re-site .esh .eshd-foto {
  object-fit: contain;
}
:root .re-site .esh .esh-nahled {
  border-radius: var(--motiv-r-m);
  overflow: hidden;
}
:root .re-site .esh .esh-nahled img {
  object-fit: contain;
  background: #fff;
}
:root .re-site .esh .eshd-varianta {
  border-radius: var(--motiv-r-m);
}
:root .re-site .esh .eshd-dodani,
:root .re-site .esh .eshd-sklady {
  border-radius: var(--motiv-r-l);
}
:root .re-site .esh .esh-akcetl {
  border-radius: var(--motiv-r-m);
}
:root .re-site .esh .esh-mnozstvi {
  border-radius: var(--motiv-r-m);
}
:root .re-site .esh .eshd-sekce__nadpis {
  font-family: var(--motiv-serif);
  font-weight: 600;
}
:root .re-site .esh .esh-popis {
  max-width: 68ch;
}

/* ===== 8. Košík ===== */
:root .re-site .esh .esh-kosik-titulek {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.015em;
}

/* ===== 9. Magazín a návody (obal Royal) ===== */
:root .re-site .re-article-title h1 {
  font-weight: 600;
  letter-spacing: -.02em;
}
:root .re-site .re-article-body {
  font-size: calc(18px + 18 * var(--fzd));
  line-height: 1.72;
}
:root .re-site .re-article-body > :is(p, ul, ol, blockquote, h2, h3, table, figure) {
  max-width: 68ch;
}
:root .re-site .re-article-body h2 {
  margin-top: 1.4em;
  font-size: clamp(28px, 2.4vw, 42px);
}
:root .re-site .re-article-body > p:first-of-type::first-letter {
  float: left;
  margin: .08em .08em 0 0;
  color: var(--motiv-vino);
  font-family: var(--motiv-serif);
  font-size: 3.4em;
  font-weight: 600;
  line-height: .82;
}
:root .re-site .re-article-body blockquote {
  margin-inline: 0;
  padding: 4px 0 4px 22px;
  border-left: 3px solid var(--motiv-vino);
  font-family: var(--motiv-serif);
  font-style: italic;
  font-size: 1.15em;
}
:root .re-site .re-article-card {
  border-radius: var(--motiv-r-l);
  overflow: hidden;
}
:root .re-site .re-article-card .re-article-photo img {
  transition: transform .6s var(--motiv-ease);
}

/* ===== 10. Rubriky a články CMS (mimo obal Royal; 03-KONTRAKT kap. 16) ===== */
:root .re-header {
  background: var(--motiv-espresso);
  border-bottom: 1px solid rgba(242, 160, 166, .28);
}
:root .re-mobile-menu {
  background: var(--motiv-espresso-2);
}
:root .re-footer {
  background-color: var(--motiv-espresso);
}
:root .re-footer .re-footer-credits {
  color: #b9ae9f;
}
:root .re-footer .re-footer-credits a {
  color: #d8cdbd;
}

/* cat_two, cat_three, cat_noicon, post_modern: krémový papír místo bílé */
:root main.font-inter {
  background-color: var(--motiv-krem);
  color: var(--motiv-inkoust);
}
:root main.font-inter .bg-white {
  background-color: var(--motiv-papir-karta);
}
:root main.font-inter .bg-gray-50 {
  background-color: var(--motiv-slonovina);
}
:root main.font-inter .text-gray-900,
:root main.font-inter .text-gray-800 {
  color: var(--motiv-inkoust);
}
:root main.font-inter .text-gray-600,
:root main.font-inter .text-gray-500 {
  color: var(--motiv-tlumeny);
}
:root main.font-inter .text-blue-600,
:root main.font-inter [class~="hover:text-blue-600"]:hover {
  color: var(--motiv-vino);
}
:root main.font-inter .border-gray-100,
:root main.font-inter .border-gray-200,
:root main.font-inter .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--motiv-linka);
}
:root main.font-inter :is(h1, h2, h3) {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.012em;
}
:root main.font-inter h1 {
  line-height: 1.05;
}
:root main.font-inter nav a {
  text-underline-offset: 4px;
}

/* Novinky (cat_two), Zajímavosti (cat_three), bez ikon (cat_noicon): karty jako listy papíru */
:root main.font-inter .featured-card,
:root main.font-inter .post-card,
:root main.font-inter .sidebar-card {
  background-color: var(--motiv-papir-karta);
  border: 1px solid var(--motiv-linka);
  box-shadow: var(--motiv-stin-1);
  transition: box-shadow .28s var(--motiv-ease), transform .28s var(--motiv-ease);
}
:root main.font-inter .featured-card {
  border-radius: var(--motiv-r-xl);
}
:root main.font-inter .post-card,
:root main.font-inter .sidebar-card {
  border-radius: var(--motiv-r-l);
}
:root main.font-inter .featured-card h2,
:root main.font-inter .featured-card h3 {
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.08;
}
:root main.font-inter .post-card:hover,
:root main.font-inter .featured-card:hover {
  box-shadow: var(--motiv-stin-2);
}
:root main.font-inter .sidebar-card:hover {
  background-color: var(--motiv-slonovina);
}
:root main.font-inter .post-meta-item {
  color: var(--motiv-tlumeny);
}
:root main.font-inter .loader {
  border-color: var(--motiv-linka);
  border-top-color: var(--motiv-vino);
}

/* Detail článku CMS (post_modern): čtecí sloupec 45–80 znaků, serifový perex */
:root main.font-inter .article-body {
  max-width: 68ch;
  margin-inline: auto;
  font-size: 18px;
  line-height: 1.75;
  color: var(--motiv-inkoust);
}
:root main.font-inter .article-body :is(h2, h3) {
  margin-top: 1.4em;
  font-family: var(--motiv-serif);
}
:root main.font-inter .article-body a {
  color: var(--motiv-vino);
  text-decoration: underline;
  text-underline-offset: 3px;
}
:root main.font-inter .article-body blockquote {
  margin-inline: 0;
  padding-left: 22px;
  border-left: 3px solid var(--motiv-vino);
  font-family: var(--motiv-serif);
  font-style: italic;
}
:root main.font-inter .article-body table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}
:root main.font-inter .article-body :is(th, td) {
  padding: 8px 12px;
  border-bottom: 1px solid var(--motiv-linka);
}
:root main.font-inter .article-body img,
:root main.font-inter .gallery-item {
  border-radius: var(--motiv-r-m);
}

/* Sdílení: klidné kruhy v barvách motivu, ikona sítě zůstává rozpoznatelná */
:root main.font-inter .social-share-button {
  width: 48px;
  height: 48px;
  border: 1px solid var(--motiv-linka-silna);
  color: var(--motiv-inkoust);
  background-color: var(--motiv-papir-karta);
  box-shadow: var(--motiv-stin-1);
  transition: transform .2s var(--motiv-ease), background-color .2s var(--motiv-ease), color .2s var(--motiv-ease);
}
:root main.font-inter .social-share-button.ssb-facebook,
:root main.font-inter .social-share-button.ssb-twitter,
:root main.font-inter .social-share-button.ssb-linkedin,
:root main.font-inter .social-share-button.ssb-whatsapp,
:root main.font-inter .social-share-button.ssb-mail,
:root main.font-inter .social-share-button.ssb-copy {
  background-color: var(--motiv-papir-karta);
  color: var(--motiv-inkoust);
}
:root main.font-inter .social-share-button:hover {
  background-color: var(--motiv-vino);
  color: #fffaf2;
}

/* Blog (cat_classic): mozaika zůstává mozaikou, stránka dostane krémový papír a serifové titulky */
:root main.re-cat-page {
  background-color: var(--motiv-krem);
  color: var(--motiv-inkoust);
}
:root main.re-cat-page .re-cat-title {
  color: var(--motiv-inkoust);
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: -.015em;
}
:root main.re-cat-page .re-mosaic-item {
  border-radius: var(--motiv-r-l);
  overflow: hidden;
  background: var(--motiv-espresso);
  box-shadow: var(--motiv-stin-2);
}
:root main.re-cat-page .re-mosaic-shade {
  background: linear-gradient(to top, rgba(21, 17, 15, .94) 0%, rgba(21, 17, 15, .55) 45%, rgba(21, 17, 15, .08) 100%);
}
:root main.re-cat-page .re-mosaic-title {
  font-family: var(--motiv-serif);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #fffaf2;
}
:root main.re-cat-page .re-empty {
  border-color: var(--motiv-linka-silna);
  color: var(--motiv-tlumeny);
}

/* ===== 11. Efekty (jen CSS, jen při povoleném pohybu) ===== */
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
    :root .re-site .esh .esh-karta:hover {
      transform: translateY(-3px);
    }
    :root .re-site .re-article-card:hover .re-article-photo img {
      transform: scale(1.03);
    }
    :root main.font-inter .post-card:hover,
    :root main.font-inter .featured-card:hover {
      transform: translateY(-3px);
    }
    :root main.font-inter .social-share-button:hover {
      transform: translateY(-2px);
    }
}
@media (prefers-reduced-motion: reduce) {
  :root .re-site .esh .esh-karta,
  :root main.font-inter .post-card,
  :root main.font-inter .featured-card,
  :root main.font-inter .social-share-button,
  :root .re-site .re-article-card .re-article-photo img {
    transition: none;
    transform: none;
  }
}