/* VisiLess — NOVÁ TITULKA, smer A „Trofej" (29. 10. 2026, R-05).

   Platí LEN pod `main.tv` (index.php). Výpis, detail a pokladňa sú ďalšie
   vlny redizajnu a tento hárok sa ich nesmie dotknúť — preto samostatný
   súbor načítaný za shop.css, nie blok na konci shop.css.

   PÍSMO SA NEMENÍ: nadpisy `--font-head` (Times New Roman), text Arial
   z shop.css. Nadpisy bez kurzívy a bez farebne zvýraznenej časti —
   majiteľ 29. 10.: „je to take ako milion generativnych stranok s ai".

   FARBY sú tokeny shop.css (`--deep`, `--on-deep`, `--fire-deep`, `--ink`).
   Tmavá časť prehlasuje ten istý zoznam tokenov ako `.band,.hero,…` v shop.css,
   takže biele karty (`.card`) si svetlé tokeny vyhlásia znova samy. */

main.tv{
  --tv-bg:var(--deep,#0A1917);
  --tv-bg-2:#12211D;
  --tv-ink:var(--on-deep,#EEF3F0);
  --tv-mute:var(--on-deep-2,#A9BBB3);
  --tv-line:rgba(238,243,240,.14);
  --tv-acc:var(--fire-deep,#FF8A3D);
  --tv-light:#ECEEE9;
  --tx:var(--on-deep); --tx-2:var(--on-deep-2); --tx-key:#fff;
  --accent:var(--glow); --money:var(--fire-deep); --focus:var(--glow); --rule:var(--line-glow);
  gap:0;
  padding-bottom:0;
  background:var(--tv-bg);
  color:var(--tv-ink);
}
main.tv > .wrap{padding-block:0}
/* Biela karta si tokeny vyhlási znova (shop.css), ale niektoré texty karty
   farbu len DEDIA — bez tohto mal názov lanka na bielej karte svetlé písmo
   tmavej plochy (rgb 232,239,235; namerané 29. 10. 2026). */
main.tv .card{color:var(--ink)}

/* ── HERO ─────────────────────────────────────────────────────────────── */
.tv-hero{position:relative;overflow:hidden;min-height:clamp(560px,calc(100svh - 120px),880px);
  display:flex;align-items:flex-end;isolation:isolate}
.tv-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  /* Na ležatom ráme drží hlavu rybára a hlavu šťuky v hornej tretine;
     na telefóne (stojatý rám) posun doprava, kde je hlava ryby. */
  object-position:55% 16%;z-index:-2}
.tv-hero__sh{position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(10,25,23,.92) 0%,rgba(10,25,23,.70) 32%,rgba(10,25,23,.06) 62%),
    linear-gradient(0deg,var(--tv-bg) 0%,rgba(10,25,23,0) 30%)}
/* NA POČÍTAČI FOTKA V CELKU, NIE CEZ CELÚ ŠÍRKU (31. 10. 2026).
   Originál je takmer štvorcový (2 048 × 1 938). Rám cez celú šírku má pomer
   okolo 2,3 : 1, takže `cover` z fotky nechal menej než polovicu výšky — bez
   čela rybára a s rybou cez celý rám. Majiteľ: „aj tato fotka je velmi
   nazoomovana". Fotka preto stojí vpravo v plnej výške a vo svojom pomere,
   ľavý okraj sa maskou stráca do tmavého podkladu pod textom. Šírku drží
   strop 64 %, aby pri nízkom a širokom okne nevošla pod nadpis.
   Tablet a telefón majú rám blízky štvorcu alebo na výšku, tam `cover` sedí. */
@media (min-width:1101px){
  .tv-hero__img{left:auto;right:0;width:auto;max-width:64%;aspect-ratio:2048/1938;object-position:50% 30%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
  .tv-hero__sh{background:linear-gradient(0deg,var(--tv-bg) 0%,rgba(10,25,23,0) 30%)}
}
.tv-hero__in{width:100%;padding-bottom:clamp(120px,12vw,170px) !important;padding-top:48px !important}
.tv-h1{font-family:var(--font-head);font-weight:400;color:#fff;margin:0 0 26px;
  font-size:clamp(3.4rem,1.2rem + 7.4vw,8.5rem);line-height:.86;letter-spacing:-.015em}
.tv-h1__k{display:flex;align-items:center;gap:16px;font-family:var(--font);font-size:15px;font-weight:700;
  letter-spacing:.42em;text-transform:uppercase;color:var(--tv-acc);margin-bottom:24px;line-height:1}
.tv-h1__k::before{content:'';width:40px;height:2px;background:currentColor}
.tv-h1__a{display:block}
.tv-h1__b{display:flex;align-items:center;gap:clamp(14px,2vw,28px);width:min(1180px,100%)}
/* Lanko ako grafika: 1 px linka s obratlíkom na konci. */
.tv-wire{flex:1;min-width:24px;height:1px;position:relative;margin-top:.18em;
  background:linear-gradient(90deg,rgba(238,243,240,.95),rgba(238,243,240,.35))}
.tv-wire::after{content:'';position:absolute;right:-2px;top:-6px;width:12px;height:12px;
  border:1.5px solid rgba(238,243,240,.8);border-radius:999px}
.tv-hero__lead{font-size:clamp(1.06rem,.98rem + .4vw,1.3rem);color:#D6E0DB;max-width:34ch;margin:0 0 32px}
.tv-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.tv-hero__cap{position:absolute;right:clamp(16px,4vw,40px);bottom:clamp(120px,12vw,170px);max-width:290px;margin:0;
  padding:14px 18px;border-radius:16px;background:rgba(10,25,23,.62);border:1px solid var(--tv-line);
  font-size:14px;line-height:1.4;color:#D6E0DB}
.tv-hero__cap b{display:block;font-family:var(--font-head);font-weight:400;font-size:28px;line-height:1.1;color:#fff}

.tv-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;
  font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;transition:background .15s,border-color .15s}
.tv-btn--o{background:var(--tv-acc);color:var(--tv-bg)}
.tv-btn--o:hover{background:#FFA466;color:var(--tv-bg)}
.tv-btn--g{border-color:rgba(238,243,240,.6);color:#fff;background:rgba(10,25,23,.3)}
.tv-btn--g:hover{border-color:#fff;color:#fff}
.tv-btn:focus-visible,.tv-more:focus-visible{outline:3px solid var(--tv-acc);outline-offset:3px}

/* ── LIŠTA ISTÔT ──────────────────────────────────────────────────────── */
.tv-trust{position:relative;z-index:2;margin-top:clamp(-96px,-7vw,-64px)}
.tv-trust__in{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;background:var(--tv-line);border:1px solid var(--tv-line);border-radius:20px;overflow:hidden}
.tv-trust__in li{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--tv-bg-2);font-size:15px;line-height:1.35}
.tv-trust__in svg{flex:none;color:var(--tv-acc)}
.tv-trust__in a{color:inherit;text-decoration:none}
.tv-trust__in a:hover{color:var(--tv-acc)}
.tv-trust__in b{color:#fff}
.tv-kampan{margin-top:32px}

/* ── SPOLOČNÉ: sekcia, hlavička sekcie ────────────────────────────────── */
.tv-sec{padding-top:clamp(72px,8vw,120px) !important}
.tv-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.tv-k{display:block;margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tv-acc)}
.tv-h2{font-family:var(--font-head);font-weight:400;font-size:clamp(2.3rem,1.4rem + 3vw,4rem);line-height:1;margin:12px 0 0;color:inherit}
.tv-sh__p{margin:14px 0 0;max-width:56ch;color:var(--tv-mute)}
.tv-more{display:inline-flex;align-items:center;min-height:48px;font-weight:700;color:var(--tv-acc);text-decoration:none}
.tv-more:hover{text-decoration:underline;text-underline-offset:4px}

/* ── DRAVCI (_ryby-pas.php) — fotky v ich vlastnom pomere ─────────────── */
/* NIE NA VÝŠKU (31. 10. 2026). Pôvodne boli dlaždice 3 : 4, ale všetky fotky
   rýb majú 1 200 × 750 (16 : 10) a väčšie originály nie sú. Rám na výšku
   z nich nechal stredný pás, odsekol hlavy a fotku nafúkol — majiteľ:
   „velmi zla kvalita a rozlozenie fotiek". Rám má preto pomer fotky
   a `.rybk--v` (dve v rade) vs. ostatné (tri v rade) určuje _ryby-pas.php. */
main.tv .rybpas{padding-top:clamp(72px,8vw,120px) !important;color:var(--tv-ink)}
main.tv .rybpas .sec-h{margin-bottom:clamp(24px,3vw,40px)}
main.tv .rybpas .sec-h__k{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tv-acc)}
main.tv .rybpas h2{font-family:var(--font-head);font-weight:400;font-size:clamp(2.3rem,1.4rem + 3vw,4rem);line-height:1;color:#fff;margin-top:12px}
main.tv .rybpas__g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;overflow:visible}
main.tv .rybk{grid-column:span 2}
main.tv .rybk--v{grid-column:span 3}
main.tv .rybk{position:relative;display:block;aspect-ratio:16/10;border-radius:22px;overflow:hidden;
  background:var(--tv-bg-2);border:0;padding:0;color:#fff;text-decoration:none;box-shadow:none}
main.tv .rybk__im{position:absolute;inset:0;width:100%;height:100%;border-radius:0;margin:0;aspect-ratio:auto;background:none}
main.tv .rybk__im img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
main.tv .rybk:hover .rybk__im img{transform:scale(1.05)}
main.tv .rybk::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,25,23,.92) 0%,rgba(10,25,23,0) 58%);pointer-events:none}
main.tv .rybk__n{position:absolute;left:20px;right:20px;bottom:42px;z-index:1;font-family:var(--font-head);font-weight:400;font-size:clamp(1.8rem,1.2rem + 1.2vw,2.4rem);line-height:1;color:#fff;text-align:left}
main.tv .rybk__p{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#D6E0DB;text-align:left}
main.tv .rybk:focus-visible{outline:3px solid var(--tv-acc);outline-offset:3px}

/* ── LANKÁ ────────────────────────────────────────────────────────────── */
/* Hlavička v dvoch stĺpcoch, karty pod ňou v celej šírke. Bočný panel
   vedľa kariet padol 30. 10. 2026 — prečo, je v index.php. */
.tv-lanka__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px clamp(32px,5vw,80px);
  align-items:end;margin-bottom:clamp(28px,3vw,44px);padding-bottom:clamp(24px,2.5vw,32px);border-bottom:1px solid var(--tv-line)}
.tv-lanka__p{margin:0 0 18px;font-family:var(--font-head);font-size:clamp(1.3rem,1.05rem + .7vw,1.7rem);line-height:1.25;color:#fff;max-width:36ch}
.tv-lanka__row{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.tv-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.tv-facts span{display:inline-flex;align-items:baseline;gap:6px;min-height:44px;padding:10px 16px;border-radius:999px;
  border:1px solid var(--tv-line);background:var(--tv-bg-2);font-size:14px;color:var(--tv-mute);white-space:nowrap}
.tv-facts b{font-family:var(--font-head);font-weight:400;font-size:20px;line-height:1;color:#fff}
main.tv .tv-lanka .carou{min-width:0}
/* Na počítači päť kariet v jednom rade — pri piatich typoch lanka je to celé
   portfólio naraz. Rad shop.css má stĺpce `minmax(320px,1fr)`, pri 1 280 px
   z toho bolo 3,5 karty a štvrtá useknutá (namerané 30. 10. 2026). Šestá
   a ďalšia rodina sa odroluje ako doteraz. */
@media (min-width:1100px){
  main.tv .tv-lanka .carou__rail{grid-auto-columns:calc((100% - 4 * 16px) / 5)}
}

/* ── BANNERY ──────────────────────────────────────────────────────────── */
.tv-bnr:empty{display:none}
.tv-bnr{margin-top:48px}

/* ── PREČO DRAVEC LANKO NEVIDÍ ────────────────────────────────────────── */
.tv-why{display:grid !important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.tv-why__img{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3}
.tv-why__img img{width:100%;height:100%;object-fit:cover;display:block}
.tv-pts{list-style:none;margin:28px 0 20px;padding:0}
.tv-pts li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:20px 0;border-top:1px solid var(--tv-line)}
.tv-pts__n{font-family:var(--font-head);font-size:36px;line-height:1;color:var(--tv-acc)}
.tv-pts b{display:block;font-size:18px;color:#fff}
.tv-pts li > span > span{display:block;color:var(--tv-mute);margin-top:4px}

/* ── SVETLÁ ČASŤ ──────────────────────────────────────────────────────── */
.tv-light{
  --tx:var(--ink); --tx-2:var(--ink-2); --tx-3:var(--ink-muted); --tx-key:var(--ink);
  --accent:var(--olive); --money:var(--price); --focus:var(--olive); --rule:var(--line);
  --tv-acc:#A83D08; --tv-mute:#47574F;
  margin-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,110px);
  background:var(--tv-light);color:var(--ink);border-radius:40px 40px 0 0}
.tv-light .tv-h2{color:var(--ink)}
.tv-light .tv-sec:first-child{padding-top:clamp(64px,7vw,104px) !important}
/* Mriežka nástrah je `.grid` zo shop.css, nie vlastná: karta zarovnáva svoje
   vrstvy (fotka, názov, cena, tlačidlo) cez subgrid RODIČA a mimo `.grid`
   sa zrúti — vlastná mriežka dala kartu 147 px vysokú s pretečenou fotkou
   (namerané 29. 10. 2026). Tu sa mení len počet stĺpcov. */
main.tv .grid.tv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tv-blog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tv-bc{display:flex;flex-direction:column;gap:12px;color:var(--ink);text-decoration:none}
.tv-bc__img{display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#fff}
.tv-bc__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.tv-bc:hover .tv-bc__img img{transform:scale(1.04)}
.tv-bc__t{font-family:var(--font-head);font-size:clamp(1.35rem,1.1rem + .6vw,1.75rem);line-height:1.15}
.tv-bc:focus-visible{outline:3px solid var(--tv-acc);outline-offset:4px;border-radius:22px}

/* ── TABLET ───────────────────────────────────────────────────────────── */
@media (max-width:1100px){
  .tv-trust__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tv-lanka__head{grid-template-columns:minmax(0,1fr);align-items:start}
  .tv-why{grid-template-columns:minmax(0,1fr)}
  main.tv .grid.tv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tv-hero__cap{display:none}
}

/* ── TELEFÓN ──────────────────────────────────────────────────────────── */
@media (max-width:640px){
  /* 600, nie viac: kritérium K5 (prvá nákupná voľba do 1 200 px na 375 px).
     Pri 640 px vyšli dravci na 1 260 px (namerané 29. 10. 2026). */
  .tv-hero{min-height:600px}
  .tv-hero__img{object-position:64% 18%}
  .tv-hero__sh{background:linear-gradient(0deg,var(--tv-bg) 0%,rgba(10,25,23,.86) 40%,rgba(10,25,23,.12) 72%)}
  .tv-hero__in{padding-bottom:110px !important}
  .tv-h1{font-size:3.5rem}
  .tv-h1__k{font-size:12px;letter-spacing:.32em;margin-bottom:16px}
  .tv-h1__k::before{width:24px}
  .tv-hero__cta .tv-btn{flex:1 1 auto;justify-content:center}
  .tv-trust{margin-top:-72px}
  .tv-trust__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tv-trust__in li{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;font-size:14px}
  .tv-trust__in svg{width:22px;height:22px}
  main.tv .rybpas__g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
    margin-inline:calc(-1 * clamp(16px,4vw,40px));padding-inline:clamp(16px,4vw,40px);scrollbar-width:none}
  main.tv .rybk,main.tv .rybk--v{flex:0 0 82%;scroll-snap-align:start}
  /* shop.css (pás zo starej titulky) robí z poslednej nepárnej dlaždice na
     telefóne „ležatú" s fotkou širokou 140 px. V páse, ktorý sa posúva prstom,
     tým piaty dravec (sumec) ostal s malou fotkou v rohu — nameraný rám
     140 × 164 v dlaždici 281 × 176 (31. 10. 2026). Tu ho vraciame na plnú. */
  main.tv .rybpas__g > .rybk:last-child:nth-child(odd){display:block;padding:0}
  main.tv .rybpas__g > .rybk:last-child:nth-child(odd) .rybk__im{width:100%}
  main.tv .grid.tv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tv-blog{grid-template-columns:minmax(0,1fr)}
  .tv-light{border-radius:28px 28px 0 0}
}