/* ============================================================
   firemnikrabicky.cz — fk-docs-1.css — v1
   Reskin povinnych/textovych stranek do FK designu. CSS-only.
   Port ze skinspecialist ss-docs-12.css + ss-kontakt-1.css
   (paleta FK, Aspekta, zadna kurziva, radius 999/18/26).

   POKRYTE STRANKY:
     /jak-nakupovat/                     body.in-jak-nakupovat (type-page)
     /obchodni-podminky/                 body.in-obchodni-podminky (type-page)
     /podminky-ochrany-osobnich-udaju/   body.in-podminky-ochrany-osobnich-udaju (type-page)
     /doprava-a-platba/                  body.in-doprava-a-platba (type-page)
     /kontakt/                           body.in-kontakt (type-page, formContact)
     /reklamace-a-vraceni/               body.in-reklamace-a-vraceni (type-posts-listing!)
     /reklamace-a-vraceni/<clanek>/      body.in-reklamace-a-vraceni (type-post)
     + JAKAKOLI budouci staticka Stranka (genericky type-page vzhled)

   SCOPE (pouceni ze ss-docs v11): genericke type-page selektory MUSI
   vylucovat custom type-page stranky -> :not(.in-login):not(.in-registrace)
   :not(.in-404). Login/registrace resi fk-login-1.css, 404 resi fk-404-1.css.
   Pri vzniku dalsi custom type-page stranky pridat dalsi :not(.in-slug)!

   ZAVISLOSTI:
     - fk-fonts-1.css (Aspekta base64) musi byt linknuta v Zahlavi PRED timto
       souborem (uz je, 1. link) - tento soubor font NEdeklaruje.
     - fk-legacy-1.css (.doprava-row mrizka) - NEBOJUJEME s ni, jen doplnujeme
       barvy/karty. Tento soubor linkovat AZ PO fk-legacy-1.css.

   PAST (jaspis.css, sablona addon): `div, p, a, input { font-family:
   'Nunito' !important }` - kazdy font-family na div/p/a/input MUSI mit
   !important, jinak vsechen text jede v Nunito. Proto !important i tam,
   kde by jinak stacila normalni deklarace.

   DEPLOY: upload /user/documents/upload/fk-docs-1.css
           + <link rel="stylesheet" href="/user/documents/upload/fk-docs-1.css?v=1">
           do Zahlavi (za fk-legacy-1.css).
   ============================================================ */


/* ============================================================
   1) PLATNO + FRAME - genericky type-page (docs)
   ============================================================ */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) {
  background: #F4F0E6 !important;
}

body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #content-wrapper,
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .content-wrapper-in,
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) main#content.content {
  background: transparent !important;
  box-shadow: none !important;
}

/* Sidebar pryc (stejne jako fk-login-1) + obsah na plnou sirku */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .sidebar,
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) aside.sidebar-left {
  display: none !important;
}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) main#content.content {
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  float: none !important;
  padding: 0 !important; /* nativni padding-left 35px = mezera po (skrytem) sidebaru */
}
/* nativni .content-inner ma max-width 800px BEZ auto marginu -> obsah nalepeny
   vlevo; roztahnout, centrovani resi karta sama (margin auto) */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) main#content .content-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Drobecky: bily pruh -> cisty sand (stejne jako fk-login-1) */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .breadcrumbs-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .breadcrumbs {
  background: transparent !important;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #6B7B6D;
}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .breadcrumbs a { color: #6B7B6D; }
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .breadcrumbs a:hover { color: #1A2B1C; }


/* ============================================================
   2) KREMOVA KARTA OBSAHU - article.pageArticleDetail
   ============================================================ */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail {
  box-sizing: border-box;
  max-width: 880px;
  margin: clamp(24px, 3.5vw, 48px) auto clamp(64px, 7vw, 104px);
  background: #FBF8F0;
  border: 1px solid rgba(26, 43, 28, .08);
  border-radius: 26px;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 4.5vw, 64px) clamp(32px, 4.5vw, 60px);
  box-shadow: 0 24px 60px rgba(34, 57, 36, .08);
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #1A2B1C;
}

/* Sirsi karty: kontakt (2-sloupcove rows + mapa), doprava (cenove radky).
   POZOR: genericke pravidlo vyse ma diky :not() retezu specificitu (0,4,1)
   -> override musi mit stejny :not() retez, jinak prohraje. */
body.type-page.in-kontakt:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail { max-width: 1040px; }
body.type-page.in-doprava-a-platba:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail { max-width: 980px; }


/* ============================================================
   3) TITULEK STRANKY (H1 v header[itemprop=headline])
   ============================================================ */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail > header {
  margin: 0 0 clamp(24px, 3vw, 40px);
}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail > header > h1 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(30px, 4.2vw, 44px) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  color: #1A2B1C !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
/* zluty akcent pod titulkem (FK podpis) */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail > header > h1::after {
  content: '';
  display: block;
  width: 56px;
  height: 5px;
  border-radius: 999px;
  background: #E1B124;
  margin-top: 14px;
}


/* ============================================================
   4) TELO DOKUMENTU - typografie
   Sdileno pres :is() pro [itemprop=about] (type-page) i .news-item-detail
   .text (type-post clanky pod /reklamace-a-vraceni/).
   ============================================================ */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(15px, 1.05vw, 16.5px);
  line-height: 1.68;
  color: #1A2B1C;
}

:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) p {
  margin: 0 0 1.15em;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #1A2B1C;
}

:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(strong, b) {
  font-weight: 750;
  color: #1A2B1C;
}

/* Zadna kurziva v FK designu (pravidlo portu) - em/i prevest na normal + muted */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(em, i) {
  font-style: normal !important;
  font-family: inherit;
  color: #6B7B6D;
}


/* ============================================================
   5) NADPISY V DOKUMENTU
   Legal stranky vklada <h1> uprostred tela (jak-nakupovat: 7x h1)
   -> restyl na urovnove nadpisy. Inline span[style] font-size z TinyMCE
   v nadpisech neutralizujeme (kontakt h4 ma span 14pt).
   ============================================================ */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) h1 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(21px, 2.3vw, 27px) !important;
  font-weight: 750 !important;
  font-style: normal !important;
  letter-spacing: -.015em !important;
  line-height: 1.25 !important;
  color: #223924 !important;
  margin: clamp(32px, 3.6vw, 48px) 0 clamp(10px, 1.2vw, 14px) !important;
  padding: 0 !important;
  text-align: left !important;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) h2 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(19px, 2vw, 24px) !important;
  font-weight: 750 !important;
  font-style: normal !important;
  letter-spacing: -.01em !important;
  line-height: 1.3 !important;
  color: #223924 !important;
  margin: clamp(28px, 3.2vw, 44px) 0 clamp(10px, 1.2vw, 14px) !important;
  padding: 0 !important;
  text-align: left !important;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) h3 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(17px, 1.6vw, 20px) !important;
  font-weight: 750 !important;
  font-style: normal !important;
  color: #223924 !important;
  margin: clamp(24px, 2.6vw, 36px) 0 10px !important;
  padding: 0 !important;
  text-align: left !important;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) h4 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 750 !important;
  font-style: normal !important;
  color: #1A2B1C !important;
  margin: clamp(20px, 2.2vw, 30px) 0 8px !important;
  padding: 0 !important;
  text-align: left !important;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) h5 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  color: #1A2B1C !important;
  margin: clamp(20px, 2.2vw, 30px) 0 8px !important;
  padding: 0 !important;
}
/* TinyMCE inline font-size ve spanech uvnitr nadpisu prebiji nas font-size
   na elementu -> vynutit dedeni */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(h1, h2, h3, h4, h5) span[style] {
  font-size: inherit !important;
  font-family: inherit !important;
  color: inherit !important;
}


/* ============================================================
   6) SEZNAMY - zlata tecka (ul), forest citac (ol)
   ============================================================ */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(ul, ol) {
  margin: 0 0 1.3em;
  padding-left: clamp(20px, 2vw, 28px);
  list-style: none;
  counter-reset: fk-doc-counter;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) li {
  position: relative;
  margin: 0 0 .6em;
  padding-left: 4px;
  line-height: 1.62;
  color: #1A2B1C;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) ul > li::before {
  content: '';
  position: absolute;
  left: -18px;
  top: .58em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E1B124;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) ol > li {
  counter-increment: fk-doc-counter;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) ol > li::before {
  content: counter(fk-doc-counter) ".";
  position: absolute;
  left: -28px;
  top: 0;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: .95em;
  font-weight: 800;
  color: #223924;
  min-width: 22px;
  text-align: right;
}
/* vnorene seznamy - mensi/muted markery */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(ul ul, ol ul, ul ol, ol ol) {
  margin-top: .5em;
  margin-bottom: .5em;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) ul ul > li::before {
  background: #6B7B6D;
  width: 5px;
  height: 5px;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(ol ol, ul ol) > li::before {
  color: #6B7B6D;
}


/* ============================================================
   7) ODKAZY - wood-dk se zlatym podtrzenim
   ============================================================ */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) a {
  font-family: inherit !important;
  color: #6B5238;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(225, 177, 36, .65);
  transition: color .25s cubic-bezier(.4, 0, .2, 1),
              border-color .25s cubic-bezier(.4, 0, .2, 1);
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) a:hover,
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) a:focus-visible {
  color: #1A2B1C;
  border-bottom-color: #E1B124;
}
/* odkaz uvnitr nadpisu (kontakt: velke telefonni cislo) - bez podtrzeni */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(h1, h2, h3, h4, h5) a {
  color: #223924;
  border-bottom: 0;
  font-weight: inherit;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) :is(h1, h2, h3, h4, h5) a:hover {
  color: #C9971A;
}


/* ============================================================
   8) TABULKY / BLOCKQUOTE / IMG / HR / CODE
   ============================================================ */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) table {
  width: 100%;
  margin: clamp(18px, 2vw, 26px) 0;
  border-collapse: collapse;
  background: #FFFFFF;
  border: 1px solid rgba(26, 43, 28, .10);
  border-radius: 14px;
  overflow: hidden;
  font-size: .96em;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) th {
  background: #E6DFCD;
  padding: 12px 16px;
  text-align: left;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #1A2B1C;
  border-bottom: 1px solid rgba(26, 43, 28, .14);
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) td {
  padding: 13px 16px;
  border-bottom: 1px solid rgba(26, 43, 28, .08);
  vertical-align: top;
  line-height: 1.55;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) table tr:last-child td {
  border-bottom: 0;
}

:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) blockquote {
  margin: clamp(20px, 2.4vw, 32px) 0;
  padding: clamp(18px, 2vw, 26px) clamp(18px, 2vw, 30px);
  background: #F4F0E6;
  border-left: 3px solid #E1B124;
  border-radius: 0 12px 12px 0;
  font-size: .98em;
  line-height: 1.65;
  color: #1A2B1C;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) blockquote p:last-child {
  margin-bottom: 0;
}

:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: clamp(16px, 1.8vw, 24px) 0;
}

:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) hr {
  border: 0;
  height: 1px;
  background: rgba(26, 43, 28, .08);
  margin: clamp(26px, 3.2vw, 44px) 0;
}

:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) code {
  font-family: 'SF Mono', Menlo, Monaco, 'Courier New', monospace;
  font-size: .9em;
  padding: 2px 6px;
  background: #E6DFCD;
  border-radius: 6px;
  color: #1A2B1C;
}

/* iframe (mapa na kontaktu) */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) iframe {
  max-width: 100%;
  border-radius: 14px;
  display: block;
}


/* ============================================================
   9) DETAILS / SUMMARY (FAQ akordeon, pokud ho copy pouzije)
   ============================================================ */
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details {
  margin: 0 0 12px;
  background: #FFFFFF;
  border: 1px solid rgba(26, 43, 28, .10);
  border-radius: 14px;
  overflow: hidden;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details summary {
  cursor: pointer;
  list-style: none;
  padding: 16px 48px 16px 20px;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 750;
  color: #1A2B1C;
  position: relative;
  transition: background .25s cubic-bezier(.4, 0, .2, 1);
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details summary::-webkit-details-marker {
  display: none;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details summary::after {
  content: '';
  position: absolute;
  right: 22px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #E1B124;
  border-bottom: 2px solid #E1B124;
  transform: translateY(-70%) rotate(45deg);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details[open] summary::after {
  transform: translateY(-30%) rotate(-135deg);
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details summary:hover {
  background: #F4F0E6;
}
:is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
    body.in-reklamace-a-vraceni .news-item-detail .text) details > *:not(summary) {
  padding: 0 20px 16px;
}


/* ============================================================
   10) GENERICKY .btn V DOKUMENTU - pill forest
   (napr. tlacitka vlozena do copy; nativni btn-default)
   ============================================================ */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail .btn,
body.in-reklamace-a-vraceni .news-item-detail .btn,
body.in-reklamace-a-vraceni .next-prev .btn {
  display: inline-block;
  background: #223924 !important;
  background-image: none !important;
  color: #F4F0E6 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 30px !important;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 750 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background .25s cubic-bezier(.4, 0, .2, 1),
              transform .25s cubic-bezier(.4, 0, .2, 1);
}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail .btn:hover,
body.in-reklamace-a-vraceni .news-item-detail .btn:hover,
body.in-reklamace-a-vraceni .next-prev .btn:hover {
  background: #1A2B1C !important;
  color: #F4F0E6 !important;
  transform: translateY(-1px);
}


/* ============================================================
   11) KONTAKT - formular (nativni #formContact, vzor fk-login-1)
   ============================================================ */
body.type-page.in-kontakt #formContact {
  background: #FFFFFF;
  border: 1px solid rgba(26, 43, 28, .08);
  border-radius: 18px;
  padding: clamp(20px, 2.6vw, 34px);
  margin: 10px 0 0;
}
body.type-page.in-kontakt #formContact fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
body.type-page.in-kontakt #formContact .form-group {
  margin-bottom: clamp(14px, 1.6vw, 20px);
}
body.type-page.in-kontakt #formContact label {
  display: block;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #3c4a3d;
  margin-bottom: 7px;
}
body.type-page.in-kontakt #formContact .required-asterisk::after {
  content: ' *';
  color: #C9971A;
}
body.type-page.in-kontakt #formContact .form-control {
  width: 100%;
  box-sizing: border-box;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 15px;
  color: #1A2B1C;
  background: #FFFFFF;
  border: 1px solid rgba(26, 43, 28, .16);
  border-radius: 999px;
  padding: 12px 20px;
  height: auto;
  box-shadow: none;
  transition: border-color .2s cubic-bezier(.4, 0, .2, 1),
              box-shadow .2s cubic-bezier(.4, 0, .2, 1);
}
body.type-page.in-kontakt #formContact textarea.form-control {
  border-radius: 18px;
  resize: vertical;
  min-height: 140px;
}
body.type-page.in-kontakt #formContact .form-control:focus {
  border-color: #E1B124;
  box-shadow: 0 0 0 4px rgba(225, 177, 36, .18);
  outline: none;
}
body.type-page.in-kontakt #formContact .form-control::placeholder { color: #6B7B6D; }
body.type-page.in-kontakt #formContact .js-validated-element-wrapper.has-error .form-control {
  border-color: #C0392B;
  box-shadow: 0 0 0 4px rgba(192, 57, 43, .12);
}
body.type-page.in-kontakt #formContact .consents,
body.type-page.in-kontakt #formContact .consents label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  color: #6B7B6D;
}
body.type-page.in-kontakt #formContact .consents a {
  color: #6B5238;
  font-weight: 600;
  border-bottom: 1px solid rgba(225, 177, 36, .65);
}
body.type-page.in-kontakt #formContact .no-display { display: none !important; }
body.type-page.in-kontakt #formContact .submit-wrapper { margin: 18px 0 0; }
body.type-page.in-kontakt #formContact input[type="submit"] {
  display: inline-block;
  width: auto;
  background: #E1B124 !important;
  background-image: none !important;
  color: #1A2B1C !important;
  border: 0;
  border-radius: 999px;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 15.5px;
  font-weight: 800;
  padding: 14px 38px;
  cursor: pointer;
  text-transform: none;
  box-shadow: none;
  transition: background .25s cubic-bezier(.4, 0, .2, 1),
              transform .25s cubic-bezier(.4, 0, .2, 1);
}
body.type-page.in-kontakt #formContact input[type="submit"]:hover {
  background: #EBC23E !important;
  color: #1A2B1C !important;
  transform: translateY(-1px);
}


/* ============================================================
   12) DOPRAVA A PLATBA - doplnek k fk-legacy-1.css (.doprava-row)
   Legacy drzi mrizku (flex, sirky, padding) - tady JEN barvy, karta,
   radiusy a chybejici horni linka po h2. NEprepisovat layout!
   ============================================================ */
body.type-page.in-doprava-a-platba .doprava-row {
  background: #FFFFFF;
  border-color: rgba(26, 43, 28, .10);
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
/* legacy dava border-top jen :first-of-type -> skupiny za h2 horni linku
   nemaji; doplnime ji */
body.type-page.in-doprava-a-platba [itemprop="about"] h2 + .doprava-row {
  border-top: 1px solid rgba(26, 43, 28, .10);
}
/* radiusy: prvni radek skupiny nahore, posledni radek skupiny dole */
body.type-page.in-doprava-a-platba .doprava-row:first-of-type,
body.type-page.in-doprava-a-platba [itemprop="about"] h2 + .doprava-row {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
body.type-page.in-doprava-a-platba .doprava-row:not(:has(+ .doprava-row)) {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
/* obsah radku */
body.type-page.in-doprava-a-platba .doprava-row .shipping-billing-name {
  font-weight: 750;
  color: #1A2B1C;
}
body.type-page.in-doprava-a-platba .doprava-row img {
  margin: 0;
  border-radius: 8px;
  max-width: 100%;
  height: auto;
}
body.type-page.in-doprava-a-platba .doprava-row .payment-shipping-price b {
  color: #223924;
  font-weight: 800;
}
body.type-page.in-doprava-a-platba .doprava-row .payment-shipping-price small {
  color: #6B7B6D;
}
/* mobil: mrizka z legacy (width 40 % + flex-basis 140px) se na uzkem
   viewportu lame - preskladame radek do prehledneho sloupce */
@media (max-width: 640px) {
  body.type-page.in-doprava-a-platba .doprava-row {
    row-gap: 10px;
  }
  body.type-page.in-doprava-a-platba .doprava-row .payment-info {
    width: 100% !important;
    padding: 0 !important;
    order: 0;
  }
  body.type-page.in-doprava-a-platba .doprava-row .payment-logo {
    width: 96px !important;
    flex-basis: 96px !important;
  }
  body.type-page.in-doprava-a-platba .doprava-row .payment-shipping-price {
    width: auto !important;
    flex-basis: auto !important;
    flex: 1 1 auto !important;
    padding-left: 14px !important;
  }
}


/* ============================================================
   13) REKLAMACE A VRACENI - vypis clanku (type-posts-listing)
   ============================================================ */
body.type-posts-listing.in-reklamace-a-vraceni {
  background: #F4F0E6 !important;
}
body.type-posts-listing.in-reklamace-a-vraceni #content-wrapper,
body.type-posts-listing.in-reklamace-a-vraceni .content-wrapper-in,
body.type-posts-listing.in-reklamace-a-vraceni main#content.content {
  background: transparent !important;
  box-shadow: none !important;
}
body.type-posts-listing.in-reklamace-a-vraceni .sidebar,
body.type-posts-listing.in-reklamace-a-vraceni aside.sidebar-left {
  display: none !important;
}
body.type-posts-listing.in-reklamace-a-vraceni main#content.content {
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  float: none !important;
  padding: 0 !important;
}
body.type-posts-listing.in-reklamace-a-vraceni .breadcrumbs-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.type-posts-listing.in-reklamace-a-vraceni .breadcrumbs {
  background: transparent !important;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #6B7B6D;
}
body.type-posts-listing.in-reklamace-a-vraceni .breadcrumbs a { color: #6B7B6D; }
body.type-posts-listing.in-reklamace-a-vraceni .breadcrumbs a:hover { color: #1A2B1C; }

body.type-posts-listing.in-reklamace-a-vraceni main#content .content-inner {
  max-width: 880px !important; /* nativni 800px bez auto marginu -> prebit */
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 auto !important;
  padding: clamp(24px, 3.5vw, 48px) 0 clamp(64px, 7vw, 104px) !important;
}
body.type-posts-listing.in-reklamace-a-vraceni .sectionDescription {
  margin: 0 0 clamp(24px, 3vw, 40px);
}
body.type-posts-listing.in-reklamace-a-vraceni .sectionDescription h1 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(30px, 4.2vw, 44px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.08 !important;
  color: #1A2B1C !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.type-posts-listing.in-reklamace-a-vraceni .sectionDescription h1::after {
  content: '';
  display: block;
  width: 56px;
  height: 5px;
  border-radius: 999px;
  background: #E1B124;
  margin-top: 14px;
}

/* karty clanku */
body.type-posts-listing.in-reklamace-a-vraceni #newsWrapper {
  display: grid;
  gap: 16px;
}
body.type-posts-listing.in-reklamace-a-vraceni .news-item {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background: #FBF8F0;
  border: 1px solid rgba(26, 43, 28, .08);
  border-radius: 18px;
  padding: clamp(20px, 2.6vw, 30px) clamp(20px, 3vw, 34px);
  margin: 0;
  box-shadow: 0 10px 28px rgba(34, 57, 36, .06);
  transition: transform .35s cubic-bezier(.4, 0, .2, 1),
              border-color .35s cubic-bezier(.4, 0, .2, 1),
              box-shadow .35s cubic-bezier(.4, 0, .2, 1),
              background .35s cubic-bezier(.4, 0, .2, 1);
}
body.type-posts-listing.in-reklamace-a-vraceni .news-item:hover {
  transform: translateY(-3px);
  background: #FFFFFF;
  border-color: rgba(26, 43, 28, .14);
  box-shadow: 0 18px 44px rgba(34, 57, 36, .10);
}
body.type-posts-listing.in-reklamace-a-vraceni .news-item .text { padding: 0; }
body.type-posts-listing.in-reklamace-a-vraceni .news-item a.title {
  display: inline-block;
  position: relative;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(18px, 1.8vw, 21px);
  font-weight: 750;
  letter-spacing: -.01em;
  color: #1A2B1C;
  text-decoration: none;
  margin: 0 0 8px;
  transition: color .25s cubic-bezier(.4, 0, .2, 1);
}
body.type-posts-listing.in-reklamace-a-vraceni .news-item a.title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: #E1B124;
  transition: width .3s cubic-bezier(.4, 0, .2, 1);
}
body.type-posts-listing.in-reklamace-a-vraceni .news-item:hover a.title::after {
  width: 100%;
}
body.type-posts-listing.in-reklamace-a-vraceni .news-item .description,
body.type-posts-listing.in-reklamace-a-vraceni .news-item .description p {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 15px;
  line-height: 1.6;
  color: #6B7B6D;
  margin: 0;
}
body.type-posts-listing.in-reklamace-a-vraceni .listingControls {
  margin-top: 18px;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 13px;
  color: #6B7B6D;
}


/* ============================================================
   14) REKLAMACE A VRACENI - detail clanku (type-post)
   ============================================================ */
body.type-post.in-reklamace-a-vraceni {
  background: #F4F0E6 !important;
}
body.type-post.in-reklamace-a-vraceni #content-wrapper,
body.type-post.in-reklamace-a-vraceni .content-wrapper-in,
body.type-post.in-reklamace-a-vraceni main#content.content {
  background: transparent !important;
  box-shadow: none !important;
}
body.type-post.in-reklamace-a-vraceni .sidebar,
body.type-post.in-reklamace-a-vraceni aside.sidebar-left {
  display: none !important;
}
body.type-post.in-reklamace-a-vraceni main#content.content {
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  float: none !important;
  padding: 0 !important;
}
body.type-post.in-reklamace-a-vraceni main#content .content-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.type-post.in-reklamace-a-vraceni .breadcrumbs-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
body.type-post.in-reklamace-a-vraceni .breadcrumbs {
  background: transparent !important;
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #6B7B6D;
}
body.type-post.in-reklamace-a-vraceni .breadcrumbs a { color: #6B7B6D; }
body.type-post.in-reklamace-a-vraceni .breadcrumbs a:hover { color: #1A2B1C; }

body.type-post.in-reklamace-a-vraceni .news-item-detail {
  box-sizing: border-box;
  max-width: 880px;
  margin: clamp(24px, 3.5vw, 48px) auto clamp(40px, 4vw, 56px);
  background: #FBF8F0;
  border: 1px solid rgba(26, 43, 28, .08);
  border-radius: 26px;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 4.5vw, 64px) clamp(32px, 4.5vw, 60px);
  box-shadow: 0 24px 60px rgba(34, 57, 36, .08);
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #1A2B1C;
}
body.type-post.in-reklamace-a-vraceni .news-item-detail h1#textArticleTitle,
body.type-post.in-reklamace-a-vraceni .news-item-detail > h1 {
  font-family: 'Aspekta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(28px, 3.8vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  line-height: 1.1 !important;
  color: #1A2B1C !important;
  margin: 0 0 clamp(22px, 2.8vw, 36px) !important;
  padding: 0 !important;
}
body.type-post.in-reklamace-a-vraceni .news-item-detail h1#textArticleTitle::after,
body.type-post.in-reklamace-a-vraceni .news-item-detail > h1::after {
  content: '';
  display: block;
  width: 56px;
  height: 5px;
  border-radius: 999px;
  background: #E1B124;
  margin-top: 14px;
}
/* next/prev navigace pod clankem */
body.type-post.in-reklamace-a-vraceni .next-prev {
  max-width: 880px;
  margin: 0 auto clamp(64px, 7vw, 104px);
}


/* ============================================================
   15) REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  :is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
      body.in-reklamace-a-vraceni .news-item-detail .text) a,
  :is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
      body.in-reklamace-a-vraceni .news-item-detail .text) details summary,
  :is(body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail [itemprop="about"],
      body.in-reklamace-a-vraceni .news-item-detail .text) details summary::after,
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail .btn,
  body.in-reklamace-a-vraceni .news-item-detail .btn,
  body.in-reklamace-a-vraceni .next-prev .btn,
  body.type-page.in-kontakt #formContact .form-control,
  body.type-page.in-kontakt #formContact input[type="submit"],
  body.type-posts-listing.in-reklamace-a-vraceni .news-item,
  body.type-posts-listing.in-reklamace-a-vraceni .news-item a.title,
  body.type-posts-listing.in-reklamace-a-vraceni .news-item a.title::after {
    transition: none !important;
  }
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail .btn:hover,
  body.type-page.in-kontakt #formContact input[type="submit"]:hover,
  body.type-posts-listing.in-reklamace-a-vraceni .news-item:hover {
    transform: none !important;
  }
}


/* ============================================================
   16) PRINT - cisty vystup pro tisk OP/GDPR
   ============================================================ */
@media print {
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #header,
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #footer,
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .sidebar,
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .breadcrumbs-wrapper {
    display: none !important;
  }
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) {
    background: #FFFFFF !important;
  }
  body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .pageArticleDetail {
    max-width: 100%;
    border: 0;
    box-shadow: none;
    background: #FFFFFF;
    padding: 0;
  }
}