/* PlaCla 2026 - styly v1.7.11 (verzovano nazvem souboru) */

:root {
	/* Barvy PlaCly (shodné s main2.css služby) */
	--green-primary: #2d8a00;
	--green-secondary: #3cb500;
	--green-light: #e8f5e0;
	--green-lighter: #f4faf0;
	--green-border: #a5db8f;
	--green-dark: #1e6b00;

	--blue-primary: #1a4fa0;
	--blue-secondary: #2563c9;
	--blue-light: #e8f0fe;
	--blue-lighter: #f2f6fd;
	--blue-border: #93b8e8;
	--blue-dark: #0d3166;

	--text-primary: #1a1a2e;
	--text-secondary: #555e68;
	--text-muted: #8a929a;
	--border-color: #e2e6ea;
	--border-light: #f0f2f4;
	--bg-white: #ffffff;
	--bg-subtle: #f8f9fb;

	--shadow-sm: 0 1px 3px rgba(13,49,102,.07), 0 1px 2px rgba(13,49,102,.05);
	--shadow-md: 0 6px 18px rgba(13,49,102,.09), 0 2px 5px rgba(13,49,102,.05);
	--shadow-lg: 0 18px 50px rgba(13,49,102,.14), 0 6px 14px rgba(13,49,102,.06);

	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-xl: 28px;

	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-display: 'Poppins', var(--font-body);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font:16.5px/1.65 var(--font-body);color:var(--text-primary);background:var(--bg-white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--font-display);line-height:1.2;font-weight:700;letter-spacing:-.015em}
a{color:var(--blue-primary)}
img{max-width:100%;height:auto}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.duo-b{color:var(--blue-primary)}
.duo-g{color:var(--green-primary)}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--blue-secondary);background:var(--blue-light);border-radius:999px;padding:6px 16px;margin-bottom:18px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-secondary)}

/* ---------- tlačítka (oblost dle btn3 služby) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;padding:14px 28px;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .16s ease, box-shadow .16s ease, background .16s ease}
.btn:focus-visible{outline:3px solid var(--blue-border);outline-offset:3px}
.btn-primary{color:#fff;background:linear-gradient(120deg,var(--blue-primary),var(--blue-secondary));box-shadow:0 8px 22px rgba(26,79,160,.32)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(26,79,160,.4);color:#fff}
.btn-primary .sipka{transition:transform .16s ease}
.btn-primary:hover .sipka{transform:translateX(3px)}
.btn-ghost{color:var(--blue-dark);background:var(--bg-white);border-color:var(--border-color)}
.btn-ghost:hover{border-color:var(--blue-border);background:var(--blue-lighter)}
.btn-nav{padding:10px 22px;font-size:14.5px;white-space:nowrap}

/* ---------- logo po písmenech ----------
   Prevzato z logo snippetu (index.php), prepocteno na em: zakladem je
   font-size na .placla-logo, pomery 56/32/21 z originalu zustavaji.
   Selektory pres .site-header maji vyssi specificitu, aby vyhraly
   i pri soubezne aktivnim logo snippetu ve wp_head. */
.site-header .placla-logo{display:inline-block;font-family:'Poppins',Arial,sans-serif;font-style:italic;line-height:1;text-decoration:none;font-size:34px}
.site-header .placla-logo .pl-main{display:flex;align-items:baseline;font-size:1em;font-weight:600}
.site-header .placla-logo .pl-main span{margin-right:-.054em}
.site-header .placla-logo .pl-blue{color:#1a5ca8}
.site-header .placla-logo .pl-green{color:#4a8c2a}
.site-header .placla-logo .pl-gray{color:#7a8a9a}
.site-header .placla-logo .pl-with-copy{position:relative}
.site-header .placla-logo .pl-copy{position:absolute;font-size:.571em;font-weight:400;font-style:normal;color:#7a8a9a}
.site-header .placla-logo .pl-dot{font-size:1em;color:#7a8a9a}
.site-header .placla-logo .pl-sub{display:flex;justify-content:flex-end;gap:.09em;font-size:.375em;font-weight:400;margin-top:-.107em;letter-spacing:-.018em}
@media(max-width:560px){
	.site-header .placla-logo{font-size:23px}
}

/* ---------- telefonní pilulka ---------- */
.tel-pill{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:999px;padding:8px 16px;transition:background .16s}
.tel-pill:hover{background:var(--blue-lighter)}
.tel-pill svg{width:17px;height:17px;fill:var(--blue-primary);flex-shrink:0}
.tel-pill b{font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--text-primary);letter-spacing:.02em}
.tel-pill span{font-size:13px;color:var(--text-muted);white-space:nowrap}

/* ---------- hlavni navigace ---------- */
.hlavni-nav{display:flex;gap:22px;margin-left:34px;margin-right:auto}
.hlavni-nav a{font-size:15px;font-weight:600;text-decoration:none;color:var(--text-secondary)}
.hlavni-nav a:hover{color:var(--blue-primary)}
@media(max-width:1020px){.hlavni-nav{display:none}}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-light)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav a.login{font-size:15px;text-decoration:none;font-weight:600;color:var(--text-secondary)}
.nav a.login:hover{color:var(--blue-primary)}
@media(max-width:860px){
	/* grid misto flex-wrap: kazdy prvek ma pevne pridelene misto,
	   zadne nahodne zalamovani. Radek 1: logo | prihlasit | tlacitko,
	   radek 2: telefon pres celou sirku, vycentrovany.
	   display:contents na .nav-right povysi jeho deti na grid polozky. */
	.nav{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"logo login btn" "tel tel tel";height:auto;padding:8px 0;row-gap:6px;column-gap:12px;align-items:center}
	/* width:max-content: grid by logo natahl na cely 1fr sloupec
	   a podtitul s justify-content:flex-end by odletel doprava */
	.nav .placla-logo{grid-area:logo;justify-self:start;width:max-content;min-width:0}
	.nav-right{display:contents}
	.nav a.login{grid-area:login;justify-self:end}
	.nav .btn-nav{grid-area:btn;justify-self:end}
	.nav .tel-pill{grid-area:tel;justify-self:center;margin:0;padding:6px 14px}
	.nav .tel-pill svg{width:14px;height:14px}
	.nav .tel-pill b{font-size:14px}
	.nav .tel-pill span{font-size:11.5px}
}
@media(max-width:560px){
	.site-header .wrap{padding:0 14px}
	.nav{column-gap:9px}
	.nav a.login{font-size:13.5px}
	.nav .btn-nav{padding:8px 12px;font-size:12.5px}
}

/* ==================================================================
   HOMEPAGE
================================================================== */
.hero{position:relative;padding:84px 0 100px;background:
	radial-gradient(900px 480px at 85% -10%, var(--green-light) 0%, transparent 55%),
	radial-gradient(1100px 600px at -10% 20%, var(--blue-light) 0%, transparent 60%),
	linear-gradient(180deg,var(--bg-white),var(--blue-lighter))}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,transparent,var(--bg-white));pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative;z-index:1}
.hero h1{font-size:clamp(34px,4.8vw,56px);margin-bottom:22px}
.hero h1 .pod{position:relative;white-space:nowrap}
.hero h1 .pod::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:12px;background:linear-gradient(90deg,var(--blue-border),var(--green-border));z-index:-1;border-radius:4px;opacity:.55}
.hero p.lead{font-size:18.5px;color:var(--text-secondary);max-width:54ch;margin-bottom:30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.hero .sub{font-size:14px;color:var(--text-secondary)}
.hero-ruch{display:flex;align-items:center;gap:9px;font-size:14.5px;color:var(--text-secondary);margin-top:22px;font-weight:500}
.hero-ruch .tecka{width:9px;height:9px;border-radius:50%;background:var(--green-secondary);box-shadow:0 0 0 4px rgba(60,181,0,.15);animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.4}}

/* podpisový prvek: příchozí nabídky */
.offers{position:relative;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:26px;box-shadow:var(--shadow-lg)}
.offers::before{content:"";position:absolute;top:-22px;right:-18px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--green-secondary),var(--green-dark));opacity:.12;z-index:-1}
.offers-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--border-light);padding-bottom:14px;margin-bottom:16px}
.offers-head b{font-family:var(--font-display);font-size:16px;font-weight:600}
.offers-head span{font-size:11.5px;color:var(--green-dark);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--green-light);border-radius:999px;padding:4px 12px}
.offers-head span::before{content:"●";margin-right:6px;color:var(--green-secondary);animation:pulse 1.8s infinite}
.offer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:10px;background:var(--bg-white);opacity:0;transform:translateY(12px);animation:slideIn .55s ease forwards;transition:border-color .16s, box-shadow .16s}
.offer:hover{border-color:var(--blue-border);box-shadow:var(--shadow-sm)}
.offer:nth-child(2){animation-delay:.5s}
.offer:nth-child(3){animation-delay:1s}
.offer:nth-child(4){animation-delay:1.5s}
@keyframes slideIn{to{opacity:1;transform:none}}
/* Prichozi nabidka se na chvili zvyrazni zelenou (1.7.9). Barva, ne
   pohyb: pri zapnutem omezeni animaci se nabidka vymeni skokem a bez
   zvyrazneni si vymeny nikdo nevsimne. */
.offers .offer.novy{background:var(--green-lighter);border-color:var(--green-border)}
.offers.zive .offer{transition:background-color .8s ease, border-color .8s ease, box-shadow .16s}
@media(prefers-reduced-motion:reduce){.offers.zive .offer{transition:none}}

/* Jakmile prevezme rizeni skript, vstupni animace na existujicich
   nabidkach se vypne: pri vlozeni nove nahoru se ostatnim meni poradi
   v nth-child a s nim i animation-delay, coz by animaci spustilo znovu
   a cely sloupec by probliknul. Animuje se uz jen prichozi prvek. */
.offers.zive .offer{animation:none;opacity:1;transform:none}

/* Rozbaleni a sbaleni (1.7.11). Kazdy radek ma vlastni obal, kteremu se
   animuje vyska. Prichozi roste z nuly, odchazejici do nuly klesa, oba
   stejne dlouho a stejnou krivkou - soucet vysek je proto v kazdem
   okamziku stejny a blok se nehoupe. Vyska seznamu je navic zamcena
   skriptem na pixel, takze se stranka nepohne ani pri prepoctu. */
.offer-obal{overflow:hidden}
.offers.zive .offer-obal{transition:height .42s cubic-bezier(.22,.61,.36,1)}
.offers.zive .offer-obal .offer{transition:background-color .7s ease,border-color .7s ease}
.offers.zive .offer-obal.mizi .offer{opacity:0;transition:opacity .30s ease}
.offers.zive .offer-obal.rodi .offer{animation:vynor .42s ease both}
@keyframes vynor{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
	/* pohyb se nerusi, jen krati: bez nej neni poznat, ze jedna prisla
	   a jedna odesla, a oddil pak vypada, jako by se prepsal naraz */
	.offers.zive .offer-obal{transition-duration:.22s}
	.offers.zive .offer-obal.rodi .offer{animation-duration:.22s}
	.offers.zive .offer-obal.mizi .offer{transition-duration:.16s}
	.offers.zive .offer{transition:none}
}
.offer .site{font-weight:600;font-size:15.5px}
.offer .meta{font-size:12.5px;color:var(--text-muted)}
.offer .price{font-family:var(--font-display);font-weight:700;font-size:17.5px;white-space:nowrap;color:var(--blue-primary)}
.offers-foot{font-size:13px;color:var(--text-secondary);text-align:center;padding-top:8px}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.offers{max-width:480px}}
@media(prefers-reduced-motion:reduce){.offer{animation:none;opacity:1;transform:none}.offers-head span::before,.hero-ruch .tecka{animation:none}.btn,.btn .sipka{transition:none}}

/* ---------- test viditelnosti (1.7.3) ----------
   Pozadi zustava bile: .hero konci 120px prechodem do bile (.hero::after)
   a tonovana sekce by ho rozbila. Odlisuje se az karta uvnitr, stejnym
   principem jako .offers v hero nebo .dg v diagnostice. */
.test-vidite{padding:14px 0 58px;background:var(--bg-white);text-align:center}
.test-vidite h2{font-size:clamp(26px,3.2vw,40px);line-height:1.24;max-width:34ch;margin:0 auto 30px;text-wrap:balance}
.test-vidite h2 .duo-g{color:var(--green-primary)}
/* Karta jde pres celou sirku .wrap stejne jako .dg v diagnostice.
   Oba navodne odstavce proto stoji vedle sebe, jinak by na 1092 px
   mel radek pres 150 znaku. Pointa se klene pres oba sloupce. */
.test-karta{text-align:left;background:var(--blue-lighter);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:34px 40px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;gap:8px 44px;align-items:start}
.test-karta p{font-size:17px;line-height:1.62;color:var(--text-secondary);margin:0}
.test-pointa{grid-column:1/-1;font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2.2vw,24px);line-height:1.4;color:var(--blue-dark);border-top:1px solid var(--border-color);margin-top:18px;padding-top:22px;text-align:center}
@media(max-width:760px){.test-karta{grid-template-columns:1fr;gap:16px}}
@media(max-width:640px){.test-vidite{padding:6px 0 44px}.test-karta{padding:26px 22px;border-radius:var(--radius-lg)}.test-karta p{font-size:16px}}

/* ---------- velky citat nad znackami ---------- */
.velky-citat{padding:64px 0 26px;background:var(--bg-white);text-align:center}
.velky-citat p{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:clamp(23px,3vw,36px);line-height:1.35;letter-spacing:-.01em;max-width:30ch;margin:0 auto;position:relative}
.velky-citat p::before{content:"\201E";position:absolute;top:-14px;left:-34px;font-size:88px;line-height:1;color:var(--blue-border);font-weight:800;opacity:.45}
.velky-citat em{font-style:italic}
@media(max-width:640px){.velky-citat p::before{left:-6px;top:-30px;font-size:64px}}

/* ---------- pásy log ---------- */
.brands{padding:38px 0;background:var(--bg-white)}
.brands h3{font-family:var(--font-body);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:20px;font-weight:600}
.brands .partners{display:flex;align-items:center;gap:14px 44px;flex-wrap:wrap;justify-content:center}
.brands .partners img{max-height:44px;width:auto;opacity:.85;transition:opacity .16s}
.brands .partners img:hover{opacity:1}
.brand-ph{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--text-muted);opacity:.85}
.brand-vyzva{font-size:13.5px;color:var(--green-dark);background:var(--green-lighter);border:1.5px dashed var(--green-border);border-radius:var(--radius-md);padding:8px 16px;text-decoration:none;transition:background .16s}
.brand-vyzva:hover{background:var(--green-light)}
.brand-vyzva b{display:block;font-size:14px}

/* ---------- sekce obav (Zname to) ---------- */
.obavy-sekce{padding:96px 0;background:var(--bg-white)}
.obavy-sekce h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:34px;max-width:24ch}
.obavy-sekce h2 em{font-style:normal;color:var(--blue-primary)}
.citace{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:44px}
.citat{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(19px,2.2vw,26px);line-height:1.35;color:var(--blue-dark);background:var(--blue-lighter);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:26px 30px 26px 58px;position:relative}
.citat::before{content:"\201E";position:absolute;top:6px;left:18px;font-size:58px;line-height:1;color:var(--blue-border);font-weight:800;opacity:.55}
.citat span{position:relative}
.citat:nth-child(odd){transform:rotate(-.5deg)}
.citat:nth-child(even){transform:rotate(.45deg);background:var(--green-lighter)}
.citat:nth-child(even)::before{color:var(--green-border)}
.obavy-text{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.obavy-text p{color:var(--text-secondary);margin-bottom:16px}
.obavy-text p:last-child{margin-bottom:0}
.obavy-text p b{color:var(--text-primary)}
.pointa{background:var(--green-lighter);border:1px solid var(--green-border);border-radius:var(--radius-lg);padding:26px 28px;text-align:center}
.pointa p{font-family:var(--font-display);font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:18px}
.pointa p em{font-style:normal;color:var(--green-dark)}
.pointa .pod{font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--text-secondary);margin-bottom:20px}
@media(max-width:760px){.citace{grid-template-columns:1fr}.obavy-text{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.citat{transform:none}}

/* ---------- kroky ---------- */
.steps{padding:96px 0;background:
	radial-gradient(700px 400px at 100% 0%, var(--blue-lighter) 0%, transparent 60%),
	var(--bg-subtle)}
.steps h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:48px;max-width:24ch}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:krok}
.step{position:relative;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:34px 28px 30px;box-shadow:var(--shadow-sm);transition:transform .18s ease, box-shadow .18s ease}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.step::before{counter-increment:krok;content:counter(krok);position:absolute;top:-20px;left:26px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:19px;color:#fff;box-shadow:var(--shadow-md)}
.step:nth-child(1)::before{background:linear-gradient(135deg,var(--blue-secondary),var(--blue-primary))}
.step:nth-child(2)::before{background:linear-gradient(135deg,var(--blue-primary),var(--green-primary))}
.step:nth-child(3)::before{background:linear-gradient(135deg,var(--green-secondary),var(--green-primary))}
.step h3{font-size:20px;margin:6px 0 10px}
.step p{font-size:15px;color:var(--text-secondary)}
.step p b{color:var(--text-primary)}
.steps .assure{display:flex;align-items:center;gap:14px;margin-top:34px;font-size:15.5px;background:var(--green-lighter);border:1px solid var(--green-border);padding:18px 24px;border-radius:var(--radius-lg)}
.steps .assure::before{content:"✓";flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--green-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.steps .cta-row{margin-top:38px}
@media(max-width:840px){.steps-grid{grid-template-columns:1fr;gap:34px}}

/* ---------- čísla ---------- */
.numbers{position:relative;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-primary) 70%,#17643a 130%);color:#fff;padding:76px 0;overflow:hidden}
.numbers::before{content:"";position:absolute;top:-70px;right:-70px;width:300px;height:300px;border-radius:50%;border:44px solid rgba(255,255,255,.05)}
.numbers::after{content:"";position:absolute;bottom:-90px;left:-50px;width:260px;height:260px;border-radius:50%;border:36px solid rgba(60,181,0,.12)}
.numbers .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;text-align:center;position:relative;z-index:1}
.numbers .num b,
.numbers .num b .count{font-family:var(--font-display);font-size:clamp(52px,6vw,80px);display:block;font-weight:800;letter-spacing:-.02em;color:#ffffff;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.22)}
.numbers .num b .count{display:inline}
.numbers .num span:not(.count){font-size:16px;color:#dbe6f7;font-weight:500}
@media(max-width:900px){.numbers .wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.numbers .wrap{grid-template-columns:1fr;gap:26px}}

/* ---------- benefity ---------- */
.benefits{padding:96px 0;background:var(--bg-white)}
.benefits h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:48px;max-width:26ch}
.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ben{position:relative;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:28px 26px;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}
.ben:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:var(--bg-white)}
.ben::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue-secondary),var(--green-secondary));opacity:0;transition:opacity .18s}
.ben:hover::before{opacity:1}
/* ikony: cisty bily podklad dle zadani, jen #003366 a #66B032 uvnitr SVG */
.ben .ikona{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:#ffffff;border:1px solid var(--border-light)}
.ben .ikona svg{width:46px;height:46px}
.ben h3{font-size:18.5px;margin-bottom:8px;color:var(--blue-dark)}
.ben p{font-size:14.5px;color:var(--text-secondary)}
@media(max-width:840px){.ben-grid{grid-template-columns:1fr}}

/* ---------- recenze ---------- */
.reviews{padding:96px 0;background:
	radial-gradient(700px 400px at 0% 100%, var(--green-lighter) 0%, transparent 55%),
	var(--blue-lighter)}
.reviews h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:48px}
.rev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.rev{position:relative;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:26px 24px;box-shadow:var(--shadow-sm)}
.rev::before{content:"„";position:absolute;top:6px;right:22px;font-family:var(--font-display);font-size:76px;line-height:1;color:var(--blue-light);font-weight:800}
.rev blockquote{font-size:14.5px;margin-bottom:16px;color:var(--text-primary);position:relative;z-index:1;border:0;background:none;padding:0}
.rev .who{font-size:13.5px;color:var(--text-secondary)}
.rev .who b{color:var(--text-primary)}
.rev .stars{color:#f5a623;letter-spacing:2.5px;margin-bottom:12px;font-size:14px}
.rev-vyzva{background:linear-gradient(160deg,var(--green-lighter),var(--bg-white));border:1.5px dashed var(--green-border)}
.rev-vyzva::before{color:var(--green-light)}
.rev-vyzva .kdo{font-family:var(--font-display);font-weight:700;color:var(--green-dark);margin-bottom:10px;font-size:15.5px}
@media(max-width:1000px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rev-grid{grid-template-columns:1fr}}

/* ---------- persony ---------- */
.personas{padding:96px 0;background:var(--bg-subtle)}
.personas h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}
.personas .uvod{color:var(--text-secondary);max-width:62ch;margin-bottom:44px}
.per-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.per{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px 24px 20px;transition:transform .18s ease, box-shadow .18s ease}
.per:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
/* Prolinkovane jsou jen ty karty, ktere maji odpovidajici landing page
   (1.7.6). Zbyle zustavaji textem, at proklik nikoho nezklame. */
.per-odkaz{display:block;text-decoration:none}
.per-odkaz:hover{border-color:var(--green-border)}
.per-vic{display:block;margin-top:12px;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--green-primary)}
.per-vic span{display:inline-block;transition:transform .16s ease}
.per-odkaz:hover .per-vic span{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.per-vic span{transition:none}}
.per h3{font-size:17.5px;margin-bottom:6px;color:var(--blue-dark)}
.per p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}
.per .tagy{display:flex;flex-wrap:wrap;gap:6px}
.per .tagy span{font-size:12px;font-weight:600;color:var(--green-dark);background:var(--green-light);border-radius:999px;padding:3px 11px}
.personas .obory-link{margin-top:32px;font-size:15px;color:var(--text-secondary)}
@media(max-width:840px){.per-grid{grid-template-columns:1fr}}

/* ---------- tým a kontakt ---------- */
.team{padding:96px 0;background:var(--bg-white)}
.team .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.team h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}
.team .uvod{color:var(--text-secondary);margin-bottom:28px}
.kontakty{display:flex;flex-direction:column;gap:12px}
.kontakt{display:inline-flex;align-items:center;gap:12px;text-decoration:none;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:13px 18px;transition:background .16s, border-color .16s}
.kontakt:hover{background:var(--blue-lighter);border-color:var(--blue-border)}
/* Chat je jediny kontakt, ktery se odbaví bez odchodu ze stranky,
   proto zelena a sipka: ma vybizet ke kliknuti vic nez ostatni (1.7.5). */
.kontakt-chat{background:var(--green-lighter);border-color:var(--green-border)}
.kontakt-chat:hover{background:var(--green-light);border-color:var(--green-primary)}
.kontakt-chat .kontakt-sipka{margin-left:auto;padding-left:12px;font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--green-primary);transition:transform .16s ease}
.kontakt-chat:hover .kontakt-sipka{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.kontakt-chat .kontakt-sipka{transition:none}}
.kontakt .ik{width:56px;height:56px;border-radius:14px;background:#ffffff;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kontakt .ik svg{width:36px;height:36px}
.kontakt b{font-size:17.5px;color:var(--text-primary)}
.kontakt span{font-size:14.5px;color:var(--text-secondary)}
/* Karty pod sebou: v jednom sloupci je na portret dvojnasobek mista
   (128 -> 200 px) a prava polovina sekce uz nekonci v prazdnu. */
.osoby{display:grid;grid-template-columns:1fr;gap:22px}
.osoba{text-align:center;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:32px 20px 28px}
.osoba img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:18px;border:5px solid var(--bg-white);box-shadow:var(--shadow-md)}
.osoba h3{font-size:20px;margin-bottom:5px}
.osoba p{font-size:14.5px;color:var(--text-secondary)}
@media(max-width:900px){.team .wrap{grid-template-columns:1fr}}
@media(max-width:480px){.osoba img{width:164px;height:164px}}

/* ---------- ukázkové PR články + archivní karty ---------- */
.articles{padding:96px 0;background:var(--bg-white)}
.articles h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}
.articles .uvod{color:var(--text-secondary);max-width:62ch;margin-bottom:44px}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.art{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .18s ease, box-shadow .18s ease}
.art:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.art .obr{position:relative;overflow:hidden;display:block}
.art .obr img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s ease}
.art:hover .obr img{transform:scale(1.045)}
.art .stitek{position:absolute;top:14px;left:14px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:rgba(13,49,102,.82);backdrop-filter:blur(4px);border-radius:999px;padding:5px 13px}
.art .stitek.zeleny{background:rgba(30,107,0,.85)}
.art .telo{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.art h3{font-size:17px;line-height:1.35;font-weight:600}
.art h3 a{color:var(--text-primary);text-decoration:none}
.art h3 a:hover{color:var(--blue-primary)}
.art .datum{font-size:13px;color:var(--text-muted);margin-top:auto}
.articles .vice{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}
.zacatky{margin-top:44px;background:var(--blue-lighter);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:28px 30px}
.zacatky h3{font-size:18px;margin-bottom:14px}
.zacatky ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 32px}
.zacatky li{position:relative;padding-left:22px;font-size:15px}
.zacatky li::before{content:"→";position:absolute;left:0;color:var(--green-primary);font-weight:700}
.zacatky a{text-decoration:none}
.zacatky a:hover{text-decoration:underline}
@media(max-width:840px){.art-grid{grid-template-columns:1fr}}
@media(max-width:720px){.zacatky ul{grid-template-columns:1fr}}

/* ---------- diagnostika informacni stopy ---------- */
.diagnostika{padding:90px 0;background:var(--bg-subtle)}
.diagnostika h2{margin-bottom:10px}
.diag-uvod{color:var(--text-secondary);margin-bottom:34px;max-width:760px}
.diag-zdroj{color:var(--text-muted);font-size:.85em}
.dg{margin:0 auto;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.dg-head{padding:15px 22px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:12px}
.dg-head p{margin:0;font-family:var(--font-display);font-size:13.5px;font-weight:600;color:var(--blue-dark)}
.dg-dots{display:flex;gap:6px}
.dg-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:background .2s}
.dg-dot.on{background:var(--green-secondary)}
.dg-body{padding:22px;min-height:260px}
.dg-screen{display:none}
.dg-screen.on{display:block;animation:dgfade .25s}
@keyframes dgfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dg-foot{padding:15px 22px;border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:space-between}
.dg-foot button{padding:11px 20px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-white);font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer}
.dg-foot button.dg-primary{background:var(--green-primary);color:#fff;border:none}
.dg-foot button.dg-primary:hover{background:var(--green-dark)}
.dg-body h3{font-family:var(--font-display);font-size:21px;font-weight:700;margin:0 0 8px;line-height:1.3;color:var(--text-primary)}
.dg-body h4{font-family:var(--font-display);font-size:16.5px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}
.dg-body h5{font-family:var(--font-display);font-size:13px;font-weight:600;margin:0 0 3px;color:var(--text-primary)}
.dg-sub{font-size:13.5px;color:var(--text-secondary);margin:0 0 14px}
.dg-src{font-size:12px;color:var(--text-muted)}
.dg-center{text-align:center;padding:24px 8px}
.dg-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
@media(max-width:520px){.dg-tiles{grid-template-columns:1fr}}
.dg-tile{border:1px solid var(--border-color);border-radius:10px;padding:9px 12px;cursor:pointer;user-select:none;transition:all .12s}
.dg-tile:hover{border-color:var(--green-border)}
.dg-tile.on{background:var(--green-lighter);border-color:var(--green-border)}
.dg-tile p{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}
.dg-tile span{font-size:11px;color:var(--text-muted)}
.dg-feels{display:grid;gap:8px}
.dg-feel{border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;cursor:pointer;user-select:none;transition:all .12s;font-size:14px;color:var(--text-primary)}
.dg-feel:hover{border-color:var(--green-border)}
.dg-feel.on{background:var(--green-lighter);border-color:var(--green-border);font-weight:600}
.dg-feel:before{content:"„";color:var(--text-muted)}
.dg-feel:after{content:"“";color:var(--text-muted)}
.dg-row{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.dg-row label{font-size:14px;color:var(--text-secondary);min-width:200px}
.dg-row input[type=range]{flex:1;min-width:110px;accent-color:var(--green-primary)}
.dg-row select{flex:1;min-width:140px;padding:9px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-white);font-size:14px;color:var(--text-primary)}
.dg-val{font-size:17px;font-weight:700;min-width:95px;text-align:right;color:var(--blue-dark)}
.dg-verdict{border-radius:12px;padding:14px 16px;font-family:var(--font-display);font-size:15px;font-weight:600;margin-bottom:12px;line-height:1.4}
.dg-verdict.bad{background:#fdeceb;color:#b3372c}
.dg-verdict.mid{background:#fdf3e0;color:#9a6b13}
.dg-verdict.good{background:var(--green-light);color:var(--green-dark)}
.dg-dluh{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;margin-bottom:14px}
.dg-dluhlead{margin:0 0 2px;font-size:15px;font-weight:600;color:var(--text-primary)}
.dg-dluhtag{margin:4px 0 0;font-size:11px;color:var(--text-muted)}
.dg-dluhnum{margin:2px 0;font-family:var(--font-display);font-size:46px;font-weight:700;line-height:1;color:#b3372c}
.dg-dluhnum.zero{color:var(--green-primary)}
.dg-dluhsub{margin:0;font-size:12px;color:var(--text-secondary)}
.dg-sect{margin-bottom:16px}
.dg-secttit{margin:0 0 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}
.dg-secttxt{margin:0;font-size:14px;color:var(--text-primary)}
.dg-mirror{background:var(--bg-subtle);border-radius:10px;padding:12px 14px;margin-bottom:14px}
.dg-mirror .you{font-size:14px;font-weight:600;margin:0 0 6px;color:var(--text-primary)}
.dg-mirror .re{font-size:13px;color:var(--text-secondary);margin:0 0 10px}
.dg-mirror .re:last-child{margin-bottom:0}
.dg-serp{display:grid;gap:12px}
.dg-serpcol{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}
.dg-serphead{padding:8px 12px;font-size:12px;font-weight:700;margin:0}
.dg-serpcol.bez .dg-serphead{background:#fdeceb;color:#b3372c}
.dg-serpcol.s .dg-serphead{background:var(--green-light);color:var(--green-dark)}
.dg-serpq{padding:8px 12px 0;font-size:12px;color:var(--text-muted);font-style:italic;margin:0}
.dg-sres{padding:9px 12px;border-top:1px solid var(--border-light)}
.dg-sres .t{font-size:13px;font-weight:600;margin:0;color:var(--blue-primary)}
.dg-sres .d{font-size:11px;color:var(--text-muted);margin:1px 0 3px}
.dg-sres .c{font-size:12px;color:var(--text-secondary);margin:0}
.dg-serpfoot{padding:9px 12px;border-top:1px solid var(--border-light);font-size:13px;font-weight:600;margin:0}
.dg-serpcol.bez .dg-serpfoot{color:#b3372c}
.dg-serpcol.s .dg-serpfoot{color:var(--green-dark)}
.dg-cost{display:grid;gap:8px}
.dg-costq{background:var(--bg-subtle);border-radius:10px;padding:10px 14px}
.dg-costq p{margin:0}
.dg-costq .q{font-size:14px;font-weight:600;color:var(--text-primary)}
.dg-costq .a{font-size:13px;color:var(--text-secondary);margin-top:2px}
.dg-gaplist{margin:0;padding-left:2px;list-style:none;font-size:14px;color:var(--text-primary)}
.dg-gaplist li{margin-bottom:3px}
.dg-gaplist li:before{content:"✕ ";color:#b3372c;font-weight:700}
.dg-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;align-items:end;height:90px;margin:8px 0 4px}
.dg-chart .colm{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:90px}
.dg-legend{display:flex;gap:14px;font-size:11px;color:var(--text-secondary);margin-bottom:4px;flex-wrap:wrap}
.dg-sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.dg-effects{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.dg-effects{grid-template-columns:1fr}}
.dg-eff{background:var(--bg-subtle);border-radius:10px;padding:12px}
.dg-eff p{font-size:12px;color:var(--text-secondary);margin:0}
.dg-note2{font-size:10px;color:var(--text-muted);margin-top:4px}
.dg-cards3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
@media(max-width:600px){.dg-cards3{grid-template-columns:1fr}}
.dg-c3{background:var(--bg-subtle);border-radius:10px;padding:11px}
.dg-c3 p{font-size:11px;color:var(--text-secondary);margin:0}
.dg-c3 .dg-src{font-size:10px;color:var(--text-muted);margin-top:5px;display:block}
.dg-fixvar{display:grid;gap:6px;margin-top:8px}
.dg-fv{display:flex;justify-content:space-between;gap:10px;background:var(--bg-subtle);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--text-primary)}
.dg-note{font-size:11px;color:var(--text-muted);margin:8px 0 0}
.dg-procstat{font-size:12px;color:var(--text-muted);margin:16px 0 6px;min-height:16px;transition:opacity .2s}
.dg-procbar{height:8px;border-radius:4px;background:var(--border-light);overflow:hidden}
.dg-procbar div{height:100%;width:0;background:var(--green-secondary);border-radius:4px;transition:width .1s linear}
@media(min-width:560px){.dg-serp{grid-template-columns:1fr 1fr}}
@media(min-width:760px){.dg-body{padding:30px 36px}.dg-tiles{grid-template-columns:1fr 1fr 1fr}.dg-feels{grid-template-columns:1fr 1fr}.dg-body h3{font-size:24px}}

/* ---------- pas situaci (Co prave resite) ---------- */
.resim-strip{padding:90px 0;background:var(--blue-lighter)}
.resim-strip h2 em{font-style:normal;color:var(--green-primary)}
.resim-strip .chips{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.chip{display:inline-block;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--blue-dark);background:var(--bg-white);border:1px solid var(--border-light);border-radius:999px;padding:11px 20px;box-shadow:0 1px 3px rgba(13,49,102,.07);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,49,102,.13);border-color:var(--green-border)}
.chips-vic{margin-top:22px;color:var(--text-secondary)}
.chips-vic a{color:var(--blue-primary);font-weight:600}

/* ---------- co slibujeme (1.7.3) ----------
   Svetle pozadi zamerne: .final hned pod tim je tmava, dva tmave pasy
   za sebou by splynuly do jedne plochy. Rytmus je tedy .resim-strip
   (svetle modra) -> .slib (bila) -> .final (tmava). */
.slib{padding:86px 0;background:var(--bg-white);text-align:center;border-top:1px solid var(--border-light)}
.slib p{max-width:26ch;margin:0 auto;font-family:var(--font-display);line-height:1.32;letter-spacing:-.01em;text-wrap:balance}
.slib .slib-ne{font-weight:600;font-size:clamp(21px,2.6vw,30px);color:var(--text-muted)}
.slib .slib-ano{font-weight:700;font-size:clamp(25px,3.4vw,42px);color:var(--blue-dark);margin-top:18px;max-width:30ch}
.slib .slib-ano em{font-style:normal;color:var(--green-primary)}
@media(max-width:640px){.slib{padding:60px 0}}

/* ---------- final CTA ---------- */
.final{padding:104px 0;background:
	radial-gradient(800px 460px at 50% 120%, rgba(60,181,0,.16) 0%, transparent 60%),
	linear-gradient(160deg,var(--blue-dark),var(--blue-primary));color:#fff;text-align:center;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:640px;height:640px;border-radius:50%;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.final h2{font-size:clamp(30px,4vw,48px);margin-bottom:16px}
.final h2 em{font-style:normal;color:var(--green-border)}
.final p{color:#d5e2f5;max-width:58ch;margin:0 auto 32px;position:relative;z-index:1;font-size:17px}
.final .btn-primary{background:#fff;color:var(--blue-dark);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.final .btn-primary:hover{box-shadow:0 14px 36px rgba(0,0,0,.3);color:var(--blue-dark)}
.final .support{margin-top:26px;font-size:14.5px;color:#c9d9f2;position:relative;z-index:1}
.final .support a{color:#fff;font-weight:600}
.final .tel-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);margin-top:18px}
.final .tel-pill:hover{background:rgba(255,255,255,.2)}
.final .tel-pill svg{fill:#fff}
.final .tel-pill b{color:#fff}
.final .tel-pill span{color:#c9d9f2}

/* ==================================================================
   PODSTRÁNKY, PŘÍSPĚVKY, ARCHIVY
================================================================== */
.page-head{position:relative;padding:56px 0 60px;background:
	radial-gradient(700px 340px at 88% -20%, var(--green-light) 0%, transparent 55%),
	radial-gradient(900px 460px at -10% 30%, var(--blue-light) 0%, transparent 60%),
	linear-gradient(180deg,var(--bg-white),var(--blue-lighter))}
.page-head .drobky{font-size:13.5px;color:var(--text-muted);margin-bottom:14px}
.page-head .drobky a{color:var(--text-secondary);text-decoration:none}
.page-head .drobky a:hover{color:var(--blue-primary);text-decoration:underline}
.page-head h1{font-size:clamp(30px,4vw,44px);max-width:26ch}
.page-head .perex{font-size:17.5px;color:var(--text-secondary);max-width:60ch;margin-top:14px}
.page-head .post-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:13.5px;color:var(--text-secondary)}
.page-head .post-meta .kat{font-weight:700;color:var(--green-dark);background:var(--green-light);border-radius:999px;padding:4px 13px;text-decoration:none;font-size:12.5px}

.page-body{padding:56px 0 80px}
.page-body .wrap{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:64px;align-items:start}
.page-body.plna .wrap{display:block;max-width:790px}
@media(max-width:960px){.page-body .wrap{grid-template-columns:1fr}}

/* typografie obsahu (Gutenberg) */
.obsah h2{font-size:26px;margin:44px 0 14px;scroll-margin-top:90px}
.obsah h2:first-child{margin-top:0}
.obsah h3{font-size:19.5px;margin:30px 0 10px}
.obsah p{margin-bottom:16px}
.obsah ul,.obsah ol{margin:0 0 16px 24px}
.obsah li{margin-bottom:6px}
.obsah a{text-decoration-thickness:1px;text-underline-offset:2px}
.obsah img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:8px 0 20px}
.obsah figure{margin:8px 0 20px}
.obsah figcaption{font-size:13px;color:var(--text-muted);margin-top:6px}
.obsah blockquote{border-left:4px solid var(--green-border);background:var(--green-lighter);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:16px 22px;margin:20px 0;color:var(--text-secondary)}
.obsah blockquote p:last-child{margin-bottom:0}
.obsah table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15px}
.obsah th{text-align:left;font-family:var(--font-display);font-weight:600;background:var(--blue-lighter);color:var(--blue-dark)}
.obsah th,.obsah td{padding:11px 14px;border-bottom:1px solid var(--border-light)}
.obsah tr:hover td{background:var(--bg-subtle)}
.obsah .box,.obsah .wp-block-group.box{background:var(--blue-lighter);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px 24px;margin:24px 0}
.obsah .box b{color:var(--blue-dark)}
.obsah .wp-block-image img{height:auto}
.uvodni-obrazek{margin-bottom:28px}
.uvodni-obrazek img{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}

/* boční sloupec */
.bocni{position:sticky;top:94px;display:flex;flex-direction:column;gap:22px}
.widget{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:24px}
.widget h3,.widget .widget-title{font-family:var(--font-display);font-size:16.5px;margin-bottom:12px;font-weight:700}
.widget ul{list-style:none}
.widget li{margin-bottom:9px;font-size:14.5px}
.widget li a{text-decoration:none}
.widget li a:hover{text-decoration:underline}
.widget-cta{background:linear-gradient(160deg,var(--blue-dark),var(--blue-primary));color:#fff;text-align:center}
.widget-cta h3{color:#fff;font-size:18px}
.widget-cta p{font-size:14px;color:#c9d9f2;margin-bottom:16px}
.widget-cta .btn-primary{background:#fff;color:var(--blue-dark);box-shadow:none;font-size:15px;padding:12px 22px}
.widget-cta .pozn{font-size:12.5px;color:#c9d9f2;margin-top:12px;margin-bottom:0}
@media(max-width:960px){.bocni{position:static}}

/* CTA pod článkem */
.clanek-cta{margin-top:48px;background:linear-gradient(160deg,var(--blue-dark),var(--blue-primary));color:#fff;border-radius:var(--radius-xl);padding:36px 34px;text-align:center}
.clanek-cta h2{color:#fff;font-size:24px;margin:0 0 10px}
.clanek-cta p{color:#c9d9f2;margin-bottom:20px;font-size:15.5px}
.clanek-cta .btn-primary{background:#fff;color:var(--blue-dark);box-shadow:none}

/* stránkování a archivy */
.archiv-vypis{padding:56px 0 80px}
.strankovani{margin-top:44px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.strankovani .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);text-decoration:none;font-weight:600;font-size:15px;color:var(--text-secondary);background:var(--bg-white)}
.strankovani .page-numbers.current{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff}
.strankovani .page-numbers:hover:not(.current){border-color:var(--blue-border);background:var(--blue-lighter)}

/* pás před footerem */
.pre-footer{background:var(--bg-subtle);border-top:1px solid var(--border-light);padding:48px 0;text-align:center}
.pre-footer h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:8px}
.pre-footer p{color:var(--text-secondary);margin-bottom:22px}

/* ---------- paticka: sloupce landing pages ---------- */
.foot-lp{display:grid;grid-template-columns:1fr 1fr 1fr;gap:44px;padding-top:52px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:34px}
.foot-sloupec{display:flex;flex-direction:column;gap:7px}
.foot-sloupec b{font-family:var(--font-display);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#c9d9f2;margin-bottom:6px}
.foot-sloupec a{font-size:14px;color:#9db4d8;text-decoration:none}
.foot-sloupec a:hover{color:#fff}
.foot-sloupec a.vsechny{color:var(--green-border);font-weight:600;margin-top:4px}
@media(max-width:900px){.foot-lp{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.foot-lp{grid-template-columns:1fr;gap:30px}}

/* ---------- footer ---------- */
.site-footer{background:var(--blue-dark);color:#b7c8e4;padding:44px 0;font-size:14.5px;border-top:1px solid rgba(255,255,255,.08)}
.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px}
.site-footer a{color:#e3edfb;text-decoration:none;margin-right:18px}
.site-footer a:hover{text-decoration:underline;color:#fff}
.site-footer .smaller{font-size:13px}
.site-footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0}

/* ==================================================================
   LANDING PAGES: oddily prenesene z diagnostiky (1.7.0)
   Markup dodava plugin placla-obory (templates/landing.php), vzhled
   patri sem do sablony. Prefix lp- = landing page.
   POZN. k velikosti h2: stavajici oddily landing pages (.ob-hledani,
   .naklady, .ob-citace) nemaji nikde nastavenou velikost h2 a padnou
   na vychozi 1.5em prohlizece, tj. cca 25 px. Nove oddily se tomu
   schvalne prizpusobuji, aby stranka nemela dve ruzne velikosti
   nadpisu. Az se rozhodne zvednout h2 na landing pages na meritko
   homepage (clamp(28px,3.4vw,42px)), zmeni se to na jednom miste tady.
================================================================== */
.lp-sekce{padding:84px 0}
.lp-sekce.bila{background:var(--bg-white)}
.lp-sekce.jemna{background:var(--bg-subtle)}
.lp-sekce.modra{background:var(--blue-lighter)}
.lp-sekce h2{font-size:25px;max-width:26ch;text-wrap:balance}
.lp-sekce h2 em{font-style:normal;color:var(--blue-primary)}
.lp-sekce h2 .zel{color:var(--green-primary)}
.lp-podnadpis{margin-top:14px;font-size:17px;color:var(--text-secondary);max-width:62ch}
.lp-zdroj{font-size:12.5px;color:var(--text-muted);margin-top:16px}
.lp-karta{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:28px}

/* ---------- A) Kde se dnes rozhoduje ---------- */
.lp-ai .lp-cisla{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.lp-ai .lp-cislo .hodnota{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,6vw,64px);line-height:1}
.lp-ai .lp-cislo.zel{border-color:var(--green-border);background:var(--green-lighter)}
.lp-ai .lp-cislo.zel .hodnota{color:var(--green-primary)}
.lp-ai .lp-cislo.sed .hodnota{color:var(--text-muted)}
.lp-ai .lp-cislo .co{font-family:var(--font-display);font-weight:600;font-size:18px;margin-top:12px}
.lp-ai .lp-cislo .pod{font-size:14.5px;color:var(--text-secondary);margin-top:8px}
.lp-ai .lp-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.lp-ai .lp-duo .role{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.lp-ai .lp-duo .veta{font-family:var(--font-display);font-weight:600;font-size:19px;margin-top:10px;line-height:1.35}
.lp-ai .lp-duo .vysvetleni{font-size:14.5px;color:var(--text-secondary);margin-top:10px}
.lp-ai .lp-duo .dukaz{border-color:var(--green-border);background:var(--green-lighter)}
.lp-ai .lp-zaver{margin-top:22px;font-size:17px;color:var(--text-secondary);max-width:70ch}
.lp-ai .lp-zaver b{color:var(--text-primary)}
@media(max-width:760px){.lp-ai .lp-cisla,.lp-ai .lp-duo{grid-template-columns:1fr}}

/* ---------- B) Co po roce zustane ---------- */
.lp-rok .lp-graf{margin-top:32px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:26px 24px 20px}
.lp-rok .lp-legenda{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;color:var(--text-secondary);margin-bottom:8px}
.lp-rok .lp-legenda i{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:8px;vertical-align:-2px}
.lp-rok .lp-graf svg{width:100%;height:auto;display:block}
.lp-rok .lp-bilance{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.lp-rok .lp-bil{border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-light);background:var(--bg-white)}
.lp-rok .lp-bil .stav{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1}
.lp-rok .lp-bil .rezim{font-family:var(--font-display);font-weight:600;font-size:15px;margin-top:8px}
.lp-rok .lp-bil ul{margin-top:14px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.lp-rok .lp-bil li{font-size:14.5px;color:var(--text-secondary);padding-left:20px;position:relative}
.lp-rok .lp-bil li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--green-border)}
.lp-rok .lp-bil.rek{background:var(--bg-subtle);border-color:var(--border-color)}
.lp-rok .lp-bil.rek .stav,.lp-rok .lp-bil.rek .rezim{color:var(--text-muted)}
.lp-rok .lp-bil.rek li::before{background:#c6ccd4}
.lp-rok .lp-bil.mala .stav{color:var(--green-dark)}
.lp-rok .lp-bil.velka{background:var(--green-lighter);border-color:var(--green-border)}
.lp-rok .lp-bil.velka .stav{color:var(--green-primary)}
@media(max-width:820px){.lp-rok .lp-bilance{grid-template-columns:1fr}}

/* ---------- C) Ekonomika v case ---------- */
.lp-cena .lp-plocha{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.lp-cena .lp-karta h3{font-family:var(--font-display);font-size:21px}
.lp-cena .lp-karta .popis{font-size:15px;color:var(--text-secondary);margin-top:8px}
.lp-cena .lp-karta svg{width:100%;height:auto;margin-top:16px}
.lp-cena .lp-karta .pointa{font-size:15px;margin-top:14px;font-weight:700}
.lp-cena .rostouci{border-color:#e6d3c4;background:#fdf8f3}
.lp-cena .rostouci .pointa{color:#a8410a}
.lp-cena .stabilni{border-color:var(--green-border);background:var(--green-lighter)}
.lp-cena .stabilni .pointa{color:var(--green-dark)}
.lp-cena .lp-souhrn{margin-top:22px;background:var(--blue-light);border-radius:var(--radius-lg);padding:24px 28px;font-family:var(--font-display);font-weight:600;font-size:19.5px;color:var(--blue-dark);line-height:1.4}
.lp-cena .lp-souhrn span{display:block;font-family:var(--font-body);font-weight:400;font-size:15px;color:var(--text-secondary);margin-top:10px}
@media(max-width:760px){.lp-cena .lp-plocha{grid-template-columns:1fr}}

/* ---------- D) Vedlejsi efekty ---------- */
.lp-efekty .lp-plocha{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.lp-efekty .lp-karta h3{font-family:var(--font-display);font-size:21px}
.lp-efekty .lp-karta p{font-size:15px;color:var(--text-secondary);margin-top:8px}
.lp-efekty .lp-karta svg{width:100%;height:auto;margin-top:16px}
.lp-efekty .lp-karta .pozn2{font-size:13px;color:var(--text-muted);margin-top:12px}
.lp-efekty .lp-zaver{margin-top:22px;font-size:17px;color:var(--text-secondary);max-width:70ch}
@media(max-width:760px){.lp-efekty .lp-plocha{grid-template-columns:1fr}}

/* ---------- E) Site vzbudi zajem, kdo ho posbira (1.7.2) ----------
   Kompaktni rozvrzeni: prispevek je vodorovny prouzek nahore, pult jde
   pres celou sirku a vysledky vyhledavace stoji vedle odpovedi AI.
   Puvodni svisle skladani (1.7.1) melo 1653 px. Chovani ridi plugin,
   sem patri jen vzhled. */
.lp-site{padding:44px 0}
.lp-site h2{max-width:30ch}
.lp-site .lp-podnadpis{margin-top:10px;font-size:16.5px;max-width:74ch}

/* prispevek na siti jako vodorovny prouzek */
.lp-site .prouzek{
	display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:20px;
	background:var(--bg-subtle);border:1px solid var(--border-color);
	border-radius:var(--radius-lg);padding:11px 16px;
}
.lp-site .prouzek .avatar{width:30px;height:30px;border-radius:50%;flex:0 0 30px;background:linear-gradient(135deg,var(--blue-secondary),var(--green-secondary))}
.lp-site .prouzek .kdo{font-family:var(--font-display);font-weight:600;font-size:14px;line-height:1.25;white-space:nowrap}
.lp-site .prouzek .kdo em{display:block;font-family:var(--font-body);font-style:normal;font-weight:400;font-size:11.5px;color:var(--text-muted)}
.lp-site .prouzek .citat{font-style:italic;font-size:14.5px;color:var(--text-secondary);flex:1 1 240px}
.lp-site .prouzek .sipka{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--text-muted);white-space:nowrap}
.lp-site .prouzek .pointa{
	font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--green-dark);
	background:var(--green-lighter);border:1px solid var(--green-border);border-radius:999px;padding:6px 14px;
}

/* pult pres celou sirku */
.lp-site .pult{margin-top:16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-white)}
.lp-site .ovladace{
	padding:12px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border-color);
	display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;
}
.lp-site .rada{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.lp-site .rada > .popisek{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--text-muted)}
.lp-site .prep{
	font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--text-secondary);
	background:var(--bg-white);border:1px solid var(--border-color);border-radius:999px;padding:6px 14px;
	cursor:pointer;transition:background .14s,border-color .14s,color .14s;
}
.lp-site .prep:hover{border-color:var(--blue-border);background:var(--blue-lighter)}
.lp-site .prep:focus-visible{outline:3px solid var(--blue-border);outline-offset:2px}
.lp-site .prep[aria-pressed="true"]{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff}
/* bez JS nemaji prepinace co delat, at nesvadi ke kliknuti */
.lp-site .pult:not(.zivy) .ovladace{display:none}

.lp-site .lupa{
	display:flex;align-items:center;gap:10px;margin:14px 16px 0;background:var(--bg-white);
	border:2px solid var(--blue-border);border-radius:999px;padding:10px 18px;
	box-shadow:0 6px 18px rgba(26,79,160,.10);font-size:16px;
}
.lp-site .lupa svg{width:18px;height:18px;flex-shrink:0}
.lp-site .lupa .dotaz{font-family:var(--font-display);font-weight:600}
.lp-site .lupa .kurzor{width:2px;height:18px;background:var(--blue-primary);animation:lp-blik 1s steps(1) infinite}
@keyframes lp-blik{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.lp-site .lupa .kurzor{animation:none}}

/* vysledky vlevo, odpoved AI a verdikt vpravo */
.lp-site .sloupce{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;padding:14px 16px 16px;align-items:start}
@media(max-width:900px){.lp-site .sloupce{grid-template-columns:1fr}}
.lp-site .vysledky{display:flex;flex-direction:column;gap:6px}
.lp-site .vysl{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:8px 12px;background:var(--bg-white)}
.lp-site .vysl .titulek{font-size:14.5px;font-weight:600;color:var(--blue-secondary);line-height:1.3}
.lp-site .vysl .url{font-size:11.5px;color:var(--text-muted);margin-top:1px}
.lp-site .vysl .popis{font-size:12.5px;color:var(--text-secondary);margin-top:3px;line-height:1.45}
.lp-site .vysl.vas{border-color:var(--green-border);background:var(--green-lighter)}
.lp-site .vysl.vas .titulek{color:var(--green-dark)}
.lp-site .vysl .stitek{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--green-primary);border-radius:4px;padding:1px 6px;margin-bottom:4px}
.lp-site .vysl.sit{background:var(--bg-subtle)}
.lp-site .vysl.sit .titulek{color:#6b7683}
.lp-site .dalsi{font-size:12.5px;color:var(--text-muted);padding:2px 4px}

.lp-site .pravy{display:flex;flex-direction:column;gap:12px}
.lp-site .ai{border:1px solid var(--blue-border);border-radius:var(--radius-md);background:var(--blue-lighter);overflow:hidden}
.lp-site .ai .hlavicka{display:flex;align-items:center;gap:9px;padding:9px 14px;background:var(--blue-light);border-bottom:1px solid var(--blue-border)}
.lp-site .ai .znak{width:21px;height:21px;border-radius:6px;flex:0 0 21px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));color:#fff;font-family:var(--font-display);font-weight:700;font-size:10.5px}
.lp-site .ai .hlavicka b{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--blue-dark)}
.lp-site .ai .telo{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.lp-site .ai .odpoved{font-size:14.5px;line-height:1.5;color:var(--text-primary)}
.lp-site .ai .znacky{display:flex;flex-wrap:wrap;gap:7px}
.lp-site .ai .chip{display:inline-flex;align-items:center;gap:7px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:999px;padding:5px 12px;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-secondary)}
.lp-site .ai .chip .puntik{width:8px;height:8px;border-radius:50%;background:#b7c0cb;flex:0 0 8px}
.lp-site .ai .chip.vy{background:var(--green-lighter);border-color:var(--green-border);color:var(--green-dark)}
.lp-site .ai .chip.vy .puntik{background:var(--green-primary)}
.lp-site .ai .chip.prazdno{border-style:dashed;color:var(--text-muted);background:transparent}
.lp-site .ai .zdroje{font-size:12.5px;color:var(--text-secondary);border-top:1px solid var(--blue-border);padding-top:10px;line-height:1.5}
.lp-site .ai .zdroje b{font-family:var(--font-display);font-weight:600;color:var(--blue-dark)}
.lp-site .ai .zdroje em{font-style:normal;color:var(--text-muted)}
.lp-site .ai .pocet{font-size:11.5px;color:var(--text-muted);line-height:1.45;padding:0 14px 11px}

.lp-site .zaver{border-radius:var(--radius-md);padding:13px 16px;font-family:var(--font-display);font-weight:600;font-size:15.5px;line-height:1.35}
.lp-site .zaver span{display:block;font-family:var(--font-body);font-weight:400;font-size:13.5px;margin-top:6px;line-height:1.5}
.lp-site .zaver.spatne{background:#fdf1ea;color:#8f3707}
.lp-site .zaver.spatne span{color:#7a5a49}
.lp-site .zaver.napul{background:var(--blue-light);color:var(--blue-dark)}
.lp-site .zaver.napul span{color:var(--text-secondary)}
.lp-site .zaver.dobre{background:var(--green-lighter);border:1px solid var(--green-border);color:var(--green-dark)}
.lp-site .zaver.dobre span{color:var(--text-secondary)}

.lp-site .pod-pultem{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;margin-top:14px}
@media(max-width:760px){.lp-site .pod-pultem{grid-template-columns:1fr}}
.lp-site .pod-pultem p{font-size:13.5px;color:var(--text-secondary);line-height:1.5}
.lp-site .pod-pultem p b{color:var(--text-primary);font-family:var(--font-display);font-weight:600}
.lp-site .ilustrace{grid-column:1/-1;font-size:12px;color:var(--text-muted);margin-top:2px}