/* Schlieger – fotovoltaika-podzimni-sleva (statický export 20261010). 1) CSS webu ořezané na hlavičku a patičku, 2) CSS landing page. */
[hidden]{display:none!important}@layer ds-base,legacy,ds,brand,data;:root{--c-ink: #383f47;--c-ink-strong: #101010;--c-ink-black: #000;--c-ink-2: #383f47;--c-ink-2b: #4b4e56;--c-ink-3: #5f6670;--c-ink-3-deco: #6d7a84;--c-ink-4: #b0b6bb;--c-line: #eff1f2;--c-line-2: #d5d7dd;--c-line-3: #bdbdbd;--c-bg: #fff;--c-bg-alt: #f9f9f9;--c-bg-alt-2: #eff1f2;--c-bg-tile: #f3f3f3;--c-dark: #090f1f;--surface-dark: var(--c-dark);--c-dark-2: #1d1d1e;--c-red: #da000f;--c-red-hover: #ad0f1a;--c-red-submit: #d6000f;--c-red-soft: #fcebec;--c-green: #24a531;--c-green-ui: #24a531;--c-green-ui-hover: #1b7c25;--c-green-dark: var(--c-green-ui);--c-green-bright: var(--c-green);--c-green-soft: #f4fbf5;--c-green-pill: #d7ead3;--c-progress: #4caf50;--c-orange: #f8a82f;--c-yellow: #ffcb3c;--c-yellow-icon: #facc15;--c-dot-active: #e63329;--c-alert: #fff8c7;--c-star: #ffc800;--c-on-dark: #fff;--c-on-dark-2: #fffc;--c-on-dark-3: #ffffff94;--c-on-dark-line: #ffffff24;--grad-brand: linear-gradient(90deg,#da000f 41.95%,#f8a82f 104.1%);--grad-cta: linear-gradient(90deg,#da000f 5.74%,#f8a82f 104.1%);--grad-cta-aa: linear-gradient(90deg,#da000f 50%,#f8a82f 200%);--grad-chip: linear-gradient(90deg,#da000f 0%,#f8a82f 100%);--grad-tag: linear-gradient(269deg,#f8a82f -5.19%,#da000f 100%);--grad-tile-red: linear-gradient(155deg,#da000f 20.25%,#9a010b 96.2%);--grad-tile-green: linear-gradient(5deg,#24a531 25.38%,#069d15 70.28%);--grad-tile-dark: linear-gradient(1deg,#1d1d1e 10.93%,#383f47 60.98%);--grad-aiko: linear-gradient(348deg,#00600a 0%,#000 50%);--font: "Poppins",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--fs-display: clamp(2rem,1.2rem + 2.2vw,3rem);--fs-hl: 3.5rem;--fs-h1: clamp(1.25rem,.6rem + 2.6vw,3rem);--fs-h2: clamp(1.5rem,1.05rem + 1.6vw,2.25rem);--fs-h2-sub: clamp(1rem,.7rem + 1.2vw,1.5625rem);--fs-h3: clamp(1.125rem,1.05rem + .3vw,1.25rem);--fs-h3-card: clamp(1.5rem,1.3rem + .6vw,1.75rem);--fs-card: 1.125rem;--fs-h4: 1rem;--fs-lead: 1rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--fs-stat-sm: 1.5rem;--fs-stat: 2.625rem;--fs-stat-xl: clamp(2.5rem,2rem + 1.4vw,3.5rem);--lh-tight: 1.2;--lh-head: 1.3333;--lh-snug: 1.3;--lh-body: 1.5;--ls-display: 0;--ls-head: 0;--ls-caps: .02em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--sp-11: 80px;--sp-12: 96px;--section-y: 60px;--section-y-tight: 32px;--section-y-sm: clamp(16px,.6rem + 1vw,24px);--head-gap: 32px;--grid-gap: clamp(16px,1rem + .6vw,24px);--card-pad: clamp(20px,1rem + .4vw,24px);--container: 1200px;--gutter: 20px;--hdr-h: 70px;--measure: 62ch;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--shadow-1: 0 1px 4px #19213d14;--shadow-card: var(--shadow-1);--shadow-2: 0 2px 12px #0000001f;--shadow-3: var(--shadow-2);--shadow-tile: 0 2px 6px #19213d24;--shadow-pcard: 0 4px 4px #00000040;--shadow-hub: 0 0 12px #0000001c;--shadow-soft: 0 5px 16px #0000000a;--ease: cubic-bezier(.2,.7,.2,1);--dur: .18s;--tx-head: var(--c-ink);--tx-body: var(--c-ink-2);--tx-muted: var(--c-ink-3);--tx-meta: var(--c-ink-3);--bd: var(--c-line);--ink: var(--c-ink);--ink-2: var(--c-ink-2);--ink-3: var(--c-ink-3);--muted: var(--c-ink-3);--line: var(--c-line);--line-strong: var(--c-line-2);--paper: var(--c-bg-alt);--paper-2: var(--c-bg-alt-2);--white: var(--c-bg);--green: var(--c-green);--green-dark: var(--c-green-ui);--green-soft: var(--c-green-soft);--red: var(--c-red);--red-dark: var(--c-red-hover);--red-soft: var(--c-red-soft);--yellow: var(--c-star);--r-sm: var(--radius-sm);--r: var(--radius-sm);--r-lg: var(--radius-md);--pill: var(--radius-full);--sh: var(--shadow-2);--sh-sm: var(--shadow-2);--ff: var(--font)}@media (min-width: 768px){:root{--gutter: 20px}}@media (max-width: 767px){:root{--hdr-h: 65px;--section-y: 32px;--head-gap: 24px}}@font-face{font-family: Poppins;font-weight: 400;font-display: swap;src: url("../fonts/poppins-400-latin-ext.woff2") format("woff2");unicode-range: U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: Poppins;font-weight: 400;font-display: swap;src: url("../fonts/poppins-400-latin.woff2") format("woff2");unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: Poppins;font-weight: 500;font-display: swap;src: url("../fonts/poppins-500-latin-ext.woff2") format("woff2");unicode-range: U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: Poppins;font-weight: 500;font-display: swap;src: url("../fonts/poppins-500-latin.woff2") format("woff2");unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: Poppins;font-weight: 600;font-display: swap;src: url("../fonts/poppins-600-latin-ext.woff2") format("woff2");unicode-range: U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: Poppins;font-weight: 600;font-display: swap;src: url("../fonts/poppins-600-latin.woff2") format("woff2");unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: Poppins;font-weight: 700;font-display: swap;src: url("../fonts/poppins-700-latin-ext.woff2") format("woff2");unicode-range: U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: Poppins;font-weight: 700;font-display: swap;src: url("../fonts/poppins-700-latin.woff2") format("woff2");unicode-range: U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer legacy{:root{--ink: #1b2028;--ink-2: #383f47;--ink-3: #646b74;--muted: #98a0a8;--line: #1b20281a;--line-strong: #1b20282e;--paper: #f6f5f1;--paper-2: #eeece6;--white: #fff;--green: #24a531;--green-dark: #1b7c25;--green-soft: #e7f5e9;--red: #da000f;--red-dark: #ad0f1a;--red-soft: #fcebec;--yellow: #f2b300;--r-sm: 12px;--r: 20px;--r-lg: 28px;--pill: 999px;--sh: 0 30px 70px -30px #1b202859;--sh-sm: 0 12px 30px -16px #1b202840;--ff: "Poppins",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--container: 1340px;--gutter: 20px;--ease: cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{font-family: var(--ff);color: var(--ink);background: var(--white);-webkit-font-smoothing: antialiased;margin: 0;font-size: 16px;line-height: 1.55}img,svg,video{max-width: 100%;height: auto;display: block}a{color: inherit}h1,h2,h3,h4{letter-spacing: -.025em;text-wrap: balance;margin: 0;font-weight: 600;line-height: 1.15}h1{letter-spacing: -.035em;font-size: clamp(34px,4.6vw,60px);font-weight: 700}h2{font-size: clamp(28px,3.4vw,44px)}h3{font-size: clamp(20px,2vw,24px)}p{margin: 0}button{font: inherit}:focus-visible{outline: 3px solid var(--red);outline-offset: 3px}.container{width: 100%;max-width: var(--container);padding-inline: var(--gutter);margin-inline: auto}.hdr{z-index: 50;-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-bottom: 1px solid var(--line);background: #ffffffeb;position: sticky;top: 0}.hdr__in{align-items: center;gap: 28px;min-height: 76px;display: flex}.hdr__logo img{width: auto;height: 46px}.hdr__nav{gap: 4px;margin-left: 8px;display: none}.hdr__nav a{white-space: nowrap;border-radius: var(--pill);color: var(--ink-2);padding: 10px 14px;font-size: 15px;font-weight: 500;text-decoration: none;transition: background .12s}.hdr__nav a:hover{background: var(--paper)}.hdr__right{align-items: center;gap: 18px;margin-left: auto;display: flex}.hdr__burger{cursor: pointer;background: none;border: 0;border-radius: 50%;place-items: center;width: 44px;height: 44px;display: grid}@media (min-width: 1200px){.hdr__nav{display: flex}.hdr__burger{display: none}}.mnav{z-index: 49;background: #fff;align-content: start;gap: 4px;padding: 20px;display: grid;position: fixed;inset: 76px 0 0;overflow: auto}.mnav a{border-bottom: 1px solid var(--line);padding: 14px 12px;font-size: 17px;font-weight: 500;text-decoration: none}.ftr{background: var(--paper);color: var(--ink-2);border-top: 1px solid var(--line);padding: 56px 0 28px;font-size: 14.5px}.ftr__grid{grid-template-columns: repeat(2,1fr);gap: 32px 28px;display: grid}@media (min-width: 760px){.ftr__grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 1100px){.ftr__grid{grid-template-columns: repeat(6,1fr)}}.ftr h4{color: var(--red);letter-spacing: .06em;text-transform: uppercase;border-bottom: 1px solid var(--line);margin-bottom: 12px;padding-bottom: 10px;font-size: 13.5px}.ftr h4 a{color: inherit;text-decoration: none}.ftr ul{gap: 9px;margin: 0;padding: 0;list-style: none;display: grid}.ftr a{color: var(--ink-2);text-decoration: none}.ftr a:hover{color: var(--red)}.hdr__item{position: relative}.hdr__item > a{align-items: center;gap: 6px;display: inline-flex}.hdr__item.is-open > a{background: var(--paper);color: var(--ink)}@keyframes megaIn{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: none}}.mnav{gap: 0;padding: 12px 20px 40px}.mnav__row{border-bottom: 1px solid var(--line);justify-content: space-between;align-items: center;display: flex}.mnav__row a{border: 0;flex: 1;padding: 14px 0}.mnav__row button{cursor: pointer;color: var(--ink-3);background: none;border: 0;padding: 12px}.mnav__sub{background: var(--paper);border-radius: 12px;gap: 2px;margin: 8px 0;padding: 6px 0 12px 12px;display: grid}.mnav__sub a{border: 0;padding: 10px 12px;font-size: 15px;font-weight: 500}.mnav__tel{border: 0;align-items: center;gap: 10px;margin-top: 16px;font-weight: 600;text-decoration: none;display: flex}.mnav__tel small{color: var(--ink-3);font-weight: 400}.ftr__contact{border-top: 1px solid var(--line);gap: 22px;margin-top: 40px;padding-top: 24px;display: grid}@media (min-width: 760px){.ftr__contact{grid-template-columns: 1fr 1fr;align-items: center}}.ftr__contact > div:first-child{gap: 4px;display: grid}.ftr__tel{letter-spacing: -.02em;font-size: 24px;font-weight: 600}.ftr__social{gap: 10px;display: grid}.ftr__social > div{gap: 10px;display: flex}.ftr__social a{border: 1px solid var(--line-strong);width: 40px;height: 40px;color: var(--ink-3);border-radius: 50%;place-items: center;transition: background .15s,color .15s;display: grid}.ftr__social a:hover{color: var(--red);background: #fff}:root{--sec: clamp(40px,5.2vw,72px)}:is(.ln-row > .ln-box.ln-has-bg.ln-r > .ln-box:has( > .ln-btn:only-child),.ln-row > .ln-box.ln-has-bg.ln-r > .ln-btn){margin-top: auto;padding-top: 4px}:is(.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-counter),.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-box > .ln-counter)){border: 1px solid var(--line);border-radius: var(--r);text-align: center;background: #fff;justify-content: center;align-items: center;gap: 6px;padding: 22px 18px}:is(.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-counter) .ln-b,.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-box > .ln-counter) .ln-b){border: 0}:is(.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-counter) .ln-t,.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-box > .ln-counter) .ln-t){color: var(--ink-3);font-size: 14.5px}@media (max-width: 759px){:root{--sec: 36px;--gutter: 18px}:is(.lsec:not([data-sp]) .ln-row:has( > .ln-box > .ln-box > .ln-counter),.lsec:not([data-sp]) .ln-row:has( > .ln-box > .ln-counter)){grid-template-columns: 1fr 1fr;gap: 10px;display: grid}:is(.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-box > .ln-counter),.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-counter)){padding: 16px 10px}}:is(.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-imgwrap:only-child):has(.ln-img[src$=".jpg"]),.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-imgwrap:only-child):has(.ln-img[src$=".jpeg"])){flex: 0 0 55%}:is(.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-imgwrap:only-child) .ln-img[src$=".jpg"],.lsec:not([data-sp]) .ln-row > .ln-box:has( > .ln-imgwrap:only-child) .ln-img[src$=".jpeg"]){border-radius: var(--r);object-fit: cover;aspect-ratio: 4 / 3;width: 100%}.ftr h4{font-size: 13px}.ftr a:has(img){display: inline-flex}a:focus-visible,button:focus-visible{outline: 3px solid var(--red);outline-offset: 3px;border-radius: 8px}@keyframes stepIn{from{opacity: 0;transform: translateX(18px)}to{opacity: 1;transform: none}}@keyframes spin{to{transform: rotate(360deg)}}:is(.ln-row:has( > .card:nth-child(5)),.ln-row:has( > .ln-box > .card:first-child):has( > .ln-box:nth-child(5))){grid-template-columns: repeat(2,1fr);gap: 16px;display: grid !important}@media (min-width: 760px){:is(.ln-row:has( > .card:nth-child(5)),.ln-row:has( > .ln-box > .card:first-child):has( > .ln-box:nth-child(5))){grid-template-columns: repeat(3,1fr)}}@media (min-width: 1100px){:is(.ln-row:has( > .card:nth-child(5)),.ln-row:has( > .ln-box > .card:first-child):has( > .ln-box:nth-child(5))){grid-template-columns: repeat(4,1fr)}}:is(.ln-row:has( > .ln-imgwrap a[href*="play.google"]),.ln-row:has( > .ln-imgwrap a[href*="apps.apple"])){flex-wrap: wrap;justify-content: flex-start !important;gap: 12px !important}:is(.ln-row > .ln-imgwrap:has(a[href*="play.google"]),.ln-row > .ln-imgwrap:has(a[href*="apps.apple"])){flex: none !important;width: auto !important}@media (min-width: 760px) and (max-width: 1023px){:is(.ln-cards.ln-cards--3,.ln-cards.ln-cards--4:has( > .fcard)){grid-template-columns: repeat(3,1fr)}}:is(.ln-row.ln-wrap > .points,.ln-row.ln-wrap > .ln-box:has( > .points)){flex: 100%;width: 100%}:is(.ln-box:has(.nsteps),.ln-box:has(.prog)){align-self: stretch;width: 100%}:is(.is-dark,.lsec--img,.section--ink) :is(.plan,.pcard,.prog,.nsteps__item,.points li,.cband,.job,.calc,.asset,.quick,.total){color: var(--ink)}:is(.is-dark,.lsec--img,.section--ink) :is(.plan,.pcard,.prog) :is(h3,h4,dt,dd,b,strong,p,span,li){color: inherit}}@layer ds-base{body{font-family: var(--font);font-size: var(--fs-body);line-height: var(--lh-body);color: var(--tx-body);background: var(--c-bg)}h1,h2,h3,h4{color: var(--tx-head);text-wrap: balance;font-weight: 600}strong,b{font-weight: 700}::selection{background: var(--c-red-soft);color: var(--c-ink)}:focus-visible{outline: 2px solid var(--c-red);outline-offset: 3px}}@layer ds{.container{max-width: calc(var(--container) + 2 * var(--gutter));padding-inline: var(--gutter)}.hdr__cta{white-space: nowrap}@media (max-width: 759px){.hdr__cta{min-height: 40px;padding: 0 var(--sp-4)}}@media (max-width: 759px){:is(.ln-row:has( > .ln-imgwrap a[href*="play.google"]),.ln-row:has( > .ln-imgwrap a[href*="apps.apple"])){flex-direction: row !important;justify-content: flex-start !important}:is(.ln-imgwrap:has(a[href*="play.google"]),.ln-imgwrap:has(a[href*="apps.apple"])){text-align: left}}.hdr{border-bottom: 1px solid var(--c-line);background: #fffffff5}.hdr__in{gap: var(--sp-6);min-height: 72px}.hdr__logo img{height: 36px}.hdr__nav{gap: 2px}.hdr__nav a{padding: var(--sp-2) var(--sp-3);border-radius: var(--radius-sm);color: var(--c-ink-2);font-size: .9375rem;font-weight: 500}.hdr__nav a:hover,.hdr__item.is-open > a{background: var(--c-bg-alt);color: var(--c-ink)}.hdr__item > a svg{transition: transform var(--dur) var(--ease);opacity: .6}.hdr__item.is-open > a svg{transform: rotate(180deg)}.mnav{background: var(--c-bg);flex-direction: column;padding: 0;display: flex;inset: 72px 0 0}.mnav__list{padding: var(--sp-2) var(--gutter) var(--sp-5);flex: 1;overflow: auto}.mnav__item{border-bottom: 1px solid var(--c-line)}.mnav__row{width: 100%;padding: var(--sp-4) 0;font: inherit;color: var(--c-ink);cursor: pointer;background: none;border: 0;justify-content: space-between;align-items: center;font-size: 1.0625rem;font-weight: 600;text-decoration: none;display: flex}.mnav__row svg{color: var(--c-ink-4);transition: transform var(--dur) var(--ease)}.mnav__item.is-open .mnav__row svg{transform: rotate(180deg)}.mnav a{border-bottom: 0}.mnav__sub{gap: var(--sp-3);padding: 0 0 var(--sp-5);background: none;border-radius: 0;flex-direction: column;margin: 0;display: flex}.mnav__foot{gap: var(--sp-3);padding: var(--sp-4) var(--gutter) calc(var(--sp-4) + env(safe-area-inset-bottom));border-top: 1px solid var(--c-line);background: var(--c-bg);display: grid}.mnav__tel{align-items: center;gap: var(--sp-3);color: var(--c-ink);margin: 0;text-decoration: none;display: flex}.mnav__tel > span{flex-direction: column;display: flex}.mnav__tel small{font-size: var(--fs-xs);color: var(--c-ink-3);font-weight: 400}p,li{text-wrap: pretty}@media (min-width: 1025px){:is(.ln-row.ln-split--media > .ln-box:has( > .photos),.ln-row.ln-split--media .photos){display: contents}}.hdr{overflow-x: clip}.hdr__logo{flex: none;line-height: 0;display: block}.hdr__logo img{width: 120px;max-width: none;height: auto}.hdr__in{gap: var(--sp-3)}.hdr__right{gap: var(--sp-2);flex: none}.hdr__nav{display: none}.hdr__burger{display: grid}@media (max-width: 359px){.hdr__logo img{width: 104px}}@media (min-width: 480px){.hdr__logo img{width: 150px}.hdr__in{gap: var(--sp-6)}.hdr__right{gap: var(--sp-4)}}@media (min-width: 1200px){.hdr__logo img{width: 160px}.hdr__in{gap: var(--sp-4)}.hdr__nav{flex: none;margin-left: 0;display: flex}.hdr__nav a{padding: var(--sp-2);font-size: .875rem}.hdr__burger,.mnav{display: none}}@media (min-width: 1360px){.hdr__in{gap: var(--sp-6)}.hdr__nav a{font-size: .9375rem}}:is(.is-dark,.section--ink,.lsec--img) :is(.check-list,.prose,.vreview) a:not(.btn){color: #fff;text-underline-offset: 3px;text-decoration: underline}}@layer brand{main ol li::marker{font-weight: 700}@keyframes capPulse{0%{opacity: .5;transform: scale(1)}100%{opacity: 0;transform: scale(2.4)}}:is(.ln-row:has( > .cap),.ln-box:has( > .cap)){width: 100%}.hdr__cta{background: var(--grad-cta-aa);border-radius: var(--radius-xs);font: 500 14px/22px var(--font);color: #fff;gap: 8px;min-height: 40px;padding: 6px 16px}.hdr__cta:hover{background: var(--grad-cta-aa);filter: brightness(.94)}@media (max-width: 1024px){body:has(.sticky-cta) .hdr__cta{display: none}.hdr__cta{min-height: 44px}}.hdr{-webkit-backdrop-filter: none;backdrop-filter: none;background: #fff;border-bottom: 0}@media (max-width: 1024px){.hdr ~ main{margin-top: calc(60px - var(--hdr-h))}}.hdr__in{min-height: var(--hdr-h)}.hdr__logo img{width: 154px}@media (max-width: 767px){.hdr__logo img{width: 118px}}@media (min-width: 768px) and (max-width: 1024px){.hdr__logo img{width: min(269px,31.64vw)}}.hdr__nav a{font: 500 16px/40px var(--font);color: #0b0a0a;background: none;border-radius: 0;padding: 0 10px}.hdr__nav a:hover,.hdr__nav a[aria-current],.hdr__item.is-open > a{color: var(--c-red);background: none}.mnav{inset: var(--hdr-h) 0 0}:is(.ln-spw:has( > .quick--green),.ln-row > .quick--green){width: 100%;max-width: 430px}:is(.ln-spw:has( > .quick--post),.ln-row > .quick--post){max-width: none}.ftr{background: var(--c-bg-alt-2);color: var(--c-ink);border-top: 0;padding: 0 0 32px;font-size: 16px}.ftr__logo{border-bottom: 1px solid var(--c-line-2);padding-block: 32px 24px;line-height: 0}.ftr__logo img{width: 269px;max-width: 100%;height: auto}.ftr__grid{grid-template-columns: repeat(3,minmax(0,300px));gap: 96px 100px;padding-block: 48px;display: grid}.ftr h4{font: 500 16px/24px var(--font);letter-spacing: 0;text-transform: uppercase;color: var(--c-red);border-bottom: 1px solid var(--c-line-2);margin: 0 0 17px;padding-bottom: 17px}.ftr h4 a{color: inherit}.ftr ul{margin: 0;padding: 0;list-style: none;display: block}.ftr__col li{padding-bottom: 12px;line-height: 24px}.ftr a{font: 500 16px/24px var(--font);color: var(--c-ink);text-decoration: none}.ftr a:hover{color: var(--c-red)}.ftr__social{border-top: 1px solid var(--c-line-2);text-align: center;font: 500 14px/24px var(--font);color: var(--c-ink-3);justify-items: normal;padding-top: 24px;display: block}.ftr__social ul{justify-content: center;gap: 16px;margin-top: 12px;display: flex}.ftr__social a{border: 1px solid var(--c-ink-4);width: 42px;height: 42px;color: var(--c-ink-4);border-radius: 50%;place-items: center;display: grid}.ftr__social a:hover{color: var(--c-red);border-color: var(--c-red)}.ftr__copy{font: 400 12px/20px var(--font);color: var(--c-ink-3);text-align: center;flex-wrap: wrap;justify-content: center;gap: 4px 16px;margin-top: 24px;display: flex}.ftr__copy a{font: inherit;color: inherit;text-underline-offset: 2px;text-decoration: underline}@media (max-width: 1023px){.ftr__grid{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 24px}}@media (max-width: 599px){.ftr__grid{grid-template-columns: 1fr;row-gap: 24px}}:is(.ln-col:has( > .ln-cd--band) > .ln-h,.ln-col:has( > .ln-cd--band) > .ln-t){font: 600 40px/48px var(--font);color: #fff;text-align: center;margin-inline: auto}@media (max-width: 767px){:is(.ln-col:has( > .ln-cd--band) > .ln-h,.ln-col:has( > .ln-cd--band) > .ln-t){font-size: 28px;line-height: 33.6px}}:is(.breadcrumb:has( + .lsec--hero),.breadcrumb:has( + .lsec--lead),.breadcrumb:has( + .lsec--strip + .lsec--hero)){display: none}.only-t{display: none}@media (max-width: 1024px){.only-t{display: block}.ftr{background: var(--c-bg-alt-2);padding-bottom: 0}.ftr__grid,.ftr__social{display: none}.ftr__logo{text-align: center;border-bottom: 0;padding: 32px 0}.ftr__logo img{margin-inline: auto}.ftr__mob{flex-direction: column;gap: 0;padding-block: 0 14px;display: flex}.ftr__assocbox{background: #ececec;border-radius: 8px;gap: 12px;margin-bottom: 18px;padding: 20px;display: grid}.ftr__assoc h4{text-transform: none;text-align: center;color: var(--c-ink);font: 500 14px/21px var(--font);border: 0;margin: 0 0 8px;padding: 0}.ftr__assoc ul{grid-template-columns: 1fr 1fr;gap: 10px;display: grid}.ftr__assoc li{background: var(--c-bg-alt);border: 1px solid var(--c-line-2);border-radius: 8px;place-items: center;min-height: 70px;padding: 7px;display: grid}.ftr__assoc img{max-width: 100%;height: auto;max-height: 56px}.ftr__acc{flex-direction: column;padding-inline: 22px;display: flex}.ftr__acc details{border: 0}.ftr__acc summary{cursor: pointer;font: 500 16px/24px var(--font);color: var(--c-ink);justify-content: space-between;align-items: center;padding: 13px 0;list-style: none;display: flex}.ftr__acc summary::-webkit-details-marker{display: none}.ftr__acc summary svg{color: var(--c-ink);transition: transform .2s}.ftr__acc details[open] summary svg{transform: rotate(180deg)}.ftr__acc ul{padding: 0 0 8px 12px}.ftr__acc li{padding: 6px 0}.ftr .ftr__acc a{font: 400 15px/22px var(--font);color: var(--c-ink)}.ftr .ftr__acc .ftr__acc-link{font: 500 16px/24px var(--font);padding: 0}.ftr__contact{border: 1px solid var(--c-line-2);text-align: center;background: none;border-radius: 8px;flex-direction: column;align-items: center;gap: 0;margin: 18px 0 36px;padding: 20px 20px 21px;display: flex}.ftr .ftr__tel{font: 600 24px/24px var(--font);letter-spacing: 0;color: var(--c-red);align-items: center;gap: 12px;display: inline-flex}.ftr__tel svg{color: var(--c-ink-3)}.ftr__hours{font: 500 16px/24px var(--font);color: var(--c-ink);margin-top: 8px}.ftr .ftr__mail{font: 500 18px/24px var(--font);color: var(--c-red);align-items: center;gap: 8px;margin-top: 26px;display: inline-flex}.ftr__socialm{background: var(--c-bg-alt);text-align: center;margin-top: 0;padding: 32px 0}.ftr__socialm p{font: 400 14px/24px var(--font);color: var(--c-ink);margin: 0 0 24px}.ftr__socialm ul{justify-content: center;gap: 16px;display: flex}.ftr__socialm a{border: 1px solid var(--c-ink-4);width: 45px;height: 45px;color: var(--c-ink-4);border-radius: 50%;place-items: center;display: grid}.ftr__copy{display: none}}@keyframes mqRun{to{transform: translateX(-50%)}}@keyframes mqIn{from{opacity: 0}to{opacity: 1}}@media (min-width: 1200px){.hdr__nav{gap: 0;margin-left: auto}.hdr__in{gap: 0}.hdr__right{margin-left: 20px}}.hdr__item > a{align-items: center;gap: 0;display: inline-flex}.hdr__ind{background: #383f47;flex: none;width: 20px;height: 20px;margin-left: 2px;transition: background-color .2s linear;display: inline-block;transform: translateY(-2px);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.812L7 12.812l1.167-1.167L12 15.479l3.833-3.834L17 12.812 12 17.812Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.812L7 12.812l1.167-1.167L12 15.479l3.833-3.834L17 12.812 12 17.812Z'/%3E%3C/svg%3E") center / contain no-repeat}.hdr__nav a:hover .hdr__ind,.hdr__item.is-open .hdr__ind,.hdr__nav a[aria-current] .hdr__ind{background: var(--c-red)}.hdr__cta{color: #fff;min-height: 40px;font: 400 14px/22px var(--font);white-space: nowrap;background: linear-gradient(90deg,#da000f 5.74%,#f8a82f 104.1%);border-radius: 4px;align-items: center;gap: 8px;padding: 6px 16px;text-decoration: none;display: inline-flex}.hdr__cta:hover{filter: brightness(.95);color: #fff;background: linear-gradient(90deg,#da000f 5.74%,#f8a82f 104.1%)}.hdr__cta img{width: 24px;height: 24px;transition: transform .3s}.hdr__cta:hover img{transform: translateX(3px)}.hdr__burger{cursor: pointer;background: none;border: 0;flex-direction: column;justify-content: center;align-items: center;gap: 6px;width: 40px;height: 40px;padding: 0;display: none}.hdr__burger i{background: #383f47;border-radius: 4px;width: 26px;height: 2px;transition: transform .15s,opacity .15s;display: block}.hdr__burger.is-x i:first-child{transform: translateY(8px)rotate(45deg)}.hdr__burger.is-x i:nth-child(2){opacity: 0}.hdr__burger.is-x i:nth-child(3){transform: translateY(-8px)rotate(-45deg)}@media (max-width: 1199px){.hdr__burger{display: flex}}.mm-dim{z-index: 49;pointer-events: none;background: #00000080;position: fixed;inset: 0}.hdr{z-index: 50}.mm{position: absolute;top: 100%;left: 0;right: 0}.mm__hit{width: min(1260px,100%);margin: 0 auto;padding: 9px 30px 30px}.mm__card{font: 400 14px/23.8px var(--font);color: #0b0a0a;background: #fff;border-radius: 8px;padding: 24px;animation: .2s both mmIn;box-shadow: 0 2px 12px #0000001f}@keyframes mmIn{from{opacity: 0}to{opacity: 1}}@media (prefers-reduced-motion: reduce){.mm__card{animation: none}}.mm-switch{border-bottom: 1px solid #e5e7eb;margin: 0 15px 12px;padding-bottom: 12px}.mm-switch__box{border: 1px solid #e5e7eb;border-radius: 4px;width: fit-content;display: flex}.mm-switch__box button{color: #383f47;font: 400 14px/22px var(--font);cursor: pointer;background: #fff;border: 0;justify-content: center;align-items: center;gap: 6px;padding: 16px;transition: background-color .3s,color .3s;display: flex}.mm-switch__box button:first-child{border-radius: 4px 0 0 4px}.mm-switch__box button:last-child{border-radius: 0 4px 4px 0}.mm-switch__box img{filter: grayscale() brightness(0);width: 18px;height: 18px;transition: filter .3s}.mm-switch__box button:hover{background: #6d7a84}.mm-switch__box button.is-active,.mm-switch__box button.is-active:hover{color: #fff;background: #24a531}.mm-switch__box button:hover img,.mm-switch__box button.is-active img{filter: brightness(0) invert()}.mm-grid{grid-template-columns: 400px 400px minmax(0,1fr);display: grid}.mm-col{flex-direction: column;align-items: flex-start;padding: 0 15px;display: flex}.mm-col > *{margin-bottom: 12px}.mm-head{width: fit-content;font: 400 14px/23.8px var(--font);color: #0b0a0a;border-bottom: 1px solid #f3f4f6;align-items: center;gap: 8px;padding-bottom: 12px;display: flex}.mm-head img{width: auto;height: auto;max-height: 21px}.mm-prod{align-items: center;gap: 12px;text-decoration: none;display: flex}.mm-prod > img{object-fit: cover;flex: none;width: 71px;height: 71px}.mm-prod__t{flex-direction: column;display: flex}.mm-prod__row{flex-wrap: wrap;align-items: center;gap: 8px;display: flex}.mm-prod__row b{font: 500 14px/24px var(--font);color: #0b0a0a}.mm-badge{font-style: normal}.mm-badge--anna{font: 700 14px/24px var(--font);color: #fff;background: linear-gradient(119deg,#da000f 0%,#82f 108.46%);border-radius: 2px;padding: 0 4px}.mm-badge--sleva{font: 400 12px/18px var(--font);color: #058412;background: #24a5310f;border-radius: 2px;padding: 2px 4px}.mm-more{font: 400 14px/21px var(--font);color: var(--c-red);align-items: center;margin-top: 4px;display: flex}.mm-more img,.mm-ban__btn img{transition: transform .3s}.mm-prod:hover .mm-more img,.mm-ban:hover .mm-ban__btn img{transform: translateX(4px)}.mm-chip{width: fit-content;font: 400 14px/24px var(--font);color: #383f47;background: #f4faf5;border-radius: 2px;align-items: center;gap: 12px;padding: 8px;text-decoration: none;display: flex}.mm-chip:hover{color: var(--c-red)}.mm-list{margin: 0;padding: 0;list-style: none}.mm-list li{margin-bottom: 12px;line-height: 23.8px}.mm-list a{font: 500 14px/22px var(--font);color: #0b0a0a;text-decoration: none}.mm-list--dot li{padding-left: 16px;position: relative}.mm-list--dot li:before{content: "";background: var(--c-red);border-radius: 50%;width: 4px;height: 4px;position: absolute;top: 8px;left: 0}.mm-list--dot a{font: 400 14px/21px var(--font);color: #383f47}.mm-list a:hover{color: var(--c-red)}.mm-ban{width: 352px;max-width: 100%;text-decoration: none;display: block;position: relative}.mm-ban > img{border-radius: 8px;width: 100%;height: auto;display: block}.mm-ban__c{flex-direction: column;justify-content: space-between;align-items: flex-start;padding: 20px;display: flex;position: absolute;inset: 0}.mm-ban--center .mm-ban__c{justify-content: center;gap: 16px}.mm-ban__title{color: #fff;font: 600 18px/24px var(--font)}.mm-ban--big .mm-ban__title{font: 600 24px/36px var(--font)}.mm-bar{background: #24a531;border-radius: 8px;width: fit-content;padding: 8px;display: block}.mm-grad{background: linear-gradient(184deg,#f8a82f 43%,#da000f 138.32%);color: #0000;-webkit-background-clip: text;background-clip: text;font-size: 22px;font-weight: 900}.mm-hl{color: #fff;background: linear-gradient(90deg,#da000f 41.95%,#f8a82f 104.1%);border-radius: 4px;padding: 2px 5px;display: inline-block}.mm-small{font: 400 14px/24px var(--font)}.mm-ban__text{font: 600 14px/24px var(--font);color: #fff}.mm-ban__mid{font: 600 18px/27px var(--font);color: #fff}.mm-ban__btn{-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);color: #fff;width: fit-content;font: 400 14px/21px var(--font);background: #24a531;border: 1px solid #ffffff1a;border-radius: 2px;align-items: center;margin-top: 4px;padding: 8px 16px;display: flex}.mm-ban__btn img{max-width: 24px;margin-left: 6px}.mm-ban__btn--bold{font-weight: 600;line-height: 24px}@media (max-width: 1199px){.mnav{inset: var(--hdr-h) 0 0;overscroll-behavior: contain;background: #fff;border-top: 1px solid #e5e7eb;padding: 12px 0 0;display: block;overflow-y: auto}.mnav__list{flex: none;margin: 0;padding: 0;list-style: none;overflow: visible}.mnav__item{border: 0}.mnav__item--p{padding-bottom: 8px}.mnav .mnav__row{font: 500 18px/40px var(--font);color: #0b0a0a;justify-content: space-between;align-items: center;padding: 0 0 0 20px;text-decoration: none;display: flex}.mnav__item--p > .mnav__row{color: #383f47}.mnav__item.is-open > .mnav__row{color: var(--c-red)}.mnav__ind{padding: 0 15px;display: inline-flex}.mnav__ind .hdr__ind{width: 24px;height: 24px;margin: 0;transform: translateY(-3px)}.mnav__item.is-open .mnav__ind .hdr__ind{background: var(--c-red)}.mnav__sub{padding: 12px 10px 10px;display: block}.mnav__card{background: #fff;border-radius: 8px;padding: 12px 0}.mnav .mm-switch{margin: 0 0 12px}.mnav .mm-switch__box{width: 100%}.mnav .mm-switch__box button{flex: 1}.mnav .mm-grid{flex-direction: column;gap: 12px;display: flex}.mnav .mm-col{background: #f9f9f9;border-radius: 8px;padding: 0 15px 12px}.mnav .mm-col > *{margin-bottom: 12px}.mnav .mm-col > :last-child{margin-bottom: 0}.mnav .mm-head{border: 0;padding: 12px 0 0}.mnav .mm-ban{width: 100%}.mnav__cta{margin: 16px 20px 0}.mnav .hdr__cta--block{justify-content: center;width: 100%;min-height: 50px}.mnav__foot{text-align: center;background: none;border-top: 1px solid #d5d7dd;margin-top: 40px;padding: 40px 0 0;display: block}.mnav .mnav__tel{font: 600 24px/32px var(--font);color: var(--c-red);justify-content: center;align-items: center;gap: 8px;padding-bottom: 8px;text-decoration: none;display: inline-flex}.mnav__hours{font: 400 16px/24px var(--font);color: var(--c-ink-3);margin: 0 0 40px}.mnav__social{background: #f9f9f9;padding: 32px 0}.mnav__social p{font: 400 16px/24px var(--font);color: var(--c-ink-3);margin: 0 0 16px}.mnav__social div{justify-content: center;gap: 14px;display: flex}.mnav__social img{width: 32px;height: 32px}.hdr__right .hdr__cta{display: none}}body:has([data-canvas]) :is(.hdr,.ftr,.mnav,.mm-dim){display: none}@media (max-width: 1024px){body:has([data-canvas]) .hdr ~ main{margin-top: 0}}}@layer data{:is(.ln-box,.lsec)[style*="--bxbg"]{background-color: var(--bxbg)}:is(.ln-box,.lsec)[style*="--bxi:"]{background: var(--bxi);background-color: var(--bxbg,transparent)}@media (max-width: 767px){:is(.ln-box,.lsec)[style*="--bxiM"]{background: var(--bxiM);background-color: var(--bxbgM,var(--bxbg,transparent))}:is(.ln-box,.lsec)[style*="--bxbgM"]{background-color: var(--bxbgM)}}}.skip{z-index: 1000;color: #0b0a0a;font: 600 14px/20px var(--font,sans-serif);background: #fff;border-radius: 4px;padding: 10px 16px;text-decoration: none;position: absolute;top: -100px;left: 12px;box-shadow: 0 2px 12px #0003}.skip:focus,.skip:focus-visible{outline-offset: 2px;outline: 2px solid #da000f;top: 12px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}@layer ds-base{:where([id]){scroll-margin-top: calc(var(--hdr-h,70px) + 24px)}}html,body{overflow-x: clip}@supports (-webkit-touch-callout: none){@media (max-width: 767px){input,select,textarea{font-size: max(16px,1em)}}}.hdr__logo{align-items: center;min-height: 44px;display: inline-flex}@layer data{:is(.btn--outline,.btn--ghost)[style*="--bfg"]:not([style*="--bbg"]):is(:hover,:focus-visible){color: #fff}}

/* LP Tepelné čerpadlo, podzimní sleva (2026-10), verze 2. Vše uzavřené pod .fvp – na webu se nemísí se styly bloků (vrstvy
 * webu jsou v @layer, tenhle soubor je bez vrstvy, takže má přednost jen uvnitř .fvp).
 * Směr: tmavá podzimní scéna (grafit + teplá fotka + padající listí), červená Schlieger jen pro akci a CTA, světlé obsahové
 * sekce se střídají s tmavými pásy (nabídka, produkt, závěr). Tvary: karty 16 px, ovládací prvky 8 px, štítky a čipy kulaté. */
.fvp{
  --canvas:#F5F6F7; --surface:#FFFFFF; --sunk:#ECEEF1; --side:#F3F4F6;
  --ink:#1C1D21; --ink-2:#383F47; --ink-3:#5B636D;
  --line:rgba(56,63,71,.14); --line-input:#8A929B;
  --red:#DA000F; --red-press:#AD0F1A; --red-tint:#FDECEE;
  --save:#1B7C25; --save-tint:#E8F3EA; --star:#E8A700;
  --night:#131417; --night-2:#1C1E22; --on-night:rgba(255,255,255,.78); --on-night-2:rgba(255,255,255,.6); --amber:#E3A64A; --rust:#B4542C;
  --r-c:8px; --r-s:16px;
  --sh-rest:0 1px 2px rgba(28,29,33,.06),0 8px 20px -12px rgba(28,29,33,.18);
  --sh-float:0 2px 6px rgba(19,20,23,.10),0 30px 60px -28px rgba(19,20,23,.45);
  --ease:cubic-bezier(.2,.8,.2,1);
  --ff:"Poppins",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --pad:16px;
  background:var(--canvas); color:var(--ink-2); font-family:var(--ff); font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
@media (min-width:768px){.fvp{--pad:24px}}
@media (min-width:1280px){.fvp{--pad:32px;font-size:18px}}
.fvp *,.fvp *::before,.fvp *::after{box-sizing:border-box}
.fvp :where(h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote,fieldset){margin:0;padding:0}
.fvp :where(ul,ol){list-style:none}
.fvp :where(img){display:block;max-width:100%;height:auto}
.fvp :where(a){color:inherit}
.fvp :where(button,input){font:inherit;color:inherit}
.fvp [hidden]{display:none!important}
.fvp-i{width:1em;height:1em;flex:none;fill:currentColor}
.fvp-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--pad)}
.fvp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── typografie ── */
.fvp-h1{font-size:clamp(28px,min(19px + 2.4vw,5.8vh),48px);line-height:1.08;font-weight:600;letter-spacing:-.025em;color:#fff}
.fvp-h1__top{display:block;max-width:15ch;text-wrap:balance}
.fvp-h1__num{display:inline-flex;align-items:baseline;gap:.22em;margin-top:.22em;padding:.02em .26em .06em;border-radius:10px;background:var(--red);color:#fff;
  font-size:1.08em;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;box-shadow:0 14px 30px -16px rgba(218,0,15,.9)}
.fvp-h1__num small{font-size:.62em;font-weight:500;letter-spacing:0}
.fvp-h2{font-size:clamp(26px,17px + 1.9vw,42px);line-height:1.14;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;max-width:22ch}
.fvp-p{max-width:60ch}
.fvp-small{font-size:14px;line-height:1.5;color:var(--ink-3)}
.fvp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink-3);margin-bottom:10px}
.fvp-kicker .fvp-i{font-size:20px;color:var(--rust)}
.fvp-kicker--dark{color:var(--amber)}
.fvp-head{margin-bottom:32px}
@media (min-width:1024px){.fvp-head{margin-bottom:48px}}
.fvp-sec{padding-block:64px 72px}
@media (min-width:1024px){.fvp-sec{padding-block:104px 112px}}

/* ── tlačítka ── */
.fvp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:var(--r-c);
  background:var(--red);color:#fff;font-weight:600;font-size:17px;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 24px -14px rgba(218,0,15,.8);
  transition:background-color .12s var(--ease),transform .09s var(--ease),box-shadow .12s var(--ease);touch-action:manipulation}
.fvp-btn .fvp-i{font-size:20px;transition:transform .15s var(--ease)}
@media (hover:hover){.fvp-btn:hover{background:var(--red-press)}.fvp-btn:hover .fvp-i:last-child{transform:translateX(3px)}}
.fvp-btn:active{transform:translateY(1px)}
.fvp-btn--xl{min-height:60px;font-size:18px;padding:0 28px}
.fvp-btn--block{width:100%}
.fvp-btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
@media (hover:hover){.fvp-btn--ghost:hover{background:rgba(255,255,255,.12)}}
.fvp-btn[disabled]{opacity:.7;cursor:progress}
.fvp :focus-visible{outline:3px solid var(--red);outline-offset:3px}
.fvp-stage :focus-visible,.fvp-voucher :focus-visible,.fvp-prod :focus-visible,.fvp-final :focus-visible{outline-color:#fff}
.fvp-stars{color:var(--star);letter-spacing:2px;font-size:15px;line-height:1}

/* ── úvod: tmavá scéna ── */
.fvp-hero{position:relative}
.fvp-stage{position:relative;background:var(--night);color:var(--on-night);isolation:isolate;padding-bottom:72px}
.fvp-stage__media{position:relative;aspect-ratio:5/2;overflow:hidden;background:#3d2a17}
.fvp-stage__media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.fvp-stage__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(19,20,23,0) 55%,var(--night) 100%)}
.fvp-stage>canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.fvp-stage__copy{position:relative;z-index:2;display:grid;gap:14px;justify-items:start;margin-top:-8px}
.fvp-pill{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:6px 8px 6px 12px;border-radius:999px;background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font-size:14px;line-height:1.3;font-weight:500;backdrop-filter:blur(6px)}
.fvp-pill .fvp-i{font-size:18px;color:var(--amber)}
.fvp-pill b{font-weight:600}
.fvp-pill__days{padding:3px 10px;border-radius:999px;background:var(--red);color:#fff;font-weight:600;font-size:13px}
.fvp-pill__days:empty{display:none}
.fvp-lead{font-size:16px;line-height:1.55;max-width:46ch;color:var(--on-night)}
.fvp-dt{display:none}
@media (min-width:768px){.fvp-dt{display:inline}}
.fvp-perks{display:none}
@media (min-width:768px) and (max-height:860px){.fvp-perks{display:none!important}}
@media (min-width:768px){
  .fvp-lead{font-size:19px}
  .fvp-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
  .fvp-perks li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(255,255,255,.07);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;font-size:15px;line-height:1.3;font-weight:500}
  .fvp-perks .fvp-i{font-size:20px;color:var(--amber)}
}
@media (min-width:1024px){
  .fvp-stage{min-height:clamp(500px,64vh,640px);padding-bottom:0;display:grid}
  /* fotka končí nad kvízem (kvíz leží na tmavém pásu a jen lehce zasahuje do přechodu), čerpadlo je vždy celé vidět */
  .fvp-stage__media{position:absolute;top:0;left:0;right:0;bottom:96px;aspect-ratio:auto;z-index:0}
  .fvp-stage__media img{object-position:100% 35%}   /* střecha s panely je v horní části fotky */
  .fvp-stage__media::after{background:
    linear-gradient(90deg,rgba(19,20,23,.9) 0%,rgba(19,20,23,.76) 26%,rgba(19,20,23,.28) 46%,rgba(19,20,23,0) 60%),
    linear-gradient(0deg,var(--night) 0%,rgba(19,20,23,.6) 9%,rgba(19,20,23,0) 24%)}
  .fvp-stage__copy{align-self:start;gap:16px;margin-top:0;padding-top:clamp(28px,5vh,64px);padding-bottom:160px}
  .fvp-stage__copy>*{max-width:min(600px,46vw)}
}

/* ── kvíz: otázky vlevo, výsledek se skládá vpravo (na mobilu průběžný řádek, celý panel až u kontaktu) ── */
.fvp-hero__quiz{position:relative;z-index:3;margin-top:-52px}
@media (min-width:1024px){.fvp-hero__quiz{margin-top:-132px}}
.fvp-quiz{display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface);border-radius:var(--r-s);box-shadow:var(--sh-float);
  color:var(--ink-2);scroll-margin-top:calc(var(--hdr-h,72px) + 12px);overflow:hidden}
@media (min-width:1024px){.fvp-quiz{grid-template-columns:minmax(0,1fr) 372px;min-height:500px}}
.fvp-quiz__main{display:flex;flex-direction:column;min-width:0;padding:18px 18px 20px}
@media (min-width:768px){.fvp-quiz__main{padding:24px 30px 28px}}
@media (min-width:1024px){.fvp-quiz__main{padding:28px 40px 28px}}
.fvp-qz-top{display:flex;align-items:center;gap:12px;min-height:34px;margin-bottom:10px}
.fvp-qz-kicker{font-size:14px;line-height:1.4;color:var(--ink-3)}
.fvp-qz-kicker b{color:var(--ink);font-weight:600}
.fvp-stepno{margin-left:auto;font-size:14px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.fvp-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-6px 0 -6px -10px;padding:0 10px;border:0;background:none;color:var(--ink-2);font-size:15px;font-weight:500;cursor:pointer;border-radius:var(--r-c)}
.fvp-back .fvp-i{font-size:18px}
@media (hover:hover){.fvp-back:hover{background:var(--sunk)}}
.fvp-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:22px}
.fvp-progress i{height:6px;border-radius:6px;background:var(--sunk);transition:background-color .3s var(--ease)}
.fvp-progress i.is-on{background:var(--red)}
.fvp-q{border:0;min-width:0}
.fvp-q__t{display:block;width:100%;font-size:22px;line-height:1.25;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-bottom:18px;padding:0;outline:none;text-wrap:balance}
@media (min-width:768px){.fvp-q__t{font-size:28px;margin-bottom:22px}}
@media (max-width:767px){.fvp-q--contact .fvp-q__t{font-size:20px}}
.fvp-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:768px){.fvp-tiles{gap:12px}}
.fvp-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:108px;padding:14px;
  border:1px solid rgba(56,63,71,.22);border-radius:12px;background:var(--surface);cursor:pointer;font-weight:600;font-size:16px;line-height:1.3;color:var(--ink);
  transition:border-color .12s var(--ease),background-color .12s var(--ease),transform .12s var(--ease),box-shadow .12s var(--ease);touch-action:manipulation}
@media (min-width:768px){.fvp-tile{flex-direction:row;align-items:center;gap:16px;min-height:100px;padding:16px 52px 16px 16px;font-size:17px}}
.fvp-tile small{display:block;font-weight:400;font-size:13px;line-height:1.35;color:var(--ink-3);margin-top:3px}
.fvp-tile .fvp-i{width:48px;height:48px;padding:12px;border-radius:50%;background:var(--sunk);color:var(--ink);transition:background-color .15s var(--ease),color .15s var(--ease)}
@media (min-width:768px){.fvp-tile .fvp-i{width:56px;height:56px;padding:15px}}
.fvp-tile input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.fvp-tile::after{content:"";position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(56,63,71,.3);transition:background-color .15s var(--ease)}
@media (min-width:768px){.fvp-tile::after{top:50%;right:18px;margin-top:-11px}}
.fvp-tile:has(input:checked)::after{box-shadow:none;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23fff' d='M229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32z'/%3E%3C/svg%3E") center/12px no-repeat}
@media (hover:hover){.fvp-tile:hover{border-color:var(--ink);box-shadow:0 14px 28px -16px rgba(28,29,33,.45);transform:translateY(-2px)}.fvp-tile:hover .fvp-i{background:var(--red-tint);color:var(--red)}}
.fvp-tile:active{transform:scale(.98)}
.fvp-tile:has(input:focus-visible){outline:3px solid var(--red);outline-offset:3px}
.fvp-tile:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:var(--red-tint)}
.fvp-tile:has(input:checked) .fvp-i{background:var(--red);color:#fff}
.fvp-hint{display:flex;gap:8px;font-size:14px;line-height:1.5;color:var(--ink-3);margin-top:14px}
.fvp-q.is-in{animation:fvp-in .26s var(--ease)}
@keyframes fvp-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
/* průběžný výsledek na mobilu a tabletu */
.fvp-qz-peek{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:14px;padding:10px 14px;border-radius:var(--r-c);background:var(--save-tint);color:var(--ink);font-size:14px;line-height:1.4}
.fvp-qz-peek b{color:var(--save);font-weight:600}
.fvp-quiz[data-stage="5"] .fvp-qz-peek,.fvp-quiz[data-stage="done"] .fvp-qz-peek{display:none}
@media (min-width:1024px){.fvp-qz-peek{display:none!important}}
.fvp-quiz__assure,.fvp-qz-quote{display:none}
@media (min-width:1024px){
  .fvp-qz-quote{display:grid;gap:6px;margin:auto 0 0;padding:14px 18px;border-radius:12px;background:var(--canvas);max-width:560px}
  .fvp-qz-quote blockquote{margin:0;font-size:15px;line-height:1.45;font-weight:500;color:var(--ink)}
  .fvp-qz-quote figcaption{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3)}
  .fvp-quiz[data-stage="done"] .fvp-qz-quote{display:none}
  .fvp-quiz__assure{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink-2)}
  .fvp-quiz>.fvp-quiz__main>.fvp-form{margin-bottom:22px}
  .fvp-quiz__assure li{display:inline-flex;align-items:center;gap:8px}
  .fvp-quiz__assure .fvp-i{font-size:18px;color:var(--save)}
  .fvp-quiz[data-stage="5"] .fvp-quiz__assure,.fvp-quiz[data-stage="done"] .fvp-quiz__assure{display:none}
}
/* panel výsledku: tmavý, vpravo; na mobilu až u kontaktu a nad ním (zhuštěný) */
.fvp-qz-live{display:none;background:var(--night);color:var(--on-night);order:-1}
.fvp-quiz[data-stage="5"] .fvp-qz-live,.fvp-quiz[data-stage="done"] .fvp-qz-live{display:flex;flex-direction:column}
@media (min-width:1024px){.fvp-qz-live{display:flex;flex-direction:column;order:0}}
.fvp-qz-live__offer{display:grid;gap:1px;padding:14px 20px;background:var(--red);color:#fff}
.fvp-qz-live__offer span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.fvp-qz-live__offer .fvp-i{font-size:16px}
.fvp-qz-live__offer b{font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.03em}
.fvp-qz-live__offer small{font-size:13px;color:rgba(255,255,255,.88)}
@media (min-width:1024px){.fvp-qz-live__offer{padding:18px 26px 20px}.fvp-qz-live__offer b{font-size:30px}}
.fvp-qz-live__body{display:grid;gap:12px;align-content:start;padding:16px 20px 18px;flex:1}
@media (min-width:1024px){.fvp-qz-live__body{padding:20px 26px 18px}}
.fvp-qz-live__k{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.fvp-qz-live__st{font-weight:500;letter-spacing:0;text-transform:none;font-size:13px;color:var(--on-night-2)}
.fvp-qz-live__st.is-ok{color:#7FD38A}
.fvp-qz-live__unit{position:relative;height:132px;margin:0}
.fvp-qz-live__unit img{position:absolute;left:50%;bottom:28px;width:auto;max-width:none;translate:-50% 0;transition:opacity .45s var(--ease),transform .5s var(--ease)}
.fvp-qz-live__x22{height:100px}
.fvp-qz-live__x12{height:70px;opacity:0;transform:scale(.92)}   /* skutečný poměr výšek 981 : 1396 mm */
.fvp-qz-live__unit[data-r-unit=""] .fvp-qz-live__x22{opacity:.22;filter:grayscale(1) brightness(1.4)}
.fvp-qz-live__unit[data-r-unit="x12"] .fvp-qz-live__x22{opacity:0;transform:scale(.92)}
.fvp-qz-live__unit[data-r-unit="x12"] .fvp-qz-live__x12{opacity:1;transform:none}
.fvp-qz-live__unit figcaption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:15px;font-weight:600;color:#fff}
.fvp-qz-live__unit[data-r-unit=""] figcaption{font-weight:400;font-size:14px;color:var(--on-night-2)}
.fvp-qz-live__rows div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.fvp-qz-live__rows dt{flex:none;font-size:13px;color:var(--on-night-2)}
.fvp-qz-live__rows dd{margin:0;font-size:14px;line-height:1.35;font-weight:600;color:#fff;text-align:right}
.fvp-qz-live__rows dd:empty::before{content:"";display:inline-block;width:76px;height:9px;border-radius:6px;background:rgba(255,255,255,.1);vertical-align:middle}
.fvp-qz-live__rows dd.is-new{animation:fvp-pop .45s var(--ease)}
.fvp-qz-live__save dd{color:#7FD38A;font-size:15px}
@keyframes fvp-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fvp-qz-live__note{font-size:12px;line-height:1.45;color:var(--on-night-2)}
.fvp-qz-live__foot{display:grid;gap:4px;padding:12px 26px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.4;color:var(--on-night-2)}
.fvp-qz-live__foot p,.fvp-qz-live__foot a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;min-height:28px}
.fvp-qz-live__foot .fvp-i{font-size:16px;flex:none}
.fvp-qz-live__foot b{color:#fff;font-weight:600}
@media (hover:hover){.fvp-qz-live__foot a:hover b{text-decoration:underline;text-underline-offset:3px}}
@media (max-width:1023px){
  .fvp-qz-live__offer{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}
  .fvp-qz-live__offer small{grid-column:1/-1}
  .fvp-qz-live__unit{height:auto;display:flex;align-items:center;gap:14px;background:none}
  .fvp-qz-live__unit img{position:static;translate:none;height:56px;transform:none;transition:none;opacity:1}
  .fvp-qz-live__unit[data-r-unit="x22"] .fvp-qz-live__x12,.fvp-qz-live__unit[data-r-unit="x12"] .fvp-qz-live__x22,.fvp-qz-live__unit[data-r-unit=""] img{display:none}
  .fvp-qz-live__unit figcaption{position:static;text-align:left;font-size:18px}
  .fvp-qz-live__rows [data-track="vytapeni"],.fvp-qz-live__rows [data-track="plocha"],.fvp-qz-live__rows [data-track="soustava"],.fvp-qz-live__note,.fvp-qz-live__foot{display:none}
}
.fvp-next{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:16px;padding:0 20px;border:0;border-radius:var(--r-c);background:var(--ink);color:#fff;font-weight:600;font-size:16px;cursor:pointer}
.fvp-next .fvp-i{font-size:18px}

/* kontakt */
.fvp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.fvp-field{display:grid;gap:6px;min-width:0;align-content:start}
.fvp-field--full{grid-column:1/-1}
@media (max-width:420px){.fvp-field:has(#fvp-tel){grid-column:1/-1}.fvp-field--full:has(#fvp-email){grid-column:auto}}
@media (min-width:1024px){.fvp-field--full{grid-column:auto}}
.fvp-field label{font-size:15px;font-weight:500;color:var(--ink)}
.fvp-opt{font-weight:400;color:var(--ink-3);font-size:14px}
.fvp-field input,.fvp-tel{height:54px;width:100%;border:1px solid var(--line-input);border-radius:var(--r-c);background:#fff;padding:0 14px;font-size:17px;color:var(--ink)}
.fvp-field input::placeholder{color:#8A929B}
.fvp-field input:focus,.fvp-tel:focus-within{outline:3px solid var(--red);outline-offset:1px;border-color:var(--red)}
.fvp-tel{display:flex;align-items:center;gap:8px;padding:0 0 0 14px}
.fvp-tel span{color:var(--ink-3);font-size:16px}
.fvp-tel input{border:0;height:52px;padding:0 14px 0 0;outline:none!important;background:transparent}
.fvp-field.is-err input,.fvp-field.is-err .fvp-tel{border-color:var(--red-press);border-width:2px}
.fvp-err{font-size:14px;color:var(--red-press);font-weight:500}
.fvp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fvp-form .fvp-btn--block{margin-top:20px}
.fvp-assure{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:14px;font-weight:500;color:var(--ink-2)}
.fvp-assure li{display:inline-flex;align-items:center;gap:6px}
.fvp-assure .fvp-i{font-size:16px;color:var(--save)}
.fvp-note{display:flex;gap:8px;font-size:14px;color:var(--ink-3);margin-top:12px;line-height:1.5}
.fvp-note .fvp-i{font-size:18px;color:var(--save);margin-top:1px}
.fvp-note a{text-underline-offset:3px}
.fvp-alert{margin-top:12px;padding:12px 14px;border-radius:var(--r-c);background:var(--red-tint);color:var(--red-press);font-size:15px;font-weight:500;outline:none}
.fvp-done{outline:none}
.fvp-done__ok{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--save);font-size:15px}
.fvp-done__ok .fvp-i{font-size:22px}
.fvp-done__t{font-size:26px;line-height:1.25;font-weight:600;color:var(--ink);letter-spacing:-.015em;margin:6px 0 8px}
.fvp-done a{text-underline-offset:3px}
.fvp-done__steps{counter-reset:s;display:grid;gap:12px;margin:20px 0 0}
.fvp-done__steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:16px;line-height:1.45}
.fvp-done__steps li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sunk);font-weight:600;font-size:14px;color:var(--ink)}

/* čísla pod kvízem */
.fvp-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding-block:28px 8px}
@media (min-width:900px){.fvp-facts{grid-template-columns:repeat(4,1fr);padding-block:36px 8px}.fvp-facts li+li{border-left:1px solid var(--line);padding-left:24px}}
.fvp-facts b{display:block;font-size:26px;line-height:1.15;font-weight:600;color:var(--ink);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
@media (min-width:1024px){.fvp-facts b{font-size:32px}}
.fvp-facts span{display:block;font-size:14px;color:var(--ink-3);line-height:1.4;margin-top:2px}

/* ── nabídkové karty ── */
.fvp-head--row{display:grid;gap:12px}
@media (min-width:1024px){.fvp-head--row{grid-template-columns:1fr minmax(0,400px);align-items:end;gap:48px}}
.fvp-head__aside{font-size:16px;line-height:1.55;color:var(--ink-3)}
.fvp-offers{padding-top:56px}
@media (min-width:1024px){.fvp-offers{padding-top:88px}}
.fvp-offers__grid{display:grid;gap:16px}
@media (min-width:768px){.fvp-offers__grid{grid-template-columns:1fr 1fr}.fvp-offer--help{grid-column:1/-1}}
@media (min-width:1100px){.fvp-offers__grid{grid-template-columns:1fr 1fr .82fr;gap:20px}.fvp-offer--help{grid-column:auto}}
.fvp-offer{position:relative;display:flex;flex-direction:column;border-radius:var(--r-s);background:var(--surface);box-shadow:var(--sh-rest);overflow:hidden;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
@media (hover:hover){.fvp-offer:hover{transform:translateY(-4px);box-shadow:var(--sh-float)}}
.fvp-offer.is-rec{box-shadow:0 0 0 2px var(--save),var(--sh-float)}
.fvp-offer__rec{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;
  background:var(--save);color:#fff;font-size:13px;font-weight:600;line-height:1.2}
.fvp-offer__rec .fvp-i{font-size:16px}
.fvp-offer__img{aspect-ratio:16/10;overflow:hidden;background:#000}
.fvp-offer__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
@media (hover:hover){.fvp-offer:hover .fvp-offer__img img{transform:scale(1.04)}}
.fvp-offer__body{display:flex;flex-direction:column;gap:14px;padding:22px 22px 24px;flex:1}
@media (min-width:1280px){.fvp-offer__body{padding:26px 28px 28px}}
.fvp-offer__for{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--rust)}
.fvp-offer__for .fvp-i{font-size:18px}
.fvp-offer__t{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-top:-6px}
.fvp-offer__specs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;border-top:1px solid var(--line)}
.fvp-offer__specs div{padding:10px 0;border-bottom:1px solid var(--line)}
.fvp-offer__specs dt{font-size:13px;line-height:1.35;color:var(--ink-3)}
.fvp-offer__specs dd{font-size:16px;line-height:1.35;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.fvp-offer__inc{display:grid;gap:8px;font-size:15px;line-height:1.45}
.fvp-offer__inc li{display:flex;gap:8px;align-items:flex-start}
.fvp-offer__inc .fvp-i{font-size:18px;color:var(--save);margin-top:2px}
.fvp-offer__price{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:14px 16px;border-radius:var(--r-c);background:var(--red-tint)}
.fvp-offer__price span{font-size:14px;font-weight:600;color:var(--red-press)}
.fvp-offer__price b{font-size:26px;line-height:1.1;font-weight:600;color:var(--red);letter-spacing:-.025em;white-space:nowrap}
.fvp-offer--help{background:var(--night);color:var(--on-night);padding:28px 24px;gap:14px}
@media (min-width:1280px){.fvp-offer--help{padding:32px 28px}}
.fvp-offer--help .fvp-offer__t{color:#fff;margin:0}
.fvp-offer--help p{font-size:16px;line-height:1.55}
.fvp-offer__help-i{width:52px;height:52px;padding:13px;border-radius:50%;background:rgba(227,166,74,.16);color:var(--amber)}
.fvp-offer--help .fvp-offer__inc{color:#fff}
.fvp-offer--help .fvp-offer__inc .fvp-i{color:var(--amber)}
.fvp-offer--help .fvp-btn{margin-top:auto}
.fvp-offer--help .fvp-small{color:var(--on-night-2)}
@media (min-width:768px) and (max-width:1099px){.fvp-offer--help .fvp-btn{margin-top:4px;justify-self:start;width:auto}}

/* ── nabídka: voucher na tmavém pásu ── */
.fvp-voucher{position:relative;background:var(--night);color:var(--on-night);padding-block:64px 72px;isolation:isolate;overflow:hidden}
.fvp-voucher::before{content:none}
.fvp-voucher>canvas{position:absolute;inset:0;z-index:0;pointer-events:none}
.fvp-voucher__grid{position:relative;z-index:1;display:grid;gap:44px}
@media (min-width:1024px){.fvp-voucher{padding-block:112px}.fvp-voucher__grid{grid-template-columns:5fr 6fr;gap:72px;align-items:center}}
.fvp-ticket{position:relative;border-radius:var(--r-s);background:var(--surface);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
@media (min-width:768px){.fvp-ticket{transform:rotate(-1.2deg)}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.fvp-ticket{transition:transform .4s var(--ease)}.fvp-ticket:hover{transform:rotate(0)}}
.fvp-ticket__top{padding:28px 24px 26px;border-radius:var(--r-s) var(--r-s) 0 0;background:var(--red);color:#fff}
.fvp-ticket__k{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.fvp-ticket__k .fvp-i{font-size:20px}
.fvp-ticket__num{font-size:clamp(44px,28px + 4vw,76px);line-height:1;font-weight:600;letter-spacing:-.04em;margin:12px 0 10px;white-space:nowrap;color:#fff}
.fvp-ticket__sub{font-size:17px;line-height:1.45;max-width:30ch;color:rgba(255,255,255,.92)}
.fvp-ticket__bottom{position:relative;display:grid;gap:14px;padding:26px 24px 24px;border-top:2px dashed rgba(28,29,33,.18);color:var(--ink-2)}
.fvp-ticket__bottom::before,.fvp-ticket__bottom::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--night)}
.fvp-ticket__bottom::before{left:-12px}.fvp-ticket__bottom::after{right:-12px}
@media (min-width:768px){.fvp-ticket__top{padding:36px 36px 32px}.fvp-ticket__bottom{padding:30px 36px 32px}}
.fvp-meter{height:8px;border-radius:8px;background:var(--sunk);overflow:hidden}
.fvp-meter span{display:block;height:100%;width:50%;border-radius:8px;background:linear-gradient(90deg,var(--rust),var(--red))}
.fvp-ticket__dl{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-size:16px;line-height:1.45}
.fvp-ticket__dl .fvp-i{font-size:22px;margin-top:1px;color:var(--red)}
.fvp-ticket__fine{font-size:13px;line-height:1.5;color:var(--ink-3)}
.fvp-stack__t{font-size:clamp(24px,18px + 1.2vw,32px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:12px}
.fvp-stack__list li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}
.fvp-stack__list .fvp-i{width:44px;height:44px;padding:11px;border-radius:50%;background:rgba(227,166,74,.14);color:var(--amber)}
.fvp-stack__list b{display:block;color:#fff;font-weight:600;font-size:18px;line-height:1.35}
.fvp-stack__list span{display:block;font-size:16px;line-height:1.5;margin-top:2px}
.fvp-stack__fine{font-size:13px;line-height:1.5;color:var(--on-night-2);padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}

/* ── kalkulačka (v2 viz konec souboru) ── */
.fvp-save{background:var(--canvas)}
.fvp-how summary{cursor:pointer;font-weight:600;color:var(--ink);font-size:15px;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.fvp-how summary::-webkit-details-marker{display:none}
.fvp-how summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
.fvp-how[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.fvp-how p{font-size:14px;line-height:1.55;color:var(--ink-3)}

/* ── tabulka parametrů (produkt) ── */
.fvp-how--dark summary{color:#fff}
.fvp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fvp-table{width:100%;min-width:440px;border-collapse:collapse;font-size:14px;margin:8px 0 10px;font-variant-numeric:tabular-nums}
.fvp-table th,.fvp-table td{text-align:left;padding:9px 10px 9px 0;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08)}
.fvp-table thead th{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.24)}
.fvp-table tbody th{font-weight:400;color:var(--on-night-2)}
.fvp-table td{color:#fff}

/* ── recenze ── */
.fvp-proof__head{display:grid;gap:20px;margin-bottom:32px}
@media (min-width:900px){.fvp-proof__head{grid-template-columns:1fr auto;align-items:end;margin-bottom:44px}}
.fvp-score{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r-s);background:var(--surface);box-shadow:var(--sh-rest);justify-self:start}
.fvp-score>b{font-size:40px;line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.fvp-score div{display:grid;gap:4px;font-size:13px;line-height:1.4;color:var(--ink-3);max-width:24ch}
.fvp-proof__grid{display:grid;gap:16px}
@media (min-width:1024px){.fvp-proof__grid{grid-template-columns:7fr 5fr;gap:20px}}
.fvp-video{position:relative;border-radius:var(--r-s);overflow:hidden;background:var(--night);display:grid;align-content:start}
.fvp-video__btn{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}
.fvp-video__btn img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .5s var(--ease),opacity .2s var(--ease)}
@media (hover:hover){.fvp-video__btn:hover img{transform:scale(1.03);opacity:1}}
.fvp-video__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.6)}
.fvp-video__play svg{width:34px;height:34px;margin-left:4px}
.fvp-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.fvp-video__cap{padding:20px 22px 22px;color:var(--on-night)}
.fvp-video__cap p{font-size:19px;line-height:1.45;color:#fff;font-weight:500;margin-bottom:8px}
.fvp-video__cap span{font-size:14px;color:var(--on-night-2)}
.fvp-quotes{display:grid;gap:12px}
.fvp-quote{display:grid;align-content:start;gap:10px;padding:22px;border-radius:var(--r-s);background:var(--surface);box-shadow:var(--sh-rest)}
.fvp-quote p{font-size:18px;line-height:1.45;color:var(--ink);font-weight:500;letter-spacing:-.005em}
.fvp-quote footer{font-size:14px;color:var(--ink-3)}
.fvp-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
@media (min-width:768px){.fvp-strip{gap:16px;margin-top:20px}}
.fvp-strip img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-c)}
@media (min-width:768px){.fvp-strip img{border-radius:var(--r-s)}}
.fvp-proof .fvp-small{margin-top:14px}

/* ── postup a záruky ── */
.fvp-steps{background:var(--surface)}
.fvp-steps__list{counter-reset:st;display:grid;gap:0;margin-bottom:40px}
@media (min-width:900px){.fvp-steps__list{grid-template-columns:repeat(4,1fr);gap:28px}}
.fvp-steps__list li{counter-increment:st;position:relative;display:grid;align-content:start;gap:4px;padding:0 0 26px 56px}
.fvp-steps__list li::before{content:counter(st);position:absolute;left:0;top:-4px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:16px}
.fvp-steps__list li:first-child::before{background:var(--red)}
.fvp-steps__list li:not(:last-child)::after{content:"";position:absolute;left:19px;top:44px;bottom:2px;width:2px;background:var(--line)}
@media (min-width:900px){
  .fvp-steps__list li{padding:60px 0 0}
  .fvp-steps__list li:not(:last-child)::after{left:52px;right:-16px;top:19px;bottom:auto;width:auto;height:2px}
}
.fvp-steps__list b{color:var(--ink);font-weight:600;font-size:18px;line-height:1.35}
.fvp-steps__list span{font-size:16px;line-height:1.5}
.fvp-guar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:900px){.fvp-guar{grid-template-columns:repeat(4,1fr);gap:16px}}
.fvp-guar div{padding:20px 18px;border-radius:var(--r-s);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--line)}
.fvp-guar b{display:block;font-size:clamp(26px,20px + 1vw,34px);font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-.03em}
.fvp-guar span{display:block;font-size:14px;line-height:1.4;color:var(--ink-3);margin-top:6px}
.fvp-steps .fvp-small{margin-top:16px}

/* ── FAQ ── */

/* ── závěr (modrá hodina) ── */
.fvp-final{position:relative;color:#fff;isolation:isolate;background:#141a24;overflow:hidden}

/* ── lepivá lišta (mobil) ── */
.fvp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:52px 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(28,29,33,.35);transform:translateY(110%);transition:transform .2s var(--ease);
  backdrop-filter:blur(8px)}
.fvp-sticky.is-on{transform:none}
.fvp-sticky .fvp-btn{min-height:52px;padding:0 14px;font-size:16px}
.fvp-sticky__tel{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--r-c);box-shadow:inset 0 0 0 1.5px var(--ink-2);color:var(--ink);text-decoration:none}
.fvp-sticky__tel .fvp-i{font-size:22px}
@media (min-width:1024px){.fvp-sticky{display:none!important}}
@media (max-width:1023px){.fvp.has-sticky{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}

@media (prefers-reduced-motion:reduce){
  .fvp *,.fvp *::before,.fvp *::after{transition-duration:0s!important;animation-duration:0s!important}
  .fvp-ticket{transform:none}
}

/* ── Produkt: showroom (oficiální rendery X12 / X22 PRIME) ──
 * Vlevo text, přepínač velikosti domu a parametry zvoleného modelu; vpravo čerpadlo pod reflektorem s obřím názvem
 * modelu v pozadí a štítky přímo na dílech (na mobilu číslované tečky + legenda). Výšky modelů ve skutečném poměru
 * 981 : 1396 mm. Přepínač mění data-pr-model na sekci, vše ostatní řeší CSS. */
.fvp-prod{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--on-night);padding-block:64px 56px}
@media (min-width:1024px){.fvp-prod{padding-block:104px 88px}}
.fvp-prod .fvp-small{color:var(--on-night-2)}
.fvp-prod:not([data-pr-model="x12"]) [data-pr-for="x12"],.fvp-prod[data-pr-model="x12"] [data-pr-for="x22"]{display:none}
.fvp-pr-grid{display:grid;gap:28px}
@media (min-width:1024px){.fvp-pr-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto;column-gap:48px;row-gap:0;align-items:center}}
.fvp-pr-copy{display:grid;gap:22px;align-content:start}
/* mobil a tablet: nadpis, přepínač, čerpadlo, parametry, tlačítko, legenda */
@media (max-width:1023px){
  .fvp-pr-copy{display:contents}
  .fvp-pr-title{order:1}.fvp-pr-lead{order:2}.fvp-pr-switch{order:3}.fvp-pr-stage{order:4}.fvp-pr-specs{order:5}.fvp-pr-legend{order:6}.fvp-pr-cta{order:7}
  .fvp-pr-grid{gap:20px}
  .fvp-pr-stage{margin-block:-8px}
}
.fvp-pr-title{color:#fff;max-width:none;margin:0}
.fvp-pr-title span{display:block}
.fvp-pr-title__2{color:var(--on-night-2)}
.fvp-pr-lead{font-size:17px;line-height:1.55;color:var(--on-night);max-width:44ch}
/* přepínač */
.fvp-pr-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.fvp-pr-opt{display:grid;gap:2px;min-height:64px;padding:10px 14px;border:0;border-radius:var(--r-c);background:transparent;color:var(--on-night-2);font:inherit;text-align:left;cursor:pointer;
  transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);touch-action:manipulation}
.fvp-pr-opt b{font-size:16px;line-height:1.3;font-weight:600;color:rgba(255,255,255,.82)}
.fvp-pr-opt span{font-size:13px;line-height:1.3}
.fvp-pr-opt[aria-pressed="true"]{background:#fff;color:var(--ink-3);box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.fvp-pr-opt[aria-pressed="true"] b{color:var(--ink)}
@media (hover:hover){.fvp-pr-opt[aria-pressed="false"]:hover{background:rgba(255,255,255,.06)}}
.fvp-pr-opt:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* parametry zvoleného modelu */
.fvp-pr-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
.fvp-pr-specs div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);min-width:0}
.fvp-pr-specs dt{font-size:13px;line-height:1.35;color:var(--on-night-2)}
.fvp-pr-specs dd{margin:0;font-size:clamp(26px,20px + 1.2vw,34px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:#fff;white-space:nowrap;animation:fvp-pop .4s var(--ease)}
.fvp-pr-specs small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--on-night-2);margin-left:.3em}
.fvp-pr-specs .fvp-pr-pfx{margin:0 .3em 0 0}
.fvp-pr-cta{justify-self:start}
@media (max-width:639px){.fvp-pr-cta{justify-self:stretch}}
/* scéna: reflektor, obří název modelu, podlaha */
.fvp-pr-stage{position:relative;height:clamp(340px,92vw,420px);margin:0 calc(var(--pad) * -1)}
@media (min-width:768px){.fvp-pr-stage{height:520px;margin:0}}
@media (min-width:1024px){.fvp-pr-stage{grid-column:2;grid-row:1 / span 2;height:620px}}
.fvp-pr-stage::before{content:"";position:absolute;inset:-10% -20% 0;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 44% at 50% 50%,rgba(255,255,255,.17),rgba(255,255,255,.06) 48%,rgba(255,255,255,0) 74%)}
.fvp-pr-floor{position:absolute;left:8%;right:8%;bottom:11%;height:56px;transform:translateY(50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,0,0,.65),rgba(0,0,0,0) 70%)}
.fvp-pr-unit{position:absolute;bottom:11%;left:50%;margin:0;translate:-50% 0;animation:fvp-unit .55s var(--ease)}
.fvp-pr-unit--x22{height:82%;aspect-ratio:887/1100}
.fvp-pr-unit--x12{height:calc(82% * .7027);aspect-ratio:1223/1100}
.fvp-pr-unit{perspective:1400px}
.fvp-pr-frame{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;translate:-50% 0;
  transform:rotateY(var(--tilt,0deg));transform-origin:50% 100%;transition:opacity .35s var(--ease),transform .5s var(--ease);
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));-webkit-box-reflect:below 2px linear-gradient(transparent 80%,rgba(255,255,255,.16))}
.fvp-pr-pins{transition:opacity .3s var(--ease)}
@keyframes fvp-unit{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
/* štítky na dílech: na mobilu jen číslo, od tabletu číslo + text */
.fvp-pr-pins{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.fvp-pr-pins li{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);display:flex;align-items:center;gap:8px;translate:-13px -50%;white-space:nowrap}
.fvp-pr-pins i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);font-style:normal;font-size:13px;font-weight:600;
  box-shadow:0 0 0 5px rgba(255,255,255,.18),0 6px 16px rgba(0,0,0,.5)}
.fvp-pr-pins span{display:none}
@media (min-width:768px){
  .fvp-pr-pins i{width:14px;height:14px;font-size:0;box-shadow:0 0 0 5px rgba(255,255,255,.16),0 0 0 1px rgba(19,20,23,.5)}
  .fvp-pr-pins li{translate:-7px -50%}
  .fvp-pr-pins span{display:block;padding:7px 12px;border-radius:999px;background:rgba(19,20,23,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
    color:#fff;font-size:14px;line-height:1.2;font-weight:600;backdrop-filter:blur(6px)}
  .fvp-pr-pins .fvp-pr-pin--l{flex-direction:row-reverse;translate:calc(-100% + 7px) -50%}
}
@media (prefers-reduced-motion:no-preference){@media (min-width:768px){.fvp-pr-pins li{animation:fvp-pin .5s var(--ease) both}.fvp-pr-pins li:nth-child(2){animation-delay:.08s}.fvp-pr-pins li:nth-child(3){animation-delay:.16s}.fvp-pr-pins li:nth-child(4){animation-delay:.24s}}}
@keyframes fvp-pin{from{opacity:0}to{opacity:1}}
/* legenda k číslům (mobil), na desktopu skrytá – texty jsou ve štítcích */
.fvp-pr-legend{counter-reset:lg;display:grid;gap:10px;margin:0;padding:0;list-style:none}
.fvp-pr-legend li{counter-increment:lg;display:grid;grid-template-columns:26px 1fr;column-gap:12px;align-items:start;font-size:15px;line-height:1.45;color:var(--on-night)}
.fvp-pr-legend li::before{content:counter(lg);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);font-size:13px;font-weight:600}
.fvp-pr-legend b{color:#fff;font-weight:600}
@media (min-width:768px){.fvp-pr-legend{display:none}}
/* řada vlastností */
.fvp-pr-feats{display:grid;gap:22px;margin:40px 0 0;padding:28px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:640px){.fvp-pr-feats{grid-template-columns:1fr 1fr;gap:26px 32px}}
@media (min-width:1024px){.fvp-pr-feats{grid-template-columns:repeat(4,1fr);margin-top:56px}}
.fvp-pr-feats li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}
.fvp-pr-feats .fvp-i{grid-row:1/3;width:44px;height:44px;padding:11px;border-radius:50%;background:rgba(227,166,74,.14);color:var(--amber)}
.fvp-pr-feats b{color:#fff;font-weight:600;font-size:16px;line-height:1.35}
.fvp-pr-feats span{font-size:14px;line-height:1.5;color:var(--on-night-2);margin-top:2px}
.fvp-pr-fine{margin-top:28px;font-size:13px;line-height:1.55;color:var(--on-night-2);max-width:80ch}
.fvp-pr-spec{margin-top:16px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}
.fvp-pr-spec .fvp-table{max-width:820px}
@media (prefers-reduced-motion:reduce){.fvp-pr-unit,.fvp-pr-specs dd{animation:none}}

/* ── proč teď: plán podzim → zima (fvp-wy-) ──
 * Dvě scény (podzim teď / sníh za pár týdnů) a pod nimi časová osa od dnešního dne. Do 1023 px svisle: osa vyrůstá
 * z podzimní scény a končí ve sněhové. Od 1024 px vodorovně: tři body pod podzimní scénou, zimní pás pod sněhovou.
 * Data doplňuje section.js (Europe/Prague), bez JS zůstanou obecné texty. Pohyb jen s prefers-reduced-motion: no-preference. */
.fvp-why{--wy-x:15px;--wy-g:16px;--wy-rail:rgba(56,63,71,.22);--wy-cols:8fr 8fr 8fr 12fr;background:var(--surface)}
.fvp-wy-head{margin-bottom:28px}
.fvp-wy-lead{margin-top:14px;max-width:54ch;text-wrap:pretty;font-size:18px;line-height:1.55;color:var(--ink-2)}

/* scény */
.fvp-wy-plan{display:grid;grid-template-columns:minmax(0,1fr)}
.fvp-wy-scene{position:relative;overflow:hidden;border-radius:var(--r-s);background:var(--sunk)}
.fvp-wy-scene::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(28,29,33,.08);pointer-events:none}
.fvp-wy-scene img{width:100%;height:100%;object-fit:cover}
.fvp-wy-scene--now{aspect-ratio:16/10}
.fvp-wy-scene--now img{object-position:30% 58%}
.fvp-wy-scene--cold{aspect-ratio:3/2}
.fvp-wy-scene--cold img{object-position:50% 42%}

/* osa: svisle (mobil, tablet) */
.fvp-wy-line{position:relative;padding:30px 0 32px}
.fvp-wy-line::before{content:"";position:absolute;left:calc(var(--wy-x) - 1px);top:0;height:42px;width:2px;background:var(--wy-rail)}
.fvp-wy-step{--i:0;position:relative;display:grid;align-content:start;gap:3px;padding:0 0 30px 50px}
.fvp-wy-step::before{content:"";position:absolute;left:calc(var(--wy-x) - 1px);top:12px;bottom:-12px;width:2px;background:var(--wy-rail)}
.fvp-wy-step::after{content:"";position:absolute;left:calc(var(--wy-x) - 7px);top:5px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 2px var(--ink-3)}
.fvp-wy-step--now::before{background:var(--red)}
.fvp-wy-step--now::after{background:var(--ink);box-shadow:0 0 0 5px rgba(28,29,33,.1)}
.fvp-wy-step--end{--i:1}
.fvp-wy-step--end::before{background:repeating-linear-gradient(180deg,var(--wy-rail) 0 6px,transparent 6px 11px)}
.fvp-wy-step--end::after{background:var(--red);box-shadow:0 0 0 5px rgba(218,0,15,.12)}
.fvp-wy-step--fit{--i:2}
.fvp-wy-step--cold{--i:3;padding-bottom:0}
.fvp-wy-step--cold::before{left:calc(var(--wy-x) - 3px);width:6px;top:14px;bottom:-32px;border-radius:0;background:var(--ink)}
.fvp-wy-step--cold::after{content:none}
.fvp-wy-flake{position:absolute;left:calc(var(--wy-x) - 15px);top:-3px;width:30px;height:30px;padding:7px;border-radius:50%;background:var(--ink);color:#fff;z-index:1}
.fvp-wy-when{margin-bottom:2px;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.fvp-wy-pre{font-size:.64em;font-weight:500;letter-spacing:0;color:var(--ink-3)}
.fvp-wy-step--end .fvp-wy-when{color:var(--red)}
.fvp-wy-what{font-size:16px;line-height:1.4;font-weight:600;color:var(--ink)}
.fvp-wy-txt{margin-top:2px;max-width:46ch;font-size:15px;line-height:1.55;color:var(--ink-3)}

/* poslední den měsíce: „dnes“ = konec slevy, bod konce slevy JS skryje */
.fvp-why[data-wy-last] .fvp-wy-step--now::before{background:var(--wy-rail)}
.fvp-why[data-wy-last] .fvp-wy-step--now::after{background:var(--red);box-shadow:0 0 0 5px rgba(218,0,15,.12)}
.fvp-why[data-wy-last] .fvp-wy-step--now .fvp-wy-when{color:var(--red)}

/* fakta + CTA */
.fvp-wy-foot{display:grid;gap:28px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.fvp-wy-facts{display:grid;gap:20px}
.fvp-wy-facts li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
.fvp-wy-facts .fvp-i{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--sunk);color:var(--ink-2)}
.fvp-wy-facts p{font-size:15px;line-height:1.55;color:var(--ink-3)}
.fvp-wy-facts b{display:block;margin-bottom:3px;font-size:16px;line-height:1.45;font-weight:600;color:var(--ink)}
.fvp-wy-cta{display:grid;gap:10px;justify-items:start}
.fvp-wy-note{margin-top:28px}
@media (max-width:479px){.fvp-wy-cta .fvp-btn{width:100%}.fvp-wy-cta{justify-items:stretch}.fvp-wy-cta .fvp-small{text-align:center}}

@media (min-width:640px) and (max-width:1023px){
  .fvp-wy-plan{max-width:640px}
  .fvp-wy-facts{grid-template-columns:1fr 1fr;gap:24px}
}

/* osa: vodorovně (desktop) */
@media (min-width:1024px){
  .fvp-why{--wy-g:20px}
  .fvp-wy-head{margin-bottom:44px}
  .fvp-wy-lead{font-size:19px}
  .fvp-wy-plan{grid-template-columns:var(--wy-cols);column-gap:var(--wy-g)}
  .fvp-wy-scene{grid-row:1;aspect-ratio:auto;height:clamp(300px,26vw,390px)}
  .fvp-wy-scene--now{grid-column:1/4}
  .fvp-wy-scene--cold{grid-column:4}
  .fvp-wy-line{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:var(--wy-cols);column-gap:var(--wy-g);padding:30px 0 0}
  .fvp-wy-line::before{content:none}
  .fvp-wy-step{padding:36px 20px 0 0}
  .fvp-wy-step::before{left:0;right:calc(-1 * var(--wy-g));top:6px;bottom:auto;width:auto;height:2px}
  .fvp-wy-step::after{left:0;top:0}
  .fvp-wy-step--now{grid-column:1}
  .fvp-wy-step--end{grid-column:2}
  .fvp-wy-step--end::before{background:repeating-linear-gradient(90deg,var(--wy-rail) 0 6px,transparent 6px 11px)}
  .fvp-wy-step--fit{grid-column:3}
  .fvp-wy-step--cold{grid-column:4;padding-right:0}
  .fvp-wy-step--cold::before{left:0;right:0;top:3px;bottom:auto;width:auto;height:8px;border-radius:8px}
  .fvp-wy-flake{left:-2px;top:-8px}
  .fvp-why[data-wy-last] .fvp-wy-step--now{grid-column:1/3}
  .fvp-wy-when{font-size:24px}
  .fvp-wy-foot{grid-template-columns:var(--wy-cols);column-gap:var(--wy-g);row-gap:28px;margin-top:52px;padding-top:36px;align-items:center}
  .fvp-wy-facts{grid-column:1/4;grid-template-columns:1fr 1fr;gap:28px;padding-right:20px}
  .fvp-wy-cta{grid-column:4}
}
@media (min-width:1280px){
  .fvp-why{--wy-g:24px}
  .fvp-wy-when{font-size:26px}
  .fvp-wy-txt{font-size:15.5px}
}

/* pohyb: scéna se ukáže, osa se protáhne od dneška k zimě (jen když JS přidá .fvp-wy-anim) */
@media (prefers-reduced-motion:no-preference){
  .fvp-why.fvp-wy-anim .fvp-wy-scene{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
  .fvp-why.fvp-wy-anim .fvp-wy-step>*{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
  .fvp-why.fvp-wy-anim .fvp-wy-step::before{transform:scaleY(0);transform-origin:50% 0;transition:transform .6s var(--ease)}
  .fvp-why.fvp-wy-anim .fvp-wy-step::after{transform:scale(0);transition:transform .35s var(--ease) .1s}
  .fvp-why.fvp-wy-anim .fvp-wy-on,.fvp-why.fvp-wy-anim .fvp-wy-on>*{opacity:1;transform:none}
  .fvp-why.fvp-wy-anim .fvp-wy-on::before{transform:none}
  .fvp-why.fvp-wy-anim .fvp-wy-on::after{transform:none}
  @media (min-width:1024px){
    .fvp-why.fvp-wy-anim .fvp-wy-scene--cold{transition-delay:.45s}
    .fvp-why.fvp-wy-anim .fvp-wy-step::before{transform:scaleX(0);transform-origin:0 50%;transition-delay:calc(var(--i) * .22s + .15s)}
    .fvp-why.fvp-wy-anim .fvp-wy-step::after{transition-delay:calc(var(--i) * .22s + .1s)}
    .fvp-why.fvp-wy-anim .fvp-wy-step>*{transition-delay:calc(var(--i) * .22s + .2s)}
    .fvp-why.fvp-wy-anim .fvp-wy-on::before,.fvp-why.fvp-wy-anim .fvp-wy-on::after{transform:none}
  }
}

/* ── Kalkulačka úspory (sekce #uspora, verze 2) ──
 * Jeden nástroj místo dvou sloupců: nahoře volba zdroje (dlaždice = role tab), pod ní roční náklad (posuvník + pole),
 * vpravo (≥ 1024 px) nebo pod tím (mobil) živý výsledek = tabpanel #fvp-calc. Seznam „Co se změní“ je na mobilu až za výsledkem.
 * Tvary: karta 16 px, dlaždice a pole 8 px, dráha posuvníku kulatá. Červená jen pro CTA a fokus, výběr je grafitový.
 * Nahrazuje v lp.css blok „kalkulačka“: .fvp-save__grid, .fvp-save__copy, .fvp-tabs, .fvp-tab*, .fvp-checks*, .fvp-calc*, .fvp-bars, .fvp-bar*
 * (zůstává .fvp-save, .fvp-why a .fvp-how*, které používá i tabulka parametrů v produktu). */
.fvp-save{background:var(--canvas)}
.fvp-sv-head .fvp-h2{margin-bottom:12px}
.fvp-sv-head .fvp-p{max-width:56ch}
@media (min-width:1024px){.fvp-sv-head .fvp-h2{max-width:none}}

/* karta: bílý rám 8 px kolem vstupů a vsazeného „displeje“ s výsledkem (vnořený rádius 16 − 8 = 8 px).
 * Mobil = jeden sloupec (zdroj, náklad, výsledek, změny); desktop = vstupy vlevo, výsledek vpravo přes celou výšku. */
.fvp-sv{display:grid;margin-top:28px;padding:8px;border-radius:var(--r-s);background:var(--surface);box-shadow:var(--sh-rest)}
.fvp-sv-src{padding:12px 16px 0}
.fvp-sv-cost{padding:24px 16px 28px}
.fvp-sv-out{padding:20px 16px 8px;border-radius:var(--r-c)}
.fvp-sv-chg{padding:24px 16px 16px}
@media (min-width:768px){
  .fvp-sv{margin-top:36px}
  .fvp-sv-src{padding:24px 24px 0}
  .fvp-sv-cost{padding:28px 24px 32px}
  .fvp-sv-out{padding:28px 24px 12px}
  .fvp-sv-chg{padding:28px 24px 24px}
}
@media (min-width:1024px){
  .fvp-sv{margin-top:40px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"src out" "cost out" "chg out"}
  .fvp-sv-src{grid-area:src;padding:32px 40px 0}
  .fvp-sv-cost{grid-area:cost;padding:36px 40px 0}
  .fvp-sv-chg{grid-area:chg;padding:32px 40px 32px}
  .fvp-sv-chg__t{padding-top:28px;border-top:1px solid var(--line)}
  .fvp-sv-out{grid-area:out;padding:36px 40px 20px}
}
.fvp-sv-l{display:block;font-size:17px;line-height:1.35;font-weight:600;color:var(--ink)}
.fvp-sv-hint{margin-top:2px;font-size:14px;line-height:1.45;color:var(--ink-3)}

/* volba zdroje: tři stejně velké dlaždice, vybraná má grafitový rámeček a plnou ikonu */
.fvp-sv-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.fvp-sv-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:12px 4px;border:0;border-radius:var(--r-c);
  background:var(--surface);box-shadow:inset 0 0 0 1px rgba(56,63,71,.32);color:var(--ink-2);font-size:15px;line-height:1.25;font-weight:600;text-align:center;cursor:pointer;
  transition:box-shadow .15s var(--ease),color .15s var(--ease),transform .09s var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fvp-sv-tab .fvp-i{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--sunk);color:var(--ink);transition:background-color .15s var(--ease),color .15s var(--ease)}
.fvp-sv-tab[aria-selected="true"]{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}
.fvp-sv-tab[aria-selected="true"] .fvp-i{background:var(--ink);color:#fff}
@media (hover:hover){
  .fvp-sv-tab:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
  .fvp-sv-tab[aria-selected="true"]:hover{box-shadow:inset 0 0 0 2px var(--ink)}
  .fvp-sv-tab[aria-selected="false"]:hover .fvp-i{background:var(--red-tint);color:var(--red)}
}
.fvp-sv-tab:active{transform:scale(.98)}
/* vodorovná dlaždice (ikona vedle textu) jen když je na ni místo: řídí se šířkou bloku, ne okna (1024–1279 px má levý sloupec jen ~420 px) */
.fvp-sv-src{container-type:inline-size}
@container (min-width:540px){
  .fvp-sv-tab{flex-direction:row;justify-content:flex-start;gap:12px;min-height:68px;padding:12px 14px;font-size:16px;text-align:left}
}

/* roční náklad: otázka + pole vpravo (na úzkém mobilu pole pod otázkou), pod tím posuvník */
.fvp-sv-cost__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px}
.fvp-sv-cost__q{flex:1 1 220px;min-width:0}
.fvp-sv-num{position:relative;flex:none}   /* „Kč“ leží nad pravým odsazením pole, takže klik kamkoli do rámečku trefí input */
.fvp-sv-num input{display:block;width:calc(6.6ch + 58px);height:52px;padding:0 46px 0 12px;border:0;border-radius:var(--r-c);background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--line-input);color:var(--ink);font-size:22px;line-height:1;font-weight:600;letter-spacing:-.01em;text-align:right;
  font-variant-numeric:tabular-nums;transition:box-shadow .15s var(--ease)}
.fvp-sv-num span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:17px;line-height:1;font-weight:500;color:var(--ink-3);pointer-events:none}
.fvp .fvp-sv-num input:focus{box-shadow:inset 0 0 0 2px var(--ink);outline:3px solid var(--red);outline-offset:2px}
@media (hover:hover){.fvp-sv-num input:hover{box-shadow:inset 0 0 0 1px var(--ink)}}

/* posuvník: 44 px vysoký terč, dráha 10 px s vyplněnou částí (--p 0–1 nastavuje lp.js), velký jezdec s úchopem */
.fvp-sv-range{--th:28px;--fill:var(--ink);--rest:#DCDFE3;display:block;width:100%;height:44px;margin:14px 0 0;padding:0;background:transparent;
  -webkit-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
@media (pointer:coarse){.fvp-sv-range{--th:32px}}
.fvp-sv-range::-webkit-slider-runnable-track{height:10px;border-radius:999px;
  background:linear-gradient(90deg,var(--fill) 0 calc(var(--th) / 2 + (100% - var(--th)) * var(--p,.2857)),var(--rest) 0)}
.fvp-sv-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--th);height:var(--th);margin-top:calc(5px - var(--th) / 2);
  border:2px solid var(--ink);border-radius:50%;
  background:linear-gradient(90deg,transparent calc(50% - 3.5px),var(--ink-3) 0 calc(50% - 1.5px),transparent 0 calc(50% + 1.5px),var(--ink-3) 0 calc(50% + 3.5px),transparent 0) center/100% 10px no-repeat,#fff;
  box-shadow:0 2px 6px rgba(28,29,33,.22);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.fvp-sv-range::-moz-range-track{height:10px;border:0;border-radius:999px;background:var(--rest)}
.fvp-sv-range::-moz-range-progress{height:10px;border-radius:999px;background:var(--fill)}
.fvp-sv-range::-moz-range-thumb{box-sizing:border-box;width:var(--th);height:var(--th);border:2px solid var(--ink);border-radius:50%;
  background:linear-gradient(90deg,transparent calc(50% - 3.5px),var(--ink-3) 0 calc(50% - 1.5px),transparent 0 calc(50% + 1.5px),var(--ink-3) 0 calc(50% + 3.5px),transparent 0) center/100% 10px no-repeat,#fff;
  box-shadow:0 2px 6px rgba(28,29,33,.22);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
@media (hover:hover){
  .fvp-sv-range:hover::-webkit-slider-thumb{box-shadow:0 2px 6px rgba(28,29,33,.22),0 0 0 8px rgba(28,29,33,.07)}
  .fvp-sv-range:hover::-moz-range-thumb{box-shadow:0 2px 6px rgba(28,29,33,.22),0 0 0 8px rgba(28,29,33,.07)}
}
.fvp-sv-range:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 3px 10px rgba(28,29,33,.25),0 0 0 10px rgba(28,29,33,.08)}
.fvp-sv-range:active::-moz-range-thumb{transform:scale(1.12);box-shadow:0 3px 10px rgba(28,29,33,.25),0 0 0 10px rgba(28,29,33,.08)}
.fvp .fvp-sv-range:focus-visible{outline:none}
.fvp .fvp-sv-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--red)}
.fvp .fvp-sv-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--red)}
.fvp-sv-scale{display:flex;justify-content:space-between;gap:12px;margin-top:2px;font-size:13px;line-height:1.3;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* výsledek: úspora velkým písmem, měsíčně, srovnání dnes / s čerpadlem, 10 let orientačně, CTA */
.fvp-sv-out{display:flex;flex-direction:column;background:var(--canvas);box-shadow:inset 0 0 0 1px rgba(56,63,71,.06);container-type:inline-size}
.fvp-sv-big{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.4em}
.fvp-sv-big span{flex-basis:100%;margin-bottom:2px;font-size:15px;line-height:1.4;font-weight:500;color:var(--ink-2)}
.fvp-sv-big b{font-size:clamp(28px,6vw,40px);font-size:clamp(28px,9cqi,46px);line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--save);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.fvp-sv-big small{font-size:17px;font-weight:500;color:var(--ink-2)}
.fvp-sv-month{margin-top:6px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.fvp-sv-month b{font-weight:600;color:var(--ink);white-space:nowrap}

/* srovnání: obě lišty ve stejném měřítku (dnešní náklad = 100 %), zbytek do 100 % u čerpadla = čárkovaná „úspora“, bez šedé podkladové dráhy */
.fvp-sv-cmp{display:grid;gap:14px;margin-top:auto;padding-block:24px 22px}   /* volné místo (desktop) se dělí nad a pod srovnání */
.fvp-sv-bar p{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px;line-height:1.35;color:var(--ink-3)}
.fvp-sv-bar p>span{min-width:0}
.fvp-sv-bar b{flex:none;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.fvp-sv-bar i{display:flex;height:20px;font-style:normal}
.fvp-sv-bar em{flex:none;display:block;height:100%;border-radius:5px;background:var(--ink-3);transition:width .45s var(--ease)}
.fvp-sv-bar--hp em{border-radius:5px 0 0 5px;background:var(--save)}
.fvp-sv-gap{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1.5px dashed var(--save);border-left:0;
  border-radius:0 5px 5px 0;background:rgba(27,124,37,.07);color:var(--save);font-size:12px;line-height:1;font-weight:600;white-space:nowrap}

.fvp-sv-ten{display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--ink-3)}
.fvp-sv-ten .fvp-i{margin-top:1px;font-size:20px}
.fvp-sv-ten b{font-weight:600;color:var(--ink);white-space:nowrap}
.fvp-sv-out .fvp-btn{margin-top:24px}
@media (max-width:399px){.fvp-sv-out .fvp-btn{padding-inline:12px;gap:8px;font-size:16px}}
.fvp-sv-how{margin-top:4px}
.fvp-sv-how p{padding-bottom:8px}

/* co se změní: na mobilu pod výsledkem, na desktopu pod posuvníkem */
.fvp-sv-chg__t{margin-bottom:12px;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink)}
.fvp-sv-chg__list{display:grid;gap:10px}
.fvp-sv-chg__list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;text-wrap:pretty}
.fvp-sv-chg__list .fvp-i{margin-top:1px;font-size:22px;color:var(--save)}

/* režim vysokého kontrastu: nativní posuvník a viditelné rámečky dlaždic */
@media (forced-colors:active){
  .fvp-sv-range{-webkit-appearance:auto;appearance:auto}
  .fvp-sv-tab{border:1px solid ButtonText}
  .fvp-sv-tab[aria-selected="true"]{border:3px solid Highlight}
  .fvp-sv-gap{border-color:CanvasText}
}

/* ── Globální vrstva (art direction, kolo 3) ── */
/* ── Polish: globální vizuální systém LP TČ podzim ──
 * Připojit hned za lp.css a PŘED CSS nově dodaných sekcí (ty pak mohou cokoli vědomě přebít). Bez změn markupu.
 * Selektory mají stejnou specificitu jako lp.css (většinou jedna třída), rozhoduje tedy pořadí.
 * Pravidla systému:
 * 1) Typografie: H1 56/600 (jediný 600 nadpis), nadpisy sekcí 48/500, úvodní odstavec 20, text 17–18, popis 15–16,
 *    poznámka 13. Velká čísla (parametry, záruky, úspora) zůstávají 600 = data jsou nejtěžší písmo na stránce.
 * 2) Rytmus: všechny světlé sekce na jedné ploše (canvas #F5F6F7), bílá patří jen kartám. Dvě světlé sekce za sebou
 *    dělí vlasová linka v šířce obsahu. Stejné svislé odsazení všech sekcí (72 / 88 / 104 px).
 * 3) Karty: bílá + vlasový rámeček + měkký tónovaný stín (--sh-rest). Tlačítka 56 px (xl 60), bez červené záře;
 *    na tmavé ploše neutrální stín.
 * 4) Červená = CTA a jeden blok „až 85 000 Kč“ na obrazovku. Na desktopu je panel výsledku v kvízu vedle červeného
 *    štítku v H1, proto je tmavý s tenkou červenou hranou; na mobilu (panel se ukáže až u kontaktu) zůstává červený.
 * 5) Ikony: na tmavé ploše obrysový kruh + jantarová ikona, na světlé šedý kruh + grafitová ikona. */

.fvp{
  --fs-h1:clamp(34px,min(22px + 2.6vw,6.2vh),56px);
  --fs-h2:clamp(28px,20px + 1.95vw,48px);
  --fs-lead:clamp(17px,15.6px + .3vw,20px);
  --fs-fine:13px;
  --tr-display:-.03em;
  --sec-y:72px;
  --sh-rest:0 0 0 1px rgba(28,29,33,.05),0 1px 2px rgba(28,29,33,.05),0 16px 32px -22px rgba(28,29,33,.28);
  --sh-btn:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(120,0,8,.28),0 10px 22px -14px rgba(218,0,15,.55);
  --sh-btn-dark:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(0,0,0,.4),0 14px 28px -18px rgba(0,0,0,.9);
}
@media (min-width:768px){.fvp{--sec-y:88px}}
@media (min-width:1024px){.fvp{--sec-y:104px}}
.fvp ::selection{background:var(--red);color:#fff}
:where(.fvp) p{text-wrap:pretty}

/* ── 1) typografie ── */
.fvp-h1{font-size:var(--fs-h1);line-height:1.05;letter-spacing:var(--tr-display)}
.fvp-h1__num{border-radius:var(--r-c);padding:.04em .28em .08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.fvp-h2{font-size:var(--fs-h2);line-height:1.08;font-weight:500;letter-spacing:var(--tr-display);max-width:20ch}
.fvp-pr-title{max-width:none}
/* další zobrazovací nadpisy (≥ 24 px) stejným řezem; drobné nadpisy rozhraní (≤ 22 px) zůstávají 600 */
.fvp-stack__t,.fvp-done__t{font-weight:500;letter-spacing:-.025em}
/* úvodní odstavce pod nadpisem sekce: jedna velikost, jedna barva, jedna šířka */
.fvp-wy-lead,.fvp-sv-head .fvp-p,.fvp-pr-lead{font-size:var(--fs-lead);line-height:1.5;max-width:52ch}
.fvp-wy-lead,.fvp-sv-head .fvp-p{color:var(--ink-2)}
.fvp-wy-lead{margin-top:16px}
.fvp-sv-head .fvp-h2{margin-bottom:16px}
.fvp-lead{font-size:var(--fs-lead)}
/* položky seznamů: titulek 17 px, popis 15 px */
.fvp-wy-what,.fvp-pr-feats b,.fvp-wy-facts b{font-size:17px;line-height:1.4}
.fvp-pr-feats span{font-size:15px;line-height:1.55;color:var(--on-night)}
/* poznámky na konci sekcí: jeden styl, odsazené od obsahu */
.fvp-wy-note,.fvp-proof .fvp-wrap>.fvp-small,.fvp-steps .fvp-wrap>.fvp-small,.fvp-pr-fine{font-size:var(--fs-fine);line-height:1.55;max-width:84ch}
.fvp-wy-note,.fvp-proof .fvp-wrap>.fvp-small,.fvp-steps .fvp-wrap>.fvp-small{margin-top:28px}

/* ── 2) rytmus sekcí ── */
.fvp-sec{padding-block:var(--sec-y)}
.fvp-prod{padding-block:var(--sec-y) calc(var(--sec-y) - 16px)}
.fvp-why,.fvp-steps{background:var(--canvas)}
.fvp-why{--surface:var(--canvas)}          /* prázdné body osy mají barvu plochy */
.fvp-wy-head{margin-bottom:32px}
@media (min-width:1024px){.fvp-wy-head{margin-bottom:48px}}
/* dvě světlé sekce za sebou: vlasová linka v šířce obsahu místo švu dvou skoro stejných odstínů */
.fvp-sec+.fvp-sec{position:relative}
.fvp-sec+.fvp-sec::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;height:1px;
  width:min(calc(100% - 2 * var(--pad)),calc(1280px - 2 * var(--pad)));background:var(--line);pointer-events:none}

/* ── 3) karty, stíny, tlačítka ── */
.fvp-guar div{background:#fff;box-shadow:var(--sh-rest)}
.fvp-btn{min-height:56px;padding:0 26px;letter-spacing:-.005em;box-shadow:var(--sh-btn)}
.fvp-btn--xl{min-height:60px;padding:0 30px}
.fvp-sticky .fvp-btn{min-height:52px}
.fvp-prod .fvp-btn,.fvp-final .fvp-btn,.fvp-ask .fvp-btn,.fvp-stage .fvp-btn{box-shadow:var(--sh-btn-dark)}

/* ── 4) červená ── */
@media (min-width:1024px){
  .fvp-qz-live__offer{background:var(--night-2);background-image:none;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
  .fvp-qz-live__offer>span{color:var(--amber)}
  .fvp-qz-live__offer small{color:var(--on-night-2)}
}
.fvp-qz-live__offer small span{display:inline;font-size:inherit;letter-spacing:0;text-transform:none;font-weight:600;color:#fff}
/* video: bílé tlačítko přehrát, červené až při najetí (miniatura sama nese červenou a žlutou) */
.fvp-video__play{background:#fff;color:var(--ink);box-shadow:0 10px 30px -10px rgba(0,0,0,.55);transition:background-color .15s var(--ease),color .15s var(--ease),transform .2s var(--ease)}
@media (hover:hover){.fvp-video__btn:hover .fvp-video__play{background:var(--red);color:#fff;transform:scale(1.04)}}

/* ── 5) ikony, výhody v úvodu ── */
/* výhody pod úvodním textem: čistý seznam s ikonami místo dalších tří „pilulek“ vedle štítku a tagu */
@media (min-width:768px){
  .fvp-perks{display:grid;gap:8px;margin-top:6px}
  .fvp-perks li{padding:0;background:none;box-shadow:none;font-size:15px;line-height:1.4;font-weight:500;color:rgba(255,255,255,.9)}
  .fvp-perks .fvp-i{font-size:18px}
}
.fvp-pr-feats .fvp-i,.fvp-stack__list .fvp-i{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--amber)}
.fvp-wy-facts .fvp-i{width:40px;height:40px;padding:10px;color:var(--ink)}
.fvp-wy-facts li{grid-template-columns:40px minmax(0,1fr)}

/* štítek slevy v úvodu: klient chce menší (nepřerůstá nadpis) */
.fvp-h1__num{font-size:.86em}

/* ── CRO prvky (prefix fvp-cv-) – přidat na konec lp.css ──
 * E1 desktopová lepivá lišta · E2 vstup do kvízu uprostřed stránky · E3 „Co bude po odeslání“ u kontaktu
 * E4 povzbuzení mezi otázkami · E5 rozhodovací blok za „Co se stane, když vyplníte kvíz“.
 * Jen tokeny z .fvp (--night, --red, --ink …), radius karet 16 px, ovládacích prvků 8 px, dlaždice kvízu 12 px jako .fvp-tile. */

/* sdílené: 4 segmenty postupu (stejný jazyk jako .fvp-progress) */
.fvp-cv-dots{display:inline-grid;grid-template-columns:repeat(4,14px);gap:3px;flex:none}
.fvp-cv-dots i{height:4px;border-radius:4px;background:rgba(255,255,255,.18);transition:background-color .3s var(--ease)}
.fvp-cv-dots i.is-on{background:var(--red)}

/* E1b (volitelné) čip postupu v mobilní liště .fvp-sticky */
.fvp-cv-chip{margin-left:2px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.22);font-size:13px;font-weight:600;line-height:1.3}

/* ── E2 vstup do kvízu (za recenzemi) ── */
.fvp-cv-re{padding-block:0 64px}
@media (min-width:1024px){.fvp-cv-re{margin-top:-40px;padding-bottom:104px}}
.fvp-cv-re__card{display:grid;border-radius:var(--r-s);overflow:hidden;background:var(--surface);box-shadow:var(--sh-float)}
@media (min-width:1024px){.fvp-cv-re__card{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.fvp-cv-re__side{position:relative;isolation:isolate;display:grid;align-content:center;gap:10px;padding:22px 20px 24px;background:var(--night);color:var(--on-night)}
.fvp-cv-re__side::before{content:none}
@media (min-width:768px){.fvp-cv-re__side{padding:28px 30px}}
@media (min-width:1024px){.fvp-cv-re__side{padding:36px 36px 38px}}
.fvp-cv-re__k{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
.fvp-cv-re__k .fvp-cv-dots i:first-child{background:var(--amber)}
.fvp-cv-re__t{font-size:clamp(24px,17px + 1.3vw,34px);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.fvp-cv-re__p{font-size:16px;line-height:1.5;max-width:36ch}
.fvp-cv-re__main{display:grid;align-content:center;gap:14px;padding:20px 18px 22px}
@media (min-width:768px){.fvp-cv-re__main{padding:28px 30px}}
@media (min-width:1024px){.fvp-cv-re__main{padding:32px 36px}}
.fvp-cv-re__q{font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
@media (min-width:768px){.fvp-cv-re__q{font-size:22px}}
.fvp-cv-re__opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (min-width:768px){.fvp-cv-re__opts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
.fvp-cv-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:104px;padding:14px;border:1px solid rgba(56,63,71,.22);border-radius:12px;
  background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:16px;line-height:1.3;text-align:left;cursor:pointer;touch-action:manipulation;
  transition:border-color .12s var(--ease),background-color .12s var(--ease),transform .12s var(--ease),box-shadow .12s var(--ease)}
.fvp-cv-opt small{display:block;margin-top:3px;font-weight:400;font-size:13px;line-height:1.35;color:var(--ink-3)}
.fvp-cv-opt .fvp-i{width:44px;height:44px;padding:11px;border-radius:50%;background:var(--sunk);color:var(--ink);transition:background-color .15s var(--ease),color .15s var(--ease)}
.fvp-cv-opt::after{content:"";position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(56,63,71,.3)}
@media (hover:hover){.fvp-cv-opt:hover{border-color:var(--ink);box-shadow:0 14px 28px -16px rgba(28,29,33,.45);transform:translateY(-2px)}.fvp-cv-opt:hover .fvp-i{background:var(--red-tint);color:var(--red)}}
.fvp-cv-opt:active{transform:scale(.98)}
.fvp-cv-opt.is-picked{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:var(--red-tint)}
.fvp-cv-opt.is-picked .fvp-i{background:var(--red);color:#fff}
.fvp-cv-opt.is-picked::after{box-shadow:none;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23fff' d='M229.66 77.66l-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32z'/%3E%3C/svg%3E") center/11px no-repeat}
.fvp-cv-re__note{display:flex;gap:8px;font-size:14px;line-height:1.45;color:var(--ink-3)}
.fvp-cv-re__note .fvp-i{font-size:18px;color:var(--save);margin-top:1px}
.fvp-cv-re__bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.fvp-cv-re__bar i{height:6px;border-radius:6px;background:var(--sunk)}
.fvp-cv-re__bar i.is-on{background:var(--red)}
.fvp-cv-re__resume .fvp-btn{justify-self:start}
@media (max-width:479px){.fvp-cv-re__resume .fvp-btn{justify-self:stretch}}

/* ── E3 Co bude po odeslání (nahrazuje .fvp-assure v kroku kontaktu) ── */
.fvp-cv-after{display:grid;gap:12px;margin-top:16px}
.fvp-cv-after__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}
.fvp-cv-after__k{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fvp-cv-after__free{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink-2)}
.fvp-cv-after__free .fvp-i{font-size:17px;color:var(--save)}
.fvp-cv-after__list{counter-reset:cv;display:grid;gap:10px}
.fvp-cv-after__list li{counter-increment:cv;position:relative;display:grid;gap:1px;padding-left:36px;font-size:14px;line-height:1.4}
.fvp-cv-after__list li::before{content:counter(cv);position:absolute;left:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:600}
.fvp-cv-after__list li:first-child::before{background:var(--red)}
.fvp-cv-after__list b{font-weight:600;color:var(--ink);font-size:15px}
.fvp-cv-after__list span{color:var(--ink-3)}
@media (min-width:768px){
  .fvp-cv-after{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
  .fvp-cv-after__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .fvp-cv-after__list li{padding:34px 0 0}
  .fvp-cv-after__list li:not(:last-child)::after{content:"";position:absolute;left:32px;right:-8px;top:11px;height:2px;border-radius:2px;background:var(--line)}
}

/* ── E4 povzbuzení mezi otázkami (pod .fvp-progress) ── */
.fvp-cv-nudge{display:flex;align-items:center;gap:8px;margin:-10px 0 14px;font-size:14px;line-height:1.4;font-weight:500;color:var(--ink-2)}
.fvp-cv-nudge .fvp-i{font-size:18px;color:var(--save)}
.fvp-cv-nudge.is-new{animation:fvp-pop .45s var(--ease)}
@media (min-width:768px){.fvp-cv-nudge{margin:-8px 0 16px;font-size:15px}}
@media (max-width:1023px){.fvp-cv-nudge[data-cv-stage="5"]{display:none}}

/* ── E5 rozhodovací blok na konci .fvp-steps ── */
.fvp-cv-commit{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:18px;margin-top:40px;padding:24px 20px;border-radius:var(--r-s);background:var(--night);color:var(--on-night)}
.fvp-cv-commit::before{content:none}
@media (min-width:768px){.fvp-cv-commit{padding:30px}}
@media (min-width:1024px){.fvp-cv-commit{grid-template-columns:minmax(0,4fr) minmax(0,5fr) auto;align-items:center;gap:40px;margin-top:56px;padding:34px 36px}}
.fvp-cv-commit__q{display:grid;gap:8px;margin:0}
@media (max-width:1023px){.fvp-cv-commit__q{order:3;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}}
@media (min-width:1024px){.fvp-cv-commit__q{padding-right:36px;border-right:1px solid rgba(255,255,255,.1)}}
.fvp-cv-commit__q blockquote{margin:0;font-size:17px;line-height:1.45;font-weight:500;color:#fff}
.fvp-cv-commit__q figcaption{font-size:14px;color:var(--on-night-2)}
.fvp-cv-commit__main{display:grid;gap:6px}
.fvp-cv-commit__t{font-size:clamp(21px,17px + .8vw,26px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.fvp-cv-commit__p{font-size:16px;line-height:1.5;max-width:44ch}
.fvp-cv-commit .fvp-btn{justify-self:start}
@media (max-width:479px){.fvp-cv-commit .fvp-btn{justify-self:stretch}}
.fvp-cv-commit :focus-visible{outline-color:#fff}

/* mobil: když je vidět vlastní CTA blok (E2, E5), spodní lišta .fvp-sticky se schová, ať nejsou dvě stejná tlačítka nad sebou */
@media (max-width:1023px){.fvp.fvp-cv-own .fvp-sticky.is-on{transform:translateY(110%)}}

/* ── Recenze (fvp-px-): jeden „filmový“ panel místo tří stejných karet ──
 * Video s paní Krajsovou dostalo čistý výřez z vlastního náhledu videa (jen ona u domu, bez vypáleného textu),
 * vpravo její citát velkým písmem, pod ním tři krátké recenze z Googlu jako sloupce jedné plochy.
 * Pod panelem fotky zákazníků s poctivou poznámkou o předchozích modelech. Kontrakt lp.js beze změny:
 * figure[data-yt] > button.fvp-video__btn → po kliknutí iframe; :has(iframe) pak video roztáhne na celou šířku. */
.fvp-proof{background:var(--canvas)}
.fvp-px-head{display:grid;gap:16px;margin-bottom:28px}
@media (min-width:900px){.fvp-px-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:40px}}
.fvp-px-scale{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.4;color:var(--ink-3)}
.fvp-px-scale b{font-size:clamp(30px,22px + 1.4vw,44px);line-height:1;font-weight:600;letter-spacing:-.035em;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (min-width:900px){.fvp-px-scale{padding:2px 0 2px 22px;border-left:1px solid rgba(56,63,71,.24)}}

/* panel */
.fvp-px-film{position:relative;border-radius:var(--r-s);background:var(--night);color:var(--on-night);overflow:hidden;
  box-shadow:0 2px 6px rgba(19,20,23,.08),0 40px 80px -48px rgba(19,20,23,.55)}
.fvp-px-film::before{content:none}
.fvp-proof .fvp-px-video{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:0;background:none;overflow:visible}
@media (min-width:768px){.fvp-proof .fvp-px-video{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}

/* plakát: výřez z náhledu 1280 × 720, jen paní Krajsová u zdi (x 800–1265); mobil 4 : 3 (y 110–459), od 768 px 1 : 1 (y 105–570) */
.fvp-proof .fvp-px-video .fvp-video__btn{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;border:0;border-radius:0;padding:0;margin:0;
  background:#2a2622;cursor:pointer;overflow:hidden;color:#fff;text-align:left}
.fvp-px-crop{position:absolute;inset:0;overflow:hidden}
@media (min-width:768px){
  .fvp-proof .fvp-px-video .fvp-video__btn{aspect-ratio:1}
  .fvp-proof .fvp-px-video .fvp-video__btn img{top:-22.58%}
}
.fvp-proof .fvp-px-video .fvp-video__btn img{position:absolute;left:-172.04%;top:-31.52%;width:275.27%;max-width:none;height:auto;opacity:1;object-fit:fill;
  filter:saturate(.9) contrast(1.03);transform-origin:80.6% 46.8%;transition:transform .7s var(--ease)}
.fvp-px-crop::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(19,20,23,0) 52%,rgba(19,20,23,.72) 100%)}
.fvp-px-play{position:absolute;left:20px;bottom:20px;z-index:1;display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.2;color:#fff}
@media (min-width:1024px){.fvp-px-play{left:28px;bottom:28px}}
.fvp-px-play__i{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff;color:var(--ink);
  box-shadow:0 0 0 6px rgba(255,255,255,.18),0 12px 30px -10px rgba(0,0,0,.6);
  transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
.fvp-px-play__i svg{width:24px;height:24px;margin-left:3px}
@media (hover:hover){
  .fvp-proof .fvp-px-video .fvp-video__btn:hover img{transform:scale(1.04)}
  .fvp-proof .fvp-px-video .fvp-video__btn:hover .fvp-px-play__i{background:var(--red);color:#fff;box-shadow:0 0 0 6px rgba(218,0,15,.22),0 12px 30px -10px rgba(0,0,0,.6);transform:scale(1.05)}
}
.fvp-proof .fvp-px-video .fvp-video__btn:focus-visible{outline:3px solid #fff;outline-offset:-6px}

/* citát z videa */
.fvp-px-cap{position:relative;display:grid;align-content:center;gap:22px;padding:26px 22px 28px}
@media (min-width:768px){.fvp-px-cap{padding:40px 40px 40px 44px}}
@media (min-width:1280px){.fvp-px-cap{padding:56px 72px 56px 64px}}
.fvp-px-q{font-size:clamp(22px,15px + 1.45vw,34px);line-height:1.28;font-weight:500;letter-spacing:-.02em;color:#fff;max-width:24ch;text-wrap:pretty}
.fvp-px-who{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:15px;line-height:1.4;color:var(--on-night)}
.fvp-px-who b{color:#fff;font-weight:600}
.fvp-px-was{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;background:rgba(255,255,255,.07);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:13px;font-weight:500;color:#fff;white-space:nowrap}
.fvp-px-was .fvp-i{font-size:16px;color:var(--amber)}

/* po kliknutí: video přes celou šířku panelu, citát pod ním */
.fvp-proof .fvp-px-video:has(iframe){grid-template-columns:minmax(0,1fr)}
.fvp-proof .fvp-px-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#000}
.fvp-proof .fvp-px-video:has(iframe) .fvp-px-cap{padding-block:28px 32px}

/* recenze z Googlu: sloupce jedné plochy, ne samostatné karty */
.fvp-px-revs{position:relative;display:grid;border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:900px){.fvp-px-revs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fvp-px-rev{display:grid;align-content:start;gap:10px;margin:0;padding:22px 22px 24px}
.fvp-px-rev+.fvp-px-rev{border-top:1px solid rgba(255,255,255,.08)}
@media (min-width:900px){
  .fvp-px-rev{padding:30px 40px 34px}
  .fvp-px-rev+.fvp-px-rev{border-top:0;border-left:1px solid rgba(255,255,255,.08)}
}
.fvp-px-stars{color:var(--star);font-size:14px;letter-spacing:3px;line-height:1}
.fvp-px-rev p{font-size:17px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.92);text-wrap:pretty}
.fvp-px-rev footer{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:14px;line-height:1.4;font-weight:500;color:#fff}
.fvp-px-rev footer span{font-weight:400;color:var(--on-night-2)}

/* fotky z realizací + poctivá poznámka; na mobilu vodorovný pás (je vidět kus další fotky) */
.fvp-px-rail{display:grid;gap:12px;margin-top:16px}
.fvp-px-note{font-size:var(--fs-fine,13px);line-height:1.55;color:var(--ink-3)}
.fvp-px-note b{display:block;font-size:15px;line-height:1.4;font-weight:600;color:var(--ink);margin-bottom:4px}
.fvp-px-photos{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:10px;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}
.fvp-px-photos::-webkit-scrollbar{display:none}
.fvp-px-ph{position:relative;overflow:hidden;border-radius:var(--r-c);background:var(--sunk);scroll-snap-align:start}
.fvp-px-ph img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.fvp-px-ph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(28,29,33,.06);pointer-events:none}
@media (min-width:768px){
  .fvp-px-rail{grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:16px;margin-top:20px;align-items:end}
  .fvp-px-note{padding:0 8px 4px 0}
  .fvp-px-photos{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}
  .fvp-px-ph{border-radius:var(--r-s)}
  .fvp-px-ph img{aspect-ratio:4/3}
}

/* ── Nabídka (fvp-vx-): jedna klidná „nabídková listina“ místo nakloněného lístku ──
 * Tmavý pás s listím zůstává. Uprostřed jeden panel z mléčného skla: vlevo částka velkým písmem, termín
 * a tlačítko, vpravo tmavší „obsah balení“ (Co dostanete). Červená jen na tenké horní hraně (jako panel výsledku
 * v kvízu), v tlumené záři za částkou a na tlačítku. Ikony podle globálního systému: obrysový kruh + jantar.
 * [data-days] (lp.js) se ukáže jen v posledních 10 dnech měsíce, prázdný štítek se skryje přes :empty. */
.fvp-vx{padding-block:var(--sec-y,72px)}
.fvp-vx::before{content:none}
.fvp-vx-panel{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--r-s);overflow:hidden;
  background:var(--night-2);   /* plný panel: listí za ním nepropadá jako rozmazané skvrny */
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 60px 120px -60px rgba(0,0,0,.95)}
@media (min-width:1024px){.fvp-vx-panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* částka */
.fvp-vx-offer{position:relative;display:grid;justify-items:start;align-content:center;padding:30px 22px 28px}
.fvp-vx-offer::before{content:none}
@media (min-width:768px){.fvp-vx-offer{padding:48px 48px 44px}}
@media (min-width:1280px){.fvp-vx-offer{padding:64px 72px 56px 64px}}
.fvp-vx-k{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font-size:14px;line-height:1.3;font-weight:600}
.fvp-vx-k .fvp-i{font-size:18px;color:var(--amber)}
.fvp-vx-num{display:flex;align-items:flex-start;gap:.14em;margin:20px 0 12px;color:#fff;font-weight:600;line-height:.95;white-space:nowrap;
  font-size:clamp(54px,14.5vw,72px);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
@media (min-width:768px){.fvp-vx-num{font-size:clamp(72px,8.6vw,118px);margin:26px 0 16px}}
.fvp-vx-az{margin-top:.16em;font-size:.3em;line-height:1;font-weight:500;letter-spacing:0;color:var(--on-night)}
.fvp-vx-sub{font-size:17px;line-height:1.5;color:var(--on-night);max-width:34ch}
@media (min-width:768px){.fvp-vx-sub{font-size:19px}}

/* termín */
.fvp-vx-dl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;margin:26px 0 22px;padding:14px 0;
  border-block:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.4;color:var(--on-night)}
.fvp-vx-dl .fvp-i{font-size:22px;color:#fff}
.fvp-vx-dl b{color:#fff;font-weight:600;white-space:nowrap}
.fvp-vx-days{padding:3px 11px;border-radius:999px;background:rgba(218,0,15,.18);box-shadow:inset 0 0 0 1px rgba(218,0,15,.65);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.fvp-vx-days:empty{display:none}
@media (min-width:768px){.fvp-vx-dl{margin:34px 0 28px;font-size:17px}}

.fvp-vx .fvp-vx-cta{width:100%;box-shadow:var(--sh-btn-dark,0 14px 28px -18px rgba(0,0,0,.9))}
@media (min-width:640px){.fvp-vx .fvp-vx-cta{width:auto;min-width:320px}}
.fvp-vx-fine{margin-top:14px;font-size:var(--fs-fine,13px);line-height:1.5;color:var(--on-night-2);max-width:52ch}

/* co dostanete */
.fvp-vx-stack{position:relative;padding:26px 22px 26px;background:rgba(0,0,0,.22);border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:768px){.fvp-vx-stack{padding:40px 48px}}
@media (min-width:1024px){.fvp-vx-stack{padding:56px 48px 48px;border-top:0;border-left:1px solid rgba(255,255,255,.1)}}
@media (min-width:1280px){.fvp-vx-stack{padding:64px 56px 52px}}
.fvp-vx-stack__t{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:#fff;margin-bottom:6px}
.fvp-vx-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:15px 0;border-top:1px solid rgba(255,255,255,.08)}
.fvp-vx-list li:first-child{border-top:0}
.fvp-vx-list .fvp-i{width:40px;height:40px;padding:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--amber)}
.fvp-vx-list b{display:block;font-size:17px;line-height:1.35;font-weight:600;color:#fff}
.fvp-vx-list span{display:block;margin-top:3px;font-size:15px;line-height:1.5;color:var(--on-night)}
.fvp-vx-stack__fine{margin-top:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:var(--fs-fine,13px);line-height:1.5;color:var(--on-night-2)}

/* ── Postup a záruky (fvp-sx-): zrušení rizika místo řady čísel ──
 * Vlevo svislý postup: kroky 1–3 leží v bílé kartě „Zdarma a nezávazně“, pak brána „Objednáte, jen když vám
 * nabídka vyhovuje“ a teprve za ní montáž. Vpravo záruční listina: délka záruk jako pruhy ve skutečném poměru
 * (10 : 3 : 2 roky od předání), servisní linka a podmínka záruky. Pruhy se při prvním zobrazení dorostou (steps.js),
 * bez JS nebo s prefers-reduced-motion jsou rovnou celé. */
.fvp-sx-head{margin-bottom:28px}
@media (min-width:768px){.fvp-sx-head{margin-bottom:40px}}
.fvp-sx-grid{display:grid;gap:40px}
@media (min-width:1024px){.fvp-sx-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}}
@media (min-width:1280px){.fvp-sx-grid{gap:64px}}
.fvp-sx-lead{margin-top:16px;font-size:var(--fs-lead,18px);line-height:1.5;color:var(--ink-2);max-width:52ch}

/* zóna kroků zdarma */
.fvp-sx-zone{padding:18px 16px 2px;border-radius:var(--r-s);background:#fff;box-shadow:var(--sh-rest)}
@media (min-width:768px){.fvp-sx-zone{padding:22px 28px 4px}}
.fvp-sx-zone__t{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px 5px 8px;border-radius:999px;background:var(--save-tint);
  color:var(--save);font-size:14px;line-height:1.3;font-weight:600}
.fvp-sx-zone__t .fvp-i{font-size:18px}

.fvp-sx-list{counter-reset:sx}
.fvp-sx-list--after{counter-reset:sx 3;padding:0 16px}
@media (min-width:768px){.fvp-sx-list--after{padding:0 28px}}
.fvp-sx-list li{counter-increment:sx;position:relative;display:grid;align-content:start;gap:3px;min-height:36px;padding:0 0 24px 54px}
.fvp-sx-list li::before{content:counter(sx);position:absolute;left:0;top:-4px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.fvp-sx-list li:not(:last-child)::after{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;border-radius:2px;background:rgba(56,63,71,.18)}
.fvp-sx-list--after li{padding-bottom:0}
.fvp-sx-list--after li::before{background:var(--ink);color:#fff}
.fvp-sx-list b{font-size:17px;line-height:1.4;font-weight:600;color:var(--ink)}
.fvp-sx-list span{font-size:15px;line-height:1.55;color:var(--ink-2);max-width:48ch}

/* brána: tady se teprve rozhoduje */
.fvp-sx-gate{position:relative;display:flex;align-items:center;margin:18px 0;padding-left:16px}
@media (min-width:768px){.fvp-sx-gate{padding-left:28px;margin:20px 0}}
.fvp-sx-gate::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed rgba(56,63,71,.3)}
.fvp-sx-gate span{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:var(--canvas);
  box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font-size:14px;line-height:1.3;font-weight:600}
.fvp-sx-gate .fvp-i{font-size:18px}

/* záruční listina */
.fvp-sx-guar{position:relative;overflow:hidden;padding:26px 22px 22px;border-radius:var(--r-s);background:var(--night);color:var(--on-night);
  box-shadow:0 2px 6px rgba(19,20,23,.08),0 40px 80px -50px rgba(19,20,23,.6)}
.fvp-sx-guar::before{content:none}
@media (min-width:768px){.fvp-sx-guar{padding:36px 36px 30px}}
.fvp-sx-guar>*{position:relative}
.fvp-sx-guar__t{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:19px;line-height:1.3;font-weight:600;color:#fff;letter-spacing:-.01em}
.fvp-sx-guar__t .fvp-i{font-size:24px;color:var(--amber)}
.fvp-sx-bars{display:grid;gap:18px}
.fvp-sx-bars li{display:grid;gap:8px}
.fvp-sx-bars p{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.fvp-sx-bars b{font-size:clamp(26px,20px + 1vw,32px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.fvp-sx-bars p span{font-size:15px;line-height:1.4;color:var(--on-night)}
.fvp-sx-bar{display:block;height:10px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}
.fvp-sx-bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.55),#fff);transform-origin:0 50%}
.fvp-sx-y10 .fvp-sx-bar i{width:100%;background:linear-gradient(90deg,var(--amber),#F2CB8A)}
.fvp-sx-y3 .fvp-sx-bar i{width:30%}
.fvp-sx-y2 .fvp-sx-bar i{width:20%}
.fvp-sx-axis{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;line-height:1;color:var(--on-night-2)}
.fvp-sx-guar.is-armed .fvp-sx-bar i{transform:scaleX(0)}
.fvp-sx-guar.is-in .fvp-sx-bar i{transform:none;transition:transform 1.1s var(--ease)}
.fvp-sx-guar.is-in .fvp-sx-y3 .fvp-sx-bar i{transition-delay:.12s}
.fvp-sx-guar.is-in .fvp-sx-y2 .fvp-sx-bar i{transition-delay:.24s}

.fvp-sx-svc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.fvp-sx-svc .fvp-i{width:44px;height:44px;padding:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--amber)}
.fvp-sx-svc b{display:block;font-size:16px;line-height:1.35;font-weight:600;color:#fff}
.fvp-sx-svc span{display:block;font-size:14px;line-height:1.45;color:var(--on-night)}
.fvp-sx-svc .fvp-sx-tel{margin-top:2px;font-size:16px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.fvp-sx-fine{margin-top:18px;font-size:var(--fs-fine,13px);line-height:1.5;color:var(--on-night-2)}

/* ── video recenze v okně: zavře křížek, Esc i klik mimo video; po zavření se video zastaví ── */
html.fvp-noscroll{overflow:hidden}
.fvp-vmodal{width:min(1040px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:var(--r-s);
  background:var(--night);color:var(--on-night);box-shadow:0 40px 120px -30px rgba(0,0,0,.9);overflow:auto}
.fvp-vmodal::backdrop{background:rgba(10,11,13,.84);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fvp-vmodal[open]{animation:fvp-vm-in .3s var(--ease)}
@keyframes fvp-vm-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.fvp-vmodal__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 20px}
.fvp-vmodal__t{margin:0;font-size:15px;font-weight:600;color:#fff}
.fvp-vmodal__x{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;
  transition:background-color .15s var(--ease)}
.fvp-vmodal__x .fvp-i{font-size:20px}
@media (hover:hover){.fvp-vmodal__x:hover{background:rgba(255,255,255,.18)}}
.fvp-vmodal__x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fvp-vmodal__frame{aspect-ratio:16/9;background:#000}
.fvp-vmodal__frame iframe{display:block;width:100%;height:100%;border:0}
.fvp-vmodal__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:16px 20px 20px}
.fvp-vmodal__foot p{margin:0;font-size:16px;color:var(--on-night)}
@media (max-width:639px){.fvp-vmodal__foot .fvp-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.fvp-vmodal[open]{animation:none}}

/* ── FAQ: tři témata v bílých panelech, „Pořád váháte?“ vede do formuláře poptávky (fvp-fq-) ──
 * Mobil a tablet: nadpis → 3 skupiny otázek → světlá karta s náhledem 4 otázek poptávky a CTA (pořadí v DOM = pořadí na obrazovce;
 * světlá, protože nad FAQ i pod ním jsou tmavé bloky s CTA).
 * Desktop: vlevo nadpis + obsah témat, pod ním tmavá karta „Pořád váháte?“ (sticky), vpravo skupiny. Nativní <details>,
 * plynulé otevírání jen tam, kde prohlížeč umí ::details-content a uživatel nechce omezit pohyb.
 * Nahrazuje pravidla .fvp-faq__grid / .fvp-faq__list / .fvp-ask z lp.css (ta lze smazat). */
.fvp-faq{background:var(--canvas)}
.fvp-fq{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.fvp-faq .fvp-fq-head .fvp-h2{margin:0}
.fvp-fq-toc{display:none}

/* skupiny */
.fvp-fq-groups{display:grid;gap:26px;min-width:0}
.fvp-fq-group{scroll-margin-top:calc(var(--hdr-h,72px) + 16px)}
.fvp-fq-gt{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fvp-fq-gt .fvp-i{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--surface);color:var(--rust)}
.fvp-fq-list{border-radius:var(--r-s);background:var(--surface);box-shadow:var(--sh-rest);overflow:hidden}

/* otázka */
.fvp-fq-item{position:relative}
.fvp-fq-item+.fvp-fq-item{border-top:1px solid var(--line)}
.fvp-fq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 12px 12px 16px;
  font-size:16px;line-height:1.38;font-weight:600;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--ease)}
.fvp-fq-item summary::-webkit-details-marker{display:none}
.fvp-fq-item summary i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sunk);color:var(--ink);
  transition:transform .25s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.fvp-fq-item summary i .fvp-i{font-size:16px}
.fvp-fq-item[open] summary i{transform:rotate(180deg);background:var(--red);color:#fff}
.fvp-fq-item summary:focus-visible{outline:3px solid var(--red);outline-offset:-4px;border-radius:12px}
@media (hover:hover){
  .fvp-fq-item summary:hover{background:#FAFAFB}
  .fvp-fq-item:not([open]) summary:hover i{background:var(--red-tint);color:var(--red)}
}
.fvp-fq-item p{padding:0 16px 18px;max-width:64ch;font-size:16px;line-height:1.6;color:var(--ink-2)}
.fvp-fq-item a{color:var(--ink);font-weight:500;text-underline-offset:3px}
/* plynulé otevření (Chrome 131+ / Safari 18.4+), jinde se odpověď ukáže hned */
@supports selector(::details-content){
  @media (prefers-reduced-motion:no-preference){
    .fvp-fq-item{interpolate-size:allow-keywords}
    .fvp-fq-item::details-content{block-size:0;overflow:hidden;transition:block-size .3s var(--ease),content-visibility .3s allow-discrete}
    .fvp-fq-item[open]::details-content{block-size:auto}
  }
}

/* „Pořád váháte?“ */
.fvp-fq-ask{position:relative;display:grid;gap:14px;padding:24px 20px 18px;border-radius:var(--r-s);background:var(--night);color:var(--on-night)}
.fvp-fq-ask :focus-visible{outline-color:#fff}
.fvp-fq-ask__t{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#fff}
.fvp-fq-ask__p{font-size:16px;line-height:1.55;max-width:44ch}
.fvp-fq-ask__quiz{margin:2px 0 4px}
.fvp-fq-ask__q{counter-reset:q;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.fvp-fq-ask__q li{counter-increment:q;display:flex;align-items:center;gap:9px;min-height:30px;font-size:15px;line-height:1.25;font-weight:500;color:#fff;white-space:nowrap}
.fvp-fq-ask__q li::before{content:counter(q);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);font-size:13px;font-weight:600}
.fvp-fq-ask__q li:first-child::before{background:var(--red)}
.fvp-fq-ask .fvp-btn{margin-top:2px}
.fvp-fq-ask__tel{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;justify-content:center;font-size:15px;line-height:1.4;color:var(--on-night-2)}
.fvp-fq-ask__tel a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.fvp-fq-ask__tel .fvp-i{font-size:18px;color:var(--amber)}
.fvp-fq-ask__tel span{white-space:nowrap}
.fvp-fq-ask__tel span::before{content:"·";margin-right:8px;color:var(--on-night-2)}

/* mobil + tablet: světlá varianta karty (tmavé jsou bloky nad i pod FAQ) */
@media (max-width:1023px){
  .fvp-fq-ask{background:var(--surface);color:var(--ink-2);box-shadow:var(--sh-rest);padding:22px 18px 14px}
  .fvp-fq-ask :focus-visible{outline-color:var(--red)}
  .fvp-fq-ask__t{color:var(--ink);font-size:22px}
    .fvp-fq-ask__q li{color:var(--ink)}
  .fvp-fq-ask__q li::before{background:var(--sunk);color:var(--ink)}
  .fvp-fq-ask__q li:first-child::before{background:var(--red);color:#fff}
  .fvp-fq-ask__tel{color:var(--ink-3)}
  .fvp-fq-ask__tel a{color:var(--ink)}
  .fvp-fq-ask__tel .fvp-i{color:var(--rust)}
  .fvp-fq-ask__tel span::before{color:var(--ink-3)}
}
@media (min-width:640px) and (max-width:1023px){
  .fvp-fq-ask{grid-template-columns:1fr 1fr;column-gap:28px;padding:28px}
  .fvp-fq-ask__t,.fvp-fq-ask__p{grid-column:1}
  .fvp-fq-ask__quiz{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0}
  .fvp-fq-ask .fvp-btn{grid-column:1 / -1}
  .fvp-fq-ask__tel{grid-column:1 / -1}
}
@media (min-width:768px){
  .fvp-fq-item summary{min-height:64px;padding:16px 18px 16px 24px;font-size:18px}
  .fvp-fq-item p{padding:0 24px 22px;font-size:17px}
}

/* desktop: vlevo nadpis + obsah + karta, vpravo otázky */
@media (min-width:1024px){
  .fvp-fq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto 1fr;column-gap:clamp(48px,5vw,80px);row-gap:36px;align-items:start}
  .fvp-fq-head{grid-column:1;grid-row:1}
  .fvp-fq-groups{grid-column:2;grid-row:1 / span 2;gap:36px}
  .fvp-fq-ask{grid-column:1;grid-row:2;position:sticky;top:calc(var(--hdr-h,72px) + 24px);padding:28px 26px 20px}
  .fvp-fq-toc{display:grid;margin-top:32px;border-top:1px solid var(--line)}
  .fvp-fq-toc a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:8px;min-height:52px;padding:14px 0;border-bottom:1px solid var(--line);
    text-decoration:none;color:var(--ink);font-size:17px;line-height:1.35;font-weight:600;transition:color .15s var(--ease)}
  .fvp-fq-toc__n{font-size:13px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em}
  .fvp-fq-toc__c{font-size:14px;font-weight:500;color:var(--ink-3)}
  .fvp-fq-gt{margin-bottom:14px}
}
@media (min-width:1024px) and (hover:hover){.fvp-fq-toc a:hover{color:var(--red)}}
@media (prefers-reduced-motion:reduce){.fvp-fq-item summary i{transition:none}}

/* ── Závěr (fvp-fn-): kompaktní závěrečná karta na světlém pozadí, ne další velký pás jako úvod.
 *    Tmavá karta: vlevo text, tlačítko + telefon v řádku a tři krátké důvody, vpravo fotka na výšku karty.
 *    Mobil: fotka nahoře v kartě, pod ní text. ── */
.fvp-final{--fn-bg:#141a24;background:var(--canvas);color:var(--ink);padding-block:16px 56px}
.fvp-final>canvas[data-leaves]{position:absolute;inset:0;z-index:0;pointer-events:none}
.fvp-final>.fvp-wrap{position:relative;z-index:1}
.fvp-fn{display:grid;overflow:hidden;border-radius:var(--r-s);background:var(--fn-bg);color:#fff;box-shadow:0 30px 60px -36px rgba(19,20,23,.55)}
.fvp-fn :focus-visible{outline-color:#fff}
.fvp-fn-photo{margin:0;order:-1;aspect-ratio:4/3;background:#1d2533}
.fvp-fn-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.fvp-fn-main{display:grid;gap:14px;justify-items:start;min-width:0;padding:24px 20px 26px}
.fvp-fn-k{display:flex;align-items:flex-start;gap:6px 10px;font-size:14px;line-height:1.4;font-weight:500;color:rgba(255,255,255,.8)}
.fvp-fn-k>.fvp-i{flex:none;margin-top:1px;font-size:18px;color:var(--amber)}
.fvp-fn-k b{font-weight:600;color:#fff;white-space:nowrap}
.fvp-fn-k__days{flex:none;padding:3px 10px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:600}
.fvp-fn-k__days:empty{display:none}
.fvp-fn-t{max-width:18ch;font-size:clamp(26px,20px + 1.6vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.fvp-fn-p{max-width:48ch;font-size:16px;line-height:1.55;color:rgba(255,255,255,.75)}
.fvp-fn-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;width:100%;margin-top:4px}
.fvp-fn-tel{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72)}
.fvp-fn-tel>.fvp-i{flex:none;font-size:18px;color:var(--amber)}
.fvp-fn-tel a{display:inline-block;padding:11px 4px;margin:-11px -4px;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.fvp-fn-nw{white-space:nowrap}
.fvp-fn-why{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 0;padding:16px 0 0;list-style:none;width:100%;border-top:1px solid rgba(255,255,255,.1)}
.fvp-fn-why li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;font-weight:500;color:rgba(255,255,255,.85)}
.fvp-fn-why .fvp-i{flex:none;font-size:18px;color:#7FD38A}
@media (max-width:639px){
  .fvp-fn-cta .fvp-btn{width:100%}
  .fvp-fn-why{flex-direction:column}
}
@media (min-width:768px){
  .fvp-final{padding-block:24px 80px}
  .fvp-fn-main{padding:36px 36px 34px}
}
@media (min-width:1024px){
  .fvp-fn{grid-template-columns:minmax(0,8fr) minmax(0,5fr)}
  .fvp-fn-photo{position:relative;order:0;aspect-ratio:auto}      /* výšku karty určuje text, fotka ji jen vyplní */
  .fvp-fn-photo img{position:absolute;inset:0;object-position:50% 58%}
  .fvp-fn-main{align-content:center;padding:52px 56px}
}


/* lp.css dává celému .fvp spodní odsazení 68 px kvůli lepivé liště – pod tmavou patičkou by z něj byl světlý pruh.
 * Rezerva není potřeba: za podmínkami následuje patička webu a lišta se pod závěrem schová (mobile-fixes.js). */
@media (max-width:1023px){.fvp.has-sticky{padding-bottom:0}}

/* LP Tepelné čerpadlo podzim – mobilní opravy z auditu 8. 10. 2026 (390×844 a 360×800).
 * Připojit jako poslední za lp.css a CSS sekcí. Vše pod .fvp. Selektory sekcí, které mezitím někdo nahradí,
 * jsou neškodné (nic nevyberou) – u každého bloku je napsáno, ke které sekci patří. */

/* 1 · Produkt (#cerpadlo): obsah přetékal doprava o 7 px při 390 a o 21 px při 360 a overflow:hidden ho uřízl
 *     (pravý okraj 9 px místo 16 px, u 360 useknuté parametry a tlačítko). Implicitní sloupec gridu je „auto“,
 *     takže se roztáhl na min-content dvousloupcových parametrů s white-space:nowrap. */
@media (max-width:1023px){
  .fvp-pr-grid{grid-template-columns:minmax(0,1fr)}
  .fvp-pr-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:479px){.fvp-pr-specs dd{font-size:clamp(22px,6.6vw,30px)}}

/* 2 · Písmo: text, který se čte, nejméně 15 px; poznámky pod čarou a popisky 14 px (nikde 12–13 px).
 *     Cílovka 40–65 let, venku na slunci. Štítky (pill, číslo kroku formuláře) zůstávají. */
@media (max-width:767px){
  .fvp-small,.fvp-hint,.fvp-guar span,.fvp-quote footer,.fvp-video__cap span,.fvp-pr-feats span,
  .fvp-cv-re__note span,.fvp-px-rev footer,.fvp-px-scale span,.fvp-sv-hint{font-size:15px}
  .fvp-tile small,.fvp-cv-opt small,.fvp-pr-specs dt,.fvp-pr-opt span,.fvp-pr-cap,
  .fvp-pr-fine,.fvp-ticket__fine,.fvp-stack__fine,.fvp-vx-fine,.fvp-vx-stack__fine,.fvp-sx-fine,.fvp-sx-axis span,
  .fvp-px-note,.fvp-px-was,.fvp-cv-re__k,.fvp-sv-scale span,.fvp-sv-gap{font-size:14px}
  .fvp-how p,.fvp-table{font-size:15px}
}

/* 3 · Délka stránky: na 390 px má stránka 18 obrazovek. Světlé sekce dostanou o 16 px menší odsazení a hlavičky
 *     o 8 px menší mezeru (ušetří zhruba 1/8 obrazovky, nic nemizí). */
@media (max-width:767px){
  .fvp-sec{padding-block:56px 64px}
  .fvp-head{margin-bottom:24px}
}

/* 4 · Lepivá lišta: (a) když je schovaná, nejde na ni tabulátorem ani ji nečte čtečka (dřív jen odjela dolů),
 *     (b) třída .fvp-sticky--quiet (nastavuje mobile-fixes.js) ji schová, když je na obrazovce celé jiné hlavní CTA
 *     nebo je uživatel pod závěrem – nezdvojuje tlačítka a nepřekrývá podmínky ani patičku webu. */
@media (max-width:1023px){
  .fvp-sticky{visibility:hidden;transition:transform .2s var(--ease),visibility 0s linear .2s}
  .fvp-sticky.is-on{visibility:visible;transition:transform .2s var(--ease),visibility 0s}
  .fvp-sticky.is-on.fvp-sticky--quiet{visibility:hidden;transform:translateY(110%);transition:transform .2s var(--ease),visibility 0s linear .2s}
}

/* 5 · Dotyk: šedý záblesk WebKitu na dlaždicích a řádcích FAQ nahradí jemný červený (stav :active už mají). */
.fvp a,.fvp button,.fvp summary,.fvp label{-webkit-tap-highlight-color:rgba(218,0,15,.12)}

/* ── původ recenze: logo Google + rok (místo textu „recenze Google“) ── */
.fvp-src{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:400}
.fvp-src__g{flex:none;width:16px;height:16px}
.fvp-px-rev .fvp-src__g,.fvp-cv-commit .fvp-src__g{box-sizing:content-box;width:13px;height:13px;padding:3px;border-radius:50%;background:#fff}
.fvp-qz-quote figcaption .fvp-src,.fvp-cv-commit__q figcaption .fvp-src{margin-left:4px}
.fvp-px-gl{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fvp-px-gl .fvp-i{font-size:16px}

/* ── FVE · Nabídka #akce (fvp-ov-): doplňky k fvp-vx-* z lp.css ──
 * Stejný plný panel jako u TČ (bez rozmazání a záře). „Co dostanete“ má 7 položek místo 5, proto na desktopu
 * půlí panel napůl (TČ 7 : 5) a částka je o něco menší: popisy se vejdou na jeden až dva řádky a panel
 * nevyroste o třetinu nad částku vlevo. Řádky seznamu jsou hustší. */
.fvp-ov .fvp-vx-list li{padding:12px 0}
.fvp-ov .fvp-vx-list span{margin-top:2px}
@media (min-width:1024px){
  .fvp-ov .fvp-vx-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fvp-ov .fvp-vx-num{font-size:clamp(64px,6.4vw,92px)}
  .fvp-ov .fvp-vx-stack{padding:44px 44px 40px}
}
@media (min-width:1280px){
  .fvp-ov .fvp-vx-offer{padding:56px 56px 52px 64px}
  .fvp-ov .fvp-vx-stack{padding:52px 56px 44px}
}

/* ── FVE · Postup a záruky (fvp-ps-): doplňky k fvp-sx-* z lp.css ──
 * Za bránou „Objednáte, až budete chtít“ jsou dva kroky (projekt a připojení, montáž a revize), ne jeden.
 * Záruční pruhy jsou ve skutečném poměru na ose 30 let: panely 30, střídač 10, baterie 10, montáž 2 roky.
 * Animaci dorůstání řídí beze změny lp.js (.fvp-sx-guar.is-armed / .is-in), tady jen šířky a zpoždění. */

/* kroky za bránou: mezera a spojnice mezi 4 a 5 (v lp.css má seznam „po“ jen jeden krok bez odsazení) */
.fvp-ps .fvp-sx-list--after li:not(:last-child){padding-bottom:22px}

/* pruhy záruk: osa 0–30 let */
.fvp-ps .fvp-sx-bars{gap:16px}
.fvp-ps .fvp-ps-y30 .fvp-sx-bar i{width:100%;background:linear-gradient(90deg,var(--amber),#F2CB8A)}
.fvp-ps .fvp-ps-y10 .fvp-sx-bar i{width:33.333%}
.fvp-ps .fvp-ps-y2 .fvp-sx-bar i{width:6.667%;min-width:12px}
.fvp-ps .fvp-sx-guar.is-in .fvp-sx-bars li:nth-child(2) .fvp-sx-bar i{transition-delay:.1s}
.fvp-ps .fvp-sx-guar.is-in .fvp-sx-bars li:nth-child(3) .fvp-sx-bar i{transition-delay:.2s}
.fvp-ps .fvp-sx-guar.is-in .fvp-sx-bars li:nth-child(4) .fvp-sx-bar i{transition-delay:.3s}

/* popisky osy přesně pod 0, 10, 20 a 30 lety (space-between by je rozhodil podle délky slov) */
.fvp-ps .fvp-ps-axis{position:relative;display:block;height:12px}
.fvp-ps .fvp-ps-axis span{position:absolute;top:0;white-space:nowrap}
.fvp-ps .fvp-ps-axis span:nth-child(1){left:0}
.fvp-ps .fvp-ps-axis span:nth-child(2){left:33.333%;transform:translateX(-50%)}
.fvp-ps .fvp-ps-axis span:nth-child(3){left:66.667%;transform:translateX(-50%)}
.fvp-ps .fvp-ps-axis span:nth-child(4){right:0}
@media (max-width:767px){.fvp-ps .fvp-ps-axis{height:14px}}

/* ── FVE · FAQ #otazky (fvp-qa-): doplňky k fvp-fq-* z lp.css ──
 * Karta „Pořád váháte?“ ukazuje 4 otázky poptávky. „Účet za elektřinu“ je delší než štítky u TČ a v úzkém levém
 * sloupci (1024–1279 px) by v mřížce 2 × 2 přetekl do vedlejší položky, proto tam jde seznam pod sebe. */
.fvp-qa .fvp-fq-ask__q{grid-template-columns:repeat(2,max-content);column-gap:18px}
@media (min-width:1024px) and (max-width:1279px){
  .fvp-qa .fvp-fq-ask__q{grid-template-columns:minmax(0,1fr);row-gap:4px}
}
@media (max-width:359px){.fvp-qa .fvp-fq-ask__q{grid-template-columns:minmax(0,1fr)}}

/* ── FVE · Závěr (fvp-zv-): doplňky k fvp-fn-* z lp.css ──
 * Karta je 1:1 jako u TČ. Jen tři důvody pod tlačítkem mají o 2 px menší mezeru, aby se při 1280+ vešly do jednoho
 * řádku i s delší „Záruka 30 let na výkon panelů“ (karta pak drží výšku ~420 px). */
.fvp-zv .fvp-fn-why{column-gap:16px}

/* ── Recenze FVE (fvp-pv-): doplněk k systému fvp-px- (film panel, Google recenze, poznámka) ──
 * 1) Plakát videa: vlastní výřez z náhledu videa p. Ransdorfa (img/video-ransdorf.webp, 540 × 560, bez vypáleného textu),
 *    proto se ruší absolutní posun obrázku, který v lp.css patří k výřezu z náhledu TČ (left:-172 % …).
 * 2) Pod citátem jméno + štítek systému a jeden řádek „Ve videu: …“.
 * 3) Pás čtyř fotek z realizací s popiskem obec + kWp (ne karty, jen fotky s titulkem). Mobil: vodorovný pás. */

/* 1) plakát */
.fvp-proof .fvp-px-video .fvp-video__btn .fvp-pv-crop img{left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 14%;transform-origin:50% 30%}
.fvp-pv-dur{margin-left:-2px;font-size:14px;font-weight:500;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
.fvp-pv-dur::before{content:"·";margin-right:8px}

/* 2) jméno, systém a obsah videa */
.fvp-pv-meta{display:grid;gap:10px}
.fvp-pv-in{font-size:14px;line-height:1.5;color:var(--on-night-2);max-width:60ch}

/* 3) pás fotek z realizací */
.fvp-pv-photos{display:grid;grid-auto-flow:column;grid-auto-columns:70%;gap:10px;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);list-style:none;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}
.fvp-pv-photos::-webkit-scrollbar{display:none}
.fvp-pv-photos>li{scroll-snap-align:start;min-width:0}
.fvp-pv-ph{display:grid;gap:8px;margin:0}
.fvp-pv-img{position:relative;display:block;overflow:hidden;border-radius:var(--r-c);background:var(--sunk)}
.fvp-pv-img::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(28,29,33,.06);pointer-events:none}
.fvp-pv-img img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.fvp-pv-ph figcaption{display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:1.35;color:var(--ink-3)}
.fvp-pv-ph figcaption b{font-weight:600;color:var(--ink)}
.fvp-pv-ph figcaption span{font-variant-numeric:tabular-nums;white-space:nowrap}
.fvp-pv-ph figcaption span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px 3px 0;border-radius:50%;background:currentColor;vertical-align:middle}

@media (min-width:768px){
  .fvp-pv-rail{grid-template-columns:minmax(0,1fr) minmax(0,4fr);align-items:end}
  .fvp-pv-rail .fvp-px-note{padding-bottom:30px}   /* zarovná text s fotkami, ne s popisky pod nimi */
  .fvp-pv-photos{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}
  .fvp-pv-img{border-radius:var(--r-s)}
}
@media (min-width:768px) and (max-width:1023px){
  .fvp-pv-rail{grid-template-columns:minmax(0,1fr)}
  .fvp-pv-rail .fvp-px-note{padding-bottom:0}
  .fvp-pv-photos{gap:12px}
}

/* ── Vstup do poptávky uprostřed stránky, FVE (fvp-cvb-): doplněk k systému fvp-cv-re ──
 * Otázka 1 je výše účtu za elektřinu. Volby jsou čistě typografické (částka + roční přepočet ×12, protože část lidí
 * zná spíš roční vyúčtování než měsíční zálohu), bez ikon: čtyři různé ikony pro čtyři částky by nic neříkaly.
 * Kontrakt lp.js beze změny: button[data-cv-src] = přesná hodnota input[name="ucet"] v poptávce. */
.fvp-cvb-ask{display:grid;gap:4px}
.fvp-cvb-hint{font-size:14px;line-height:1.45;color:var(--ink-3)}
/* horní pruh 40 px patří kroužku volby (::after vpravo nahoře), částka začíná pod ním a s kroužkem se nikdy nepotká */
.fvp-cvb-opt{min-height:0;justify-content:flex-start;padding:42px 16px 14px;font-size:17px;font-variant-numeric:tabular-nums}
.fvp-cvb-v{white-space:nowrap}
@media (max-width:767px){.fvp-cvb-opt{padding:40px 12px 12px 14px;font-size:15.5px}}

/* ── Proč teď, FVE: podzim → jaro (doplněk k systému fvp-wy-) ──
 * Stejná osa jako u TČ, jen poslední úsek není zima, ale jaro a léto (nejsilnější výroba): modifikátor --peak místo
 * --cold, ikona slunce místo vločky. Scény: podzimní nad prvními třemi body, jarní nad posledním.
 * Pravidla --cold / .fvp-wy-flake v lp.css pak už nic nepoužívá (lze smazat). */
.fvp-wy-scene--now img{object-position:50% 55%}
.fvp-wy-scene--peak{aspect-ratio:3/2}
.fvp-wy-scene--peak img{object-position:50% 50%}

.fvp-wy-step--peak{--i:3;padding-bottom:0}
.fvp-wy-step--peak::before{left:calc(var(--wy-x) - 3px);width:6px;top:14px;bottom:-32px;border-radius:0;background:var(--ink)}
.fvp-wy-step--peak::after{content:none}
.fvp-wy-sun{position:absolute;left:calc(var(--wy-x) - 15px);top:-3px;width:30px;height:30px;padding:6px;border-radius:50%;background:var(--ink);color:#fff;z-index:1}

@media (min-width:1024px){
  .fvp-wy-scene--peak{grid-column:4;aspect-ratio:auto}
  .fvp-wy-step--peak{grid-column:4;padding-right:0}
  .fvp-wy-step--peak::before{left:0;right:0;top:3px;bottom:auto;width:auto;height:8px;border-radius:8px}
  .fvp-wy-sun{left:-2px;top:-8px}
}

/* ── Sestava elektrárny: showroom #elektrarna (prefix fvp-pd-) ──
 * Nahrazuje showroom čerpadla (.fvp-pr-*, ten lze z lp.css smazat). Sekce dál nese .fvp-prod (tmavá plocha, odsazení,
 * bílý fokus a tmavý stín tlačítka z lp.css). Vlevo text, přepínač tří dílů, parametry a záruka zvoleného dílu; vpravo
 * jeden díl zepředu (oficiální render, nikdy natočený ani nakloněný) se štítky přímo na obrázku (na mobilu čísla + legenda).
 * Přepínač mění data-pd na sekci, zbytek řeší CSS. Bloky parametrů i legendy leží v jedné buňce mřížky, takže výška se
 * při přepnutí nemění a tlačítko neskáče. Bez záře a bez barevných přechodů: plochá tmavá plocha, jen stín pod dílem. */
.fvp-pd-grid{display:grid;gap:28px}
@media (min-width:1024px){.fvp-pd-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;align-items:center}}
.fvp-pd-copy{display:grid;gap:24px;align-content:start;min-width:0}
/* mobil a tablet: nadpis, úvod, přepínač, díl, parametry, legenda, tlačítko */
@media (max-width:1023px){
  .fvp-pd-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .fvp-pd-copy{display:contents}
  .fvp-pd-title{order:1}.fvp-pd-lead{order:2}.fvp-pd-switch{order:3}.fvp-pd-stage{order:4}.fvp-pd-infos{order:5}.fvp-pd-legends{order:6}.fvp-pd-cta{order:7}
}
.fvp-pd-title{color:#fff;max-width:none;margin:0}
.fvp-pd-title span{display:block}
.fvp-pd-title__2{color:var(--on-night-2)}
.fvp-pd-lead{font-size:var(--fs-lead,18px);line-height:1.5;color:var(--on-night);max-width:44ch}

/* přepínač tří dílů (stejný jazyk jako segmentový přepínač v produktu TČ) */
.fvp-pd-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.fvp-pd-opt{display:grid;align-content:center;gap:2px;min-width:0;min-height:64px;padding:10px 14px;border:0;border-radius:var(--r-c);background:transparent;color:var(--on-night-2);font:inherit;text-align:left;cursor:pointer;
  transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);touch-action:manipulation}
.fvp-pd-opt b{font-size:16px;line-height:1.3;font-weight:600;color:rgba(255,255,255,.82)}
.fvp-pd-opt span{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.fvp-pd-opt[aria-pressed="true"]{background:#fff;color:var(--ink-3);box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.fvp-pd-opt[aria-pressed="true"] b{color:var(--ink)}
@media (hover:hover){.fvp-pd-opt[aria-pressed="false"]:hover{background:rgba(255,255,255,.06);color:var(--on-night)}}
.fvp-pd-opt:active{transform:scale(.98)}
.fvp .fvp-pd-opt:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:479px){.fvp-pd-opt{padding:10px}}
@media (max-width:479px),(min-width:1024px) and (max-width:1279px){.fvp-pd-xs{display:none}}
@media (max-width:359px){.fvp-pd-opt b{font-size:15px}}

/* parametry zvoleného dílu: všechny tři bloky v jedné buňce, neaktivní jen skryté (výška drží nejvyšší) */
.fvp-pd-infos,.fvp-pd-legends{display:grid}
.fvp-pd-info,.fvp-pd-legend{grid-area:1 / 1;min-width:0}
.fvp-pd:not([data-pd="panely"]) [data-pd-for="panely"],
.fvp-pd:not([data-pd="stridac"]) [data-pd-for="stridac"],
.fvp-pd:not([data-pd="baterie"]) [data-pd-for="baterie"]{visibility:hidden}
.fvp-pd-info{display:grid;gap:14px;align-content:start}
/* mobil a tablet: neaktivní bloky úplně pryč (jinak by pod kratším blokem zůstala mezera); obsah pod scénou se smí posunout */
@media (max-width:1023px){
  .fvp-pd:not([data-pd="panely"]) [data-pd-for="panely"].fvp-pd-info,.fvp-pd:not([data-pd="stridac"]) [data-pd-for="stridac"].fvp-pd-info,.fvp-pd:not([data-pd="baterie"]) [data-pd-for="baterie"].fvp-pd-info,
  .fvp-pd:not([data-pd="panely"]) .fvp-pd-legend[data-pd-for="panely"],.fvp-pd:not([data-pd="stridac"]) .fvp-pd-legend[data-pd-for="stridac"],.fvp-pd:not([data-pd="baterie"]) .fvp-pd-legend[data-pd-for="baterie"]{display:none}
}
.fvp-pd-nw{white-space:nowrap}
.fvp-pd-name{font-size:15px;line-height:1.5;color:var(--on-night);text-wrap:pretty}
.fvp-pd-name b{display:block;margin-bottom:2px;font-size:18px;line-height:1.3;font-weight:600;color:#fff;letter-spacing:-.01em}
.fvp-pd-cz{display:inline-block;margin-left:4px;padding:1px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff;font-size:13px;line-height:1.5;font-weight:500;white-space:nowrap;vertical-align:1px}
.fvp-pd-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}
.fvp-pd-specs div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);min-width:0}
.fvp-pd-specs dt{font-size:13px;line-height:1.35;color:var(--on-night-2)}
.fvp-pd-specs dd{margin:0;font-size:clamp(26px,20px + 1.2vw,34px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.fvp-pd-specs small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--on-night-2);margin-left:.3em}
.fvp-pd-specs .fvp-pd-pfx{margin:0 .3em 0 0}
.fvp-pd-war{display:flex;align-items:flex-start;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:15px;line-height:1.5;color:var(--on-night)}
.fvp-pd-war .fvp-i{flex:none;margin-top:1px;font-size:20px;color:var(--amber)}
.fvp-pd-war b{font-weight:600;color:#fff}
@media (prefers-reduced-motion:no-preference){
  .fvp-pd[data-pd="panely"] [data-pd-for="panely"] dd,.fvp-pd[data-pd="stridac"] [data-pd-for="stridac"] dd,.fvp-pd[data-pd="baterie"] [data-pd-for="baterie"] dd{animation:fvp-pd-pop .4s var(--ease)}
}
@keyframes fvp-pd-pop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.fvp-pd-cta{justify-self:start}
@media (max-width:639px){.fvp-pd-cta{justify-self:stretch}}

/* scéna: díl na ploché tmavé ploše, pod stojícím dílem měkký stín (střídač visí na zdi, stín nemá) */
.fvp-pd-stage{position:relative;height:clamp(360px,100vw,440px);margin:0 calc(var(--pad) * -1)}
@media (min-width:768px){.fvp-pd-stage{height:540px;margin:0}}
@media (min-width:1024px){.fvp-pd-stage{height:640px}}
.fvp-pd-floor{position:absolute;left:22%;right:22%;bottom:6%;height:44px;transform:translateY(50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0) 72%);transition:opacity .3s var(--ease)}
.fvp-pd[data-pd="stridac"] .fvp-pd-floor{opacity:0}
.fvp-pd-unit{position:absolute;left:50%;bottom:6%;margin:0;translate:-50% 0;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility 0s linear .25s}
.fvp-pd[data-pd="panely"] .fvp-pd-unit--panely,.fvp-pd[data-pd="stridac"] .fvp-pd-unit--stridac,.fvp-pd[data-pd="baterie"] .fvp-pd-unit--baterie{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s}
/* velikost: panel a baterie podle výšky scény, střídač (na šířku) podle šířky; poměr stran = rozměry renderu */
.fvp-pd-unit--panely{height:88%;aspect-ratio:710 / 1100}
.fvp-pd-unit--baterie{height:88%;aspect-ratio:503 / 1100}
.fvp-pd-unit--stridac{bottom:auto;top:47%;translate:-50% -50%;width:min(78%,500px);aspect-ratio:1167 / 1100}
@media (max-width:767px){.fvp-pd-unit--stridac{width:min(76%,340px)}}
.fvp-pd-unit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(0,0,0,.55))}
@media (prefers-reduced-motion:no-preference){
  .fvp-pd[data-pd="panely"] .fvp-pd-unit--panely img,.fvp-pd[data-pd="stridac"] .fvp-pd-unit--stridac img,.fvp-pd[data-pd="baterie"] .fvp-pd-unit--baterie img{animation:fvp-pd-in .5s var(--ease)}
}
@keyframes fvp-pd-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

/* štítky na dílu: na mobilu tmavé číslo s bílým lemem (čitelné na bílém střídači i černém panelu), od tabletu tečka + text */
.fvp-pd-pins{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.fvp-pd-pins li{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);display:flex;align-items:center;gap:8px;translate:-13px -50%;white-space:nowrap}
.fvp-pd-pins i{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--night);color:#fff;font-style:normal;font-size:13px;font-weight:600;
  box-shadow:0 0 0 2px #fff,0 6px 16px rgba(0,0,0,.45)}
.fvp-pd-pins span{display:none}
@media (min-width:768px){
  .fvp-pd-pins i{width:14px;height:14px;font-size:0;background:#fff;box-shadow:0 0 0 2px var(--night),0 0 0 6px rgba(255,255,255,.3)}
  .fvp-pd-pins li{translate:-7px -50%}
  .fvp-pd-pins span{display:block;padding:7px 12px;border-radius:999px;background:rgba(19,20,23,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 6px 16px -6px rgba(0,0,0,.5);
    color:#fff;font-size:14px;line-height:1.2;font-weight:600;backdrop-filter:blur(6px)}
  .fvp-pd-pins .fvp-pd-pin--l{flex-direction:row-reverse;translate:calc(-100% + 7px) -50%}
}
@media (prefers-reduced-motion:no-preference){@media (min-width:768px){
  .fvp-pd[data-pd="panely"] .fvp-pd-unit--panely .fvp-pd-pins li,.fvp-pd[data-pd="stridac"] .fvp-pd-unit--stridac .fvp-pd-pins li,.fvp-pd[data-pd="baterie"] .fvp-pd-unit--baterie .fvp-pd-pins li{animation:fvp-pd-pin .45s var(--ease) both;animation-delay:var(--d,.2s)}
  .fvp-pd-pins li:nth-child(2){--d:.28s}.fvp-pd-pins li:nth-child(3){--d:.36s}.fvp-pd-pins li:nth-child(4){--d:.44s}
}}
@keyframes fvp-pd-pin{from{opacity:0}to{opacity:1}}

/* legenda k číslům (mobil), od tabletu skrytá – texty jsou ve štítcích */
.fvp-pd-legend{counter-reset:pd;display:grid;gap:10px;align-content:start;margin:0;padding:0;list-style:none}
.fvp-pd-legend li{counter-increment:pd;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;align-items:start;font-size:15px;line-height:1.45;color:var(--on-night)}
.fvp-pd-legend li::before{content:counter(pd);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--night);color:#fff;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 2px #fff}
.fvp-pd-legend b{color:#fff;font-weight:600}
@media (min-width:768px){.fvp-pd-legends{display:none}}

/* řada vlastností celé sestavy */
.fvp-pd-feats{display:grid;gap:22px;margin:40px 0 0;padding:28px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:640px){.fvp-pd-feats{grid-template-columns:1fr 1fr;gap:26px 32px}}
@media (min-width:1024px){.fvp-pd-feats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px}}
.fvp-pd-feats li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start}
.fvp-pd-feats .fvp-i{grid-row:1 / 3;width:44px;height:44px;padding:11px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--amber)}
.fvp-pd-feats b{color:#fff;font-weight:600;font-size:17px;line-height:1.4}
.fvp-pd-feats span{margin-top:2px;font-size:15px;line-height:1.55;color:var(--on-night)}
.fvp-pd-fine{margin-top:28px;font-size:var(--fs-fine,13px);line-height:1.55;color:var(--on-night-2);max-width:96ch}

/* technické parametry: tři tabulky vedle sebe (desktop), pod sebou (mobil) */
.fvp-pd-spec{margin-top:16px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}
.fvp-pd-tables{display:grid;gap:28px;margin:8px 0 12px}
@media (min-width:1024px){.fvp-pd-tables{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}
.fvp .fvp-pd-table{min-width:0;margin:0}
.fvp-pd-table caption{padding:8px 0 10px;border-bottom:1px solid rgba(255,255,255,.24);color:#fff;font-size:16px;line-height:1.35;font-weight:600;text-align:left}
.fvp-pd-table tbody th{width:46%}

@media (max-width:767px){
  .fvp-pd-specs dt,.fvp-pd-opt span,.fvp-pd-fine{font-size:14px}
  .fvp-pd-feats span,.fvp-pd-name{font-size:15px}
}
@media (max-width:479px){.fvp-pd-specs dd{font-size:clamp(22px,6.6vw,30px)}}
@media (prefers-reduced-motion:reduce){.fvp-pd-unit,.fvp-pd-floor{transition:none}}
@media (forced-colors:active){.fvp-pd-opt{border:1px solid ButtonText}.fvp-pd-opt[aria-pressed="true"]{border:3px solid Highlight}}

/* ── Kalkulačka úspory #uspora (FVE) ──
 * Používá blok .fvp-sv-* z lp.css beze změny (karta, dlaždice variant, posuvník, výsledek, lišty, „Co se změní“) –
 * ten v lp.css nechte. Tady jen doplňky s prefixem fvp-sc- a obsah „Jak počítáme“ (citace modelu + seznam podílů). */
.fvp-sc-how p+p,.fvp-sc-how ul,.fvp-sc-how ul+p{margin-top:10px}
.fvp-sc-how ul{display:grid;gap:4px;padding:0;list-style:none;font-size:14px;line-height:1.55;color:var(--ink-3)}
.fvp-sc-how li{position:relative;padding-left:16px}
.fvp-sc-how li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--ink-3)}
.fvp-sc-how b{font-weight:600;color:var(--ink-2)}
.fvp-sc-how p:last-child{padding-bottom:8px}
/* tři dlaždice variant: delší popisky („S tepelným čerpadlem“) se na úzkém mobilu zalomí, ne useknou */
.fvp-sc .fvp-sv-tab span{min-width:0;overflow-wrap:anywhere;text-wrap:balance}
@media (max-width:767px){.fvp-sc-how ul{font-size:15px}}

/* ── nabídka: rozmazaná podzimní fotka v pozadí částky (obrázek v HTML, aby fungoval i v exportu pro WordPress) ── */
.fvp-vx-offer{isolation:isolate;overflow:hidden}
.fvp-vx-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:blur(8px) saturate(1.1);transform:scale(1.06);pointer-events:none}
.fvp-vx-offer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(160deg,rgba(19,20,23,.5) 0%,rgba(19,20,23,.72) 60%,rgba(19,20,23,.82) 100%)}

/* ── mobil: přepínač zůstane při procházení fotky a parametrů přilepený pod hlavičkou webu ── */
.fvp-prod{overflow:hidden;overflow:clip}   /* clip ořízne stejně, ale nezruší position:sticky uvnitř sekce */
@media (max-width:1023px){
  .fvp-pd-switch{position:sticky;top:calc(var(--hdr-h,65px) + 8px);z-index:6;background:#1d1f24;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 12px 24px -12px rgba(0,0,0,.75)}
}

/* ── poděkování po odeslání: jasné potvrzení, kdo a kdy zavolá, co bude dál; ovládání formuláře se schová ── */
.fvp-quiz[data-stage="done"] .fvp-qz-top,.fvp-quiz[data-stage="done"] .fvp-progress,.fvp-quiz[data-stage="done"] .fvp-cv-nudge,
.fvp-quiz[data-stage="done"] .fvp-qz-peek,.fvp-quiz[data-stage="done"] .fvp-quiz__assure{display:none}
.fvp-done{display:grid;gap:22px;align-content:start;outline:none}
.fvp-done[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.fvp-done:not([hidden]){animation:fvp-done-in .45s var(--ease)}}
@keyframes fvp-done-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fvp-done__head{display:flex;align-items:center;gap:16px}
.fvp-done__ic{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--save);color:#fff;box-shadow:0 0 0 8px var(--save-tint)}
.fvp-done__ic .fvp-i{font-size:28px}
.fvp-done__k{margin:0 0 4px;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--save)}
.fvp-done__t{margin:0;font-size:clamp(22px,18px + 1vw,28px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.fvp-done__p{margin:0;font-size:17px;line-height:1.55;color:var(--ink-2)}
.fvp-done__p a{color:var(--ink);font-weight:600;text-underline-offset:3px;white-space:nowrap}
.fvp-done__p b{color:var(--ink);font-weight:600}
.fvp-done__steps{display:grid;margin:0;padding:18px 20px;list-style:none;counter-reset:dn;border-radius:12px;background:var(--canvas)}
.fvp-done__steps li{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:0 0 16px 42px;counter-increment:dn;font-size:inherit}
.fvp-done__steps li:last-child{padding-bottom:0}
.fvp-done__steps li::before{content:counter(dn);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.fvp-done__steps li:not(:last-child)::after{content:"";position:absolute;left:13.5px;top:32px;bottom:4px;width:1px;background:var(--line)}
.fvp-done__steps li.is-now::before{background:var(--save);box-shadow:none;color:#fff}
.fvp-done__steps b{font-size:16px;line-height:1.4;font-weight:600;color:var(--ink)}
.fvp-done__steps span{font-size:15px;line-height:1.5;color:var(--ink-2)}
.fvp-done__more{display:flex;flex-wrap:wrap;gap:10px}
.fvp-done__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-c);box-shadow:inset 0 0 0 1px var(--line-input);
  color:var(--ink);font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s var(--ease)}
.fvp-done__link .fvp-i{font-size:16px}
@media (hover:hover){.fvp-done__link:hover{background:var(--canvas)}}
@media (max-width:639px){.fvp-done__head{align-items:flex-start}.fvp-done__ic{width:48px;height:48px}.fvp-done__more{display:grid}}

@media (min-width:1024px){.fvp-quiz[data-stage="done"] .fvp-quiz__main{justify-content:center}}   /* poděkování svisle uprostřed vedle panelu výsledku */

/* ── sestavy a ceny (pod formulářem), údaje jako ceník na schlieger.cz. Karta: štítek, název s ikonou, velké hlavní číslo
 *    a vodorovná stupnice (skutečný poměr velikostí), parametry, cenový blok (ceníková cena přeškrtnutá, zvýhodnění,
 *    výsledná cena) a tlačítko; doporučená sestava s rámečkem a plným tlačítkem. Mobil: posun do strany. ── */
.fvp-pk{padding-block:56px 40px}
.fvp-pk-top{display:grid;gap:12px;margin-bottom:28px}
.fvp-pk-top .fvp-h2{margin:0}
.fvp-pk-lead{max-width:62ch;margin:0;font-size:17px;line-height:1.55;color:var(--ink-2)}
.fvp-pk-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(286px,86%);gap:14px;align-items:stretch;margin-inline:calc(var(--pad) * -1);
  padding:6px var(--pad) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}
.fvp-pk-grid::-webkit-scrollbar{display:none}
.fvp-pk-col{scroll-snap-align:start;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:20px;padding:22px 22px 22px;border-radius:var(--r-s);
  background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--sh-rest)}
.fvp-pk-col.is-top{box-shadow:0 0 0 2px var(--ink),var(--sh-float)}
.fvp-pk-col.is-rec{box-shadow:0 0 0 2px var(--save),var(--sh-float)}
.fvp-pk-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:28px}
.fvp-pk-tag,.fvp-pk-rec{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap}
.fvp-pk-tag{background:var(--sunk);color:var(--ink-2)}
.fvp-pk-col.is-top .fvp-pk-tag{background:var(--red);color:#fff}
.fvp-pk-rec{background:var(--save-tint);color:var(--save)}
.fvp-pk-rec .fvp-i{font-size:15px}
.fvp-pk-rec[hidden]{display:none}
.fvp-pk-head{display:grid;gap:6px}
.fvp-pk-name{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--ink-2)}
.fvp-pk-name .fvp-i{font-size:20px;color:var(--ink-3)}
.fvp-pk-big{display:flex;align-items:baseline;gap:8px;margin:0;line-height:1;color:var(--ink)}
.fvp-pk-big b{font-size:clamp(44px,34px + 1.6vw,56px);font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.fvp-pk-big span{font-size:20px;font-weight:600;color:var(--ink-2)}
.fvp-pk-scale{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-top:8px;font-size:13px;line-height:1.3}
.fvp-pk-scale__t{color:var(--ink-3)}
.fvp-pk-scale__v{font-weight:600;color:var(--ink-2)}
.fvp-pk-scale__bar{grid-column:1 / -1;height:6px;border-radius:6px;background:var(--sunk);overflow:hidden}
.fvp-pk-scale__bar i{display:block;height:100%;border-radius:inherit;background:var(--ink)}
.fvp-pk-col.is-top .fvp-pk-scale__bar i{background:var(--red)}
.fvp-pk-feat{display:grid;align-content:start;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.fvp-pk-feat li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.35}
.fvp-pk-feat .fvp-i{font-size:19px;color:var(--ink-3)}
.fvp-pk-feat span{color:var(--ink-2)}
.fvp-pk-feat b{font-weight:600;color:var(--ink);text-align:right;white-space:nowrap}
.fvp-pk-feat .fvp-pk-ok{display:inline-flex;align-items:center;gap:5px;color:var(--save)}
.fvp-pk-feat .fvp-pk-ok .fvp-i{font-size:17px;color:var(--save)}
.fvp-pk-price{display:grid;gap:12px;padding:16px;border-radius:12px;background:var(--canvas)}
.fvp-pk-calc{display:grid;gap:4px;margin:0}
.fvp-pk-calc div{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:1.4}
.fvp-pk-calc dt{color:var(--ink-3)}
.fvp-pk-calc dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-3)}
.fvp-pk-calc s{text-decoration-thickness:1px}
.fvp-pk-calc .fvp-pk-minus{font-weight:600;color:var(--save)}
.fvp-pk-final{display:grid;gap:2px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.fvp-pk-final span{font-size:14px;font-weight:500;color:var(--ink-2)}
.fvp-pk-final b{display:flex;align-items:baseline;gap:6px;font-size:clamp(30px,24px + 1vw,38px);line-height:1.1;font-weight:600;letter-spacing:-.03em;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.fvp-pk-final small{font-size:16px;font-weight:600;letter-spacing:0;color:var(--ink-2)}
.fvp-pk-cta{width:100%;min-height:54px}
.fvp-btn--line{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
@media (hover:hover){.fvp-btn--line:hover{background:var(--ink);color:#fff}}
.fvp-pk-fine{max-width:100ch;margin:22px 0 0;font-size:14px;line-height:1.55;color:var(--ink-3)}
@media (min-width:768px){
  .fvp-pk{padding-block:72px 48px}
  .fvp-pk-grid{grid-auto-flow:row;grid-auto-columns:auto;gap:18px;margin-inline:0;padding:4px 0 0;overflow:visible}
  .fvp-pk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fvp-pk-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
  .fvp-pk-col{padding:26px}
}
@media (min-width:1024px){.fvp-pk-top{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:48px;margin-bottom:32px}}
.fvp-pk-calc .fvp-nw{white-space:nowrap}
@media (max-width:767px){
  .fvp-pk-col{gap:18px;padding:20px 18px 18px}
  .fvp-pk-feat li{font-size:14px;gap:9px}
  .fvp-pk-price{padding:14px 14px 16px}
  .fvp-pk-calc div{font-size:13px}
}

/* ── sestavy: vizuální doladění, aby karty přitáhly pozornost – doporučená sestava tmavá a vystouplá, zvýhodnění jako zelený
 *    štítek, větší výsledná cena, jemné zvednutí karet při najetí (bez září a ozdobných linek) ── */
.fvp-pk-col{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
@media (hover:hover){.fvp-pk-col:not(.is-top):hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line),0 24px 48px -28px rgba(19,20,23,.45)}}
.fvp-pk-calc div:nth-child(2){align-items:center;margin-top:4px;padding:8px 10px;border-radius:var(--r-c);background:var(--save-tint)}
.fvp-pk-calc div:nth-child(2) dt{color:var(--ink-2)}
.fvp-pk-calc .fvp-pk-minus{font-size:16px;font-weight:700;color:var(--save)}
.fvp-pk-final b{font-size:clamp(34px,26px + 1.4vw,44px)}
.fvp-pk-big b{font-size:clamp(48px,36px + 1.8vw,62px)}
/* doporučená sestava: tmavá */
.fvp-pk-col.is-top{background:var(--night);box-shadow:var(--sh-float)}
.fvp-pk-col.is-top :focus-visible{outline-color:#fff}
.fvp-pk-col.is-top .fvp-pk-name,.fvp-pk-col.is-top .fvp-pk-scale__t,.fvp-pk-col.is-top .fvp-pk-feat span,.fvp-pk-col.is-top .fvp-pk-calc dt,
.fvp-pk-col.is-top .fvp-pk-calc dd,.fvp-pk-col.is-top .fvp-pk-final span{color:var(--on-night-2)}
.fvp-pk-col.is-top .fvp-pk-name .fvp-i,.fvp-pk-col.is-top .fvp-pk-feat .fvp-i{color:var(--amber)}
.fvp-pk-col.is-top .fvp-pk-big,.fvp-pk-col.is-top .fvp-pk-feat b,.fvp-pk-col.is-top .fvp-pk-final b,.fvp-pk-col.is-top .fvp-pk-scale__v{color:#fff}
.fvp-pk-col.is-top .fvp-pk-big span,.fvp-pk-col.is-top .fvp-pk-final small{color:var(--on-night)}
.fvp-pk-col.is-top .fvp-pk-scale__bar{background:rgba(255,255,255,.12)}
.fvp-pk-col.is-top .fvp-pk-feat,.fvp-pk-col.is-top .fvp-pk-feat li{border-color:rgba(255,255,255,.1)}
.fvp-pk-col.is-top .fvp-pk-feat .fvp-pk-ok,.fvp-pk-col.is-top .fvp-pk-feat .fvp-pk-ok .fvp-i{color:#7FD38A}
.fvp-pk-col.is-top .fvp-pk-price{background:rgba(255,255,255,.06)}
.fvp-pk-col.is-top .fvp-pk-final{border-top-color:rgba(255,255,255,.12)}
.fvp-pk-col.is-top .fvp-pk-calc div:nth-child(2){background:rgba(127,211,138,.14)}
.fvp-pk-col.is-top .fvp-pk-calc div:nth-child(2) dt{color:var(--on-night)}
.fvp-pk-col.is-top .fvp-pk-minus{color:#7FD38A}
.fvp-pk-col.is-top .fvp-pk-rec{background:rgba(127,211,138,.16);color:#7FD38A}
.fvp-pk-col.is-top.is-rec{box-shadow:0 0 0 2px var(--save),var(--sh-float)}
@media (min-width:1024px){.fvp-pk-grid{padding-top:18px}.fvp-pk-col.is-top{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.fvp-pk-col{transition:none}.fvp-pk-col:hover{transform:none}}

/* ── sestavy: kompaktní výška, aby se karty vešly i na menší monitory (štítek v rohu vedle názvu, stupnice v řádku,
 *    nižší řádky a cenový blok) ── */
.fvp-pk-col{position:relative;gap:14px}
.fvp-pk-tags{position:absolute;top:18px;right:18px;min-height:0}
.fvp-pk-col.is-rec .fvp-pk-tag{display:none}
.fvp-pk-head{gap:4px}
.fvp-pk-name{min-height:28px;padding-right:130px}
.fvp-pk-big b{font-size:clamp(38px,30px + 1.2vw,48px)}
.fvp-pk-big span{font-size:17px}
.fvp-pk-scale{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:4px}
.fvp-pk-scale__t{grid-column:1;grid-row:1}
.fvp-pk-scale__bar{grid-column:2;grid-row:1}
.fvp-pk-scale__v{grid-column:3;grid-row:1}
.fvp-pk-feat li{padding:8px 0;font-size:14px}
.fvp-pk-price{gap:8px;padding:12px 14px}
.fvp-pk-calc{gap:2px}
.fvp-pk-calc div:nth-child(2){margin-top:2px;padding:6px 10px}
.fvp-pk-final{padding-top:8px}
.fvp-pk-final b{font-size:clamp(28px,22px + 1vw,36px)}
.fvp-pk-cta{min-height:48px}
@media (min-width:768px){.fvp-pk-col{padding:20px 22px}}
@media (min-width:1024px){.fvp-pk-col.is-top{transform:translateY(-10px)}.fvp-pk-grid{padding-top:12px}}

@media (max-width:767px){.fvp-pk-tags{position:static}.fvp-pk-name{padding-right:0}}   /* mobil: štítky nad názvem, ať se nepřekrývají */