/* ── EKOMAIL WIDGET: VYJMUTÍ SLEVOVÉ STRÁNKY (06. 09. 2026) ───────────
   Na /ziskej-slevu-na-prvni-nakup/ sedí Ecomail widget, který si celý
   vzhled nese v inline stylech. Naše obsahové pravidlo
   `[itemprop="about"] span[style]{color:inherit!important;font-size:inherit!important}`
   mu je nulovalo, takže bílý text (#fff) zčernal na 3,59:1 proti fialové
   #8F44AC a nadpis spadl z 20 px na 12 px. Odkaz „Tvé osobní údaje…“
   navíc chytal červenou z generického pravidla pro <a>.
   Stránka není právní dokument (obsah = jen ten widget), takže ji
   vyjímáme ze všech 39 obsahových pravidel stejně, jako už je vyjmutý
   kontakt. Layoutová pravidla ten řetěz nemají, ta zůstávají v platnosti.
   ─────────────────────────────────────────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════════════
   trikito-docs-5.css — SVĚTLO reskin textových stránek (type-page)
   Obchodní podmínky, GDPR, Reklamace, Doprava a platba, Tabulka
   velikostí, Kontakt + jakákoli budoucí statická Stránka.
   Vzor: fk-docs-5 / ss-docs-12 (CSS-only, žádný JS, nativní DOM).
   SCOPE: body.type-page s :not() výjimkami — až vznikne další stránka
   s vlastním modulem, PŘIDAT :not(.in-slug) ke KAŽDÉMU generickému
   pravidlu (jinak specificita prohraje, viz fk-docs sekce 2).
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. plátno + vypnutí sidebarů a drobečků ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .breadcrumbs-wrapper{display:none}
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{width:100%!important;float:none}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .content-inner{max-width:none}
/* plátno full-bleed přes box-shadow (nativní CSS blokuje ::before na wrapperu) */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #content-wrapper{
  position:relative;padding-top:clamp(34px,4.5vw,64px);padding-bottom:clamp(44px,6vw,88px);
  background:#EFE9DE!important;box-shadow:0 0 0 100vmax #EFE9DE;clip-path:inset(0 -100vmax)}
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,
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .content-inner{
  background:transparent!important}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .content-wrapper-in{
  position:relative;z-index:1}

/* ── 2. brandová zákoutí — line ikonky na plátně kolem karty ── */
/* Dekorace se vybírají podle tématu stránky — viz sekce 11 na konci souboru.
   Původní trojice (hvězda, pytlík, kšiltovka) visela na všech textových
   stránkách bez ohledu na obsah, takže u podmínek ochrany osobních údajů
   plavala kšiltovka. */

/* ── 3. karta dokumentu ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) article.pageArticleDetail{
  position:relative;max-width:880px;margin:0 auto;background:var(--paper,#fff);
  border-radius:var(--r,16px);box-shadow:0 0 0 1px var(--line,rgba(27,21,19,.10)),
  0 18px 48px rgba(27,21,19,.07);padding:clamp(24px,4.5vw,60px)}
/* širší karta pro tabulky dopravy a velikostní obrázky (stejný :not() řetěz!) */
body.type-page.in-doprava-a-platba:not(.in-login):not(.in-registrace):not(.in-404) article.pageArticleDetail,
body.type-page.in-tabulka-velikosti:not(.in-login):not(.in-registrace):not(.in-404) article.pageArticleDetail{
  max-width:980px}

/* ── 4. titulek ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) article.pageArticleDetail header h1{
  font-family:'Grift',-apple-system,system-ui,sans-serif!important;font-weight:800;
  font-size:clamp(30px,4vw,44px);line-height:1.06;letter-spacing:-.02em;
  color:var(--ink,#1B1513);margin:0 0 clamp(20px,3vw,34px);text-align:left}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) article.pageArticleDetail header h1::after{
  content:"";display:block;width:56px;height:5px;border-radius:3px;
  background:var(--red,#C51A11);margin-top:12px}

/* ── 5. tělo dokumentu ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"]{
  font-size:15.5px;line-height:1.72;color:var(--ink,#1B1513)}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] p{
  margin:.85em 0;text-align:left!important}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] p:empty{display:none}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] :is(h1,h2,h3,h4,ul,ol,li){
  text-align:left!important}

/* TinyMCE inline smetí: Nunito/11pt/fialová/žlutá zvýraznění → neutralizovat */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] span[style],
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] a[style]{
  font-family:inherit!important;font-size:inherit!important;color:inherit!important;
  background:transparent!important;border-radius:0!important;padding:0!important}

/* nadpisy v těle */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] :is(h1,h2){
  font-family:'Grift',-apple-system,system-ui,sans-serif!important;font-weight:700;
  font-size:clamp(21px,2.4vw,27px);line-height:1.2;letter-spacing:-.01em;
  color:var(--ink,#1B1513);margin:2.1em 0 .65em}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] :is(h1,h2)::after{
  content:"";display:block;width:36px;height:4px;border-radius:2px;
  background:var(--red,#C51A11);margin-top:8px;opacity:.9}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] h3{
  font-family:'Grift',-apple-system,system-ui,sans-serif!important;font-weight:700;
  font-size:clamp(17px,1.8vw,20px);margin:1.8em 0 .5em;color:var(--ink,#1B1513)}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] h3:empty{display:none}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] h4{
  font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--mut,rgba(27,21,19,.62));margin:1.9em 0 .45em}

/* odkazy */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] a{
  color:var(--red,#C51A11)!important;font-weight:600;text-decoration:none;
  border-bottom:1.5px solid rgba(197,26,17,.3);transition:border-color .16s,color .16s}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] a:hover{
  color:var(--ink,#1B1513)!important;border-bottom-color:var(--ink,#1B1513)}

/* seznamy */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] ul{
  list-style:none;padding-left:4px;margin:.9em 0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] ul>li{
  position:relative;padding-left:22px;margin:.45em 0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] ul>li::before{
  content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;
  background:var(--ink,#1B1513);transform:rotate(45deg)}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] ol{
  list-style:none;counter-reset:tk-doc;padding-left:4px;margin:.9em 0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] ol>li{
  position:relative;padding-left:30px;margin:.45em 0;counter-increment:tk-doc}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] ol>li::before{
  content:counter(tk-doc) ".";position:absolute;left:2px;top:0;font-weight:800;
  font-family:'Grift',-apple-system,system-ui,sans-serif;color:var(--red,#C51A11)}

/* ── 6. tabulky (dopravci, platby, materiál, údržba — i bez .table třídy) ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) .table-responsive{
  overflow-x:auto;margin:1.2em 0;border:0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table{
  width:100%!important;border-collapse:separate!important;border-spacing:0;
  background:#fff;border:1px solid var(--line,rgba(27,21,19,.10))!important;
  border-radius:12px;overflow:hidden;margin:1.2em 0;font-size:14.5px}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table :is(td,th){
  padding:11px 14px!important;border:0!important;height:auto!important;
  border-top:1px solid var(--line,rgba(27,21,19,.10))!important;vertical-align:middle}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table tr:first-child :is(td,th){
  border-top:0!important;background:var(--ink,#1B1513);color:#fff;font-weight:700}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table tr:first-child :is(td,th) *{
  color:#fff!important}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table tr{height:auto!important}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table tr:nth-child(even) td{
  background:rgba(27,21,19,.025)}

/* ── 7. obrázky (velikostní tabulky, loga dopravců) ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] img{
  max-width:100%;height:auto!important;border-radius:10px;display:inline-block}

/* ── 8. ostatní bloky ── */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] hr{
  border:0;height:1px;background:var(--line,rgba(27,21,19,.10));margin:clamp(22px,3vw,34px) 0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] blockquote{
  margin:1.2em 0;padding:14px 18px;background:var(--surf,#F4F1EA);
  border-left:3px solid var(--red,#C51A11);border-radius:0 10px 10px 0}
/* mrtvé Elementor obaly na /doprava-a-platba/ — narovnat na plnou šířku */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] [class*="elementor"]{
  width:100%!important;max-width:none!important}
/* bootstrap grid uvnitř obsahu: flex, prázdné sloupce pryč (Elementor smetí) */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] .row{
  display:flex;flex-wrap:wrap;gap:0 22px;margin:0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] .row>[class*="col-"]{
  float:none;flex:1 1 280px;max-width:100%;padding:0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] [class*="col-"]:not(:has(*)){
  display:none}

/* ── 9. kontakt: sloupce + nativní formulář ── */
body.type-page.in-kontakt [itemprop="about"] .col-sm-4{padding:0 0 6px}
body.type-page.in-kontakt [itemprop="about"] h4{margin-top:1.2em}
body.type-page.in-kontakt [itemprop="about"] a.project-phone{font-size:19px;font-weight:800;
  border-bottom:0}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #formContact{
  margin-top:10px}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #formContact label{
  font-size:13px;font-weight:700;color:var(--ink,#1B1513)}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #formContact :is(input[type="text"],input[type="email"],input[type="tel"],textarea){
  width:100%;background:#fff;border:1.5px solid var(--line,rgba(27,21,19,.18));
  border-radius:var(--r-s,8px);padding:12px 16px;font:inherit;font-size:15px;
  color:var(--ink,#1B1513);outline:none;box-shadow:none!important;
  transition:border-color .16s}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #formContact :is(input,textarea):focus{
  border-color:var(--ink,#1B1513)}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #formContact .btn.btn-primary{
  background:var(--ink,#1B1513)!important;color:#fff!important;border:0;
  border-radius:var(--r-s,8px);padding:13px 28px;font-weight:700;font-size:15px;
  transition:transform .2s,box-shadow .2s}
body.type-page:not(.in-login):not(.in-registrace):not(.in-404) #formContact .btn.btn-primary:hover{
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,21,19,.22)}

/* ── 10. tisk ── */
@media print{
  body.type-page #header,body.type-page footer#footer,body.type-page .top-navigation-bar,
  body.type-page #content-wrapper::before,body.type-page #content-wrapper::after,
  body.type-page .content-wrapper-in::before,body.type-page .content-wrapper-in::after{display:none!important}
  body.type-page article.pageArticleDetail{box-shadow:none;max-width:none;padding:0}
}

/* loga dopravců v ink hlavičce tabulek — bílý čip, ať je čitelné i tmavé logo */
body.type-page:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] table tr:first-child td img{
  background:#fff;border-radius:8px;padding:6px 12px;box-sizing:content-box;max-height:44px;width:auto}

/* ═══════════════════════════════════════════════════════════════════
   11. DEKORACE PODLE TÉMATU STRÁNKY (v2, 06. 09. 2026)

   Dřív tu visela jedna trojice obrázků (hvězda, pytlík, kšiltovka) na všech
   textových stránkách. U obchodních podmínek nebo u ochrany osobních údajů
   to nic neříká a jen to odvádí pozornost. Každá stránka má proto svou
   dvojici, která souvisí s tím, o čem text je.

   Ikony jsou z téže sady icons8 Comic jako zbytek webu. Zapínají se od 1240 px,
   pod tím na ně po stranách není místo. Stránka bez přiřazené dvojice
   (a /kontakt/, který má vlastní modul) zůstane bez dekorace — raději nic
   než nesouvisející obrázek.
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width:1240px){
  body.type-page #content-wrapper::before,
  body.type-page #content-wrapper::after{
    content:"";position:absolute;width:54px;height:54px;z-index:0;pointer-events:none;
    background-position:center;background-repeat:no-repeat;background-size:contain;
    opacity:.55}
  body.type-page #content-wrapper::before{top:96px;left:calc(50% - 596px);transform:rotate(-8deg)}
  body.type-page #content-wrapper::after{top:340px;right:calc(50% - 606px);transform:rotate(7deg)}

  body.type-page.in-obchodni-podminky #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-listiny.png)}
  body.type-page.in-obchodni-podminky #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-podanirukou.png)}
  body.type-page.in-podminky-ochrany-osobnich-udaju #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-soukromi.png)}
  body.type-page.in-podminky-ochrany-osobnich-udaju #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-listiny.png)}
  body.type-page.in-reklamace-a-vraceni-zbozi #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-vraceni.png)}
  body.type-page.in-reklamace-a-vraceni-zbozi #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-opatrne.png)}
  body.type-page.in-doprava-a-platba #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-doprava.png)}
  body.type-page.in-doprava-a-platba #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-platba.png)}
  body.type-page.in-tabulka-velikosti #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-tricko.png)}
  body.type-page.in-tabulka-velikosti #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-prirucka.png)}
  body.type-page.in-tabulky-velikosti #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-tricko.png)}
  body.type-page.in-tabulky-velikosti #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-prirucka.png)}
  body.type-page.in-o-nas #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/home/im-fdee4919b9.png)}
  body.type-page.in-o-nas #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-podanirukou.png)}
  body.type-page.in-ziskej-slevu-na-prvni-nakup #content-wrapper::before{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-sleva.png)}
  body.type-page.in-ziskej-slevu-na-prvni-nakup #content-wrapper::after{background-image:url(https://cdn.myshoptet.com/usr/www.trikito.cz/user/documents/upload/shoptet-build/ik-doc-darek.png)}
  /* stránka bez přiřazené dvojice ať radši nemá nic */
  body.type-page:not(.in-obchodni-podminky):not(.in-podminky-ochrany-osobnich-udaju):not(.in-reklamace-a-vraceni-zbozi):not(.in-doprava-a-platba):not(.in-tabulka-velikosti):not(.in-tabulky-velikosti):not(.in-o-nas):not(.in-ziskej-slevu-na-prvni-nakup):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) #content-wrapper::before,
  body.type-page:not(.in-obchodni-podminky):not(.in-podminky-ochrany-osobnich-udaju):not(.in-reklamace-a-vraceni-zbozi):not(.in-doprava-a-platba):not(.in-tabulka-velikosti):not(.in-tabulky-velikosti):not(.in-o-nas):not(.in-ziskej-slevu-na-prvni-nakup):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) #content-wrapper::after{content:none}
}

/* ═══════════════════════════════════════════════════════════════════
   12. DOPRAVA A PLATBA (v3, 06. 09. 2026)

   Stránka byla exportovaná z Elementoru: vnořené sekce, tabulky s inline
   výškami řádků, prázdné sloupce jako výplň. Obsah je teď v čistých kartách,
   tady je k nim vzhled. Fakta (ceny, váhy, lhůty) se nezměnila.
   ═══════════════════════════════════════════════════════════════════ */
body.type-page.in-doprava-a-platba article.pageArticleDetail{max-width:1000px}
body.type-page.in-doprava-a-platba .tk-dop__zdarma{
  margin:0 0 clamp(24px,3vw,34px)!important;padding:14px 18px;
  background:var(--gold,#FFD21E);border-radius:var(--r-s,8px);
  text-align:center!important;font-size:16px}
body.type-page.in-doprava-a-platba .tk-dop h2{margin-top:clamp(26px,3.4vw,40px)!important}

body.type-page.in-doprava-a-platba .tk-dop__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);
  margin:18px 0 0}
body.type-page.in-doprava-a-platba .tk-dop__grid--jedna{grid-template-columns:minmax(0,1fr);max-width:calc(50% - 11px)}
body.type-page.in-doprava-a-platba .tk-dop__karta{
  background:var(--paper,#fff);border-radius:var(--r,16px);padding:22px;
  box-shadow:0 0 0 1px var(--line,rgba(27,21,19,.10))}
body.type-page.in-doprava-a-platba .tk-dop__logo{
  height:46px;display:flex;align-items:center;justify-content:flex-start;
  margin-bottom:14px}
body.type-page.in-doprava-a-platba .tk-dop__logo img{max-height:100%;width:auto;border-radius:0!important}
body.type-page.in-doprava-a-platba .tk-dop__co{margin:0 0 4px!important;font-weight:600}
body.type-page.in-doprava-a-platba .tk-dop__kdy{
  margin:0 0 14px!important;font-size:13.5px;color:var(--mut,rgba(27,21,19,.62))}

body.type-page.in-doprava-a-platba .tk-dop__ceny,
body.type-page.in-doprava-a-platba .tk-dop__platby{list-style:none!important;margin:0!important;padding:0!important}
body.type-page.in-doprava-a-platba .tk-dop__ceny>li,
body.type-page.in-doprava-a-platba .tk-dop__platby>li{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  margin:0!important;padding:11px 0!important;
  border-top:1px solid var(--line,rgba(27,21,19,.10));font-size:15px}
body.type-page.in-doprava-a-platba .tk-dop__ceny>li::before,
body.type-page.in-doprava-a-platba .tk-dop__platby>li::before{content:none!important}
body.type-page.in-doprava-a-platba .tk-dop__ceny>li>span:last-child,
body.type-page.in-doprava-a-platba .tk-dop__platby>li>span:last-child{
  font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}

body.type-page.in-doprava-a-platba .tk-dop__platby{
  margin-top:18px!important;background:var(--paper,#fff);
  border-radius:var(--r,16px);padding:6px 22px 16px!important;
  box-shadow:0 0 0 1px var(--line,rgba(27,21,19,.10))}
body.type-page.in-doprava-a-platba .tk-dop__pozn{
  margin:12px 0 0!important;font-size:13.5px;color:var(--mut,rgba(27,21,19,.62))}

@media (max-width:760px){
  body.type-page.in-doprava-a-platba .tk-dop__grid{grid-template-columns:1fr}
  body.type-page.in-doprava-a-platba .tk-dop__grid--jedna{max-width:none}
}

/* ═══════════════════════════════════════════════════════════════════
   13. O NÁS (v4, 06. 09. 2026)

   Původní text vykal, zatímco zbytek webu tyká, a byl narvaný klíčovými slovy.
   Nový obsah stojí na sekcích: úvod, pruh čísel, čtyři body „jak to u nás chodí“,
   pro koho to je, a ink blok s odkazem na vlastní text.
   ═══════════════════════════════════════════════════════════════════ */
body.type-page.in-o-nas article.pageArticleDetail{max-width:940px}
body.type-page.in-o-nas .tk-onas__sec{margin:0 0 clamp(28px,3.6vw,44px)}
body.type-page.in-o-nas .tk-onas__sec:last-child{margin-bottom:0}
body.type-page.in-o-nas .tk-onas__lead{
  font-size:17px!important;line-height:1.68;color:var(--ink,#1B1513)!important}

/* pruh čísel */
body.type-page.in-o-nas .tk-onas__cisla{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,16px)}
body.type-page.in-o-nas .tk-onas__cislo{
  background:var(--surf,#F4F1EA);border-radius:var(--r,16px);
  padding:20px 16px;text-align:center}
body.type-page.in-o-nas .tk-onas__cislo b{
  display:block;font-family:var(--disp,'Grift',sans-serif);
  font-size:clamp(26px,3.2vw,34px);font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--ink,#1B1513)}
body.type-page.in-o-nas .tk-onas__cislo span{
  display:block;margin-top:7px;font-size:13px;line-height:1.35;
  color:var(--mut,rgba(27,21,19,.62))}

/* čtyři body */
body.type-page.in-o-nas .tk-onas__body{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);margin-top:18px}
body.type-page.in-o-nas .tk-onas__bod{
  background:var(--paper,#fff);border-radius:var(--r,16px);padding:22px;
  box-shadow:0 0 0 1px var(--line,rgba(27,21,19,.10))}
body.type-page.in-o-nas .tk-onas__bod h3{
  margin:0 0 8px!important;font-size:17px!important;font-weight:800!important}
body.type-page.in-o-nas .tk-onas__bod h3::after{display:none!important}
body.type-page.in-o-nas .tk-onas__bod p{margin:0!important;font-size:15px;line-height:1.62}

/* závěrečný ink blok */
body.type-page.in-o-nas .tk-onas__box{
  background:var(--ink,#1B1513);border-radius:var(--r,16px);
  padding:clamp(28px,4vw,44px) clamp(22px,4vw,48px);text-align:center;
  box-shadow:0 18px 44px rgba(27,21,19,.16)}
body.type-page.in-o-nas .tk-onas__box h2{
  color:#fff!important;margin:0 0 12px!important;text-align:center!important}
body.type-page.in-o-nas .tk-onas__box h2::after{
  background:var(--gold,#FFD21E)!important;margin-left:auto!important;margin-right:auto!important}
body.type-page.in-o-nas .tk-onas__box p{
  max-width:560px;margin:0 auto!important;color:rgba(255,255,255,.86)!important;
  text-align:center!important}
body.type-page.in-o-nas .tk-onas__cta{margin-top:22px}
body.type-page.in-o-nas .tk-onas__btn{
  display:inline-block;background:var(--gold,#FFD21E);
  color:var(--ink,#1B1513)!important;border-radius:var(--r-s,8px);
  padding:13px 26px;font-family:var(--disp,'Grift',sans-serif);
  font-size:15px;font-weight:700;text-decoration:none!important;border-bottom:0!important;
  transition:transform .2s var(--e,cubic-bezier(.16,1,.3,1)),box-shadow .2s var(--e,cubic-bezier(.16,1,.3,1))}
body.type-page.in-o-nas .tk-onas__btn:hover{
  transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.28);
  color:var(--ink,#1B1513)!important;border-bottom:0!important}

@media (max-width:760px){
  body.type-page.in-o-nas .tk-onas__cisla{grid-template-columns:1fr 1fr}
  body.type-page.in-o-nas .tk-onas__body{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body.type-page.in-o-nas .tk-onas__btn{transition:none}
  body.type-page.in-o-nas .tk-onas__btn:hover{transform:none}
}

/* docs barví každý odkaz v obsahu na červenou přes
   `[itemprop=about] a{color:var(--red)!important}` a přebíjí to specificitou (0,5,2).
   Naměřeno: text tlačítka vycházel červený na zlaté (4,1:1), pod normou.
   Stejný řetěz jako u kontaktu, tady na barvu textu. */
body.type-page.in-o-nas:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] .tk-onas__btn,
body.type-page.in-o-nas:not(.in-login):not(.in-registrace):not(.in-404):not(.in-kontakt):not(.in-ziskej-slevu-na-prvni-nakup) [itemprop="about"] .tk-onas__btn:hover{color:var(--ink,#1B1513)!important}