/*
 * stranky/titulka-premium.css - cela titulka na urovni bloku Vision / Mac / brand (D-036).
 *
 * Nacita se za titulka.css a predpo.css (mc/nahled.php, pozdeji mc/index.php). Plati jen uvnitr
 * obalu .tit.tit--premium, bloky kresli renderer Builderu beze zmeny (stylovani pres customClass tit-*),
 * takze editovatelnost v Builderu zustava.
 *
 * Tri vrstvy:
 *   1) staticky premiovy vzhled (bez JS, prefers-reduced-motion, editor): typografie, barvy, prechody pozadi
 *      mezi sekcemi (mekke prolnuti barvy, zadne tvrde strihy), full-bleed fotky, karty;
 *   2) .tp-ziva (titulka-premium.js, jen bez omezeni pohybu): nastupy textu po radcich zdola
 *      (rozostreni -> ostre), postupne nastupy karet, parallax a roztazeni fotek pri scrollu;
 *   3) .tp-scena-ziva na sekci (desktop >= 1024 x 680): sticky sceny rizene scrollem
 *      (funkce = vodorovny pas karet, sluzby = karty po jedne).
 * Pohyb jen pres transform / opacity / filter / clip-path, hodnoty zapisuje JS do CSS promennych.
 *
 * Promenne nastavovane z JS:
 *   .tit                --tp-hv    0..1 odjezd hero (zmenseni videa do karty, odjezd textu)
 *   [data-tp-roz]       --tp-roz   0..1 roztazeni fotky z karty na celou sirku pri najezdu
 *   [data-tp-par]       --tp-par   -1..1 poloha prvku vuci stredu okna (parallax)
 *   .tit-funkce         --tp-draha px vodorovne drahy pasu karet, --tp-x posun pasu (px)
 *   .tit-karty > *      --k        0..1 blizkost karty ke stredu okna
 *   .tit-produkty-karty > * --e    0..1 nastup karty ve sticky scene
 *   .tit-pribehy-pas    --tp-x     posun pasu webu klientu (px)
 */

.tit.tit--premium {
  --tp-pismo: ui-rounded, "SF Pro Rounded", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", var(--pmc-pismo, "Helvetica Neue", Helvetica, Arial, sans-serif);
  --tp-ease: cubic-bezier(.16, 1, .3, 1);
  --tp-ease-io: cubic-bezier(.65, 0, .35, 1);

  /* typografie: velka, mekka, tezka; od 1600 px roste s oknem */
  --tp-h1: clamp(46px, 6.3vw, 210px);
  --tp-h2: clamp(38px, 4.9vw, 168px);
  --tp-h3: clamp(24px, 1.9vw, 62px);
  --tp-lead: clamp(18px, calc(1.05vw + 4px), 40px);
  --tp-text: clamp(16px, calc(.72vw + 4px), 30px);
  --tp-maly: clamp(14px, calc(.45vw + 6px), 22px);
  --tp-ls: -.035em;

  --tp-sekce-y: clamp(96px, 9vw, 300px);
  --tp-sev: clamp(90px, 18vh, 300px);              /* vyska prolnuti barvy mezi sekcemi */
  --tp-radius: clamp(18px, 1.6vw, 46px);
  --tp-mezera: clamp(16px, 1.6vw, 48px);

  /* barvy: svetle sekce (ve tmavem vzhledu tmave sede), tmave sekce */
  --tp-svetla: #ffffff;
  --tp-svetla-2: #f5f5f7;
  --tp-fg-l: #1d1d1f;
  --tp-fg2-l: #6e6e73;
  --tp-odkaz-l: #0066cc;
  --tp-tmava: #000000;
  --tp-fg-d: #f5f5f7;
  --tp-fg2-d: #a1a1a6;
  --tp-odkaz-d: #2997ff;

  /* vychozi (staticke) hodnoty promennych z JS */
  --tp-hv: 0;
  overflow-x: clip;
}

/* ===================================================================
   Barevny rytmus sekci: svetla - svetle seda - TMAVA - svetla - TMAVA - svetla - svetle seda - FOTO
   Kazda sekce zacina barvou predchozi sekce (--tp-z) a mekce do ni prechazi (zadny tvrdy strih).
   =================================================================== */
.tit.tit--premium .cmc-b-document { background: var(--tp-svetla); color: var(--tp-fg-l); }
.tit.tit--premium .cmc-b-document .tit-sekce {
  --tp-bg: var(--tp-svetla); --tp-z: var(--tp-svetla);
  --tp-fg: var(--tp-fg-l); --tp-fg2: var(--tp-fg2-l); --tp-odkaz: var(--tp-odkaz-l);
  --tp-tl-bg: var(--tp-fg-l); --tp-tl-text: var(--tp-svetla);
  --tp-linka: color-mix(in srgb, var(--tp-fg) 14%, transparent);
  position: relative; z-index: 1;
  padding-top: var(--tp-sekce-y); padding-bottom: var(--tp-sekce-y);
  color: var(--tp-fg); border: 0;
  background:
    linear-gradient(180deg, var(--tp-z) 0, color-mix(in srgb, var(--tp-z) 55%, transparent) calc(var(--tp-sev) * .42), transparent var(--tp-sev)),
    var(--tp-bg);
}
.tit.tit--premium .cmc-b-document .tit-funkce,
.tit.tit--premium .cmc-b-document .tit-faq { --tp-bg: var(--tp-svetla-2); }
.tit.tit--premium .cmc-b-document .tit-predpo,
.tit.tit--premium .cmc-b-document .tit-produkty {
  --tp-bg: var(--tp-tmava);
  --tp-fg: var(--tp-fg-d); --tp-fg2: var(--tp-fg2-d); --tp-odkaz: var(--tp-odkaz-d);
  --tp-tl-bg: var(--tp-fg-d); --tp-tl-text: #000;
}
/* odkud se prolina (predchozi sekce v dokumentu) */
.tit.tit--premium .cmc-b-document .tit-funkce   { --tp-z: var(--tp-svetla); }
.tit.tit--premium .cmc-b-document .tit-predpo   { --tp-z: var(--tp-svetla-2); }
.tit.tit--premium .cmc-b-document .tit-vzory    { --tp-z: var(--tp-tmava); }
.tit.tit--premium .cmc-b-document .tit-produkty { --tp-z: var(--tp-svetla); }
.tit.tit--premium .cmc-b-document .tit-pribehy  { --tp-z: var(--tp-tmava); }
.tit.tit--premium .cmc-b-document .tit-faq      { --tp-z: var(--tp-svetla); }
.tit.tit--premium .cmc-b-document .tit-vyzva    { --tp-z: var(--tp-svetla-2); }

/* ===================================================================
   Typografie sekci
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-sekce h2 {
  font-family: var(--tp-pismo); font-weight: 700;
  font-size: var(--tp-h2); line-height: 1.03; letter-spacing: var(--tp-ls);
  color: var(--tp-fg); max-width: 13ch; margin: 0 0 clamp(20px, 1.6vw, 48px);
  text-wrap: balance;
}
.tit.tit--premium .cmc-b-document .tit-sekce h3 { font-family: var(--tp-pismo); letter-spacing: -.02em; color: inherit; }
.tit.tit--premium .cmc-b-document .tit-sekce .cmc-b-paragraph { font-size: var(--tp-text); line-height: 1.45; }

/* Hlavicka sekce (nadpis vlevo, uvodni veta vpravo dole) */
.tit.tit--premium .cmc-b-document .tit-sekce .pmc-sloupce-text {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: end; gap: clamp(20px, 4vw, 140px);
  margin-bottom: clamp(40px, 4.2vw, 140px);
}
.tit.tit--premium .cmc-b-document .tit-sekce .pmc-sloupce-text h2 { margin: 0; max-width: 15ch; }
.tit.tit--premium .cmc-b-document .tit-sekce .pmc-sloupce-text .cmc-b-paragraph {
  font-size: var(--tp-lead); line-height: 1.38; letter-spacing: -.012em;
  color: var(--tp-fg2); max-width: 34ch; font-weight: 500;
}

/* Tlacitka: mekke pilulky jako Vision blok */
.tit.tit--premium .cmc-b-document a.cmc-b-button:not(.cmc-b-button-link) {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: clamp(50px, 3.1vw, 80px); padding: 0 clamp(26px, 1.9vw, 56px);
  border-radius: 999px; border: 0;
  font-family: var(--tp-pismo); font-size: clamp(16px, calc(.55vw + 7px), 26px); font-weight: 600;
  letter-spacing: -.01em; text-transform: none; text-decoration: none;
  background: var(--tp-tl-bg, #1d1d1f); color: var(--tp-tl-text, #fff);
  transition: transform .5s var(--tp-ease), background-color .25s linear, color .25s linear, box-shadow .25s linear;
}
.tit.tit--premium .cmc-b-document a.cmc-b-button:not(.cmc-b-button-link):hover { transform: scale(1.035); }
.tit.tit--premium .cmc-b-document a.cmc-b-button-outline:not(.cmc-b-button-link) {
  background: transparent; color: var(--tp-fg, inherit);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, currentColor 55%, transparent);
}
.tit.tit--premium .cmc-b-document a.cmc-b-button-outline:not(.cmc-b-button-link):hover { box-shadow: inset 0 0 0 1.5px currentColor; }
.tit.tit--premium .cmc-b-document a.cmc-b-button:focus-visible { outline: 3px solid #4da3ff; outline-offset: 3px; }
/* odkaz se sipkou */
.tit.tit--premium .cmc-b-document .tit-sekce .cmc-b-button.cmc-b-button-link {
  font-family: var(--tp-pismo); font-size: var(--tp-maly); font-weight: 600; letter-spacing: -.005em;
  color: var(--tp-odkaz);
}
.tit.tit--premium .cmc-b-document .cmc-b-button.cmc-b-button-link::after { content: "\203A"; margin-left: .35em; display: inline-block; transition: transform .4s var(--tp-ease); }
.tit.tit--premium .cmc-b-document .cmc-b-button.cmc-b-button-link:hover { text-decoration: none; }
.tit.tit--premium .cmc-b-document .cmc-b-button.cmc-b-button-link:hover::after { transform: translateX(4px); }

/* ===================================================================
   1) Hero: video zustava, typografie a odjezd
   =================================================================== */
.tit.tit--premium .tit-video {
  /* pri odjezdu se video stahne do karty se zaoblenymi rohy (navaznost na Vision blok, ktery z karty vyrusta) */
  clip-path: inset(0 calc(var(--tp-hv) * 7vw) calc(var(--tp-hv) * 9vh) round calc(var(--tp-hv) * 44px));
}
.tit.tit--premium .tit-video__klip { transform: scale(calc(1 + var(--tp-hv) * .08)); transform-origin: 50% 40%; }
.tit.tit--premium .tit-video::after {
  background:
    radial-gradient(120% 80% at 50% 38%, rgba(8, 8, 10, .18) 0%, rgba(8, 8, 10, .52) 100%),
    linear-gradient(180deg, rgba(8, 8, 10, .45) 0%, rgba(8, 8, 10, 0) 22%, rgba(8, 8, 10, 0) 70%, rgba(8, 8, 10, .45) 100%);
  opacity: calc(1 + var(--tp-hv) * .6);
}
.tit.tit--premium .tit-ovladani { opacity: calc(1 - var(--tp-hv) * 3); }
.tit.tit--premium .cmc-b-document .tit-hero.cmc-b-hero { background: transparent; }
.tit.tit--premium .cmc-b-document .tit-hero.cmc-b-hero .cmc-b-container {
  animation: none;
  transform: translate3d(0, calc(var(--tp-hv) * -16vh), 0);
  opacity: calc(1 - var(--tp-hv) * 1.7);
}
.tit.tit--premium .cmc-b-document .tit-hero.cmc-b-hero h1 {
  font-family: var(--tp-pismo); font-weight: 700;
  font-size: var(--tp-h1); line-height: 1.01; letter-spacing: -.04em;
  max-width: 12ch; text-wrap: balance;
  text-shadow: 0 2px 40px rgba(0, 0, 0, .35);
}
.tit.tit--premium .cmc-b-document .tit-hero .cmc-b-hero-text {
  order: 2; margin-top: clamp(18px, 1.5vw, 44px);
  font-size: var(--tp-lead); line-height: 1.36; letter-spacing: -.012em; font-weight: 500;
  max-width: 34ch; color: rgba(255, 255, 255, .9); text-shadow: 0 1px 24px rgba(0, 0, 0, .45);
}
.tit.tit--premium .cmc-b-document .tit-hero .cmc-b-actions { order: 3; margin-top: clamp(28px, 2.4vw, 64px); }
.tit.tit--premium .cmc-b-document .tit-hero a.cmc-b-button { --tp-tl-bg: rgba(255, 255, 255, .94); --tp-tl-text: #111; box-shadow: 0 10px 40px rgba(0, 0, 0, .25); }
.tit.tit--premium .cmc-b-document .tit-hero a.cmc-b-button:hover { --tp-tl-bg: #fff; }

/* Vision blok mezi hero a obory: konci bilou = barva prvni svetle sekce */
.tit.tit--premium .vis-blok--svetly { --vis-pozadi: var(--tp-svetla); }

/* ===================================================================
   2) Obory: stred, stitky, fotka oboru pres celou sirku (roztazeni z karty)
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-obory { padding-top: calc(var(--tp-sekce-y) * .8); }
.tit.tit--premium .cmc-b-document .tit-obory h2 { margin-left: auto; margin-right: auto; text-align: center; max-width: 14ch; }
.tit.tit--premium .cmc-b-document .tit-obory > .cmc-b-container > .cmc-b-paragraph {
  max-width: 38ch; margin: 0 auto clamp(32px, 2.8vw, 88px);
  font-size: var(--tp-lead); line-height: 1.38; letter-spacing: -.012em; color: var(--tp-fg2); font-weight: 500;
}
.tit.tit--premium .tit-pill-lista { gap: clamp(8px, .6vw, 16px); margin: 0 auto clamp(28px, 2.6vw, 80px); justify-content: center; }
.tit.tit--premium .tit-pill-lista .pmc-pill {
  height: auto; min-height: 44px; padding: .5em 1.15em;
  border: 1px solid var(--tp-linka); border-radius: 999px;
  background: transparent; color: var(--tp-fg);
  font-family: var(--tp-pismo); font-size: clamp(14px, calc(.42vw + 7px), 21px); font-weight: 600; letter-spacing: -.01em;
  transition: background-color .3s linear, color .3s linear, border-color .3s linear, transform .5s var(--tp-ease);
  cursor: pointer;
}
.tit.tit--premium .tit-pill-lista .pmc-pill:hover { border-color: var(--tp-fg); }
.tit.tit--premium .tit-pill-lista .pmc-pill.is-active { background: var(--tp-fg); color: var(--tp-bg); border-color: var(--tp-fg); }
.tit.tit--premium .tit-pill-lista .pmc-pill:focus-visible { outline: 3px solid #4da3ff; outline-offset: 2px; }

.tit.tit--premium .tit-zalozky .cmc-b-tabs.is-zalozky {
  --tp-roz: 1; --tp-par: 0;
  margin-left: calc(-1 * var(--pmc-okraj)); margin-right: calc(-1 * var(--pmc-okraj));
}
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel {
  isolation: isolate;
  display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;
  min-height: clamp(440px, 82svh, 1240px);
  padding: clamp(28px, 4vw, 130px) calc(var(--pmc-okraj) + clamp(4px, 3vw, 100px));
  border-radius: 0; background: #151515; text-shadow: 0 2px 24px rgba(0, 0, 0, .35);
  font-size: var(--tp-lead); line-height: 1.38; letter-spacing: -.012em; font-weight: 500;
  clip-path: inset(0 calc((1 - var(--tp-roz)) * var(--pmc-okraj)) round calc((1 - var(--tp-roz)) * var(--tp-radius) + 1px));
  animation: none;
}
/* fotka oboru jako vrstva s parallaxem (obrazek z dat dokumentu: --tit-obraz) */
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel::after {
  content: ""; position: absolute; left: 0; right: 0; top: -9%; bottom: -9%; z-index: -2;
  background: #151515 var(--tit-obraz, none) center / cover no-repeat;
  transform: translate3d(0, calc(var(--tp-par) * -6%), 0) scale(calc(1.02 + (1 - var(--tp-roz)) * .1));
}
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel::before {
  z-index: -1;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .34) 38%, rgba(0, 0, 0, 0) 66%),
    linear-gradient(90deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 55%);
}
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel > * { position: relative; max-width: 30ch; }
.tit.tit--premium .tit-zalozky .cmc-b-tab-panel strong {
  display: block; max-width: 12ch;
  font-family: var(--tp-pismo); font-weight: 700;
  font-size: clamp(40px, 5.4vw, 180px); line-height: 1; letter-spacing: -.04em;
  margin: 0 0 clamp(12px, 1vw, 30px);
}
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel a {
  margin-top: clamp(20px, 1.8vw, 52px); padding: 0 1.25em; min-height: clamp(48px, 3vw, 76px);
  border-radius: 999px; background: rgba(255, 255, 255, .94); color: #111; text-decoration: none; text-shadow: none;
  font-family: var(--tp-pismo); font-size: clamp(15px, calc(.5vw + 7px), 25px); font-weight: 600; letter-spacing: -.01em;
  transition: transform .5s var(--tp-ease), background-color .2s linear;
}
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel a::after { content: "\203A"; margin-left: .45em; }
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel a:hover { background: #fff; transform: scale(1.035); }
.tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel a:focus-visible { outline: 3px solid #4da3ff; outline-offset: 3px; }
/* bez JS (akordeon) */
.tit.tit--premium .tit-zalozky .cmc-b-tabs:not(.is-zalozky) .cmc-b-tab-item { border-top-color: var(--tp-linka); }
.tit.tit--premium .tit-zalozky .cmc-b-tabs:not(.is-zalozky) .cmc-b-tab-item > summary { font-family: var(--tp-pismo); font-weight: 600; font-size: var(--tp-h3); letter-spacing: -.02em; }

/* ===================================================================
   3) Funkce: karty v pasu (staticky: vodorovne posuvny pas; desktop zivy: sticky scena)
   =================================================================== */
.tit.tit--premium .tit-karty.cmc-b-columns {
  display: flex; flex-wrap: nowrap; gap: var(--tp-mezera);
  margin: 0 calc(-1 * var(--pmc-okraj)); padding: 0 var(--pmc-okraj) 4px;
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-padding: 0 var(--pmc-okraj);
  scrollbar-width: none; counter-reset: tp-karta;
}
.tit.tit--premium .tit-karty.cmc-b-columns::-webkit-scrollbar { display: none; }
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column {
  --k: 1;
  flex: 0 0 auto; width: clamp(280px, 30vw, 860px); aspect-ratio: 4 / 5;
  scroll-snap-align: start;
  display: flex; flex-direction: column; justify-content: flex-start;
  padding: clamp(24px, 2.3vw, 72px);
  border-radius: var(--tp-radius);
  color: #f5f5f7; overflow: hidden; counter-increment: tp-karta;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 80px -30px rgba(0, 0, 0, .45);
  transition: none;
  transform: scale(calc(.93 + .07 * var(--k)));
}
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column:hover { transform: scale(calc(.93 + .07 * var(--k))); }
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column::before {
  content: counter(tp-karta, decimal-leading-zero);
  font-family: var(--tp-pismo); font-weight: 700; font-size: clamp(56px, 6vw, 200px); line-height: .9; letter-spacing: -.05em;
  color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, .28);
}
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column:nth-child(1) { background: radial-gradient(120% 75% at 15% 0%, #8a5a2c 0%, rgba(138, 90, 44, 0) 62%), linear-gradient(165deg, #2c1d12 0%, #0c0907 100%); }
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column:nth-child(2) { background: radial-gradient(120% 75% at 85% 0%, #5c5c66 0%, rgba(92, 92, 102, 0) 60%), linear-gradient(165deg, #1b1b1e 0%, #050506 100%); }
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column:nth-child(3) { background: radial-gradient(120% 75% at 20% 100%, #7a4a3a 0%, rgba(122, 74, 58, 0) 60%), linear-gradient(165deg, #241a16 0%, #0a0807 100%); }
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column:nth-child(4) { background: radial-gradient(120% 75% at 80% 0%, #1f5fff 0%, rgba(31, 95, 255, 0) 60%), linear-gradient(165deg, #0b1838 0%, #03060e 100%); }
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column h3 {
  margin: auto 0 clamp(10px, .8vw, 24px); color: #fff;
  font-size: clamp(28px, 2.5vw, 84px); font-weight: 700; line-height: 1.04; letter-spacing: -.03em;
}
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column .cmc-b-paragraph {
  max-width: 26ch; font-size: var(--tp-text); line-height: 1.42; color: rgba(245, 245, 247, .76);
}
.tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column > p:last-child { margin: clamp(16px, 1.4vw, 40px) 0 0; text-align: left; }
.tit.tit--premium .cmc-b-document .tit-karty .cmc-b-button.cmc-b-button-link { color: #fff; }

/* ===================================================================
   4) Pred / po: plocha porovnani pres celou sirku (roztazeni z karty)
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-predpo h2,
.tit.tit--premium .cmc-b-document .tit-predpo .pmc-sloupce-text .cmc-b-paragraph { color: var(--tp-fg); }
.tit.tit--premium .cmc-b-document .tit-predpo .pmc-sloupce-text .cmc-b-paragraph { color: var(--tp-fg2); }
.tit.tit--premium .cmc-b-document .pmc-predpo.tit-predpo-plocha {
  --tp-roz: 1;
  margin-left: calc(-1 * var(--pmc-okraj)); margin-right: calc(-1 * var(--pmc-okraj));
}
.tit.tit--premium .cmc-b-document .pmc-predpo.tit-predpo-plocha.is-predpo {
  --predpo-vyska: clamp(460px, 84svh, 1240px);
  --predpo-vnitrni: calc(var(--pmc-okraj) + clamp(8px, 2.6vw, 90px));
  border-radius: 0;
  clip-path: inset(0 calc((1 - var(--tp-roz)) * var(--pmc-okraj)) round calc((1 - var(--tp-roz)) * var(--tp-radius) + 1px));
}
.tit.tit--premium .cmc-b-document .pmc-predpo.is-predpo > .pmc-predpo-po h3 {
  font-family: var(--tp-pismo); font-weight: 700; letter-spacing: -.04em; line-height: 1;
  font-size: clamp(40px, 5.4vw, 180px); max-width: 11ch;
}
.tit.tit--premium .cmc-b-document .pmc-predpo.is-predpo > .pmc-predpo-po .cmc-b-paragraph:not(.pmc-predpo-stitek) { font-size: var(--tp-lead); font-weight: 500; letter-spacing: -.012em; }
.tit.tit--premium .cmc-b-document .pmc-predpo.is-predpo .pmc-predpo-stitek {
  font-family: var(--tp-pismo); font-weight: 600; letter-spacing: -.005em;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}

/* ===================================================================
   5) Vzory: vysoke fotokarty, text na fotce, parallax fotky
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-vzory-karty.cmc-b-columns { gap: var(--tp-mezera); }
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column {
  --tp-par: 0;
  position: relative; isolation: isolate; overflow: hidden;
  aspect-ratio: 3 / 4; min-height: 0;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: clamp(24px, 2.2vw, 64px);
  border-radius: var(--tp-radius); background: #111; color: #fff;
  box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .55);
}
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column > * { padding-left: 0; padding-right: 0; }
.tit.tit--premium .cmc-b-document .tit-vzory-karty .cmc-b-image {
  position: absolute; inset: 0; z-index: -1; margin: 0; aspect-ratio: auto; overflow: hidden;
  transition: transform 1.1s var(--tp-ease);
}
.tit.tit--premium .cmc-b-document .tit-vzory-karty .cmc-b-image::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .38) 36%, rgba(0, 0, 0, 0) 62%);
}
.tit.tit--premium .cmc-b-document .tit-vzory-karty .cmc-b-image img {
  width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0;
  transform: translate3d(0, calc(var(--tp-par) * -5%), 0) scale(1.14);
  transition: none;
}
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column:hover .cmc-b-image { transform: scale(1.04); }
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column:hover .cmc-b-image img { transform: translate3d(0, calc(var(--tp-par) * -5%), 0) scale(1.14); }
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column > h3 {
  margin: 0 0 clamp(8px, .7vw, 20px); color: #fff;
  font-size: clamp(28px, 2.5vw, 84px); font-weight: 700; line-height: 1.04; letter-spacing: -.03em;
}
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column > .cmc-b-paragraph { color: rgba(255, 255, 255, .82); font-size: var(--tp-text); max-width: 30ch; }
.tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column > p.cmc-b-block:last-child { margin: clamp(14px, 1.2vw, 36px) 0 0; padding: 0; }
.tit.tit--premium .cmc-b-document .tit-vzory-karty .cmc-b-button.cmc-b-button-link { color: #fff; min-height: 0; }
.tit.tit--premium .cmc-b-document .tit-vzory p.tit-stred { margin-top: clamp(40px, 3.6vw, 110px); }

/* ===================================================================
   6) Navazujici sluzby: tmava scena, karty jako sklo se svetlem (desktop: sticky, karty najizdeji po jedne)
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-produkty h2,
.tit.tit--premium .cmc-b-document .tit-produkty h3 { color: var(--tp-fg); }
.tit.tit--premium .cmc-b-document .tit-produkty-karty.cmc-b-columns { gap: var(--tp-mezera); margin-bottom: var(--tp-mezera) !important; }
.tit.tit--premium .cmc-b-document .tit-produkty-karty.cmc-b-columns:last-child { margin-bottom: 0 !important; }
.tit.tit--premium .cmc-b-document .tit-produkty-karty > .cmc-b-column {
  --e: 1;
  min-height: clamp(210px, 23svh, 380px);
  padding: clamp(24px, 2.2vw, 64px);
  gap: clamp(10px, .8vw, 22px);
  border-radius: var(--tp-radius);
  background:
    radial-gradient(90% 130% at 0% 0%, rgba(0, 111, 254, .26) 0%, rgba(0, 111, 254, 0) 58%),
    linear-gradient(160deg, #17171a 0%, #0b0b0d 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09), inset 0 1px 0 rgba(255, 255, 255, .12);
  color: var(--tp-fg);
}
.tit.tit--premium .cmc-b-document .tit-produkty-karty > .cmc-b-column:nth-child(2) { background: radial-gradient(90% 130% at 100% 0%, rgba(0, 111, 254, .24) 0%, rgba(0, 111, 254, 0) 58%), linear-gradient(200deg, #17171a 0%, #0b0b0d 100%); }
.tit.tit--premium .cmc-b-document .tit-produkty-karty > .cmc-b-column:nth-child(3) { background: radial-gradient(100% 130% at 50% 120%, rgba(120, 140, 255, .2) 0%, rgba(120, 140, 255, 0) 60%), linear-gradient(160deg, #17171a 0%, #0b0b0d 100%); }
.tit.tit--premium .cmc-b-document .tit-produkty-karty > .cmc-b-column:hover { background-color: #17171a; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .18); }
.tit.tit--premium .cmc-b-document .tit-produkty-karty .tit-produkt-nazev {
  margin: 0 0 clamp(6px, .8vw, 24px);
  font-size: clamp(30px, 2.6vw, 88px); font-weight: 700; line-height: 1; letter-spacing: -.035em;
}
.tit.tit--premium .cmc-b-document .tit-produkty-karty .tit-logo img { height: clamp(34px, 2.6vw, 80px); }
.tit.tit--premium .cmc-b-document .tit-produkty-karty .cmc-b-paragraph { color: var(--tp-fg2); font-size: var(--tp-text); line-height: 1.42; max-width: 36ch; }
.tit.tit--premium .cmc-b-document .tit-produkty-karty .cmc-b-button.cmc-b-button-link { color: var(--tp-odkaz); }

/* ===================================================================
   7) Pribehy: velky nadpis na stred, pas webu klientu (galerie Builderu)
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-pribehy { padding-bottom: calc(var(--tp-sekce-y) * .9); }
.tit.tit--premium .cmc-b-document .tit-pribehy .pmc-sloupce-text { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; margin-bottom: 0; gap: clamp(16px, 1.4vw, 40px); }
.tit.tit--premium .cmc-b-document .tit-pribehy .pmc-sloupce-text h2 { max-width: 14ch; margin: 0 auto; text-align: center; }
.tit.tit--premium .cmc-b-document .tit-pribehy .pmc-sloupce-text .cmc-b-paragraph { max-width: 40ch; margin: 0 auto; text-align: center; }
.tit.tit--premium .cmc-b-document .tit-pribehy > .cmc-b-container > p.cmc-b-button { margin: clamp(28px, 2.4vw, 72px) 0 0; text-align: center; }
.tit.tit--premium .cmc-b-document .tit-pribehy-pas {
  --tp-x: 0;
  display: flex; flex-wrap: nowrap; gap: var(--tp-mezera);
  margin: clamp(56px, 5.5vw, 180px) calc(-1 * var(--pmc-okraj)) 0;
  padding: 0 var(--pmc-okraj) 8px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--pmc-okraj); scrollbar-width: none;
}
.tit.tit--premium .cmc-b-document .tit-pribehy-pas::-webkit-scrollbar { display: none; }
.tit.tit--premium .cmc-b-document .tit-pribehy-pas figure {
  flex: 0 0 auto; width: clamp(270px, 34vw, 1000px); margin: 0; padding: 0; border: 0; background: none;
  scroll-snap-align: start;
  transform: translate3d(calc(var(--tp-x) * 1px), 0, 0);
}
.tit.tit--premium .cmc-b-document .tit-pribehy-pas img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 0;
  border-radius: var(--tp-radius);
  box-shadow: 0 0 0 1px var(--tp-linka), 0 40px 80px -40px rgba(0, 0, 0, .45);
}
.tit.tit--premium .cmc-b-document .tit-pribehy-pas figcaption {
  margin-top: clamp(12px, 1vw, 28px);
  font-family: var(--tp-pismo); font-size: var(--tp-maly); font-weight: 600; letter-spacing: -.01em; color: var(--tp-fg2);
}

/* ===================================================================
   8) Caste otazky: nadpis drzi vlevo, otazky vpravo
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-faq > .cmc-b-container {
  display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.45fr);
  gap: clamp(32px, 5vw, 180px); align-items: start;
}
.tit.tit--premium .cmc-b-document .tit-faq h2 {
  position: sticky; top: calc(var(--pmc-lista-vyska) + 4vh);
  margin: 0; color: var(--tp-fg); max-width: 9ch;
}
.tit.tit--premium .tit-faq-seznam details { border-top: 1px solid var(--tp-linka); }
.tit.tit--premium .tit-faq-seznam details:last-child { border-bottom: 1px solid var(--tp-linka); }
.tit.tit--premium .tit-faq-seznam summary {
  padding: clamp(22px, 1.8vw, 52px) 0;
  font-family: var(--tp-pismo); font-weight: 600;
  font-size: clamp(20px, 1.55vw, 50px); line-height: 1.2; letter-spacing: -.02em;
  color: var(--tp-fg);
}
.tit.tit--premium .tit-faq-seznam summary::after {
  content: "+"; flex: none;
  display: inline-grid; place-items: center;
  width: 1.5em; height: 1.5em; border-radius: 50%;
  background: color-mix(in srgb, var(--tp-fg) 8%, transparent);
  font-size: .9em; font-weight: 500; line-height: 1;
  transition: transform .5s var(--tp-ease), background-color .25s linear;
}
.tit.tit--premium .tit-faq-seznam summary:hover::after { background: color-mix(in srgb, var(--tp-fg) 16%, transparent); }
.tit.tit--premium .tit-faq-seznam summary:focus-visible { outline: 3px solid #4da3ff; outline-offset: 4px; border-radius: 6px; }
.tit.tit--premium .tit-faq-seznam details > div {
  padding: 0 0 clamp(22px, 1.8vw, 52px); max-width: 52ch;
  font-size: var(--tp-lead); line-height: 1.42; letter-spacing: -.01em; color: var(--tp-fg2);
}
.tit.tit--premium .tit-faq-seznam a { color: var(--tp-odkaz); }

/* ===================================================================
   9) Zaverecna vyzva: fotka pres celou obrazovku, pri najezdu se zklidni (zoom ven), konci cernou (brand blok)
   =================================================================== */
.tit.tit--premium .cmc-b-document .tit-vyzva {
  --tp-roz: 1;
  min-height: max(100svh, 560px);
  padding-top: calc(var(--tp-sev) + var(--tp-sekce-y) * .6); padding-bottom: calc(var(--tp-sekce-y) * 1.1);
  background: #000; color: #fff; border: 0;
}
.tit.tit--premium .cmc-b-document .tit-vyzva::before {
  background:
    linear-gradient(180deg, var(--tp-z) 0, color-mix(in srgb, var(--tp-z) 55%, transparent) calc(var(--tp-sev) * .42), transparent var(--tp-sev)),
    linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 32%),
    radial-gradient(90% 70% at 50% 52%, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .66) 100%);
}
.tit.tit--premium .cmc-b-document .tit-vyzva .tit-pozadi img { transform: scale(calc(1.18 - var(--tp-roz) * .18)); transform-origin: 50% 60%; }
.tit.tit--premium .cmc-b-document .tit-vyzva h2 {
  margin: 0 auto clamp(18px, 1.5vw, 44px); max-width: 12ch; text-align: center; color: #fff;
  font-size: clamp(46px, 7vw, 240px); line-height: 1.01; letter-spacing: -.04em;
}
.tit.tit--premium .cmc-b-document .tit-vyzva .cmc-b-paragraph {
  max-width: 36ch; margin: 0 auto;
  font-size: var(--tp-lead); line-height: 1.38; letter-spacing: -.012em; font-weight: 500; color: rgba(255, 255, 255, .86);
}
.tit.tit--premium .cmc-b-document .tit-vyzva a.cmc-b-button { --tp-tl-bg: rgba(255, 255, 255, .95); --tp-tl-text: #111; }
.tit.tit--premium .cmc-b-document .tit-vyzva a.cmc-b-button-outline:not(.cmc-b-button-link) { color: #fff; background: rgba(255, 255, 255, .06); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.tit.tit--premium .cmc-b-document .tit-vyzva p.cmc-b-block.tit-stred { margin: clamp(32px, 2.6vw, 80px) 6px 0; }

/* ===================================================================
   Zivy rezim (.tp-ziva): nastupy textu po radcich a prvku zdola, rozostreni -> ostre
   =================================================================== */
.tit--premium .tp-radek { display: block; }
.tit--premium.tp-ziva [data-tp-nastup] {
  opacity: 0;
  transform: translate3d(0, clamp(28px, 3vw, 72px), 0);
  filter: blur(10px);
  transition: opacity 1s var(--tp-ease), transform 1.3s var(--tp-ease), filter 1s var(--tp-ease);
  transition-delay: calc(var(--tp-i, 0) * 110ms);
}
.tit--premium.tp-ziva [data-tp-nastup].is-videt { opacity: 1; transform: none; filter: none; }
/* rozdelene nadpisy: hybou se radky, ne cely blok */
.tit--premium.tp-ziva [data-tp-nastup][data-tp-radky] { opacity: 1; transform: none; filter: none; }
.tit--premium.tp-ziva [data-tp-radky] .tp-radek {
  opacity: 0;
  transform: translate3d(0, .5em, 0);
  filter: blur(14px);
  transition: opacity 1.1s var(--tp-ease), transform 1.4s var(--tp-ease), filter 1.1s var(--tp-ease);
  transition-delay: calc(var(--tp-i, 0) * 110ms + var(--r, 0) * 120ms);
}
.tit--premium.tp-ziva [data-tp-radky].is-videt .tp-radek { opacity: 1; transform: none; filter: none; }
/* karty funkci: nastup zdola + meritko podle blizkosti ke stredu (--k) */
.tit.tit--premium.tp-ziva .cmc-b-document .tit-karty > .cmc-b-column[data-tp-nastup] {
  transform: translate3d(0, clamp(40px, 4vw, 90px), 0) scale(calc(.93 + .07 * var(--k)));
  transition: opacity 1s var(--tp-ease), transform 1s var(--tp-ease), filter 1s var(--tp-ease);
  transition-delay: calc(var(--tp-i, 0) * 110ms);
}
.tit.tit--premium.tp-ziva .cmc-b-document .tit-karty > .cmc-b-column[data-tp-nastup].is-videt { transform: scale(calc(.93 + .07 * var(--k))); }
/* hero: kratke zpozdeni po nacteni (video se mezitim rozbehne) */
.tit--premium.tp-ziva .tit-hero [data-tp-nastup] { transition-delay: calc(250ms + var(--tp-i, 0) * 140ms); }
.tit--premium.tp-ziva .tit-hero [data-tp-radky] .tp-radek { transition-delay: calc(200ms + var(--r, 0) * 150ms); }
/* prepnuti oboru: obsah karty najede */
.tit--premium.tp-ziva .tit-zalozky .is-zalozky .is-aktivni .cmc-b-tab-panel > * { animation: tp-panel 1s var(--tp-ease) both; }
.tit--premium.tp-ziva .tit-zalozky .is-zalozky .is-aktivni .cmc-b-tab-panel > br { animation: none; }
.tit--premium.tp-ziva .tit-zalozky .is-zalozky .is-aktivni .cmc-b-tab-panel::after { animation: tp-foto 1.2s var(--tp-ease) both; }
@keyframes tp-panel { from { opacity: 0; transform: translate3d(0, 24px, 0); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes tp-foto { from { opacity: 0; } to { opacity: 1; } }
/* otevreni odpovedi */
.tit--premium.tp-ziva .tit-faq-seznam details[open] > div { animation: tp-panel .7s var(--tp-ease) both; }
.tit--premium.tp-ziva .tit-faq-seznam details[open] summary::after { transform: rotate(45deg); }

/* ===================================================================
   Sticky sceny (.tp-scena-ziva, jen desktop a bez omezeni pohybu - prida JS)
   =================================================================== */
/* Funkce: nadpis drzi, pas karet jede vodorovne */
.tit.tit--premium .cmc-b-document .tit-funkce.tp-scena-ziva {
  --tp-x: 0;
  height: calc(100svh + var(--tp-draha, 0px) * 1.15);
  padding-top: 0; padding-bottom: 0;
}
.tit.tit--premium .cmc-b-document .tit-funkce.tp-scena-ziva > .cmc-b-container {
  position: sticky; top: 0; height: 100svh;
  display: flex; flex-direction: column; justify-content: center;
  padding-top: calc(var(--pmc-lista-vyska) + 1vh);
  overflow: hidden;
}
.tit.tit--premium .cmc-b-document .tit-funkce.tp-scena-ziva .pmc-sloupce-text { margin-bottom: clamp(28px, 4.5vh, 90px); }
.tit.tit--premium .cmc-b-document .tit-funkce.tp-scena-ziva .tit-karty.cmc-b-columns {
  overflow: visible; scroll-snap-type: none;
  transform: translate3d(calc(var(--tp-x) * -1px), 0, 0);
  will-change: transform;
}
.tit.tit--premium .cmc-b-document .tit-funkce.tp-scena-ziva .tit-karty > .cmc-b-column {
  width: auto; height: min(56svh, 900px);
}

/* Navazujici sluzby: nadpis drzi, karty najizdeji po jedne */
.tit.tit--premium .cmc-b-document .tit-produkty.tp-scena-ziva {
  height: 250svh; padding-top: 0; padding-bottom: 0;
}
.tit.tit--premium .cmc-b-document .tit-produkty.tp-scena-ziva > .cmc-b-container {
  position: sticky; top: 0; height: 100svh;
  display: flex; flex-direction: column; justify-content: center;
  padding-top: calc(var(--pmc-lista-vyska) + 1vh); padding-bottom: 3vh;
}
.tit.tit--premium .cmc-b-document .tit-produkty.tp-scena-ziva .pmc-sloupce-text { margin-bottom: clamp(28px, 4.5vh, 90px); }
.tit--premium.tp-ziva .cmc-b-document .tit-produkty.tp-scena-ziva .tit-produkty-karty > .cmc-b-column[data-tp-nastup] {
  opacity: var(--e);
  transform: translate3d(0, calc((1 - var(--e)) * 70px), 0) scale(calc(.94 + .06 * var(--e)));
  filter: blur(calc((1 - var(--e)) * 10px));
  transition: box-shadow .35s linear;
}
.tit.tit--premium .cmc-b-document .tit-produkty.tp-scena-ziva .tit-produkty-karty > .cmc-b-column { min-height: clamp(190px, 22svh, 380px); }

/* Pas webu klientu: jede vodorovne s posunem stranky */
.tit--premium.tp-ziva .cmc-b-document .tit-pribehy-pas { overflow: hidden; scroll-snap-type: none; }
.tit--premium.tp-ziva .cmc-b-document .tit-pribehy-pas figure { will-change: transform; }

/* will-change jen pro prvky, ktere se hybou pri posunu */
.tit--premium.tp-ziva .tit-video { will-change: clip-path; }
.tit--premium.tp-ziva .tit-zalozky .is-zalozky .cmc-b-tab-panel::after,
.tit--premium.tp-ziva .tit-vzory-karty .cmc-b-image img,
.tit--premium.tp-ziva .tit-vyzva .tit-pozadi img { will-change: transform; }

/* ===================================================================
   Tablet a mobil
   =================================================================== */
@media (max-width: 1024px) {
  .tit.tit--premium .cmc-b-document .tit-sekce .pmc-sloupce-text { grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 2vw, 28px); }
  .tit.tit--premium .cmc-b-document .tit-sekce .pmc-sloupce-text .cmc-b-paragraph { max-width: 40ch; }
  .tit.tit--premium .cmc-b-document .tit-faq > .cmc-b-container { grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); }
  .tit.tit--premium .cmc-b-document .tit-faq h2 { position: static; max-width: 14ch; }
  .tit.tit--premium .cmc-b-document .tit-vzory-karty.cmc-b-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column { width: clamp(260px, 44vw, 520px); }
}
@media (max-width: 760px) {
  .tit.tit--premium { --tp-sekce-y: 88px; --tp-sev: 84px; --tp-radius: 20px; }
  .tit.tit--premium .cmc-b-document .tit-hero.cmc-b-hero h1 { font-size: clamp(42px, 12vw, 64px); }
  .tit.tit--premium .cmc-b-document .tit-sekce h2 { font-size: clamp(36px, 10.4vw, 60px); }
  .tit.tit--premium .cmc-b-document .tit-vyzva h2 { font-size: clamp(42px, 12vw, 72px); }
  .tit.tit--premium .tit-pill-lista { justify-content: flex-start; }
  .tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel { min-height: 76svh; padding: 28px var(--pmc-okraj) 32px; }
  .tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel::before { background: linear-gradient(0deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .4) 45%, rgba(0, 0, 0, .05) 75%); }
  .tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column { width: 80vw; aspect-ratio: 4 / 5; }
  .tit.tit--premium .cmc-b-document .tit-vzory-karty.cmc-b-columns { grid-template-columns: minmax(0, 1fr); }
  .tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column { aspect-ratio: 4 / 5; }
  .tit.tit--premium .cmc-b-document .pmc-predpo.tit-predpo-plocha.is-predpo { --predpo-vyska: clamp(460px, 72svh, 640px); --predpo-vnitrni: calc(var(--pmc-okraj) + 4px); }
  .tit.tit--premium .cmc-b-document .tit-pribehy-pas figure { width: 80vw; }
  .tit.tit--premium .cmc-b-document .tit-vyzva p.cmc-b-block.tit-stred { display: block; margin: 16px 0 0; }
  .tit.tit--premium .cmc-b-document .tit-vyzva p.cmc-b-block.tit-stred:first-of-type { margin-top: 32px; }
  .tit.tit--premium .cmc-b-document .tit-vyzva a.cmc-b-button { width: 100%; max-width: 360px; }
}

/* ===================================================================
   Tmavy vzhled systemu: svetle sekce ztmavnou (tmave sede), tmave zustanou cerne
   =================================================================== */
@media (prefers-color-scheme: dark) {
  .tit.tit--premium {
    --tp-svetla: #0b0b0c;
    --tp-svetla-2: #161618;
    --tp-fg-l: #f5f5f7;
    --tp-fg2-l: #a1a1a6;
    --tp-odkaz-l: #2997ff;
  }
  .tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column,
  .tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 30px 80px -30px rgba(0, 0, 0, .8); }
  .tit.tit--premium .cmc-b-document .tit-produkty-karty > .cmc-b-column {
    background: radial-gradient(90% 130% at 0% 0%, rgba(0, 111, 254, .26) 0%, rgba(0, 111, 254, 0) 58%), linear-gradient(160deg, #1c1c20 0%, #101013 100%);
  }
}

/* ===================================================================
   Omezeny pohyb: vse staticke (JS stejne neprida .tp-ziva ani sceny)
   =================================================================== */
@media (prefers-reduced-motion: reduce) {
  .tit.tit--premium { --tp-hv: 0 !important; }
  .tit.tit--premium a.cmc-b-button:hover,
  .tit.tit--premium .tit-zalozky .is-zalozky .cmc-b-tab-panel a:hover,
  .tit.tit--premium .cmc-b-document .tit-vzory-karty > .cmc-b-column:hover .cmc-b-image { transform: none; }
  .tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column,
  .tit.tit--premium .cmc-b-document .tit-karty > .cmc-b-column:hover { transform: none; }
  .tit.tit--premium .tit-faq-seznam summary::after { transition: none; }
}