/* MODES nábytek v4 – sdílený vzhled. Písmo: Space Grotesk (Telegram fonts_pr, post 3. 8. 2025), statické řezy. */
@font-face{font-family:"Space Grotesk";src:url(/fonts/SpaceGrotesk-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/fonts/SpaceGrotesk-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/fonts/SpaceGrotesk-Medium.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --bg:#F2F0EB; --paper:#FAF9F6; --ink:#141413; --ink-2:#2A2926; --mute:#6A665F; --line:#D9D5CD; --line-2:#E6E2DA;
  --dark:#131312; --dark-2:#1D1C1A; --ivory:#F2EFE9; --ivory-mute:#A8A399; --dline:rgba(242,239,233,.14);
  --red:#B8202A; --red-h:#9A1A22;
  --f:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(20px,4vw,64px); --max:1480px;
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --hdr:78px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:var(--hdr)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
p,figure{margin:0}
h1,h2,h3,h4{margin:0;font-weight:300;letter-spacing:-.03em;line-height:1.02}
::selection{background:var(--ink);color:var(--bg)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px}
.skip:focus{top:14px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}

/* typografie */
.d1{font-size:clamp(46px,7.4vw,128px);line-height:.94;letter-spacing:-.045em;font-weight:300}
.d2{font-size:clamp(36px,4.6vw,76px);line-height:1;letter-spacing:-.038em;font-weight:300}
.d3{font-size:clamp(26px,2.5vw,38px);line-height:1.12;letter-spacing:-.025em;font-weight:300}
.h4{font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:400}
.lead{font-size:clamp(18px,1.4vw,21px);line-height:1.55;color:var(--ink-2);max-width:40em}
.muted{color:var(--mute)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--mute)}
.eyebrow::before{content:"";width:18px;height:1px;background:currentColor}
.dark .eyebrow{color:var(--ivory-mute)}
.num{font-variant-numeric:tabular-nums}

/* tlačítka */
.btn{--bh:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--bh);padding:0 26px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:15px;font-weight:500;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--red);transform:translateY(101%);transition:transform .5s var(--ease)}
.btn:hover::before{transform:none}
.btn:active{transform:scale(.97)}
.btn .ar{width:18px;height:18px;transition:transform .45s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn--light{background:var(--ivory);color:var(--ink)}
.btn--light:hover{color:#fff}
.btn--ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn--ghost::before{background:var(--ink)}
.btn--ghost:hover{color:var(--bg)}
.dark .btn--ghost::before,.on-photo .btn--ghost::before{background:var(--ivory)}
.dark .btn--ghost:hover,.on-photo .btn--ghost:hover{color:var(--ink)}
.btn--sm{--bh:42px;padding:0 18px;font-size:14px}
.lnk{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .45s var(--ease)}
.lnk:hover{background-size:0 1px;background-position:100% 100%}
.lnk .ar{width:16px;height:16px}

/* hlavička */
.hdr{position:fixed;inset:0 0 auto;z-index:40;height:var(--hdr);transition:transform .5s var(--ease),background-color .35s,color .35s,box-shadow .35s}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:36px}
.hdr.hide{transform:translateY(-100%)}
.hdr.solid{background:rgba(242,240,235,.88);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line)}
.hdr.over{color:var(--ivory)}
.hdr.over.solid{color:var(--ink)}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo .ch{width:26px;height:31px}
.logo .wm{display:flex;flex-direction:column;gap:3px}
.logo .wm svg:first-child{width:74px;height:16px}
.logo .wm svg:last-child{width:67px;height:10px;color:var(--red)}
.nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav>a,.nav .dd>button{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:400;transition:background-color .25s}
.nav>a:hover,.nav .dd>button:hover,.nav .dd:focus-within>button{background:rgba(127,122,112,.14)}
.nav>a[aria-current],.nav .dd>button[aria-current]{font-weight:500}
.nav .chev{width:12px;height:12px;transition:transform .3s var(--ease)}
.dd{position:relative}
.dd:hover .chev,.dd:focus-within .chev{transform:rotate(180deg)}
.ddm{position:absolute;left:-12px;top:calc(100% + 8px);width:560px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 30px 60px -20px rgba(20,20,19,.28),0 0 0 1px var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
.ddm::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:8px;border-radius:12px;transition:background-color .2s}
.ddm a:hover{background:var(--bg)}
.ddm img{width:64px;height:52px;object-fit:cover;border-radius:8px}
.ddm b{display:block;font-weight:500;font-size:15px}
.ddm span{display:block;font-size:13px;color:var(--mute);line-height:1.35}
.hdr .tel{font-size:15px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.hdr .tel svg{width:16px;height:16px}
.burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor;align-items:center;justify-content:center}
.burger i{position:relative;width:16px;height:1.5px;background:currentColor;transition:transform .4s var(--ease)}
.burger i::after{content:"";position:absolute;left:0;top:5px;width:16px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),top .4s var(--ease)}
.burger i{transform:translateY(-2.5px)}
.menu-open .burger i{transform:rotate(45deg)}
.menu-open .burger i::after{top:0;transform:rotate(-90deg)}
.mnav{position:fixed;inset:0;z-index:35;background:var(--bg);color:var(--ink);padding:calc(var(--hdr) + 20px) var(--gut) calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--ease-io),visibility .7s}
.menu-open .mnav{clip-path:inset(0);visibility:visible}
.menu-open .hdr{color:var(--ink)}
.mnav a.l{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(30px,8vw,44px);font-weight:300;letter-spacing:-.03em;line-height:1.25;border-bottom:1px solid var(--line);padding:8px 0;opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.mnav a.l small{font-size:13px;color:var(--mute);letter-spacing:0}
.menu-open .mnav a.l{opacity:1;transform:none}
.mnav .mf{margin-top:auto;padding-top:28px;display:grid;gap:10px}

/* HERO domů – video přes celou plochu */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;color:var(--ivory);overflow:hidden;background:var(--dark)}
.hero-media{position:absolute;inset:0}
.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,11,.5) 0%,rgba(12,12,11,0) 26%,rgba(12,12,11,0) 45%,rgba(12,12,11,.72) 100%)}
.hero .wrap{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(36px,7vh,80px)}
.hero h1{max-width:13ch}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:clamp(24px,4vh,40px);flex-wrap:wrap}
.hero-row p{max-width:34em;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:rgba(242,239,233,.9)}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap}
.trust{display:flex;gap:clamp(20px,3vw,44px);margin-top:clamp(28px,5vh,48px);padding-top:22px;border-top:1px solid rgba(242,239,233,.22);font-size:14px;color:rgba(242,239,233,.82);flex-wrap:wrap}
.trust b{display:block;font-weight:500;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;color:var(--ivory);line-height:1.1}
.blur-word{display:inline-block;will-change:filter,transform,opacity}

/* HERO podstránky */
.phero{position:relative;min-height:min(86svh,860px);color:var(--ivory);display:flex;align-items:flex-end;overflow:hidden;background:var(--dark)}
.phero-media{position:absolute;inset:0}
.phero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.phero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,11,.45) 0%,rgba(12,12,11,0) 30%,rgba(12,12,11,.1) 50%,rgba(12,12,11,.75) 100%)}
.phero .wrap{position:relative;padding-top:calc(var(--hdr) + 40px);padding-bottom:clamp(40px,7vh,80px)}
.crumbs{display:flex;gap:8px;font-size:13px;color:rgba(242,239,233,.75);margin-bottom:22px}
.crumbs a:hover{color:var(--ivory)}
.phero h1{max-width:16ch}
.phero .hero-row{margin-top:26px}
.phero-plain{background:var(--bg);color:var(--ink);min-height:0}
.phero-plain .wrap{padding-bottom:clamp(40px,6vh,72px)}
.phero-plain .crumbs{color:var(--mute)}

/* sekce */
.sec{padding:clamp(80px,12vh,150px) 0}
.sec--tight{padding:clamp(56px,8vh,96px) 0}
.sec--paper{background:var(--paper)}
.dark{background:var(--dark);color:var(--ivory)}
.dark .muted,.dark .lead{color:var(--ivory-mute)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(40px,6vh,72px);flex-wrap:wrap}
.sec-head h2{max-width:16ch;margin-top:18px}
.sec-head p{max-width:30em}

/* intro split */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:center}
.split .txt h2{margin:18px 0 24px}
.split .txt .lead+.lead{margin-top:16px}
.split .txt .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.split .ph{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:6px}
.split .ph img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover}
.split.rev .ph{order:-1}
.ticks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
.ticks li svg{width:18px;height:18px;margin-top:4px;color:var(--red)}

/* nabídka – rozbalovací panely (image accordion, 21st.dev) */
.acc{display:flex;gap:10px;height:clamp(460px,64vh,640px)}
.acc a{position:relative;flex:1;min-width:0;border-radius:8px;overflow:hidden;color:var(--ivory);transition:flex-grow .8s var(--ease);background:var(--dark)}
.acc a.on{flex-grow:3.4}
.acc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}
.acc a:not(.on) img{filter:saturate(.75) brightness(.85)}
.acc a.on img{transform:scale(1.03)}
.acc a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,11,0) 45%,rgba(12,12,11,.78) 100%)}
.acc .cap{position:absolute;left:22px;right:22px;bottom:22px;z-index:1}
.acc .cap .n{font-size:13px;color:rgba(242,239,233,.7);font-variant-numeric:tabular-nums}
.acc .cap h3{font-size:clamp(22px,2vw,32px);font-weight:400;letter-spacing:-.025em;margin-top:6px;white-space:nowrap}
.acc a:not(.on) .cap h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:20px}
.acc a:not(.on) .cap .n{display:block;margin-bottom:10px}
.acc .cap p{max-width:28em;font-size:15px;line-height:1.5;color:rgba(242,239,233,.86);margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.acc a.on .cap p{opacity:1;transform:none;transition-delay:.25s}
.acc .go{position:absolute;right:20px;top:20px;z-index:1;width:46px;height:46px;border-radius:50%;background:var(--ivory);color:var(--ink);display:grid;place-items:center;opacity:0;transform:scale(.7) rotate(-45deg);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.acc a.on .go{opacity:1;transform:none}
.acc .go svg{width:18px;height:18px}

/* čísla (CountUp) */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.stat{padding:30px 24px 0 0}
.stat+.stat{padding-left:24px;border-left:1px solid var(--line)}
.stat b{display:block;font-weight:300;font-size:clamp(44px,5vw,84px);letter-spacing:-.05em;line-height:1}
.stat>span{display:block;margin-top:12px;font-size:15px;color:var(--mute);max-width:18em}
.dark .stats,.dark .stat+.stat{border-color:var(--dline)}

/* realizace – Parallax Strip Slider (21st.dev/@hyperiux) */
.rz{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:var(--dark);color:var(--ivory);user-select:none}
.rz-base,.rz-in{position:absolute;inset:0}
.rz-base img,.rz-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rz-strip{position:absolute;top:0;bottom:0;overflow:hidden}
.rz-strip .w{position:absolute;top:0;bottom:0}
.rz-strip .z{position:relative;width:100%;height:100%;will-change:transform}
.rz-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,12,11,.7),rgba(12,12,11,0) 45%),linear-gradient(to bottom,rgba(12,12,11,.5),rgba(12,12,11,0) 28%);pointer-events:none}
.rz-top{position:absolute;left:var(--gut);right:var(--gut);top:calc(var(--hdr) + 18px);z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}
.rz-bar{position:absolute;left:var(--gut);right:var(--gut);top:calc(var(--hdr) + 4px);height:1px;background:rgba(242,239,233,.22);z-index:3;pointer-events:none}
.rz-bar i{position:absolute;inset:0;background:var(--ivory);transform-origin:left}
.rz-foot{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(28px,6vh,56px);z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;pointer-events:none}
.rz-title{font-size:clamp(44px,6vw,104px);font-weight:300;letter-spacing:-.045em;line-height:1;overflow:hidden;padding-bottom:.06em}
.rz-title .c{display:inline-block}
.rz-desc{margin-top:12px;font-size:16px;color:rgba(242,239,233,.86)}
.rz-count{font-size:14px;color:rgba(242,239,233,.75);display:flex;font-variant-numeric:tabular-nums}
.rz-count .n{display:inline-block;width:2ch;overflow:hidden;text-align:right}
.rz-count .n span{display:inline-block}
.rz-hit{position:absolute;inset:0;z-index:2;cursor:none}
.rz-cur{position:fixed;left:0;top:0;z-index:60;width:68px;height:68px;border-radius:50%;background:var(--ivory);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6)}
.rz-cur span{position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:var(--ink);transform-origin:100% 50%}
.rz-link{pointer-events:auto}

/* proces – sticky stack karet (GSAP) */
.stack{position:relative}
.scard{position:sticky;top:calc(var(--hdr) + 24px);min-height:min(74vh,640px);margin-bottom:24px;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--paper);box-shadow:0 0 0 1px var(--line);transform-origin:50% 0}
.scard .t{padding:clamp(28px,4vw,60px);display:flex;flex-direction:column}
.scard .k{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums}
.scard h3{margin:auto 0 18px;font-size:clamp(34px,3.6vw,58px);letter-spacing:-.04em}
.scard p{color:var(--ink-2);max-width:30em}
.scard ul{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px;color:var(--mute)}
.scard ul li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:10px;transform:translateY(-2px)}
.scard .ph{position:relative;min-height:320px}
.scard .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* výhody – číslovaný seznam */
.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,6vw,100px)}
.why>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:30px 0;border-top:1px solid var(--line)}
.why .i{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center}
.why .i svg{width:20px;height:20px}
.why h3{font-size:22px;font-weight:400;letter-spacing:-.02em;line-height:1.25}
.why p{margin-top:8px;color:var(--mute);font-size:16px}
.dark .why>div{border-color:var(--dline)}
.dark .why .i{background:var(--ivory);color:var(--ink)}

/* nabídka „co získáte zdarma“ */
.offer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--dark);color:var(--ivory)}
.offer .t{padding:clamp(32px,4.5vw,72px)}
.offer h2{margin:16px 0 20px}
.offer .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 36px}
.offer h4{font-size:14px;font-weight:500;color:var(--ivory-mute);margin-bottom:12px;letter-spacing:0}
.offer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:16px}
.offer ul li{display:grid;grid-template-columns:20px 1fr;gap:10px}
.offer ul svg{width:16px;height:16px;margin-top:5px;color:#E4A59F}
.offer .ph{position:relative;min-height:380px}
.offer .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ceny */
.prices{border-top:1px solid var(--line)}
.price{display:grid;grid-template-columns:120px minmax(0,1.2fr) minmax(0,1fr) auto;gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.price .th{width:120px;height:88px;border-radius:6px;overflow:hidden;background:var(--line-2)}
.price .th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.price:hover .th img{transform:scale(1.08)}
.price h3{font-size:clamp(22px,2vw,30px);font-weight:400;letter-spacing:-.025em}
.price p{color:var(--mute);font-size:15px}
.price .v{font-size:clamp(28px,2.8vw,44px);font-weight:300;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.price .v small{font-size:.45em;letter-spacing:0;color:var(--mute);margin-left:6px}

/* reference – karusel recenzí */
.revs{position:relative}
.rev-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px var(--gut) 10px;margin:0 calc(var(--gut) * -1);scroll-padding:0 var(--gut)}
.rev-track::-webkit-scrollbar{display:none}
.rev{flex:0 0 min(420px,82vw);scroll-snap-align:start;background:var(--paper);border-radius:14px;padding:30px;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line);min-height:300px}
.dark .rev{background:var(--dark-2);box-shadow:0 0 0 1px var(--dline)}
.rev .st{display:flex;gap:3px;color:#E0A43A}
.rev .st svg{width:16px;height:16px}
.rev q{display:block;margin:20px 0 26px;font-size:19px;line-height:1.45;letter-spacing:-.01em;quotes:"„" "“"}
.rev .who{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:15px}
.rev .av{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:500}
.dark .rev .av{background:var(--ivory);color:var(--ink)}
.rev .who small{display:block;color:var(--mute);font-size:13px}
.rev-nav{display:flex;gap:8px}
.rev-nav button{width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor;display:grid;place-items:center;transition:background-color .25s,color .25s}
.rev-nav button:hover{background:var(--ink);color:var(--bg)}
.dark .rev-nav button:hover{background:var(--ivory);color:var(--ink)}
.rev-nav svg{width:18px;height:18px}
.g-badge{display:inline-flex;align-items:center;gap:12px;font-size:15px}
.g-badge b{font-size:28px;font-weight:300;letter-spacing:-.03em}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,100px);align-items:start}
.faq .side{position:sticky;top:calc(var(--hdr) + 30px)}
.faq .side h2{margin:18px 0 22px}
.faq .side .btn{margin-top:26px}
.qa{border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 36px;gap:20px;align-items:center;padding:24px 0;font-size:clamp(18px,1.4vw,21px);letter-spacing:-.015em;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa .pm{position:relative;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s,transform .5s var(--ease)}
.qa .pm::before,.qa .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.qa .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--ease)}
.qa details[open] .pm{background:var(--ink);color:var(--bg);transform:rotate(180deg)}
.qa details[open] .pm::after{transform:translate(-50%,-50%) rotate(0)}
.qa .a{overflow:hidden}
.qa .a p{padding:0 56px 26px 0;color:var(--ink-2);font-size:16px;line-height:1.65}

/* CTA pás + vícekrokový formulář */
.lead-sec{background:var(--dark);color:var(--ivory)}
.lead-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,100px);align-items:start}
.lead-grid h2{margin:18px 0 22px}
.lead-contacts{margin-top:40px;display:grid;gap:18px}
.lead-contacts a{display:flex;align-items:center;gap:14px;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em}
.lead-contacts a span{width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--dline);display:grid;place-items:center;flex:none}
.lead-contacts svg{width:18px;height:18px}
.msf{background:var(--dark-2);border-radius:18px;padding:clamp(24px,3vw,44px);box-shadow:0 0 0 1px var(--dline)}
.msf-prog{display:flex;gap:6px;margin-bottom:26px}
.msf-prog i{flex:1;height:3px;border-radius:3px;background:rgba(242,239,233,.16);overflow:hidden;position:relative}
.msf-prog i::after{content:"";position:absolute;inset:0;background:var(--ivory);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.msf-prog i.on::after{transform:none}
.msf-step{display:none}
.msf-step.on{display:block;animation:stepIn .6s var(--ease)}
@keyframes stepIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.msf h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em;margin-bottom:6px}
.msf .hint{font-size:14px;color:var(--ivory-mute);margin-bottom:22px}
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--dline);font-size:16px;cursor:pointer;transition:box-shadow .25s,background-color .25s}
.chip span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(242,239,233,.45);transition:box-shadow .25s}
.chip input:checked+span{box-shadow:inset 0 0 0 1.5px var(--ivory);background:rgba(242,239,233,.06)}
.chip input:checked+span::before{box-shadow:inset 0 0 0 5px var(--ivory)}
.chip input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld.full{grid-column:1/-1}
.fld label{font-size:13px;color:var(--ivory-mute)}
.fld input,.fld textarea{font:inherit;font-size:16px;color:var(--ivory);background:rgba(242,239,233,.04);border:0;border-radius:10px;box-shadow:inset 0 0 0 1px var(--dline);padding:14px 16px;outline:0;transition:box-shadow .25s}
.fld textarea{min-height:110px;resize:vertical}
.fld input:focus,.fld textarea:focus{box-shadow:inset 0 0 0 1.5px var(--ivory)}
.fld.bad input,.fld.bad textarea{box-shadow:inset 0 0 0 1.5px #E57369}
.fld .err{font-size:12px;color:#F09A91;min-height:0}
.file{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;box-shadow:inset 0 0 0 1px dashed var(--dline);border:1px dashed rgba(242,239,233,.28);cursor:pointer;font-size:15px}
.file input{position:absolute;opacity:0;width:1px;height:1px}
.file svg{width:20px;height:20px;flex:none}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--ivory-mute);margin-top:4px}
.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--red)}
.msf-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}
.msf-nav .back{font-size:15px;color:var(--ivory-mute);display:inline-flex;align-items:center;gap:8px}
.msf-nav .back:hover{color:var(--ivory)}
.msf-nav .back svg{width:16px;height:16px;transform:rotate(180deg)}
.msf-status{margin-top:14px;font-size:15px;min-height:1.4em}
.msf-status.ok{color:#A9D7B0}.msf-status.bad{color:#F09A91}
.msf-done{text-align:center;padding:30px 0}
.msf-done .ok{width:64px;height:64px;border-radius:50%;background:var(--ivory);color:var(--ink);display:grid;place-items:center;margin:0 auto 20px}
.msf-done .ok svg{width:28px;height:28px}

/* galerie realizací */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.filters button{height:42px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:15px;transition:background-color .25s,color .25s,box-shadow .25s}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--bg);box-shadow:none}
.grid-g{columns:3 320px;column-gap:16px}
.grid-g a{display:block;break-inside:avoid;margin-bottom:16px;border-radius:8px;overflow:hidden;position:relative;background:var(--line-2)}
.grid-g img{width:100%;transition:transform 1s var(--ease)}
.grid-g a:hover img{transform:scale(1.04)}
.grid-g a span{position:absolute;left:14px;bottom:12px;font-size:14px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease)}
.grid-g a:hover span{opacity:1;transform:none}
.grid-g a.hide{display:none}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(15,15,14,.95);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:92vw;max-height:84vh;width:auto;height:auto;border-radius:6px}
.lb button{position:absolute;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);color:#fff;display:grid;place-items:center}
.lb button svg{width:18px;height:18px}
.lb .x{top:18px;right:18px}.lb .p{left:18px;top:50%;transform:translateY(-50%) rotate(180deg)}.lb .n{right:18px;top:50%;transform:translateY(-50%)}
.lb p{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#ddd;font-size:14px}

/* blog */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,32px)}
.post .ph{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--line-2)}
.post img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post:hover img{transform:scale(1.04)}
.post .meta{margin:18px 0 8px;font-size:13px;color:var(--mute)}
.post h3{font-size:clamp(20px,1.6vw,24px);font-weight:400;letter-spacing:-.02em;line-height:1.3}
.post p{margin-top:10px;font-size:15px;color:var(--mute)}
.article{max-width:760px;margin:0 auto}
.article h2{font-size:clamp(26px,2.4vw,36px);margin:48px 0 16px;letter-spacing:-.03em}
.article h3{font-size:22px;font-weight:400;margin:32px 0 10px;letter-spacing:-.02em}
.article p,.article li{font-size:18px;line-height:1.7;color:var(--ink-2)}
.article p+p{margin-top:16px}
.article ul{padding-left:20px}
.article img{border-radius:8px;margin:32px 0}

/* kariéra */
.jobs{display:grid;gap:18px}
.job{border-radius:16px;background:var(--paper);box-shadow:0 0 0 1px var(--line);padding:clamp(24px,3vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px)}
.job h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em}
.job .tag{display:inline-block;margin-top:14px;font-size:13px;padding:6px 12px;border-radius:999px;background:var(--bg)}
.job h4{font-size:14px;font-weight:500;color:var(--mute);margin:0 0 10px}
.job ul{margin:0 0 20px;padding-left:18px;display:grid;gap:6px;font-size:16px}

/* kontakt */
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cbox{border-radius:14px;background:var(--paper);box-shadow:0 0 0 1px var(--line);padding:28px}
.cbox h3{font-size:14px;font-weight:500;color:var(--mute);letter-spacing:0;margin-bottom:14px}
.cbox a,.cbox p{display:block;font-size:20px;letter-spacing:-.02em;line-height:1.45}
.cbox a:hover{color:var(--red)}
.cbox small{display:block;font-size:14px;color:var(--mute);margin-top:6px}

/* patička */
.foot{background:var(--dark);color:var(--ivory);padding:clamp(70px,10vh,120px) 0 calc(28px + env(safe-area-inset-bottom))}
.foot-big{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-bottom:clamp(50px,8vh,90px);border-bottom:1px solid var(--dline)}
.foot-big h2{max-width:13ch}
.foot-cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding:48px 0}
.foot-cols h4{font-size:14px;font-weight:500;color:var(--ivory-mute);letter-spacing:0;margin-bottom:16px}
.foot-cols a{display:block;padding:4px 0;font-size:15px;color:rgba(242,239,233,.86)}
.foot-cols a:hover{color:var(--ivory)}
.foot-cols p{font-size:15px;line-height:1.6;color:rgba(242,239,233,.72)}
.foot .logo{color:var(--ivory);margin-bottom:18px}
.foot-b{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--dline);font-size:13px;color:var(--ivory-mute)}

/* plovoucí CTA */
.fcta{position:fixed;right:clamp(14px,2vw,28px);bottom:calc(clamp(14px,2vw,28px) + env(safe-area-inset-bottom));z-index:30;display:flex;gap:8px;padding:6px;border-radius:999px;background:rgba(19,19,18,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px -12px rgba(0,0,0,.4);transform:translateY(140%);transition:transform .6s var(--ease)}
.fcta.on{transform:none}
.fcta a{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:999px;color:var(--ivory);font-size:15px;font-weight:500}
.fcta a.main{background:var(--ivory);color:var(--ink)}
.fcta a svg{width:17px;height:17px}

/* reveal */
.rv{opacity:0;transform:translateY(28px)}
.rv-img{clip-path:inset(12% 0 0 0);opacity:0}

@media (max-width:1100px){
  .nav,.hdr .tel,.hdr .btn{display:none}
  .burger{display:inline-flex}
  .foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .acc a:not(.on) .cap h3{writing-mode:horizontal-tb;transform:none;font-size:20px}
  :root{--hdr:66px}
  body{font-size:16px}
  .split,.faq,.lead-grid,.offer,.job{grid-template-columns:1fr}
  .split.rev .ph{order:0}
  .split .ph{aspect-ratio:4/3}
  .acc{flex-direction:column;height:auto}
  .acc a{flex:none;height:120px;transition:height .7s var(--ease)}
  .acc a.on{height:380px}
  .acc .cap h3{white-space:normal}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){padding-left:0;border-left:0}
  .stat{padding-bottom:28px}
  .scard{grid-template-columns:1fr;position:relative;top:auto;min-height:0}
  .scard .ph{min-height:260px;order:-1}
  .scard h3{margin-top:24px}
  .why{grid-template-columns:1fr}
  .offer .cols{grid-template-columns:1fr}
  .offer .ph{min-height:260px;order:-1}
  .price{grid-template-columns:88px 1fr;gap:16px 18px}
  .price .th{width:88px;height:70px;grid-row:span 2}
  .price p{grid-column:2}
  .price .v{grid-column:2}
  .faq .side{position:static}
  .qa .a p{padding-right:0}
  .chips,.fields{grid-template-columns:1fr}
  .posts{grid-template-columns:1fr}
  .cgrid{grid-template-columns:1fr}
  .rz-hit{cursor:pointer}
  .hero-row{flex-direction:column;align-items:stretch}
  .hero-cta .btn{flex:1}
  .fcta{left:14px;right:14px;justify-content:space-between}
  .fcta a{flex:1;justify-content:center;padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .rv,.rv-img{opacity:1;transform:none;clip-path:none}
}
.btn[hidden]{display:none}
.phero--art .phero-media::after{background:linear-gradient(180deg,rgba(12,12,11,.55),rgba(12,12,11,.35) 40%,rgba(12,12,11,.8))}.phero--art h1{max-width:22ch}
@media (max-width:860px){
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%}
  .fcta a{font-size:14px;white-space:nowrap;gap:8px}
  .hero h1{font-size:clamp(40px,11.5vw,60px)}
}

/* HERO v4.1 – dynamická přehlídka realizací (strip wipe z Parallax Strip Slider + Ken Burns), text na tmavém panelu */
.hs2{background:var(--dark)}
.hs2-media,.hs2-base,.hs2-in{position:absolute;inset:0}
.hs2-base img,.hs2 .rz-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs2-base img{animation:kb 7s linear forwards}
@keyframes kb{from{transform:scale(1.1)}to{transform:scale(1)}}
.hs2-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,11,.45) 0%,rgba(12,12,11,0) 22%),linear-gradient(90deg,rgba(12,12,11,.35) 0%,rgba(12,12,11,0) 45%);pointer-events:none}
.hs2-wrap{position:relative;height:100%;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end;gap:30px;padding-bottom:clamp(24px,5vh,56px)!important}
.hs2-panel{width:min(620px,100%);background:rgba(19,19,18,.86);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border-radius:18px;padding:clamp(24px,2.6vw,40px);color:var(--ivory);box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.hs2-prog{display:flex;gap:6px;margin-bottom:22px}
.hs2-prog i{flex:1;height:2px;border-radius:2px;background:rgba(242,239,233,.2);overflow:hidden}
.hs2-prog b{display:block;height:100%;background:var(--ivory);transform:scaleX(0);transform-origin:left}
.hs2-prog i.done b{transform:none}
.hs2-prog i.run b{animation:hsprog var(--dur,6s) linear forwards}
@keyframes hsprog{to{transform:none}}
.hs2-cap{display:flex;gap:10px;align-items:baseline;font-size:14px;color:var(--ivory-mute);margin-bottom:18px;min-height:1.4em;overflow:hidden}
.hs2-cap .k::after{content:"·";margin-left:10px}
.hs2-cap .t{color:var(--ivory)}
.hs2-panel h1{max-width:14ch}
.hs2-lead{margin:18px 0 26px;font-size:17px;line-height:1.55;color:rgba(242,239,233,.84);max-width:34em}
.hs2-panel .trust{margin-top:26px;padding-top:18px;border-top:1px solid rgba(242,239,233,.16);font-size:13px;gap:26px}
.hs2-panel .trust b{font-size:20px}
.hs2-thumbs{display:flex;gap:8px}
.hs2-th{position:relative;width:88px;height:62px;border-radius:10px;overflow:hidden;opacity:.55;transition:opacity .35s,transform .45s var(--ease);box-shadow:0 0 0 1px rgba(242,239,233,.25)}
.hs2-th img{width:100%;height:100%;object-fit:cover}
.hs2-th:hover{opacity:.9;transform:translateY(-3px)}
.hs2-th.on{opacity:1;box-shadow:0 0 0 2px var(--ivory)}
@media (max-width:1100px){.hs2-thumbs{display:none}}
@media (max-width:860px){
  .hs2{height:auto;min-height:100svh}
  .hs2-wrap{flex-direction:column!important;padding-top:calc(var(--hdr) + 38vh)!important}
  .hs2-panel{border-radius:16px}
  .hs2-panel h1{font-size:clamp(34px,9vw,46px)}
}
@media (prefers-reduced-motion:reduce){.hs2-base img{animation:none}}
@media (max-width:860px){
  .hs2-wrap{padding-top:calc(var(--hdr) + 18vh)!important;padding-bottom:16px!important}
  .hs2-panel{padding:22px}
  .hs2-panel .trust{display:none}
  .hs2-lead{font-size:15px;margin:12px 0 18px}
  .hs2-cap{margin-bottom:12px;font-size:13px}
  .hs2-prog{margin-bottom:14px}
}
/* oprava: menu na notebooku na jeden řádek, ořez fotek v heru */
.nav>a,.nav .dd>button{white-space:nowrap}
@media (max-width:1360px){.hdr .tel{display:none}.hdr .wrap{gap:24px}.nav>a,.nav .dd>button{padding:0 10px;font-size:14.5px}}
@media (max-width:1180px){.nav,.hdr .btn{display:none}.burger{display:inline-flex}}
.hs2 [alt="Šalvějová kuchyň v našem studiu"]{object-position:50% 78%}
.hs2 [alt="Obývací stěna s podsvícením"]{object-position:50% 60%}
.hs2 .rz-strip{margin-left:-1px!important;padding-left:1px!important}

/* HERO v4.2 – podle Boffi / Poggenpohl: fotka přes celou plochu, malý text vlevo dole, bez boxů.
   Dvě profesionální fotky jedné realizace, pomalé přiblížení (Ken Burns 9 s) a prolnutí 1,8 s. */
.hs3{background:#0e0e0d}
.hs3-media{position:absolute;inset:0;overflow:hidden}
.hs3-s{position:absolute;inset:0;opacity:0;transition:opacity 1.8s var(--ease-io)}
.hs3-s.on{opacity:1}
.hs3-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transform-origin:60% 55%}
.hs3-s.on img{animation:kb3 9.5s cubic-bezier(.25,.1,.25,1) forwards}
.hs3-s:nth-child(2) img{object-position:72% 50%;transform-origin:75% 50%}
@keyframes kb3{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.hs3-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,9,.42) 0%,rgba(10,10,9,0) 18%,rgba(10,10,9,0) 52%,rgba(10,10,9,.62) 100%)}
.hs3-wrap{position:relative;height:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:clamp(28px,5.5vh,56px)}
.hs3-copy{max-width:640px;color:var(--ivory)}
.hs3-k{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,239,233,.85);margin-bottom:14px}
.hs3-copy h1{font-size:clamp(34px,3.6vw,58px);line-height:1.02;letter-spacing:-.035em;font-weight:300;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.hs3-cta{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}
.hs3-cta .lnk{color:var(--ivory)}
.hs3-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:13px;color:rgba(242,239,233,.8)}
.hs3-bar{width:120px;height:1px;background:rgba(242,239,233,.3);overflow:hidden}
.hs3-bar i{display:block;height:100%;background:var(--ivory);transform:scaleX(0);transform-origin:left;animation:hsprog 7.5s linear infinite}
@media (max-width:860px){
  .hs3{height:88svh;min-height:520px}
  .hs3-meta{display:none}
  .hs3-copy h1{font-size:clamp(32px,8.6vw,42px)}
  .hs3-s img{object-position:62% 50%}
}
@media (prefers-reduced-motion:reduce){.hs3-s.on img,.hs3-bar i{animation:none}}
.hs3-wrap{flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important}
.hs3-shade{background:radial-gradient(ellipse 70% 60% at 0% 100%,rgba(10,10,9,.62) 0%,rgba(10,10,9,0) 70%),linear-gradient(180deg,rgba(10,10,9,.42) 0%,rgba(10,10,9,0) 18%,rgba(10,10,9,0) 60%,rgba(10,10,9,.35) 100%)}
@media (max-width:860px){.hs3-shade{background:linear-gradient(180deg,rgba(10,10,9,.45) 0%,rgba(10,10,9,0) 22%,rgba(10,10,9,0) 45%,rgba(10,10,9,.7) 100%)}}
@media (max-width:860px){.hs3-shade{background:linear-gradient(180deg,rgba(10,10,9,.45) 0%,rgba(10,10,9,0) 20%,rgba(10,10,9,.15) 38%,rgba(10,10,9,.8) 100%)}}

/* ===== HERO v5 ===== */
.fcta:not(.on){transform:translateY(calc(100% + 60px))}
/* A – kino přes celou plochu */
.h5a{background:#0d0d0c}
.h5a-media,.h5a-s{position:absolute;inset:0}
.h5a-media{z-index:0;isolation:isolate}
.h5a-s{opacity:0;overflow:hidden}.h5a-s.on{opacity:1}
.h5a-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;will-change:transform}
.h5a-shade{position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,7,.5) 0,rgba(8,8,7,0) 20%),linear-gradient(0deg,rgba(8,8,7,.82) 0,rgba(8,8,7,.5) 24%,rgba(8,8,7,0) 52%)}
.hero .h5a-wrap{z-index:21;flex-direction:row;justify-content:space-between;align-items:flex-end;justify-content:space-between;gap:40px}
.h5a-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin:0 0 18px}
.h5a h1{font-size:clamp(40px,5.2vw,84px);line-height:.98;letter-spacing:-.04em;max-width:12ch;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.h5a-cta{display:flex;align-items:center;gap:26px;margin-top:30px}
.h5a-meta{display:flex;flex-direction:column;align-items:flex-end;gap:16px;padding-bottom:6px}
.h5a-cap{display:flex;align-items:baseline;gap:10px;margin:0;font-size:14px}
.h5a-n{font-size:15px;font-weight:500}.h5a-sep{opacity:.55}.h5a-t{margin-left:10px;opacity:.9;min-width:13ch;text-align:right}
.h5a-dots{display:flex;gap:6px}
.h5a-dots button{width:34px;height:22px;display:grid;align-items:center;cursor:pointer;background:none;border:0;padding:0}
.h5a-dots button::before{content:"";grid-area:1/1;height:2px;background:rgba(242,239,233,.3)}
.h5a-dots i{grid-area:1/1;height:2px;background:var(--ivory);transform:scaleX(0);transform-origin:left}
/* B – fotka v rámu, text mimo fotku */
.h5b{padding:calc(var(--hdr) + clamp(18px,4vh,48px)) 0 clamp(20px,3vh,36px);min-height:100svh;display:flex;flex-direction:column}
.h5b>.wrap{flex:1;display:flex;flex-direction:column}
.h5b-top{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(20px,3.4vh,40px)}
.h5b h1{font-size:clamp(38px,4.3vw,74px);line-height:.96;letter-spacing:-.045em;max-width:14ch}
.h5b-side p{margin:0 0 22px;max-width:30em;color:var(--mute,#5b5953);font-size:16px}
.h5b-cta{display:flex;align-items:center;gap:24px}
.h5b-frame{position:relative;flex:1;min-height:340px;border-radius:14px;overflow:hidden;background:#d9d5cc}
.h5b-s{position:absolute;inset:0;overflow:hidden;opacity:0}.h5b-s.on{opacity:1}
.h5b-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.h5b-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-top:16px;font-size:14px}
.h5b-cap{margin:0;display:flex;align-items:baseline;gap:6px}.h5b-n{font-weight:500}.h5b-t{margin-left:16px;min-width:16ch}
.h5b-bar{height:1px;background:var(--line);position:relative}
.h5b-bar i{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left}
.h5b-nav{display:flex;gap:8px}
.h5b-nav button{width:46px;height:46px;border-radius:50%;border:0;background:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .3s,color .3s}
.h5b-nav button:hover{background:var(--ink);color:var(--bg)}
.h5b-nav .ar{width:18px;height:18px}.h5b-nav .p .ar{transform:scaleX(-1)}
/* C – text s rejstříkem vlevo, obraz vpravo */
.h5c{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:100svh}
.h5c-text{padding:calc(var(--hdr) + clamp(24px,6vh,72px)) clamp(24px,3.4vw,56px) clamp(28px,5vh,56px) var(--gut);display:flex;flex-direction:column}
.h5c-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute,#5b5953);margin:0 0 20px}
.h5c h1{font-size:clamp(40px,4.4vw,78px);line-height:.97;letter-spacing:-.045em;max-width:11ch}
.h5c-cta{display:flex;align-items:center;gap:24px;margin-top:30px}
.h5c-ix{list-style:none;margin:auto 0 0;padding:40px 0 0}
.h5c-ix li{border-top:1px solid var(--line)}.h5c-ix li:last-child{border-bottom:1px solid var(--line)}
.h5c-ix button{position:relative;width:100%;display:flex;align-items:baseline;gap:18px;padding:11px 0;border:0;background:none;font:inherit;font-size:15px;color:var(--mute,#5b5953);text-align:left;cursor:pointer;transition:color .3s,padding-left .5s var(--ease)}
.h5c-ix button span{font-size:12px;letter-spacing:.06em}
.h5c-ix button.on,.h5c-ix button:hover{color:var(--ink)}.h5c-ix button.on{padding-left:10px}
.h5c-ix i{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left}
.h5c-media{position:relative;margin:calc(var(--hdr) + 6px) var(--gut) clamp(14px,2vh,24px) 0;border-radius:14px;overflow:hidden;background:#d9d5cc}
.h5c-s{position:absolute;inset:0;overflow:hidden;opacity:0}.h5c-s.on{opacity:1}
.h5c-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
@media(max-width:860px){
  .h5a h1{font-size:clamp(38px,10.5vw,56px)}
  .h5a-shade{background:linear-gradient(180deg,rgba(8,8,7,.45) 0,rgba(8,8,7,0) 16%),linear-gradient(0deg,rgba(8,8,7,.88) 0,rgba(8,8,7,.62) 40%,rgba(8,8,7,0) 72%)}
  .hero .h5a-wrap{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:26px}
  .h5a-meta{align-items:flex-start;flex-direction:column-reverse}.h5a-t{text-align:left}
  .h5a-cta{flex-direction:column;align-items:flex-start;gap:16px}
  .h5b{min-height:0}
  .h5b-top{grid-template-columns:1fr;gap:18px}
  .h5b h1{font-size:clamp(38px,10.5vw,56px)}
  .h5b-frame{flex:none;height:58svh;min-height:300px}
  .h5b-foot{grid-template-columns:1fr auto}.h5b-bar{grid-column:1/-1;grid-row:2}
  .h5c{grid-template-columns:1fr;min-height:0}
  .h5c-media{grid-row:1;height:60svh;margin:var(--hdr) var(--gut) 0}
  .h5c-text{padding:28px var(--gut) 40px}
  .h5c h1{font-size:clamp(38px,10.5vw,56px)}
  .h5c-ix{margin-top:0}
}
@media(max-height:760px) and (min-width:861px){.h5c-ix{padding-top:24px}.h5c-ix button{padding:8px 0}.h5c-text{padding-top:calc(var(--hdr) + 28px)}}

/* ===== v23 – jako v22, ale pomalejší: řádek 1,2 s, odkryv fotky 1,5 s, dojezd zoomu 2 s =====
   otevřený řádek má bílý text a jemný spodní přechod, aby byl čitelný na barevné fotce
   stejná geometrie i časování jako v10-A, jen obrácené barvy: papírový pás, tmavý text,
   fotka se odkrývá zleva a je zesvětlená, ať je text čitelný */
/* A – tmavý pás, řádek se otevře a vyplní fotkou */
.el-j{width:100vw;margin-left:calc(50% - 50vw);background:var(--paper);color:var(--ink)}
.el-j-r{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.8fr) auto;align-items:center;gap:clamp(18px,3vw,56px);height:clamp(84px,11vh,124px);padding:0 var(--gut);overflow:hidden;border-top:1px solid var(--line);transition:height 1.2s var(--ease)}
.el-j-r:last-child{border-bottom:1px solid var(--line)}
.el-j-r .ph{position:absolute;inset:0;z-index:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.5s var(--ease)}
.el-j-r .ph img{width:100%;height:100%;object-fit:cover;opacity:1;transform:scale(1.06);transition:transform 2s var(--ease)}
.el-j-r>span:not(.ph){position:relative;z-index:1}
.el-j .n{font-size:12.5px;letter-spacing:.1em;color:var(--mute);font-variant-numeric:tabular-nums}
.el-j .t{font-size:clamp(26px,3.4vw,54px);font-weight:300;letter-spacing:-.035em;line-height:1}
.el-j .d{font-size:15px;color:var(--mute);transition:color .5s}
.el-j .go{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .5s,color .5s,transform .6s var(--ease)}
.el-j .go svg{width:18px;height:18px}
.el-j-r:hover,.el-j-r:focus-visible{height:clamp(200px,30vh,300px)}
.el-j-r:hover .ph,.el-j-r:focus-visible .ph{clip-path:inset(0 0 0 0)}
.el-j-r:hover .ph img,.el-j-r:focus-visible .ph img{transform:scale(1)}
.el-j-r:hover .d,.el-j-r:focus-visible .d{color:rgba(255,255,255,.94);text-shadow:0 1px 14px rgba(10,10,9,.6)}
.el-j-r:hover .t,.el-j-r:focus-visible .t,.el-j-r:hover .n,.el-j-r:focus-visible .n{color:#fff;text-shadow:0 2px 26px rgba(10,10,9,.5)}
.el-j-r:hover .go,.el-j-r:focus-visible .go{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.el-j-r:hover .go,.el-j-r:focus-visible .go{background:#fff;color:var(--ink);transform:rotate(-45deg)}
.el-j.dim .el-j-r:not(:hover):not(:focus-visible) .t{opacity:.42;transition:opacity .9s}

/* bílý závoj pod fotkou, aby tmavý text držel kontrast (v tmavé verzi to dělalo ztmavení) */
.el-j-r .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.55) 0,rgba(10,10,9,.4) 45%,rgba(10,10,9,.22) 70%,rgba(10,10,9,.06) 88%,rgba(10,10,9,0) 100%)}
.el-j-r .ph{background:var(--paper)}
@media(max-width:860px){
  .el-j-r{grid-template-columns:auto 1fr auto;gap:12px;height:76px}
  .el-j .d{display:none}
  .el-j .t{font-size:clamp(22px,6.6vw,30px)}
  .el-j .go{width:40px;height:40px}
  .el-j-r:hover{height:180px}
}
/* výřez na míru každé fotce, ať je v tom nízkém pásu vidět to podstatné */
/* vnořené položky pod Nábytek na míru (hlavička, mobil, patička) */
.ddsub{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 14px;padding:2px 12px 8px 88px;font-size:14px}
.ddm .ddsub a{display:inline-block;width:auto;padding:4px 0;color:var(--mute);background:none}
.ddsub a:hover{color:var(--ink);background:none}
.mnav a.l--sub{font-size:clamp(20px,5vw,26px);padding-left:22px;color:var(--mute)}
.foot a.sub{padding-left:14px;opacity:.8}

/* ===== v26 – fotka v panelu vpravo (4:3), řádek se otevře výš, text zůstává vlevo na papíru ===== */
.el-j-r:hover,.el-j-r:focus-visible{height:clamp(300px,46vh,440px)}
.el-j-r .ph{left:auto;right:calc(var(--gut) + 52px + 28px);width:42%;clip-path:inset(0 0 0 100%)}   /* fotka mezi názvem a šipkou */
.el-j-r .ph::after{display:none}
.el-j-r .ph img{opacity:1}
.el-j-r:hover .t,.el-j-r:focus-visible .t,.el-j-r:hover .n,.el-j-r:focus-visible .n{color:var(--ink);text-shadow:none}
.el-j-r:hover .d,.el-j-r:focus-visible .d{color:var(--ink-2);text-shadow:none}
.el-j-r:hover .go,.el-j-r:focus-visible .go{background:var(--ink);color:var(--paper);box-shadow:none}
/* zavřený řádek = jeden řádek: číslo | název | šipka (jako v10-A); popisek se ukáže až pod názvem po otevření */
.el-j-r{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;row-gap:0;padding-right:var(--gut)}   /* bez číslovek */   /* šipka na pravém kraji jako v10-A */
.el-j .n{grid-column:1;grid-row:1;align-self:center}
.el-j .t{grid-column:1;grid-row:1;white-space:nowrap;font-size:clamp(26px,3vw,48px);max-width:calc(58% - 60px)}
.el-j .d{grid-column:1;grid-row:2;max-width:28em;max-height:0;opacity:0;overflow:hidden;transition:max-height .8s var(--ease),opacity .5s,margin .8s var(--ease)}
.el-j-r:hover .d,.el-j-r:focus-visible .d{max-height:4em;opacity:1;margin-top:10px}
.el-j .go{grid-column:2;grid-row:1;align-self:center}
@media(max-width:860px){
  .el-j-r:hover{height:auto}
  .el-j-r .ph{position:relative;width:100%;height:0;clip-path:none;transition:height .8s var(--ease);grid-column:1/-1}
  .el-j-r:hover .ph{height:56vw}
  .el-j-r{padding-right:var(--gut);grid-template-columns:1fr auto}
  .el-j .t{white-space:normal}
  .el-j .d{display:none}
}

/* v28: kolečko se šipkou má vlastní třídu .go, ikona .ar už pravidla kolečka nedědí */
.el-j .go{width:52px;height:52px;flex:none}
.el-j .go .ar{width:18px;height:18px;transform:none;box-shadow:none;background:none;border-radius:0}

/* v30 – jemný pohyb textu v sekcích s fotkou (stejný jazyk jako hero a reveal jinde na webu) */
.rvs{opacity:0;transform:translateY(22px)}
[data-blur-scroll] .blur-word{display:inline-block;will-change:transform,filter}
.ticks li svg path{stroke-dasharray:24;stroke-dashoffset:24}
html.no-motion .rvs{opacity:1;transform:none}
html.no-motion .ticks li svg path{stroke-dashoffset:0}

/* v32 – filtr galerie: podtržení aktivního tlačítka plynule přejede */
.filters button{transition:background-color .35s,color .35s,transform .35s var(--ease)}
.filters button:active{transform:scale(.96)}
.grid-g a{will-change:transform,opacity}

/* v33 – lightbox: přechod mezi fotkami a počítadlo */
.lb img{will-change:transform,opacity;transform-origin:50% 50%}
.lb .lb-c{position:absolute;top:26px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font-size:13px;letter-spacing:.08em;font-variant-numeric:tabular-nums;pointer-events:none}
.lb p{transition:none}

/* ===== v40 – příklady s cenou: společné ===== */
.pcs dl,.pst-c dl,.pcard dl{margin:18px 0 0;display:grid;gap:8px 20px}
.pcs dl div,.pst-c dl div,.pcard dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:15px;border-top:1px solid var(--line);padding-top:8px}
.pcs dt,.pst-c dt,.pcard dt{color:var(--mute)}.pcs dd,.pst-c dd,.pcard dd{margin:0;color:var(--ink)}
.pcs-v span,.pst-v span,.pcard-v span{font-size:clamp(36px,3.6vw,60px);font-weight:300;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}
.pcs-v small,.pst-v small,.pcard-v small{font-size:.42em;letter-spacing:0;color:var(--mute);margin-left:8px}
.pcs-v em,.pst-v em,.pcard-v em{display:block;font-style:normal;font-size:13px;color:var(--mute);margin-top:8px}

/* A – případové řady */
.pcss{display:flex;flex-direction:column;gap:clamp(40px,7vh,96px);margin-top:30px}
.pcs{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:clamp(24px,4vw,64px);align-items:center}
.pcs--rev{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}   /* u obrácené řady zůstává fotka na 58 %, text na 42 % */
.pcs--rev .pcs-ph{order:2}
.pcs-ph{display:block;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--line-2)}
.pcs-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.pcs-ph:hover img{transform:scale(1.035)}
.pcs-t h3{font-size:clamp(28px,3vw,46px);font-weight:300;letter-spacing:-.03em;margin-top:12px}
.pcs-t p{color:var(--mute);margin-top:12px;max-width:34em}
.pcs-v{margin-top:26px;padding-top:22px;border-top:1px solid var(--ink)}
@media(max-width:860px){.pcs{grid-template-columns:1fr}.pcs--rev .pcs-ph{order:0}}

/* B – scéna s cenovkou a záložkami */
.pst{margin-top:26px}
.pst-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.pst-tabs button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:16px 18px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);background:var(--paper);text-align:left;transition:background-color .35s,color .35s,box-shadow .35s}
.pst-tabs button b{font-weight:500;font-size:16px}.pst-tabs button span{font-size:14px;color:var(--mute)}
.pst-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--bg);box-shadow:none}
.pst-tabs button[aria-pressed="true"] span{color:rgba(242,239,233,.7)}
.pst-stage{position:relative;height:clamp(460px,72vh,820px);border-radius:12px;overflow:hidden;background:var(--dark)}
.pst-media,.pst-s{position:absolute;inset:0}.pst-s{opacity:0}.pst-s.on{opacity:1}
.pst-s img{width:100%;height:100%;object-fit:cover;will-change:transform}
.pst-cards{position:absolute;left:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,40px);z-index:5;width:min(440px,calc(100% - 36px))}
.pst-c{position:absolute;left:0;bottom:0;width:100%;background:var(--paper);border-radius:12px;padding:clamp(20px,2.4vw,30px);opacity:0;pointer-events:none;box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.pst-c.on{opacity:1;pointer-events:auto;position:relative}
.pst-c h3{font-size:clamp(24px,2.2vw,34px);font-weight:300;letter-spacing:-.03em;margin-top:8px}
.pst-c p{color:var(--mute);font-size:15px;margin-top:8px}
.pst-c dl div{grid-template-columns:110px 1fr;font-size:14px}
.pst-v{margin-top:16px;padding-top:14px;border-top:1px solid var(--ink)}
.pst-v span{font-size:clamp(30px,3vw,44px)}
@media(max-width:860px){.pst-tabs{grid-template-columns:1fr}.pst-stage{height:auto}.pst-media{position:relative;height:56vw}.pst-cards{position:static;width:auto;margin-top:12px}.pst-c{box-shadow:none;padding:18px 0 0}}

/* C – stohované karty s fotkou přes celou kartu */
.pstack{margin-top:30px}
.scard.pcard{grid-template-columns:minmax(0,1fr) auto;background:var(--dark);color:var(--ivory);min-height:min(76vh,700px)}
.scard.pcard .ph{position:absolute;inset:0;min-height:0}
.scard.pcard .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.72) 0,rgba(10,10,9,.35) 55%,rgba(10,10,9,.15) 100%)}
.pcard-t{position:relative;z-index:2;padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:flex-end;max-width:620px}
.pcard-t .k{color:rgba(242,239,233,.7)}
.pcard-t h3{margin:14px 0 12px;font-size:clamp(32px,3.6vw,56px);letter-spacing:-.04em;font-weight:300}
.pcard-t p{color:rgba(242,239,233,.85);max-width:30em}
.pcard-t dl div{border-top-color:rgba(242,239,233,.25)}.pcard-t dt{color:rgba(242,239,233,.6)}.pcard-t dd{color:var(--ivory)}
.pcard-v{position:relative;z-index:2;align-self:flex-end;padding:clamp(28px,4vw,60px);text-align:right}
.pcard-v em{color:rgba(242,239,233,.7)}
@media(max-width:860px){.scard.pcard{grid-template-columns:1fr;min-height:0}.pcard-v{align-self:auto;text-align:left;padding-top:0}}
/* štítek s počtem fotek u příkladu + skrytá galerie realizace */
.pcount{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(15,15,14,.72);color:#fff;font-size:12.5px;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}
.pcount--btn{pointer-events:auto;cursor:pointer;transition:background-color .3s}
.pcount--btn:hover{background:var(--ink)}
.pcount .ar{width:14px;height:14px}
.pcs-ph{position:relative}
.pst-s .pcount,.pcard .ph .pcount{left:auto;right:16px;top:16px}
.pgal{display:none}

/* ===== v41 – animované ikony „Co ovlivňuje cenu" ===== */
.why .i.i--fx{width:64px;height:64px;border-radius:18px;background:transparent;color:var(--ivory);box-shadow:inset 0 0 0 1px rgba(242,239,233,.22);position:relative;overflow:hidden;transition:box-shadow .5s,background-color .5s}
.why-fx{grid-template-columns:64px 1fr!important;align-items:start}
.why .i.i--fx::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(184,32,42,.55),transparent 70%);opacity:0;transition:opacity .6s}
.why .i.i--fx svg{width:32px;height:32px;position:relative;overflow:visible}
.why .i--fx .d{stroke-dasharray:80;stroke-dashoffset:80}
.why-fx.on .i--fx .d{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.65,0,.35,1)}
.why-fx.on .i--fx .a1{transition-delay:.25s}.why-fx.on .i--fx .a2{transition-delay:.45s}.why-fx.on .i--fx .a3{transition-delay:.6s}
.why-fx:hover .i--fx{box-shadow:inset 0 0 0 1px rgba(242,239,233,.55)}
.why-fx:hover .i--fx::before{opacity:1}
.why .i--fx g,.why .i--fx rect,.why .i--fx path{transform-box:fill-box;transform-origin:center}
/* dispozice: kóta se roztáhne, úchytky naskočí */
.why-fx.on .i--ruler .a1{animation:fxDim 1.6s cubic-bezier(.65,0,.35,1) infinite}
.why-fx.on .i--ruler .a2{animation:fxBlink 1.6s ease-in-out infinite}
@keyframes fxDim{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.72)}}
@keyframes fxBlink{0%,100%{opacity:1}50%{opacity:.25}}
/* materiály: vzorky se rozvějíří */
.why .i--swatch .a1,.why .i--swatch .a3{transform-origin:50% 100%}
.why-fx.on .i--swatch .a1{animation:fxF1 1.8s ease-in-out infinite}
.why-fx.on .i--swatch .a3{animation:fxF3 1.8s ease-in-out infinite}
@keyframes fxF1{50%{transform:translateX(-1.5px) rotate(-12deg)}}@keyframes fxF3{50%{transform:translateX(1.5px) rotate(12deg)}}
/* kování: horní zásuvka vyjede (plnovýsuv) a dojede tlumeně */
.why-fx.on .i--hinge .a1{animation:fxDr 1.8s cubic-bezier(.22,1,.36,1) infinite}
.why-fx.on .i--hinge .a2{animation:fxBlink 1.8s ease-in-out infinite}
@keyframes fxDr{0%,100%{transform:translate(0,0)}40%,62%{transform:translate(6px,1.5px)}}
/* spotřebiče a světlo: LED lišta se rozsvítí, kontrolka trouby běží */
.why-fx.on .i--light .a1{animation:fxGlow 1.4s ease-in-out infinite}
.why-fx.on .i--light .a2{animation:fxBlink 1.4s ease-in-out infinite}
@keyframes fxGlow{0%,100%{opacity:.3}50%{opacity:1}}
.why .i.i--fx svg{width:36px;height:36px}
@media(prefers-reduced-motion:reduce){.why .i--fx .d{stroke-dashoffset:0}.why-fx.on .i--fx *{animation:none!important}}
/* vzorky jako karty přes sebe (výplň barvou pozadí), zásuvka zakryje korpus */
.why .i--swatch rect,.why .i--hinge .a1 path:first-child{fill:#131312}

/* v43: animace běží samy po dokreslení (od 1,4 s), každá ikona s jiným zpožděním */
.why-fx.on .i--fx *{animation-delay:1.4s}
.why-fx.on .i--swatch *{animation-delay:1.9s}
.why-fx.on .i--hinge *{animation-delay:2.4s}
.why-fx.on .i--light *{animation-delay:2.9s}
.why-fx.on .i--ruler .a1,.why-fx.on .i--ruler .a2{animation-duration:2.6s}
.why-fx.on .i--swatch .a1,.why-fx.on .i--swatch .a3{animation-duration:3s}
.why-fx.on .i--hinge .a1,.why-fx.on .i--hinge .a2{animation-duration:3.2s}
.why-fx.on .i--light .a1,.why-fx.on .i--light .a2{animation-duration:2.4s}

/* ===== v44 – plovoucí tlačítko vpravo dole: pohyb jen při najetí ===== */
.fcta a{position:relative;overflow:hidden;isolation:isolate;transition:background-color .35s,color .35s,transform .35s cubic-bezier(.22,1,.36,1)}
.fcta a:active{transform:scale(.96)}
/* Zavolat: podklad se rozsvítí, sluchátko zazvoní a kolem něj proběhne vlnka */
.fcta a:not(.main)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(242,239,233,.12);opacity:0;transition:opacity .35s}
.fcta a:not(.main):hover::before{opacity:1}
.fcta a:not(.main) svg{transform-origin:50% 50%;overflow:visible}
.fcta a:not(.main):hover svg{animation:ftRing .9s cubic-bezier(.36,.07,.19,.97) infinite}
@keyframes ftRing{0%,60%,100%{transform:rotate(0)}8%{transform:rotate(-16deg)}16%{transform:rotate(14deg)}24%{transform:rotate(-12deg)}32%{transform:rotate(9deg)}40%{transform:rotate(-5deg)}48%{transform:rotate(2deg)}}
.fcta a:not(.main) span{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.fcta a:not(.main):hover span{transform:translateX(2px)}
/* 3D návrh zdarma: červená výplň vyjede zespodu, šipka odjede a přijede zleva */
.fcta a.main::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--red);transform:translateY(101%);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.fcta a.main:hover{color:#fff}
.fcta a.main:hover::before{transform:none}
.fcta a.main .ar{transition:transform .35s}
.fcta a.main:hover .ar{animation:ftArrow .6s cubic-bezier(.22,1,.36,1)}
@keyframes ftArrow{0%{transform:translateX(0);opacity:1}45%{transform:translateX(14px);opacity:0}46%{transform:translateX(-14px);opacity:0}100%{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.fcta a:hover svg,.fcta a.main:hover .ar{animation:none}}

/* ===== v45 – kontakty jsou poznat jako klikací ===== */
/* podtržení vyjede zleva při najetí (text) */
.ct{position:relative;display:inline-block!important;width:fit-content;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .5s cubic-bezier(.22,1,.36,1),color .3s}
.ct:hover{background-size:100% 1px}
.ct--addr::after{content:"↗";display:inline-block;margin-left:6px;font-size:.8em;opacity:.5;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s}
.ct--addr:hover::after{transform:translate(3px,-3px);opacity:1}
.cbox a.ct:hover{color:var(--red)}
/* sekce „Chcete přesnou cenu": kolečko s ikonou se vyplní, ikona se pohne, text se posune */
.lead-contacts a{width:fit-content;transition:color .3s}
.lead-contacts a span{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .4s,color .4s}
.lead-contacts a span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--ivory);transform:scale(0);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.lead-contacts a:hover span{color:var(--ink);box-shadow:none}
.lead-contacts a:hover span::before{transform:scale(1)}
.lead-contacts a{background:linear-gradient(currentColor,currentColor) 62px 100%/0 1px no-repeat;padding-bottom:4px;transition:background-size .5s cubic-bezier(.22,1,.36,1)}
.lead-contacts a:hover{background-size:calc(100% - 62px) 1px}
.lead-contacts a[href^="tel"]:hover svg{animation:ftRing .9s cubic-bezier(.36,.07,.19,.97) infinite}
.lead-contacts a[href^="mailto"]:hover svg{animation:ctMail .8s cubic-bezier(.22,1,.36,1)}
.lead-contacts a[href*="maps"]:hover svg{animation:ctPin .8s cubic-bezier(.22,1,.36,1) infinite}
@keyframes ctMail{0%{transform:translateX(0)}40%{transform:translateX(10px);opacity:0}41%{transform:translateX(-10px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes ctPin{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}}
/* hlavička: telefon */
.hdr .tel{transition:opacity .3s}.hdr .tel:hover svg{animation:ftRing .9s cubic-bezier(.36,.07,.19,.97) infinite}
.g-badge{transition:transform .4s cubic-bezier(.22,1,.36,1)}.g-badge:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.lead-contacts a:hover svg,.hdr .tel:hover svg{animation:none}}

/* ===== v46 – nadpis v patičce „Uvidíte svůj nábytek dřív, než ho vyrobíme." ===== */
.ffx .w{display:inline-block;white-space:pre}
/* A – Text Scroll Reveal: slova se při scrollu postupně rozsvítí z 18 % na 100 % */
.ffx--A .w{opacity:.18}
/* B – Scroll Marker Reveal: za „dřív, než ho vyrobíme" se při scrollu protáhne červený zvýrazňovač */
.ffx--B mark{position:relative;background:none;color:inherit;padding:0 .08em;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  background-image:linear-gradient(transparent 62%,rgba(184,32,42,.9) 62%,rgba(184,32,42,.9) 90%,transparent 90%);background-repeat:no-repeat;background-size:0% 100%}
/* C – Reveal Text Ultra (blur + kerning tighten): písmena z rozostření a širokého prostrkání dosednou */
.ffx--C .c{display:inline-block;will-change:opacity,transform}.ffx--C .w{will-change:filter}
@media(prefers-reduced-motion:reduce){.ffx--A .w{opacity:1}.ffx--B mark{background-size:100% 100%}}

/* v50 – úvodní text u poptávky na tmavém pozadí byl skoro neviditelný (#2a2926 na #131312): světle šedý, ne bílý */
.lead-sec .lead{color:#b8b3aa}

/* v51 – fotka v „O nás“ na Studiu: výřez tak, aby byla vidět hlava i monitor */
img[src*="img/designer"]{object-position:26% 50%}
img[src*="img/skica-1"]{object-position:48% 50%}

/* v53 – závoj karty postupu místo průhlednosti */
.stack .scard{--dim:0}
.stack .scard::after{content:"";position:absolute;inset:0;background:var(--veil,#f2efe9);opacity:var(--dim);pointer-events:none;z-index:3;border-radius:inherit}

/* v57 – Reference hero: čtvercová fotka, výřez na hlavu a varnou desku */
img[src*="img/ref-kuchar"]{object-position:50% 30%}

/* v59 – sekce pod recenzemi na Referencích */
/* A – výzva k recenzi */
.rva-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.rva-score{display:grid;justify-items:start;gap:14px;padding:clamp(28px,4vw,56px);border-radius:14px;background:var(--bg,#F2F0EB);box-shadow:0 0 0 1px var(--line)}
.rva-n{font-size:clamp(96px,13vw,190px);font-weight:300;line-height:.85;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.rva-st{display:flex;gap:6px}
.rva-s{position:relative;width:34px;height:34px;display:block}
.rva-s svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--line)}
.rva-s i{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--f) * var(--p, 1) * 100%) 0 0)}
.rva-s i svg{fill:#E0A43A}
.rva-score p{margin:0;color:var(--mute)}
.rva-txt h2{margin-bottom:20px}.rva-txt p{color:var(--ink-2);max-width:32em}
.rva-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:28px}
/* B – jedna velká recenze */
.rvb-stage{position:relative;display:grid;margin:clamp(28px,4vw,48px) 0 clamp(36px,5vw,64px)}
.rvb-q{grid-area:1/1;margin:0;visibility:hidden}
.rvb-q.on{visibility:visible}
.rvb-q p{margin:0;max-width:24em;font-size:clamp(28px,3.6vw,54px);line-height:1.18;letter-spacing:-.035em;font-weight:300}
.rvb-q p::before{content:"„"}.rvb-q p::after{content:"“"}
.rvb-q .w{display:inline-block;white-space:pre}
.rvb-nav{display:flex;flex-wrap:wrap;gap:10px 28px;border-top:1px solid var(--line);padding-top:22px}
.rvb-nav button{all:unset;cursor:pointer;position:relative;display:flex;align-items:center;gap:10px;padding-bottom:10px;color:var(--mute);font-size:15px;transition:color .4s}
.rvb-nav button:hover,.rvb-nav button.on{color:var(--ink,#141413)}
.rvb-nav .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:rgba(20,20,19,.06)}
.rvb-nav button.on .av{background:var(--red);color:#fff}
.rvb-nav i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line);overflow:hidden}
.rvb-nav i::after{content:"";position:absolute;inset:0;background:var(--ink,#141413);transform:scaleX(var(--t,0));transform-origin:0 50%}
.rvb-nav button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
/* C – co zákazníci zmiňují */
.rvc-list{border-top:1px solid var(--line)}
.rvc-r{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,64px);padding:clamp(26px,3.4vw,44px) 0;border-bottom:1px solid var(--line)}
.rvc-h{margin:0;display:flex;align-items:baseline;gap:18px;font-size:clamp(28px,3.2vw,48px);letter-spacing:-.04em;font-weight:300}
.rvc-h .n{font-size:13px;letter-spacing:0;color:var(--mute);font-variant-numeric:tabular-nums}
.rvc-qs{display:grid;gap:18px}
.rvc-q{margin:0}
.rvc-q blockquote{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:var(--ink,#141413)}
.rvc-q blockquote{background:linear-gradient(transparent 60%,rgba(184,32,42,.16) 60% 92%,transparent 92%) no-repeat 0 0/0% 100%;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.rvc-q figcaption{margin-top:6px;font-size:14px;color:var(--mute)}
@media(max-width:860px){.rva-in,.rvc-r{grid-template-columns:1fr}.rvb-nav .nm{display:none}.rvb-nav button.on .nm{display:inline}}
@media(prefers-reduced-motion:reduce){.rvc-q blockquote{background-size:100% 100%}}

/* v61 – Poradna: filtr kategorií, všechny dotazy, formátování článků */
.blog-f{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(28px,3vw,44px)}
.blog-f button{all:unset;cursor:pointer;padding:9px 16px;border-radius:99px;font-size:15px;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,color .3s,box-shadow .3s}
.blog-f button span{margin-left:4px;font-size:12px;opacity:.55;font-variant-numeric:tabular-nums}
.blog-f button:hover{box-shadow:inset 0 0 0 1px var(--ink,#141413)}
.blog-f button.on{background:var(--ink,#141413);color:var(--paper);box-shadow:none}
.blog-f button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.posts .post.is-off{display:none}
.post h3{text-wrap:balance}
.faq--all .faq-gs{display:grid;gap:clamp(32px,4vw,48px)}
.faq-gh{margin:0 0 6px;font-size:14px;font-weight:400;letter-spacing:.02em;color:var(--mute)}
.phero--art .hero-row p{font-size:15px;color:rgba(242,239,233,.85)}
/* článek */
.article{font-feature-settings:"kern"}
.article>*:first-child{margin-top:0}
.article h2{margin:56px 0 18px;line-height:1.15;text-wrap:balance}
.article h3{margin:40px 0 12px;font-size:clamp(21px,1.8vw,26px);line-height:1.25;text-wrap:balance}
.article h4{margin:30px 0 10px;font-size:19px;font-weight:500;letter-spacing:-.01em;color:var(--ink,#141413)}
.article h2+h3,.article h3+h4,.article h2+h4{margin-top:14px}
.article p{margin:0}
.article p+p{margin-top:16px}
.article h2+p,.article h3+p,.article h4+p{margin-top:0}
.article p+ul,.article p+ol{margin-top:12px}
.article ul,.article ol{margin:16px 0 22px;padding-left:1.3em}
.article li{margin:6px 0;padding-left:.2em}
.article li::marker{color:var(--red)}
.article ol li::marker{font-variant-numeric:tabular-nums;font-size:.9em}
.article li ul,.article li ol{margin:6px 0 8px}
.article ul+p,.article ol+p,.article .art-table+p,.article .art-fig+p{margin-top:18px}
.article strong{font-weight:500;color:var(--ink,#141413)}
.article a{text-decoration:underline;text-decoration-color:rgba(184,32,42,.5);text-underline-offset:3px;transition:text-decoration-color .3s}
.article a:hover{text-decoration-color:var(--red)}
.article .art-note{margin:24px 0;padding:18px 22px;border-left:2px solid var(--red);background:var(--paper);border-radius:0 8px 8px 0;color:var(--ink,#141413)}
.article .art-fig{margin:36px 0}
.article .art-fig img{display:block;width:100%;height:auto;margin:0;border-radius:10px}
.article figcaption{margin-top:-24px;margin-bottom:32px;font-size:14px;color:var(--mute)}
.article .art-table{margin:28px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.article th,.article td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article thead th,.article tr:first-child td strong{font-weight:500}
.article thead th{border-bottom:1px solid var(--ink,#141413)}
.article blockquote{margin:28px 0;padding-left:22px;border-left:2px solid var(--red);font-size:20px}
.article .art-sig{margin-top:44px}
@media(max-width:860px){.article p,.article li{font-size:17px}.article h2{margin-top:44px}}
.article p.art-b{margin-top:30px}
.article p.art-b+p,.article p.art-b+ul,.article p.art-b+ol{margin-top:8px}
/* řádky s tečkovanou spojnicí („položka …… hodnota“) */
.article .art-lead{margin:18px 0 26px;border-top:1px solid var(--line)}
.article .ld-r,.article .ld-li{display:flex;align-items:baseline;gap:10px}
.article .ld-r{padding:11px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.45;color:var(--ink-2)}
.article .ld-h{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.article .ld-r .d,.article .ld-li .d{flex:1 1 24px;min-width:24px;border-bottom:1.5px dotted rgba(20,20,19,.28);transform:translateY(-4px)}
.article .ld-h .d{border:0}
.article .ld-r .r,.article .ld-li .r{text-align:right;color:var(--ink,#141413)}
.article .ld-r .l{flex:0 1 auto}
@media(max-width:560px){.article .ld-li{flex-wrap:wrap}.article .ld-li .d{display:none}.article .ld-li .r{flex-basis:100%;text-align:left}}
.article hr{border:0;height:1px;background:var(--line);margin:44px 0}
.article hr+h2,.article hr+h3{margin-top:0}
.article .art-fig--p{max-width:520px;margin-left:auto;margin-right:auto}
.article li:has(>ol>.ld-li),.article li:has(>ul>.ld-li){list-style:none}
.article ol:has(>.ld-li),.article ul:has(>.ld-li){list-style:none;padding-left:0}
.article li:has(>ol>.ld-li){margin-left:-1.3em}
.article .art-fig[style]{margin-left:auto;margin-right:auto}
.article li.art-nb{list-style:none}
.article li.art-nb>ul,.article li.art-nb>ol{margin-top:0}
@media(max-width:560px){.article .ld-li{padding:10px 0;margin:0;border-bottom:1px solid var(--line)}.article .ld-li .r{margin-top:2px}}

/* v62 – článek jako redakční stránka: hlavička s metadaty a velkou fotkou, obsah článku vlevo (sticky), perex, širší fotky */
.art-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.art-prog i{display:block;height:100%;background:var(--red);transform:scaleX(var(--p,0));transform-origin:0 50%}
.art-hero{padding:calc(var(--hdr) + clamp(28px,4vw,56px)) 0 0}
.art-hero .crumbs{margin-bottom:clamp(24px,3vw,40px)}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 18px;font-size:14px;color:var(--mute)}
.art-meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5;margin-right:18px;transform:translateY(-3px)}
.art-meta .art-cat{padding:4px 11px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink,#141413)}
.art-meta .art-cat::before{display:none}
.art-meta time+span+.art-cat{margin-left:0}
.art-h1{max-width:18em;margin:0;font-size:clamp(36px,5vw,72px);font-weight:300;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.art-cover{margin-top:clamp(32px,4vw,56px);aspect-ratio:21/9;border-radius:14px;overflow:hidden;background:var(--line-2)}
.art-cover img{width:100%;height:100%;object-fit:cover}
.art-sec{padding-top:clamp(48px,6vw,88px)}
.art-wrap{display:grid;grid-template-columns:minmax(0,240px) minmax(0,740px);justify-content:center;gap:clamp(32px,6vw,110px);align-items:start}
.art-side{position:sticky;top:calc(var(--hdr) + 32px);display:grid;gap:28px}
.art-toc-h{margin:0 0 12px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.art-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.art-toc li{margin:0}
.art-toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);transition:color .3s,border-color .3s}
.art-toc a:hover{color:var(--ink,#141413)}
.art-toc a.on{color:var(--ink,#141413);border-left-color:var(--red)}
.art-back{font-size:14px;justify-self:start}
.art-wrap .article{max-width:none;margin:0}
.article .art-perex{font-size:clamp(20px,1.7vw,24px);line-height:1.55;color:var(--ink,#141413);margin-bottom:28px}
.article h2{scroll-margin-top:calc(var(--hdr) + 24px);padding-top:clamp(40px,4vw,56px);margin-top:clamp(40px,4vw,56px);border-top:1px solid var(--line);font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.035em}
.article>h2:first-child{border-top:0;padding-top:0;margin-top:0}
.article h3{font-weight:400}
.article .art-fig{margin:44px 0}
.article .art-fig img{border-radius:12px}
@media(min-width:1180px){.article .art-fig:not([style]):not(.art-fig--p){margin-left:-48px;margin-right:-48px}}
.article p.art-b{font-size:19px}
@media(max-width:1000px){
  .art-wrap{grid-template-columns:1fr}
  .art-side{position:static;order:-1}
  .art-toc ol{columns:1}
  .art-cover{aspect-ratio:4/3}
}
@media(max-width:860px){.art-toc{display:none}.art-side{display:none}}

/* v63 – řádky, které ve starém webu začínaly „?“, „✔️“, „❌“, „→“, „👉“…: ikona místo znaku v textu */
.article ul.mk-list{list-style:none;padding-left:0;margin:18px 0 24px;display:grid;gap:10px}
.article .mk{position:relative;padding-left:34px;list-style:none}
.article li.mk{margin:0}
.article ul:has(>li.mk){list-style:none;padding-left:0}
.article .mk::before{content:"";position:absolute;left:0;top:.28em;width:22px;height:22px;border-radius:50%;background:var(--paper) center/12px no-repeat;box-shadow:inset 0 0 0 1px var(--line)}
.article .mk-q::before{content:"?";display:grid;place-items:center;font-size:13px;font-weight:500;color:var(--red);background:rgba(184,32,42,.08);box-shadow:none}
.article .mk-ok::before{background-color:rgba(46,125,70,.1);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d46' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.article .mk-no::before{background-color:rgba(184,32,42,.08);box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8202a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.article .mk-ar::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141413' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.article .mk-dot::before{background:rgba(46,125,70,.1) radial-gradient(circle,#2e7d46 0 4px,transparent 4.5px);box-shadow:none}
.article p.mk-pin,.article p.mk-warn{padding:16px 20px 16px 52px;border-radius:10px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin:22px 0}
.article p.mk-pin::before,.article p.mk-warn::before{left:18px;top:17px}
.article .mk-pin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8202a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17v5M9 3h6l-1 6 3 3v2H7v-2l3-3z'/%3E%3C/svg%3E")}
.article .mk-warn::before{content:"!";display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;background:var(--red);box-shadow:none}
.article p.mk{margin-top:14px}
.article .kc{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--red);color:#fff;font-size:13px;font-weight:500;vertical-align:1px}
.article p.mk.art-b,.article .mk strong{font-weight:500}
.article .stars{display:inline-flex;gap:3px;vertical-align:-3px;margin-left:4px}
.article .stars i{width:16px;height:16px;background:var(--line);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4-4.7-4.4 6.4-.8z'/%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 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4-4.7-4.4 6.4-.8z'/%3E%3C/svg%3E") center/contain no-repeat}
.article .stars i.on{background:#E0A43A}

/* ===== v65 – animované ikony i v „5 důvodů“ na Kuchyních (světlá sekce) ===== */
.sec:not(.dark) .why .i.i--fx{color:var(--ink,#141413);box-shadow:inset 0 0 0 1px var(--line);background:var(--paper)}
.sec:not(.dark) .why-fx:hover .i--fx{box-shadow:inset 0 0 0 1px rgba(20,20,19,.35)}
.sec:not(.dark) .why .i.i--fx::before{background:radial-gradient(circle at 50% 120%,rgba(184,32,42,.18),transparent 70%)}
.sec:not(.dark) .why .i--swatch rect,.sec:not(.dark) .why .i--hinge .a1 path:first-child,.why .i--cube .a1 path{fill:var(--paper)}
.why .i--shield .a1,.why .i--cash .a1 path{stroke:var(--red)}
/* 3D návrh: horní stěna kostky se nadzvedne */
.why-fx.on .i--cube .a1{animation:fxLift 3s cubic-bezier(.65,0,.35,1) infinite}
.why-fx.on .i--cube .a2{animation:fxBlink 3s ease-in-out infinite}
@keyframes fxLift{0%,100%{transform:translateY(0)}40%,62%{transform:translateY(-3.5px)}}
/* záruka: fajfka se dokreslí znovu */
.why-fx.on .i--shield .a1{animation:fxTick 3.2s cubic-bezier(.65,0,.35,1) infinite}
@keyframes fxTick{0%,12%{stroke-dashoffset:80}45%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-80}}
.why .i--shield .a1{stroke-dasharray:18 80}
/* vlastní výroba: kouř stoupá, okno svítí */
.why-fx.on .i--home .a1{animation:fxSmoke 2.6s ease-out infinite}
.why-fx.on .i--home .a2{animation:fxGlow 2.6s ease-in-out infinite}
@keyframes fxSmoke{0%{opacity:0;transform:translate(0,3px) scale(.8)}30%{opacity:1}100%{opacity:0;transform:translate(1px,-4px) scale(1.15)}}
.why .i--home .a2{fill:rgba(224,164,58,.35)}
/* cena: mince dopadne na bankovku */
.why-fx.on .i--cash .a1{animation:fxDrop 3s cubic-bezier(.34,1.3,.64,1) infinite}
@keyframes fxDrop{0%{transform:translateY(-9px);opacity:0}20%{opacity:1}42%{transform:translateY(1.5px)}52%{transform:translateY(-1.2px)}60%,84%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}
/* rozestupy autoplay podle pořadí v mřížce */
.why .why-fx:nth-child(1).on .i--fx *{animation-delay:1.4s}
.why .why-fx:nth-child(2).on .i--fx *{animation-delay:1.8s}
.why .why-fx:nth-child(3).on .i--fx *{animation-delay:2.2s}
.why .why-fx:nth-child(4).on .i--fx *{animation-delay:2.6s}
.why .why-fx:nth-child(5).on .i--fx *{animation-delay:3s}
.why .why-fx:nth-child(6).on .i--fx *{animation-delay:3.4s}

/* ===== v70 – Parallax Strip Slider = originální React komponenta (rzreact/parallax-strip-slider.tsx beze změny) ===== */
.rzr{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#131312;color:#F2EFE9}
.rzr-mount{position:absolute;inset:0}
/* horní prvky komponenty pod pevnou hlavičku webu (jen CSS, kód komponenty beze změny) */
.parallax-strip-slider>.h-px{top:calc(var(--hdr) + 1.5rem)}.parallax-strip-slider>.inset-x-0.top-0{top:var(--hdr)}
@media(min-width:640px){.parallax-strip-slider>.h-px{top:calc(var(--hdr) + 2rem)}}
.rzr-link{position:absolute;right:var(--gut);top:calc(var(--hdr) + 5rem);z-index:30;color:#F2EFE9;font-size:14px}
@media(min-width:640px){.rzr-link{top:calc(var(--hdr) + 4rem)}}
@media(max-width:639px){.parallax-strip-slider h2{font-size:clamp(34px,10vw,60px)}}
/* písmo komponenty (Instrument Serif z Google Fonts) → písmo webu; jediná úprava vzhledu, kód komponenty nedotčen */
.parallax-strip-slider h2{font-family:var(--font,"Space Grotesk"),sans-serif!important;font-weight:300;letter-spacing:-.045em;margin:0}
.parallax-strip-slider *{box-sizing:border-box}
.parallax-strip-slider img{max-width:none}
/* Tailwind utility třídy, které komponenta používá (v4 hodnoty) */
.parallax-strip-slider .relative{position:relative}.parallax-strip-slider .absolute{position:absolute}.parallax-strip-slider .fixed{position:fixed}
.parallax-strip-slider .inset-0{inset:0}.parallax-strip-slider .inset-y-0{top:0;bottom:0}.parallax-strip-slider .inset-x-0{left:0;right:0}
.parallax-strip-slider .inset-x-6{left:1.5rem;right:1.5rem}.parallax-strip-slider .top-6{top:1.5rem}.parallax-strip-slider .top-0{top:0}.parallax-strip-slider .left-0{left:0}.parallax-strip-slider .bottom-0{bottom:0}
.parallax-strip-slider .left-1\/2{left:50%}.parallax-strip-slider .top-1\/2{top:50%}
.parallax-strip-slider .h-full{height:100%}.parallax-strip-slider .w-full{width:100%}.parallax-strip-slider .h-px{height:1px}.parallax-strip-slider .w-1\/3{width:33.333333%}
.parallax-strip-slider .h-0\.5{height:.125rem}.parallax-strip-slider .w-4{width:1rem}.parallax-strip-slider .w-\[2ch\]{width:2ch}
.parallax-strip-slider .size-15{width:3.75rem;height:3.75rem}.parallax-strip-slider .size-7\.5{width:1.875rem;height:1.875rem}
.parallax-strip-slider .overflow-hidden{overflow:hidden}.parallax-strip-slider .object-cover{object-fit:cover}.parallax-strip-slider .select-none{user-select:none;-webkit-user-select:none}
.parallax-strip-slider .will-change-transform{will-change:transform}.parallax-strip-slider .origin-left{transform-origin:left}
.parallax-strip-slider .pointer-events-none{pointer-events:none}.parallax-strip-slider .z-10{z-index:10}.parallax-strip-slider .z-20{z-index:20}.parallax-strip-slider .z-\[100\]{z-index:100}
.parallax-strip-slider .flex{display:flex}.parallax-strip-slider .block{display:block}.parallax-strip-slider .inline-block{display:inline-block}
.parallax-strip-slider .flex-col{flex-direction:column}.parallax-strip-slider .items-end{align-items:flex-end}.parallax-strip-slider .items-center{align-items:center}.parallax-strip-slider .items-stretch{align-items:stretch}
.parallax-strip-slider .justify-center{justify-content:center}.parallax-strip-slider .justify-end{justify-content:flex-end}.parallax-strip-slider .shrink-0{flex-shrink:0}
.parallax-strip-slider .order-1{order:1}.parallax-strip-slider .order-2{order:2}.parallax-strip-slider .gap-5{gap:1.25rem}
.parallax-strip-slider .px-6{padding-left:1.5rem;padding-right:1.5rem}.parallax-strip-slider .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.parallax-strip-slider .pt-12{padding-top:3rem}.parallax-strip-slider .pb-10{padding-bottom:2.5rem}.parallax-strip-slider .pb-24{padding-bottom:6rem}
.parallax-strip-slider .text-xs{font-size:.75rem;line-height:1rem}.parallax-strip-slider .text-6xl{font-size:3.75rem;line-height:1}.parallax-strip-slider .leading-none{line-height:1}
.parallax-strip-slider .font-medium{font-weight:500}.parallax-strip-slider .tracking-wide{letter-spacing:.025em}.parallax-strip-slider .text-right{text-align:right}.parallax-strip-slider .rounded-full{border-radius:9999px}
@media(min-width:640px){.parallax-strip-slider .sm\:inset-x-10{left:2.5rem;right:2.5rem}.parallax-strip-slider .sm\:top-8{top:2rem}.parallax-strip-slider .sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.parallax-strip-slider .sm\:pt-16{padding-top:4rem}.parallax-strip-slider .sm\:text-7xl{font-size:4.5rem;line-height:1}}
@media(min-width:1024px){.parallax-strip-slider .lg\:text-8xl{font-size:6rem;line-height:1}}
.parallax-strip-slider{position:relative;height:100%;width:100%;overflow:hidden}

/* ===== v71 – jen CSS kolem komponenty (kód komponenty beze změny) =====
   1) nadpis na jednom řádku jako v originále (naše názvy jsou delší než jejich jednoslovné, lámaly se na 2–3 řádky a ořezávaly)
   2) počítadlo vpravo dole nekryje plovoucí tlačítko: tlačítko se schová, dokud je pás na obrazovce */
.parallax-strip-slider>.bottom-0>h2{width:auto;flex:0 1 auto;white-space:nowrap;font-size:clamp(40px,4.4vw,84px)!important}
.parallax-strip-slider>.bottom-0>div[aria-hidden]{width:0;flex:1 1 0}
.parallax-strip-slider>.bottom-0>span.flex{width:auto}
.fcta.fcta-hide{transform:translateY(140%)!important}
/* 3) nadpis: SplitText rozdělí písmena na inline-block a mezery nechá jako text; h2 je v komponentě display:flex a flex mezery mezi položkami zahazuje
   → víceslovný název se během animace slil („KuchynědoUsostrůvkem“) a po dokončení skočil zpět. Jejich názvy jsou jednoslovné, proto to u nich nevidíš. Block to řeší. */
.parallax-strip-slider>.bottom-0>h2{display:block}
/* v73 F1 – bez GPU vrstvy na každém z 10 pruhů (na 4K = 10 obřích textur → kompozitor vynechává snímky) */
.parallax-strip-slider .will-change-transform{will-change:auto}
/* v78 – nadpis v pásu realizací: overflow:hidden komponenty ořezával dolní dotahy (y, ů, ň) → místo navíc dole, opticky beze změny */
.parallax-strip-slider>.bottom-0>h2{line-height:1.12!important;padding-bottom:.12em;margin-bottom:-.12em}
/* v79 – nadpis pásu: bez kerningu, aby text rozdělený na písmena (během animace) měl stejnou šířku jako celý text po ní → žádné cuknutí na konci */
.parallax-strip-slider>.bottom-0>h2{font-kerning:none;font-feature-settings:"kern" 0,"liga" 0,"calt" 0;text-rendering:optimizeSpeed}

/* ===== v81 – animované ikony ve všech kategoriích: servis, osobní přístup, děti, vlhkost ===== */
.why .i--tools .a1{transform-origin:70% 30%}
.why-fx.on .i--tools .a1{animation:fxTurn 3s cubic-bezier(.65,0,.35,1) infinite}
.why-fx.on .i--tools .a2{animation:fxBlink 3s ease-in-out infinite}
@keyframes fxTurn{0%,100%{transform:rotate(0)}40%,62%{transform:rotate(-14deg)}}
.why .i--user .a1{transform-origin:center}
.why-fx.on .i--user .a1{animation:fxPop 3.2s cubic-bezier(.34,1.4,.64,1) infinite}
.why .i--user .a1 path:first-child{fill:var(--paper)}
.why .i--user .a1 path:last-child{stroke:var(--red)}
@keyframes fxPop{0%,10%{transform:scale(0);opacity:0}30%{transform:scale(1.15);opacity:1}45%,85%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
.why .i--child .a1{stroke-dasharray:38 80}
.why-fx.on .i--child .a1{animation:fxArc 3.4s cubic-bezier(.65,0,.35,1) infinite}
.why-fx.on .i--child .a2{animation:fxBlink 3.4s ease-in-out infinite}
@keyframes fxArc{0%,12%{stroke-dashoffset:38}45%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-38}}
.why-fx.on .i--drop .a1{animation:fxFall 2.8s ease-in infinite}
.why-fx.on .i--drop .a2{animation:fxWave 2.8s ease-in-out infinite}
@keyframes fxFall{0%,35%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:.9}72%,100%{transform:translateY(12px);opacity:0}}
@keyframes fxWave{0%,60%{transform:translateX(0)}80%{transform:translateX(-2px)}100%{transform:translateX(0)}}
.why .i--child .a1,.why .i--drop .a1{stroke:var(--red)}

/* ===== v82 – Focus Cards (Aceternity) 1:1: grid 3 sloupce, gap 40px, max 1024px, výška 384px (mobil 240px), zaoblení 8px,
   ostatní karty při najetí blur(4px) + scale(.98), přechod 300ms ease-out, překryv bg černá 50 % s titulkem dole ===== */
.fcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1024px;margin:0 auto;padding:0 32px}
.fcard{position:relative;display:block;height:460px;border-radius:8px;overflow:hidden;background:#f3f4f6;transition:filter .3s ease-out,transform .3s ease-out}
.fcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fcards:has(.fcard:hover) .fcard:not(:hover){filter:blur(4px);transform:scale(.98)}   /* v93: rozmazat jen když je kurzor NA kartě; v mezerách (jako v originálu mouseleave) všechno ostré */
.fcard-o{position:absolute;inset:0;display:flex;align-items:flex-end;padding:32px 16px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}
.fcard:hover .fcard-o,.fcard:focus-visible .fcard-o{opacity:1}
.fcard-o span{font-size:24px;font-weight:500;line-height:1.3;color:#fafafa;background:linear-gradient(to bottom,#fafafa,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:768px){.fcards{grid-template-columns:1fr;padding:0}.fcard{height:240px}.fcard-o span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.fcards:has(.fcard:hover) .fcard:not(:hover){filter:none;transform:none}}
/* v83 – 4 karty (přidán montážník): 4 sloupce, širší mřížka */
.fcards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;gap:28px}
@media(max-width:1024px){.fcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.fcards{grid-template-columns:1fr}}
/* v84 – obrácený split: třída split--rev místo rev (kolize s kartou recenze .rev = rámeček + chybějící fotka) */
.split.split--rev .ph{order:-1}
@media(max-width:860px){.split.split--rev .ph{order:0}}
/* v90 – sekce s předsíní řízená proměnnými (editor ?edit) */
.split:has(> .ph > img[src*="img/predsin"]){grid-template-columns:minmax(0,var(--pf-cols,1.45fr)) minmax(0,1fr);gap:clamp(32px,4vw,64px)}
.split .ph:has(> img[src*="img/predsin"]){aspect-ratio:var(--pf-ar,1.5);align-self:center;width:var(--pf-w,100%);margin-top:var(--pf-dy,-30px);justify-self:start}
/* fotka v této sekci BEZ paralaxy (základní .split .ph img má výšku 115 % a při scrollu se posouvá → spodních 15 % fotky nebylo nikdy vidět) */
.split .ph > img[src*="img/predsin"]{height:100%!important;top:0!important;object-position:var(--pf-x,7%) var(--pf-y,0%);transform:scale(var(--pf-s,1))!important;transform-origin:var(--pf-x,7%) var(--pf-y,0%);user-select:none;-webkit-user-drag:none}
@media(max-width:860px){.split:has(> .ph > img[src*="img/predsin"]){grid-template-columns:1fr}}
/* v94 – hero Dětských pokojů: svislá fotka psacího stolu, výřez na stůl */
.phero-media img[src*="detske-stul-hero"]{object-position:50% 62%}

/* ===== v101 – Apple Cards Carousel = ORIGINÁLNÍ React komponenta; Tailwind utility vygenerované z jejího kódu (scope .accr) ===== */
.accr .pointer-events-none{pointer-events:none}.accr .fixed{position:fixed}.accr .absolute{position:absolute}.accr .relative{position:relative}.accr .sticky{position:sticky}.accr .inset-0{inset:0}.accr .inset-x-0{left:0;right:0}.accr .right-0{right:0}.accr .top-0{top:0}.accr .top-4{top:1rem}.accr .z-10{z-index:10}.accr .z-30{z-index:30}.accr .z-40{z-index:40}.accr .z-50{z-index:50}.accr .z-\[1000\]{z-index:1000}.accr .z-\[60\]{z-index:60}.accr .mx-auto{margin-left:auto;margin-right:auto}.accr .my-10{margin-top:2.5rem;margin-bottom:2.5rem}.accr .ml-auto{margin-left:auto}.accr .mr-10{margin-right:2.5rem}.accr .mt-2{margin-top:.5rem}.accr .mt-4{margin-top:1rem}.accr .mt-6{margin-top:1.5rem}.accr .flex{display:flex}.accr .hidden{display:none}.accr .h-10{height:2.5rem}.accr .h-6{height:1.5rem}.accr .h-8{height:2rem}.accr .h-80{height:20rem}.accr .h-auto{height:auto}.accr .h-fit{height:-moz-fit-content;height:fit-content}.accr .h-full{height:100%}.accr .h-screen{height:100vh}.accr .max-h-\[52vh\]{max-height:52vh}.accr .w-10{width:2.5rem}.accr .w-56{width:14rem}.accr .w-6{width:1.5rem}.accr .w-8{width:2rem}.accr .w-\[5\%\]{width:5%}.accr .w-auto{width:auto}.accr .w-full{width:100%}.accr .max-w-2xl{max-width:42rem}.accr .max-w-4xl{max-width:56rem}.accr .max-w-5xl{max-width:64rem}.accr .max-w-7xl{max-width:80rem}.accr .max-w-xs{max-width:20rem}.accr .flex-row{flex-direction:row}.accr .flex-col{flex-direction:column}.accr .items-start{align-items:flex-start}.accr .items-center{align-items:center}.accr .justify-start{justify-content:flex-start}.accr .justify-end{justify-content:flex-end}.accr .justify-center{justify-content:center}.accr .gap-2{gap:.5rem}.accr .gap-4{gap:1rem}.accr .overflow-auto{overflow:auto}.accr .overflow-hidden{overflow:hidden}.accr .overflow-x-scroll{overflow-x:scroll}.accr .overscroll-x-auto{overscroll-behavior-x:auto}.accr .scroll-smooth{scroll-behavior:smooth}.accr .rounded-2xl{border-radius:1rem}.accr .rounded-3xl{border-radius:1.5rem}.accr .rounded-full{border-radius:9999px}.accr .bg-\[\#F5F5F7\]{--tw-bg-opacity:1;background-color:rgb(245 245 247/var(--tw-bg-opacity,1))}.accr .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.accr .bg-black\/80{background-color:rgba(0,0,0,.8)}.accr .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.accr .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.accr .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.accr .bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.accr .from-black\/50{--tw-gradient-from:rgba(0,0,0,.5) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.accr .via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.accr .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.accr .object-contain{-o-object-fit:contain;object-fit:contain}.accr .object-cover{-o-object-fit:cover;object-fit:cover}.accr .p-4{padding:1rem}.accr .p-6{padding:1.5rem}.accr .p-8{padding:2rem}.accr .py-10{padding-top:2.5rem;padding-bottom:2.5rem}.accr .pl-4{padding-left:1rem}.accr .text-left{text-align:left}.accr .font-sans{font-family:Space Grotesk,sans-serif}.accr .text-2xl{font-size:1.5rem;line-height:2rem}.accr .text-base{font-size:1rem;line-height:1.5rem}.accr .text-sm{font-size:.875rem;line-height:1.25rem}.accr .text-xl{font-size:1.25rem;line-height:1.75rem}.accr .font-medium{font-weight:500}.accr .font-semibold{font-weight:600}.accr .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.accr .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.accr .text-neutral-100{--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity,1))}.accr .text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.accr .text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.accr .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.accr .blur-0{--tw-blur:blur(0)}.accr .blur-0,.accr .blur-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.accr .blur-sm{--tw-blur:blur(4px)}.accr .backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.accr .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.accr .duration-300{transition-duration:.3s}.accr .\[scrollbar-width\:none\]{scrollbar-width:none}.accr .\[text-wrap\:balance\]{text-wrap:balance}.accr .last\:pr-\[5\%\]:last-child{padding-right:5%}.accr .disabled\:opacity-50:disabled{opacity:.5}.accr .dark\:bg-neutral-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.accr .dark\:bg-white:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.accr .dark\:text-neutral-900:is(.dark *){--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.accr .dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.accr .md\:h-\[40rem\]{height:40rem}.accr .md\:w-96{width:24rem}.accr .md\:p-10{padding:2.5rem}.accr .md\:p-8{padding:2rem}.accr .md\:py-20{padding-top:5rem;padding-bottom:5rem}.accr .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.accr .md\:text-5xl{font-size:3rem;line-height:1}.accr .md\:text-base{font-size:1rem;line-height:1.5rem}.accr .md\:text-lg{font-size:1.125rem;line-height:1.75rem}.accr .md\:last\:pr-\[33\%\]:last-child{padding-right:33%}}
.accr .accr-mount{margin:0 calc(-1 * var(--gut))}
.accr button{font:inherit}
/* otevřené okno: nadpis menší než originál (md:text-5xl = 48 px působil obrovsky), okno bez horní/dolní mezery 40 px → celé se vejde na obrazovku */
.accr .fixed .md\:text-5xl{font-size:1.75rem;line-height:1.2}
.accr .fixed .my-10{margin-top:1rem;margin-bottom:1rem}
.phero-media img[src*="koupelny-hero"]{object-position:50% 55%}
.phero-media img[src*="ceny-hero"]{object-position:50% 55%}

/* ===== v108 – rozbalovací menu Výroba: najetí na položku bylo skoro neviditelné (šedá na skoro stejné šedé) ===== */
.ddm a{transition:background-color .25s,box-shadow .25s,transform .25s cubic-bezier(.22,1,.36,1)}
.ddm a:hover,.ddm a:focus-visible{background:var(--ink,#141413);color:var(--ivory,#F2EFE9);transform:translateX(2px)}
.ddm a:hover b,.ddm a:focus-visible b{color:var(--ivory,#F2EFE9)}
.ddm a:hover small,.ddm a:focus-visible small,.ddm a:hover span,.ddm a:focus-visible span{color:rgba(242,239,233,.72)}
.ddm a img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ddm a:hover img{transform:scale(1.06)}
/* horní položky menu: zřetelnější kruhové podsvícení */
/* v109 – horní položky menu: podsvícení podle barvy textu (na tmavém heru světlé, na světlé hlavičce tmavé) + podtržení, které se vykreslí */
.nav>a,.nav .dd>button{transition:background-color .25s,color .25s}
.nav>a::after,.nav .dd>button::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.nav>a:hover,.nav .dd>button:hover,.nav .dd:focus-within>button{background:color-mix(in srgb,currentColor 16%,transparent)}
.nav>a:hover::after,.nav .dd>button:hover::after,.nav .dd:focus-within>button::after{transform:scaleX(1)}
.nav>a[aria-current]::after,.nav .dd>button[aria-current]::after{transform:scaleX(1);opacity:.5}
.hdr.over .nav>a:hover,.hdr.over .nav .dd>button:hover,.hdr.over .nav .dd:focus-within>button{background:rgba(242,239,233,.18)}
.hdr.solid .nav>a:hover,.hdr.solid .nav .dd>button:hover,.hdr.solid .nav .dd:focus-within>button{background:rgba(20,20,19,.1)}

/* v110 – logo o ~18 % větší (židle 26→31, MODES 74→88, nábytek 67→80) */
.logo{gap:12px}
.logo .ch{width:31px;height:37px}
.logo .wm{gap:4px}
.logo .wm svg:first-child{width:88px;height:19px}
.logo .wm svg:last-child{width:80px;height:12px}
@media(max-width:860px){.logo .ch{width:28px;height:33px}.logo .wm svg:first-child{width:80px;height:17px}.logo .wm svg:last-child{width:72px;height:11px}}

/* ===== v113 – židle v logu, návrh B: skořepina se rychle roztočí (3 otáčky), zpomalí, přetočí a usadí; při tom se nadzvedne a dosedne. Podstava stojí. =====
   dvě kopie stejného symbolu přes sebe: horní ořez = skořepina (GSAP), spodní ořez = noha a hvězdice */
.ch-wrap{position:relative;display:block;width:31px;height:37px;flex:none;perspective:420px}
.ch-wrap .ch{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ch-seat{clip-path:inset(0 0 21.5% 0);transform-origin:50% 50%;backface-visibility:visible}
.ch-base{clip-path:inset(78.5% 0 0 0)}
@media(max-width:860px){.ch-wrap{width:28px;height:33px}}

/* ===== v114 – plynulejší scroll: prvky, které se při scrollu posouvají (paralaxa fotek, odhalované bloky), dostanou vlastní vrstvu,
   aby se posouvaly po zlomcích pixelu místo skoků po celých pixelech (to je ten „drobný záškub“ při pomalém scrollu) ===== */
.split .ph img,.offer .ph img{will-change:transform;backface-visibility:hidden}
.split .ph,.offer .ph{transform:translateZ(0)}
.hdr{will-change:transform}

/* ===== v121 – plná responzivita (audit 390/430/768/1024/1280, všech 37 stránek) ===== */
/* 1) tabulky v článcích na mobilu přetékaly do šířky a posouvaly celou stránku → vodorovný posuv jen uvnitř tabulky */
@media(max-width:700px){
  .article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
  .article table th,.article table td{min-width:120px}
}
/* 2) patička: telefon a e-mail se na tabletu slévaly do jednoho řádku (.ct je inline-block) */
.foot-cols .ct{display:block!important}
/* 3) cíle klepnutí: tečky hera 34×22 px, drobečky, odkazy v patičce → neviditelně větší dosah (vzhled beze změny) */
.h5a-dots button{position:relative}
.h5a-dots button::after{content:"";position:absolute;inset:-12px -3px}
.crumbs a{padding:10px 2px;margin:0 -2px}
.foot a[href="obchodni-podminky.html"],.foot a[href^="kontakt.html#osobni"]{padding:10px 0}
/* 4) hero podstránek na tabletu: tlačítka roztažená přes celou šířku → přirozená šířka vedle sebe (na mobilu do 560 px zůstávají pod sebou) */
@media(min-width:561px) and (max-width:860px){
  .hero-cta{flex-direction:row;align-items:center;flex-wrap:wrap}
  .hero-cta .btn{width:auto;flex:0 0 auto}
}
/* 5) galerie Focus Cards (koupelny, skříně, šatny): na mobilu 1 sloupec = 12 fotek pod sebou → 2 sloupce */
@media(max-width:768px){.fcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}}
/* 6) poradna: mezi 600 a 860 px 2 sloupce místo jednoho (velké fotky) */
@media(min-width:600px) and (max-width:860px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 7) menší svislé mezery sekcí na tabletu a mobilu (desktop beze změny) */
@media(max-width:860px){.sec{padding:clamp(56px,9vh,84px) 0}}
/* 8) odkaz se šipkou se na mobilu lámal (šipka na dalším řádku) */
.lnk{white-space:nowrap}
/* 9) pás realizací na úzkém okně s myší: titulek měl 1/3 šířky a ořezával se ("Extra bílá s duber") → 2/3 šířky, menší písmo, může se zalomit */
@media(max-width:640px){
  .parallax-strip-slider h2.w-1\/3{width:66%}
  .parallax-strip-slider div.w-1\/3[aria-hidden]{display:none}
  .parallax-strip-slider h2{font-size:clamp(26px,8vw,40px);white-space:normal}
}
/* 1b) skutečná příčina přetékání článku: sloupec mřížky .art-wrap byl "1fr" (= minmax(auto,1fr)), takže tabulka roztáhla celý článek; minmax(0,1fr) + min-width:0 */
@media(max-width:860px){.art-wrap{grid-template-columns:minmax(0,1fr)} .art-wrap .article{min-width:0;max-width:100%}}
@media(max-width:700px){.article table th,.article table td{min-width:0}}

/* ===== v122 – full responzivita (všechna zařízení + dotyk) ===== */

/* hero tlačítka pod sebou: flex:1 ve sloupci = výška 0 → tlačítka splaskla na 24 px */
.hero-cta .btn{flex:0 0 auto}
@media(min-width:561px){.hero-cta .btn{flex:0 0 auto}}
/* drobečky: text a lomítko na jedné ose (jen mobil – desktop beze změny) */
@media(max-width:860px){.crumbs{align-items:center}}

/* patička na úzkých telefonech: e-mail přetékal (vodorovný posun celé stránky na 320–360 px) */
@media(max-width:420px){
  .foot-cols{grid-template-columns:1fr 1fr;column-gap:20px}
  .foot-cols>div:first-child,.foot-cols>div:last-child{grid-column:1/-1}
  .foot-cols .ct{overflow-wrap:anywhere}
}

/* cíle klepnutí na dotyku ≥ 44 px */
@media(pointer:coarse){
  .foot-cols a{padding:11px 0}
  .foot-cols .ct{padding:11px 0!important;background-position:0 calc(100% - 9px)}
  .crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;margin:0 -4px}
  .lnk{min-height:44px;padding-bottom:0;background-position:0 calc(100% - 10px)}
  .cbox a{min-height:44px}
  .hdr .logo{min-height:44px;display:inline-flex;align-items:center}
  .filters button{height:44px}
}

/* dotyk: hover efekty nesmí zůstat „viset“ po klepnutí (iOS drží :hover) */
@media(hover:none){
  .fcards:has(.fcard:hover) .fcard:not(:hover){filter:none;transform:none}
  .el-j-r:hover,.el-j-r:focus-visible{height:clamp(84px,11vh,124px)} /* stejná jako bez hoveru – změna výšky pod prstem posunula řádky */
  .el-j-r:hover .ph,.el-j-r:focus-visible .ph{clip-path:inset(0 0 0 100%)}
  .el-j-r:hover .go,.el-j-r:focus-visible .go{background:none;color:inherit;transform:none;box-shadow:inset 0 0 0 1px var(--line)}
  .el-j.dim .el-j-r .t{opacity:1}
  .btn:hover,.fcta a:hover{transform:none}
}

/* nabídka na úvodu (řádky): dlouhé názvy se na malých telefonech lámaly do 3 řádků a ořízly */
@media(max-width:860px){
  .el-j-r{height:auto;min-height:76px;padding-top:14px;padding-bottom:14px}
  .el-j .t{font-size:clamp(21px,6.2vw,30px);line-height:1.05}
}

/* statistiky na malých telefonech: „0 Kč“ se lámalo */
@media(max-width:400px){
  .stat b{font-size:clamp(36px,11vw,44px);white-space:nowrap}
  .stat{padding-right:14px}.stat+.stat{padding-left:14px}
  .stat>span{font-size:14px}
}

/* obrázkový akordeon (Nábytek) na telefonu: číslo a název se překrývaly v zavřené kartě */
@media(max-width:860px){
  .acc a:not(.on) .cap{bottom:16px}
  .acc a:not(.on) .cap .n{display:inline-block;margin:0 10px 0 0;vertical-align:baseline}
  .acc a:not(.on) .cap h3{display:inline;margin:0;font-size:19px}
  .acc a{height:96px}
  .acc a:not(.on) .cap p{display:none}
}

/* telefon na šířku / nízké obrazovky: hero se musí vejít (nadpis byl pod okrajem, tlačítko pod plovoucí lištou) */
@media(orientation:landscape) and (max-height:520px){
  .hero,.phero{min-height:100svh}
  .h5a h1,.hero h1{font-size:clamp(30px,7.2vh,42px)!important;max-width:18ch}
  .phero h1{font-size:clamp(30px,8vh,44px)!important}
  .h5a-k{margin-bottom:8px}
  .h5a-cta{flex-direction:row!important;align-items:center!important;margin-top:16px}
  .hero .h5a-wrap{flex-direction:row!important;align-items:flex-end!important;gap:24px}
  .h5a-meta{align-items:flex-end!important;flex-direction:column!important}
  .phero .wrap{padding-top:calc(var(--hdr) + 12px);padding-bottom:22px}
  .phero .hero-row{margin-top:12px}
  .phero .hero-row p,.phero p{font-size:14px}
  .hero-cta{flex-direction:row!important;flex-wrap:nowrap}
  .hero-cta .btn{--bh:44px;width:auto!important}
  .crumbs{margin-bottom:8px}
  .fcta{left:auto;right:14px}
  .fcta a{flex:0 0 auto;height:44px}
}

/* dotyk: :hover/:focus-within menu neotevírá (lepí se), jen třída .open */
@media(hover:none){.dd:hover .ddm,.dd:focus-within .ddm{opacity:0;visibility:hidden;transform:translateY(-6px)}.dd:hover .chev,.dd:focus-within .chev{transform:none}}
/* menu Výroba přes třídu (JS) – funguje i na iPadu, kde tlačítko nedostane fokus */
.nav .dd.open .ddm{opacity:1;visibility:visible;transform:none}
.nav .dd.open .chev{transform:rotate(180deg)}
.nav .dd.open>button{background:rgba(127,122,112,.14)}
/* plovoucí lišta nad patičkou pryč */
.fcta.fcta-foot{transform:translateY(calc(100% + 60px))!important}

/* efekt nadpisu v patičce (písmena rozjetá do stran před animací) dělal na 320 px vodorovný posun stránky */
.foot{overflow-x:clip}
body{overflow-x:clip}
@media(pointer:coarse){.foot a[href="obchodni-podminky.html"],.foot a[href^="kontakt.html#osobni"]{display:inline-flex;align-items:center;min-height:44px;padding:0}}
/* Reference: štítek „Byli jste u nás?“ ležel na nadpisu */
@media(max-width:860px){.rva-txt .eyebrow{display:flex;margin-bottom:16px}}
@media(pointer:coarse){.hdr .tel{min-height:44px}.art-toc a,.art-back{display:inline-flex;align-items:center;min-height:44px}}

@media(hover:none) and (max-width:860px){.el-j-r:hover,.el-j-r:focus-visible{height:auto}}

/* Reference: mřížka recenzí minmax(320px) přetékala na 320px telefonu */
[style*="minmax(320px"]{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))!important}
/* drobečky: i krátké „Úvod“ má cíl ≥ 44 px */
@media(pointer:coarse){.crumbs a{min-width:44px;justify-content:center}}
/* články: dlouhé adresy v textu se zalomí (jen mobil) */
@media(max-width:860px){.article a{overflow-wrap:anywhere}}
/* články: tabulky na telefonu jako karty (řádek = karta, popisek sloupce u hodnoty) – dřív se musely posouvat do strany */
@media(max-width:600px){
  .article .art-table.stack table,.article .art-table.stack tbody,.article .art-table.stack tr,.article .art-table.stack td,.article .art-table.stack th{display:block;width:100%}
  .article .art-table.stack thead,.article .art-table.stack tr.hrow{display:none}
  .article .art-table.stack tr{padding:14px 0;border-top:1px solid var(--line)}
  .article .art-table.stack td,.article .art-table.stack th{padding:4px 0;border:0;text-align:left}
  .article .art-table.stack td[data-l]::before{content:attr(data-l);display:block;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
  .article .art-table.stack td:first-child{font-weight:500}
}

/* odkaz „Přeskočit na obsah“ na 4K vykukoval (větší písmo, pevné top:-80px) */
.skip:not(:focus){top:-300px}

/* ===== v122b – jen mobil/dotyk (desktop beze změny) ===== */
/* pás realizací: viditelné ovládání na dotyku (komponenta ho vykreslí jen při pointer:coarse) */
.rz-m{display:flex;flex-wrap:wrap;align-items:center;gap:14px;pointer-events:auto;position:relative;z-index:30}
.rz-m-b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(242,239,233,.94);color:#141413;border:0;padding:0;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.rz-m-b:active{transform:scale(.92)}
.rz-m-b svg{width:20px;height:20px}
.rz-m-dots{display:flex;gap:6px;flex:1;justify-content:center}
.rz-m-dots i{width:18px;height:2px;border-radius:2px;background:rgba(242,239,233,.35);transition:background-color .4s,width .4s}
.rz-m-dots i.on{width:30px;background:#F2EFE9}
.rz-m-hint{flex-basis:100%;display:flex;align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.3;color:rgba(242,239,233,.85);transition:opacity .4s,transform .4s,max-height .5s .2s,margin .5s .2s}
.rz-m-hint svg{width:18px;height:18px;flex:none;animation:rzNudge 1.6s ease-in-out infinite}
.rz-m-hint{max-height:60px;overflow:hidden}
.rz-m-hint.off{opacity:0;max-height:0;margin-top:-14px;transform:translateY(4px)}
@keyframes rzNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
@media(prefers-reduced-motion:reduce){.rz-m-hint svg{animation:none}}

/* úvod – nabídka (Kuchyně na míru, Skříně…): na mobilu/tabletu dlaždice s fotkou místo řádků odkrývaných myší */
@media(max-width:860px){
  .el-j{width:auto;margin-left:0;background:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .el-j-r{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;height:auto!important;min-height:0;aspect-ratio:4/5;padding:14px!important;border:0!important;border-radius:10px;overflow:hidden;background:var(--dark);color:#fff}
  .el-j .el-j-r>.ph,.el-j .el-j-r:hover>.ph,.el-j .el-j-r:focus-visible>.ph{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:auto;z-index:0;clip-path:none!important;background:var(--dark)}
  .el-j .el-j-r .ph img{width:100%;height:100%;object-fit:cover;transform:none;opacity:1}
  .el-j-r .ph::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,9,.05) 35%,rgba(10,10,9,.78) 100%)}
  .el-j .el-j-r>.t{width:100%;max-width:none;padding-right:4px}
  .el-j .t,.el-j-r:hover .t,.el-j-r:focus-visible .t,.el-j.dim .el-j-r .t{color:#fff!important;opacity:1!important;font-size:clamp(17px,4.8vw,22px);line-height:1.15;letter-spacing:-.02em;font-weight:400;text-shadow:0 1px 16px rgba(10,10,9,.45)}
  .el-j .d{display:none}
  .el-j .el-j-r>.go,.el-j .el-j-r:hover>.go,.el-j .el-j-r:focus-visible>.go{position:absolute;top:10px;right:10px;width:38px;height:38px;background:rgba(242,239,233,.94)!important;color:var(--ink)!important;box-shadow:none!important;transform:none!important}
  .el-j .go svg{width:16px;height:16px}
  .el-j-r:active{transform:scale(.98);transition:transform .2s}
}
@media(min-width:561px) and (max-width:860px){.el-j{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}

/* pás realizací na dotyku: tmavý přechod dole, aby šipky a nápověda byly čitelné i na světlé fotce */
@media(pointer:coarse){
  .rzr .parallax-strip-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(180deg,rgba(10,10,9,0),rgba(10,10,9,.72));pointer-events:none;z-index:5}
  .rzr .parallax-strip-slider>.bottom-0{z-index:25;pointer-events:none}
  .rzr .parallax-strip-slider::before{content:"";position:absolute;left:0;right:0;top:0;height:34%;background:linear-gradient(180deg,rgba(10,10,9,.55),rgba(10,10,9,0));pointer-events:none;z-index:5}
  .rzr .parallax-strip-slider>.top-0{z-index:25}
  .rz-m-hint{text-shadow:0 1px 10px rgba(0,0,0,.5)}
}

/* fotky přes celou obrazovku (hero úvodu, hero podstránek, pás realizací): na telefonu/tabletu NA VÝŠKU výřez na hlavní nábytek místo středu fotky (vybráno z náhledů výřezů 0–100 %). Desktop = na šířku → beze změny */
@media(orientation:portrait) and (max-width:1024px){
  .h5a-s img[src*="/h5-1-s."],.h5a-s img[src*="/h5-1."],.phero-media img[src*="/h5-1-s."],.phero-media img[src*="/h5-1."],.parallax-strip-slider img[src*="/h5-1-s."],.parallax-strip-slider img[src*="/h5-1."]{object-position:40% 50%!important}
  .h5a-s img[src*="/h5-2-s."],.h5a-s img[src*="/h5-2."],.phero-media img[src*="/h5-2-s."],.phero-media img[src*="/h5-2."],.parallax-strip-slider img[src*="/h5-2-s."],.parallax-strip-slider img[src*="/h5-2."]{object-position:50% 50%!important}
  .h5a-s img[src*="/h5-3-s."],.h5a-s img[src*="/h5-3."],.phero-media img[src*="/h5-3-s."],.phero-media img[src*="/h5-3."],.parallax-strip-slider img[src*="/h5-3-s."],.parallax-strip-slider img[src*="/h5-3."]{object-position:25% 50%!important}
  .h5a-s img[src*="/h5-4-s."],.h5a-s img[src*="/h5-4."],.phero-media img[src*="/h5-4-s."],.phero-media img[src*="/h5-4."],.parallax-strip-slider img[src*="/h5-4-s."],.parallax-strip-slider img[src*="/h5-4."]{object-position:35% 50%!important}
  .h5a-s img[src*="/h5-5-s."],.h5a-s img[src*="/h5-5."],.phero-media img[src*="/h5-5-s."],.phero-media img[src*="/h5-5."],.parallax-strip-slider img[src*="/h5-5-s."],.parallax-strip-slider img[src*="/h5-5."]{object-position:55% 50%!important}
  .h5a-s img[src*="/h5-6-s."],.h5a-s img[src*="/h5-6."],.phero-media img[src*="/h5-6-s."],.phero-media img[src*="/h5-6."],.parallax-strip-slider img[src*="/h5-6-s."],.parallax-strip-slider img[src*="/h5-6."]{object-position:30% 50%!important}
  .h5a-s img[src*="/ceny-hero-s."],.h5a-s img[src*="/ceny-hero."],.phero-media img[src*="/ceny-hero-s."],.phero-media img[src*="/ceny-hero."],.parallax-strip-slider img[src*="/ceny-hero-s."],.parallax-strip-slider img[src*="/ceny-hero."]{object-position:80% 55%!important}
  .h5a-s img[src*="/kuchyne-hero-s."],.h5a-s img[src*="/kuchyne-hero."],.phero-media img[src*="/kuchyne-hero-s."],.phero-media img[src*="/kuchyne-hero."],.parallax-strip-slider img[src*="/kuchyne-hero-s."],.parallax-strip-slider img[src*="/kuchyne-hero."]{object-position:35% 50%!important}
  .h5a-s img[src*="/koupelny-hero-s."],.h5a-s img[src*="/koupelny-hero."],.phero-media img[src*="/koupelny-hero-s."],.phero-media img[src*="/koupelny-hero."],.parallax-strip-slider img[src*="/koupelny-hero-s."],.parallax-strip-slider img[src*="/koupelny-hero."]{object-position:35% 55%!important}
  .h5a-s img[src*="/hf-obyvaci-stena-led-s."],.h5a-s img[src*="/hf-obyvaci-stena-led."],.phero-media img[src*="/hf-obyvaci-stena-led-s."],.phero-media img[src*="/hf-obyvaci-stena-led."],.parallax-strip-slider img[src*="/hf-obyvaci-stena-led-s."],.parallax-strip-slider img[src*="/hf-obyvaci-stena-led."]{object-position:35% 50%!important}
  .h5a-s img[src*="/predsin-s."],.h5a-s img[src*="/predsin."],.phero-media img[src*="/predsin-s."],.phero-media img[src*="/predsin."],.parallax-strip-slider img[src*="/predsin-s."],.parallax-strip-slider img[src*="/predsin."]{object-position:55% 50%!important}
  .h5a-s img[src*="/spotrebice-hero-s."],.h5a-s img[src*="/spotrebice-hero."],.phero-media img[src*="/spotrebice-hero-s."],.phero-media img[src*="/spotrebice-hero."],.parallax-strip-slider img[src*="/spotrebice-hero-s."],.parallax-strip-slider img[src*="/spotrebice-hero."]{object-position:40% 50%!important}
  .h5a-s img[src*="/ref-kuchar-s."],.h5a-s img[src*="/ref-kuchar."],.phero-media img[src*="/ref-kuchar-s."],.phero-media img[src*="/ref-kuchar."],.parallax-strip-slider img[src*="/ref-kuchar-s."],.parallax-strip-slider img[src*="/ref-kuchar."]{object-position:50% 30%!important}
  .h5a-s img[src*="/hf-bila-dub-ostruvek-s."],.h5a-s img[src*="/hf-bila-dub-ostruvek."],.phero-media img[src*="/hf-bila-dub-ostruvek-s."],.phero-media img[src*="/hf-bila-dub-ostruvek."],.parallax-strip-slider img[src*="/hf-bila-dub-ostruvek-s."],.parallax-strip-slider img[src*="/hf-bila-dub-ostruvek."]{object-position:50% 50%!important}
  .h5a-s img[src*="/hf-bila-dub-jidelna-s."],.h5a-s img[src*="/hf-bila-dub-jidelna."],.phero-media img[src*="/hf-bila-dub-jidelna-s."],.phero-media img[src*="/hf-bila-dub-jidelna."],.parallax-strip-slider img[src*="/hf-bila-dub-jidelna-s."],.parallax-strip-slider img[src*="/hf-bila-dub-jidelna."]{object-position:35% 50%!important}
  .h5a-s img[src*="/hf-salvej-studio-s."],.h5a-s img[src*="/hf-salvej-studio."],.phero-media img[src*="/hf-salvej-studio-s."],.phero-media img[src*="/hf-salvej-studio."],.parallax-strip-slider img[src*="/hf-salvej-studio-s."],.parallax-strip-slider img[src*="/hf-salvej-studio."]{object-position:20% 50%!important}
  .h5a-s img[src*="/kat2-nabytek-s."],.h5a-s img[src*="/kat2-nabytek."],.phero-media img[src*="/kat2-nabytek-s."],.phero-media img[src*="/kat2-nabytek."],.parallax-strip-slider img[src*="/kat2-nabytek-s."],.parallax-strip-slider img[src*="/kat2-nabytek."]{object-position:65% 50%!important}
  .h5a-s img[src*="/hf-svetla-ostruvek-studio-s."],.h5a-s img[src*="/hf-svetla-ostruvek-studio."],.phero-media img[src*="/hf-svetla-ostruvek-studio-s."],.phero-media img[src*="/hf-svetla-ostruvek-studio."],.parallax-strip-slider img[src*="/hf-svetla-ostruvek-studio-s."],.parallax-strip-slider img[src*="/hf-svetla-ostruvek-studio."]{object-position:20% 50%!important}
  .h5a-s img[src*="/b04db3e9-5980-4049-89af-8a2290268bba-s."],.h5a-s img[src*="/b04db3e9-5980-4049-89af-8a2290268bba."],.phero-media img[src*="/b04db3e9-5980-4049-89af-8a2290268bba-s."],.phero-media img[src*="/b04db3e9-5980-4049-89af-8a2290268bba."],.parallax-strip-slider img[src*="/b04db3e9-5980-4049-89af-8a2290268bba-s."],.parallax-strip-slider img[src*="/b04db3e9-5980-4049-89af-8a2290268bba."]{object-position:30% 50%!important}
  .h5a-s img[src*="/komplet-s."],.h5a-s img[src*="/komplet."],.phero-media img[src*="/komplet-s."],.phero-media img[src*="/komplet."],.parallax-strip-slider img[src*="/komplet-s."],.parallax-strip-slider img[src*="/komplet."]{object-position:55% 50%!important}
  .h5a-s img[src*="/img-20251219-095524-s."],.h5a-s img[src*="/img-20251219-095524."],.phero-media img[src*="/img-20251219-095524-s."],.phero-media img[src*="/img-20251219-095524."],.parallax-strip-slider img[src*="/img-20251219-095524-s."],.parallax-strip-slider img[src*="/img-20251219-095524."]{object-position:35% 50%!important}
  .h5a-s img[src*="/img-20160903-094932-s."],.h5a-s img[src*="/img-20160903-094932."],.phero-media img[src*="/img-20160903-094932-s."],.phero-media img[src*="/img-20160903-094932."],.parallax-strip-slider img[src*="/img-20160903-094932-s."],.parallax-strip-slider img[src*="/img-20160903-094932."]{object-position:30% 50%!important}
  .h5a-s img[src*="/img-20210622-121209-s."],.h5a-s img[src*="/img-20210622-121209."],.phero-media img[src*="/img-20210622-121209-s."],.phero-media img[src*="/img-20210622-121209."],.parallax-strip-slider img[src*="/img-20210622-121209-s."],.parallax-strip-slider img[src*="/img-20210622-121209."]{object-position:60% 50%!important}
}

/* fotky uvnitř stránek na mobilu: box podle tvaru fotky (--m-ar z JS, 4:5 až 16:10) místo pevného 4:3 – fotky na výšku se už neusekávají na polovinu */
@media(max-width:860px){
  .split .ph[style*="--m-ar"]{aspect-ratio:var(--m-ar)}
  .scard:not(.pcard) .ph[style*="--m-ar"],.offer .ph[style*="--m-ar"]{min-height:0;aspect-ratio:var(--m-ar)}
  .pcs-ph[style*="--m-ar"],.art-cover[style*="--m-ar"]{aspect-ratio:var(--m-ar)}
}
/* pás realizací na dotyku: dlouhý název („Ostrůvek a podsvícené police“) se zalomí místo useknutí; titulek + šipky úplně dole */
@media(pointer:coarse){
  .rzr .parallax-strip-slider>.bottom-0{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;gap:16px}
  .rzr .parallax-strip-slider>.bottom-0>h2{white-space:normal!important;flex-wrap:wrap;line-height:1.02!important;padding-bottom:.06em}
  .rz-m-hint{margin-top:-2px}
}

/* v122d – jen mobil */
/* Kontakt: „Otevřít v Mapách Google“ – šipka vedle textu, podtržení jen pod textem (.cbox a{display:block} ho roztáhl na celou šířku) */
@media(max-width:860px){.cbox a.lnk{display:inline-flex!important;width:auto;align-items:center;gap:10px;min-height:44px;margin-top:10px!important}}
/* pás realizací na dotyku: vyvážené řádky názvu */
@media(pointer:coarse){.rzr .parallax-strip-slider>.bottom-0>h2{text-wrap:balance}.rzr .parallax-strip-slider>.bottom-0>h2>div{white-space:nowrap}}
/* Reference: recenze na mobilu vedle sebe s posouváním místo pod sebou */
.rrev-nav{display:none}
@media(max-width:860px){
  .rrev{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 calc(-1*var(--gut));padding:4px var(--gut) 8px;scroll-padding:0 var(--gut);scrollbar-width:none}
  .rrev::-webkit-scrollbar{display:none}
  .rrev>.rev{flex:0 0 84%!important;scroll-snap-align:start;min-width:0}
  .rrev-nav{display:flex;align-items:center;gap:14px;margin-top:18px}
  .rrev-nav button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:0;background:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);cursor:pointer;transition:opacity .3s,transform .3s}
  .rrev-nav button:active{transform:scale(.92)}
  .rrev-nav button[disabled]{opacity:.35}
  .rrev-nav svg{width:18px;height:18px}
  .rrev-nav .c{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums;margin-right:auto}
  .rrev-nav .c b{color:var(--ink);font-weight:500}
}

/* v122f – mobil: paralaxa fotek ve split/nabídce odhalovala černý pás nahoře/dole (fotka neměla rezervu na posun ±6 %) → fotka přesahuje box o 8 % nahoře i dole; efekt zůstává */
@media(max-width:860px){
  .split .ph img,.offer .ph img{top:-8%!important;height:116%!important}
  /* nabídka „Získejte návrh zdarma“: 3D vizualizace má na levém okraji bílý pruh stěny → fotka o kousek větší a ořízne ho */
  .offer .ph img{left:-7%!important;width:114%!important;max-width:none}
}
/* 2K/4K: řádky nabídky na úvodu – výška ve vh se neškálovala s písmem → název se ořízl */
@media(min-width:2200px){.el-j-r{height:clamp(103px,11vh,152px)}.el-j-r:hover,.el-j-r:focus-visible{height:clamp(366px,46vh,537px)}}
@media(min-width:2900px){.el-j-r{height:clamp(126px,11vh,186px)}.el-j-r:hover,.el-j-r:focus-visible{height:clamp(450px,46vh,660px)}}
@media(min-width:3500px){.el-j-r{height:clamp(150px,11vh,221px)}.el-j-r:hover,.el-j-r:focus-visible{height:clamp(534px,46vh,783px)}}

/* v124 – nabídka na úvodu má 5 dlaždic (Spotřebiče pryč z Výroby): Kuchyně nahoře přes celou šířku, pod ní 2 + 2 */
@media(max-width:560px){.el-j .el-j-r:first-child{grid-column:1/-1;aspect-ratio:8/5}}
@media(min-width:561px) and (max-width:860px){.el-j{grid-template-columns:repeat(6,minmax(0,1fr))}.el-j .el-j-r{grid-column:span 2}.el-j .el-j-r:nth-child(-n+2){grid-column:span 3;aspect-ratio:6/5}}

/* v125 – formulář: krok bez výběru je vidět (červený rámeček voleb + hláška), odkaz v souhlasu */
.chips.bad .chip span{box-shadow:inset 0 0 0 1.5px #E57369}
.chips.bad .chip span::before{box-shadow:inset 0 0 0 1.5px #E57369}
.msf h3:focus{outline:none}
.msf .consent a{text-decoration:underline;text-underline-offset:3px}
.msf .consent a:hover{color:var(--ivory)}

/* v129 – „až“ před číslem v počítadle (záruka až 7 let) */
.stat b .pre{font-size:.42em;letter-spacing:-.02em;font-weight:400;margin-right:.3em;vertical-align:baseline}

/* v131 – Studio: po odebrání karty „Výroba“ dvě karty kontaktů přes celou šířku */
@media(min-width:861px){.cgrid.cgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v132 – logo v patičce stejné jako v hlavičce: židle VEDLE nápisu (odkazy v patičce jsou display:block → díly loga spadly pod sebe) */
.foot .foot-cols a.logo{display:inline-flex;align-items:center}
/* v134 – opravy z auditů 3.10. (impeccable audit 15/20 + critique 28/40) */
/* 1) kontrast: šedé popisky (--mute) na tmavých pásech 3,0–3,3:1 → světlá šedá jako v ostatních tmavých sekcích */
.offer .eyebrow,.lead-sec .eyebrow,.dark .rev .who small,.dark .why-fx p{color:var(--ivory-mute)}
.blog-f button span{opacity:.75}
/* přístupnost: Poptávka má h1 místo h2 (stejný vzhled), patička h3 místo h4 (pořadí nadpisů) */
.lead-grid h1{margin:18px 0 22px}
.foot-cols h3{font-size:14px;font-weight:500;color:var(--ivory-mute);letter-spacing:0;margin-bottom:16px}
.offer .cols h3{font-size:14px;font-weight:500;color:var(--ivory-mute);margin-bottom:12px;letter-spacing:0}
/* critique: na tmavé Poptávce bylo tmavé tlačítko v hlavičce neviditelné → světlé jako na ostatních tmavých místech */
.pg-dark .hdr.over:not(.solid) .btn{background:var(--ivory);color:var(--ink)}
/* critique: mobil – text hera podstránek leží přes světlé skříňky (Kuchyně) → silnější ztmavení od místa, kde začíná text */
@media(max-width:860px){.phero:not(.phero--art) .phero-media::after{background:linear-gradient(180deg,rgba(12,12,11,.45) 0%,rgba(12,12,11,0) 20%,rgba(12,12,11,.38) 36%,rgba(12,12,11,.66) 56%,rgba(12,12,11,.8) 100%)}}
/* critique: u odeslání chybělo, co bude dál */
.msf-next{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--ivory-mute)}
/* v136: Reference – štítek „Byli jste u nás?“ měl na počítači 0 px mezeru nad nadpisem (jinde 18 px; mobil řeší r122.css) */
@media(min-width:861px){.rva-txt .eyebrow{display:flex;margin-bottom:18px}}
/* v137: nová úvodní fotka od klienta (h5-1b = „upravené úvodní foto“) – na výšku stejný výřez jako u původní h5-1 */
@media(orientation:portrait) and (max-width:1024px){
  .h5a-s img[src*="/h5-1b-s."],.h5a-s img[src*="/h5-1b."],.phero-media img[src*="/h5-1b-s."],.phero-media img[src*="/h5-1b."],.parallax-strip-slider img[src*="/h5-1b-s."],.parallax-strip-slider img[src*="/h5-1b."]{object-position:40% 50%!important}
}
/* v140: popis.pdf bod 3 – na studio je potřeba se objednat (Studio hero + karta, Kontakt) */
.hero-row p .hnote{display:block;margin-top:12px;font-weight:500;color:#fff}
.cbox p.cmain{font-weight:500;margin-bottom:10px}
.cbox p.cnote{font-size:16px;line-height:1.45;letter-spacing:-.01em;color:var(--ink);margin-top:12px;max-width:22em}
#objednani{scroll-margin-top:120px}
/* v141: popis.pdf bod 4 – Ceny: věta o spotřebičích pod odstavcem o kování (druhý odstavec v hlavičce sekce) */
.sec-head .sh-txt p+p{margin-top:.75em}
.sh-txt a.tl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:500;transition:color .2s}
.sh-txt a.tl:hover{color:var(--red)}
/* g144: ikonky v článcích – samotná značka bez kroužku, čitelná velikost, otazníky → zaškrtávací políčka (otázky k rozhodnutí), „pouze pokud:“ bez rámečku */
.article .mk{padding-left:32px}
.article .mk::before{top:.36em;width:18px;height:18px;border-radius:0;background:transparent center/contain no-repeat;box-shadow:none}
.article .mk-q::before{content:"";top:.5em;left:2px;width:14px;height:14px;border-radius:3px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--red)}
.article .mk-ok::before{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e7d46' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E")}
.article .mk-no::before{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8202a' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.article .mk-ar::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8202a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.article .mk-pin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8202a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17v5M9 3h6l-1 6 3 3v2H7v-2l3-3z'/%3E%3C/svg%3E")}
.article .mk-warn::before{content:"!";display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:600;line-height:1;color:#fff;background:var(--red)}
.article p.mk-warn{padding:0 0 0 32px;border-radius:0;background:none;box-shadow:none;margin:22px 0 8px;font-weight:500;color:var(--ink)}
.article p.mk-warn::before{left:0;top:.36em}
.article p.mk-pin{padding:16px 20px 16px 50px}
.article p.mk-pin::before{left:1em;top:1.25em}
/* g145: prvky v článcích lépe než na starém webu – čísla kapitol, srovnání se štítky (bez teček), ceník, tabulky, poznámka, podpis */
.article .h-n{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:15px;font-weight:500;letter-spacing:.1em;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.article .h-n::after{content:"";width:40px;height:1px;background:currentColor;opacity:.45}
/* srovnání: situace → lepší volba */
.article .cmp{margin:26px 0 34px;padding:6px 26px 8px;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line-2),0 18px 40px -28px rgba(20,20,19,.18)}
.article .cmp-h,.article .cmp-r{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}
.article .cmp-h{padding:16px 0 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.article .cmp-r{padding:13px 0;border-bottom:1px solid var(--line-2)}
.article .cmp-r:last-child{border-bottom:0}
.article .cmp-l{font-size:17px;line-height:1.45;color:var(--ink-2)}
.article .cmp-v{display:inline-flex;align-items:center;gap:9px;justify-self:end;padding:7px 14px 7px 12px;border-radius:999px;font-size:14.5px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--ink);background:rgba(20,20,19,.055)}
.article .cmp-v i{width:7px;height:7px;border-radius:50%;background:var(--ink);flex:none}
.article .cmp-miru{color:var(--red-h);background:rgba(184,32,42,.085)}
.article .cmp-miru i{background:var(--red)}
.article .cmp-both{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.article .cmp-both i{position:relative;margin-right:.7em}.article .cmp-both i::after{content:"";position:absolute;top:0;left:calc(100% + 3px);width:100%;height:100%;border-radius:50%;background:var(--red)}
@media(max-width:600px){.article .cmp{padding:4px 18px 6px}.article .cmp-h span:last-child{display:none}.article .cmp-h,.article .cmp-r{grid-template-columns:1fr;gap:8px}.article .cmp-v{justify-self:start}}
/* ceník: položka → cena */
.article .prc{margin:22px 0 30px;padding:4px 26px;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line-2),0 18px 40px -28px rgba(20,20,19,.18)}
.article .prc-r{display:grid;grid-template-columns:1fr minmax(0,auto);align-items:baseline;gap:24px;padding:15px 0;border-bottom:1px solid var(--line-2)}
.article .prc-r:last-child{border-bottom:0}
.article .prc-l{font-size:17px;line-height:1.45;color:var(--ink-2)}
.article .prc-v{max-width:300px;text-align:right;font-size:15px;line-height:1.4;letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums}
.article .prc-v strong{font-weight:500}
.article .prc-r:first-child .prc-v{font-size:12.5px;letter-spacing:.08em;color:var(--mute)}
.article .prc-r:first-child .prc-v strong{color:var(--ink)}
@media(max-width:600px){.article .prc{padding:4px 18px}.article .prc-r{grid-template-columns:1fr;gap:4px}.article .prc-v{text-align:left;max-width:none}}
/* tabulky */
.article .art-table{margin:28px 0 34px;border-radius:18px;background:var(--paper);box-shadow:0 0 0 1px var(--line-2),0 18px 40px -28px rgba(20,20,19,.18)}
.article .art-table table{font-size:15px}
.article .art-table thead th{padding:18px 18px 13px;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.article .art-table td{padding:14px 18px;border-bottom:1px solid var(--line-2);color:var(--ink-2)}
.article .art-table tr:last-child td{border-bottom:0}
.article .art-table td:first-child{color:var(--ink);font-weight:500}
.article .art-table.art-table--num td:first-child{width:28px;padding-right:4px;color:var(--red);font-variant-numeric:tabular-nums}
.article .art-table--num th:first-child{padding-right:4px}
/* poznámka: bez proužku vlevo, klidná karta */
.article .art-note{margin:28px 0;padding:22px 26px;border-left:0;border-radius:16px;background:var(--paper);box-shadow:0 0 0 1px var(--line-2);font-size:19px;line-height:1.55;color:var(--ink)}
.article p.mk-pin{border-radius:16px;box-shadow:0 0 0 1px var(--line-2)}
/* podpis */
.article .art-sign{display:flex;flex-direction:column;gap:3px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);font-size:17px;line-height:1.4}
.article .art-sign span:first-child{font-weight:500;color:var(--ink)}
.article .art-sign span+span{font-size:14px;color:var(--mute)}
.article .art-sign::before{content:"";width:28px;height:2px;margin:-25px 0 21px;background:var(--red)}
@media(max-width:600px){.article .art-table.stack tr{padding:16px 20px}.article .art-table.stack tr:first-of-type{border-top:0}.article .art-table.stack td{padding:3px 0}.article .art-table.art-table--num.stack td:first-child{width:auto;font-size:13px;letter-spacing:.1em}}
.article .art-table.art-table--num td:first-child strong{color:inherit;font-weight:500}
/* obsah článku s čísly kapitol (stejně u všech článků) */
.art-toc a{display:grid;grid-template-columns:26px 1fr;align-items:baseline}
.art-toc .t-n{font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--mute);font-variant-numeric:tabular-nums}
.art-toc a.on .t-n,.art-toc a:hover .t-n{color:var(--red)}
/* štítek kategorie v článku = odkaz na filtr blogu */
.art-meta a.art-cat{text-decoration:none;transition:box-shadow .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
.art-meta a.art-cat:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.art-meta a.art-cat:active{transform:scale(.97)}
/* g146: blok Pracovní desky na Kuchyních (schválený návrh navrh-desky, bez žlutého zvýraznění) */
.wd146 .sec-head h2{max-width:14ch}
.wd-l{border-top:1px solid var(--line);margin-bottom:clamp(28px,4vh,44px)}
.wd-r{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);padding:clamp(24px,3.2vh,38px) 0;border-bottom:1px solid var(--line);align-items:start}
.wd-n h3{font-size:clamp(24px,2.3vw,36px);font-weight:400;letter-spacing:-.03em;line-height:1.1}
.wd-n span{display:block;margin-top:8px;font-size:15px;color:var(--mute)}
.wd-d{font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:var(--ink-2)}
.wd-f{font-size:15px;line-height:1.55;color:var(--ink-2)}
.wd-f b{display:block;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--mute);margin-bottom:6px}
@media(max-width:860px){.wd-r{grid-template-columns:1fr;gap:12px;padding:24px 0}.wd-f{margin-top:4px}}
/* g148: telefon 320–400 px – dlouhý e-mail poptavka@ v tmavém pásu přetékal o 36 px (od v143) */
@media (max-width:400px){.lead-contacts a{font-size:min(20px,5.2vw);gap:12px;max-width:100%}.lead-contacts a span{width:44px;height:44px}.lead-contacts a{background-position:56px 100%}}
/* g148: souhlas ve formuláři na dotyku – větší políčko a celý řádek ≥44 px (klepnutí na text mimo odkaz zaškrtne) */
@media (pointer:coarse){.consent{min-height:44px;align-items:center}.consent input{width:24px;height:24px;flex:none;margin-top:0}}
/* g148: Kontakt + Studio – e-mail poptavka@ v kartě roztáhl mřížku na 320 px (od v142) */
.cgrid>*{min-width:0}
@media (max-width:400px){.cbox a{font-size:min(20px,5.6vw)}}
/* g149: světlý hero (Kontakt, Blog, Obchodní podmínky) – perex měl světlou barvu z tmavého hera = neviditelný */
.phero-plain .hero-row p{color:var(--ink-2)}
.phero-plain .hero-row p .hnote{color:var(--ink)}
/* g150: audit bod 2 – drobečky a menu přes světlou fotku hera nečitelné → silnější přechod nahoře a v pásu drobečků, plná barva drobečků + jemný stín písma */
@media (min-width:861px){.phero:not(.phero--art) .phero-media::after{background:linear-gradient(180deg,rgba(12,12,11,.62) 0%,rgba(12,12,11,.34) 11%,rgba(12,12,11,.24) 22%,rgba(12,12,11,.36) 40%,rgba(12,12,11,.48) 58%,rgba(12,12,11,.78) 100%)}}
.on-photo .crumbs{color:var(--ivory);text-shadow:0 0 14px rgba(12,12,11,.6),0 1px 2px rgba(12,12,11,.5)}
.hdr.over:not(.solid) .nav a,.hdr.over:not(.solid) .tel,.hdr.over:not(.solid) .nav button{text-shadow:0 0 14px rgba(12,12,11,.5),0 1px 2px rgba(12,12,11,.4)}
.hdr .ddm,.hdr .ddm *{text-shadow:none}
/* v151 – Realizace na mobilu: zkrácená galerie */
.grid-g a.g-cut{display:none!important}
.g-more{display:flex;margin:28px auto 0;width:fit-content}
.g-more[hidden]{display:none}
/* g153: audit bod 7 – červený rámeček fokusu na tmavém pozadí měl jen 2,7:1 → na tmavých plochách světlý (ivory), na světlých dál červený */
:is(.dark,.foot,.lead-sec,.hero,.h5a,.phero:not(.phero-plain),.lb,.offer,.fcta,.rz,.rzr,.hs2-panel,.pst-stage,.scard.pcard,.hdr.over:not(.solid)) :focus-visible,
.lead-sec .chip input:focus-visible+span{outline-color:var(--ivory)}
/* v156 – volba na začátku formuláře: 3D návrh / přijít do studia */
.msf-cil{margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--dline)}
.msf-cil-q{font-size:14px;color:var(--ivory-mute);margin-bottom:12px}
.msf-prog i.cut{display:none}
.msf-cil .chips{grid-auto-rows:1fr}.msf-cil .chip{display:flex}.msf-cil .chip span{flex:1}
/* g161: audit bod 16 – tlačítko pauzy u slideru v heru */
.h5a-ctl{display:flex;align-items:center;gap:12px}
.h5a-pp{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--ivory);cursor:pointer;padding:0;opacity:.75;transition:opacity .25s}
.h5a-pp:hover{opacity:1}
.h5a-pp svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.h5a-pp .pl{display:none;fill:currentColor;stroke:none}
.h5a-pp.off .ps{display:none}.h5a-pp.off .pl{display:block}
/* g163: kolečko-kurzor galerie realizací (React, z-[100]) se kreslilo přes menu → pod hlavičku (z 40), nad plovoucí lištu (z 30) */
.parallax-strip-slider > .pointer-events-none.fixed{z-index:39}
.parallax-strip-slider > .pointer-events-none.fixed.rz-off{visibility:hidden}
/* g164: audit bod 22 – pás realizací na počítači: jemné ztmavení nahoře a dole (jako mobil, slabší), text nad ztmavením */
@media (min-width:861px){
.rzr .parallax-strip-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(10,10,9,0),rgba(10,10,9,.55));pointer-events:none;z-index:5}
.rzr .parallax-strip-slider::before{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,rgba(10,10,9,.5),rgba(10,10,9,0));pointer-events:none;z-index:5}
.rzr .parallax-strip-slider>.bottom-0,.rzr .parallax-strip-slider>.top-0{z-index:25;pointer-events:none}
.rzr .parallax-strip-slider>.top-0 a,.rzr .parallax-strip-slider>.top-0 button,.rzr .parallax-strip-slider>.bottom-0 a,.rzr .parallax-strip-slider>.bottom-0 button{pointer-events:auto}
}
/* g165: Studio hero – věta o konzultaci stejnou barvou a řezem jako text nad ní (byla čistě bílá a tučnější) */
.hero-row p .hnote{color:inherit;font-weight:inherit}
/* g166: Kariéra – hero fotka designér u počítače (místo rozmazaného montážníka s useknutou hlavou); mobil: celá hlava + kus monitoru */
.phero-media img[src*="/designer"]{object-position:50% 40%}
@media (max-width:860px){.phero-media img[src*="/designer"]{object-position:20% 50%}}
/* g169: audit bod 4 – malé popisky v pásu realizací čitelnější: jemný stín písma (jako drobečky v heru) + ztmavení i v úzkém okně s myší */
.rzr .parallax-strip-slider .text-xs,.rzr .parallax-strip-slider>.bottom-0 span,.rzr .parallax-strip-slider h2,.rzr a{text-shadow:0 0 14px rgba(12,12,11,.6),0 1px 2px rgba(12,12,11,.5)}
@media (max-width:860px) and (pointer:fine){
.rzr .parallax-strip-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(180deg,rgba(10,10,9,0),rgba(10,10,9,.72));pointer-events:none;z-index:5}
.rzr .parallax-strip-slider::before{content:"";position:absolute;left:0;right:0;top:0;height:34%;background:linear-gradient(180deg,rgba(10,10,9,.55),rgba(10,10,9,0));pointer-events:none;z-index:5}
.rzr .parallax-strip-slider>.bottom-0,.rzr .parallax-strip-slider>.top-0{z-index:25;pointer-events:none}
.rzr .parallax-strip-slider>.top-0 a,.rzr .parallax-strip-slider>.top-0 button,.rzr .parallax-strip-slider>.bottom-0 a,.rzr .parallax-strip-slider>.bottom-0 button{pointer-events:auto}
}
/* g170: tlačítko pauzy při „omezit pohyb“ skryté (atribut hidden přebíjelo display:grid) */
.h5a-pp[hidden]{display:none}
/* g171: mobilní menu – „Výroba“ rozbalí Kuchyně…Koupelny (menu se zkrátí) */
.mnav .mgrp{appearance:none;background:none;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:clamp(30px,8vw,44px);font-weight:300;letter-spacing:-.03em;line-height:1.25;padding:8px 0;opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:.15s}
.menu-open .mnav .mgrp{opacity:1;transform:none}
.mnav .mgrp i{width:12px;height:12px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-4px) rotate(45deg);transition:transform .4s var(--ease);margin-right:6px}
.mnav .mgrp[aria-expanded="true"] i{transform:translateY(3px) rotate(-135deg)}
.mnav .msub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.mnav .msub>div{overflow:hidden}
.mnav .mgrp[aria-expanded="true"]+.msub{grid-template-rows:1fr}
.mnav .msub a.l{font-size:clamp(21px,5.6vw,27px);padding:10px 0 10px 18px;color:var(--ink-2)}
.mnav .msub a.l:last-child{border-bottom-color:var(--line)}
.mnav .mf .btn svg{width:18px;height:18px;flex:none}
/* g172: menu – posouvání nepřetéká na stránku pod ním */
.mnav{overscroll-behavior:contain}

/* v174 – karta pokojíku (světlá fotka nahoře): silnější ztmavení pod nadpisem, fotka beze změny */
.accr button:has(img[src*="detsky-pokoj-sourozenci"]) > .pointer-events-none{background-image:linear-gradient(to bottom,rgba(0,0,0,.66),rgba(0,0,0,.32) 38%,transparent 62%)}
.accr button:has(img[src*="detsky-pokoj-sourozenci"]) .z-40 p{text-shadow:0 1px 12px rgba(0,0,0,.35)}
/* v174 – Kontakt: ilona@ pod větou o objednání */
.cbox .cnote + a.ct{display:inline-block;margin-top:10px}
/* v174 – Dětské pokoje: otevřená fotka karuselu byla menší než náhled (max 52vh v okně 5xl) → okno skoro přes celou obrazovku, fotka až 84 % výšky */
@media (min-width:768px){.accr .fixed .max-w-5xl{max-width:min(1320px,calc(100vw - 32px))}}
.accr .fixed .bg-\[\#F5F5F7\]{padding:20px}
.accr .fixed .bg-\[\#F5F5F7\] img{max-height:84vh;max-width:100%;width:auto;height:auto}
@media (max-width:767px){.accr .fixed .bg-\[\#F5F5F7\]{padding:12px}.accr .fixed .bg-\[\#F5F5F7\] p{padding:4px 4px 0}}
/* fotka nahoře, popis pod ní (text netlačí fotku pod okraj okna) */
.accr .fixed .bg-\[\#F5F5F7\]{display:flex;flex-direction:column}
.accr .fixed .bg-\[\#F5F5F7\] img{order:-1;margin-top:0}
.accr .fixed .bg-\[\#F5F5F7\] p{margin:18px auto 4px;width:100%}
/* celá fotka v okně bez posouvání: menší okraje okna, výška fotky = obrazovka minus nadpis */
@media (min-width:768px){.accr .fixed .md\:p-10{padding:24px 28px}.accr .fixed .bg-\[\#F5F5F7\] img{max-height:max(480px,calc(100vh - 236px))}}
/* v122 – velké obrazovky (vygenerováno gen_big.py) */
@media(min-width:2200px){
:root{--max:1805px;--hdr:95px}
body{font-size:20.7px}
body{font-size:20.7px}
:focus-visible{border-radius:4.9px}
.skip{padding:14.6px 22px;border-radius:1218.8px}
.d1{font-size:clamp(56.1px,7.4vw,156.2px)}
.d2{font-size:clamp(43.9px,4.6vw,92.7px)}
.d3{font-size:clamp(31.7px,2.5vw,46.4px)}
.h4{font-size:24.4px}
.lead{font-size:clamp(22px,1.4vw,25.6px)}
.eyebrow{gap:12.2px;font-size:15.9px}
.btn{--bh:63.4px;gap:14.6px;padding:0 31.7px;border-radius:1218.8px;font-size:18.3px}
.btn .ar{width:22px;height:22px}
.btn--sm{--bh:51.2px;padding:0 22px;font-size:17.1px}
.lnk{gap:12.2px;font-size:18.3px;padding-bottom:3.7px}
.lnk .ar{width:19.5px;height:19.5px}
.hdr .wrap{gap:43.9px}
.logo{gap:14.6px}
.logo .ch{width:37.8px;height:45.1px}
.logo .wm{gap:4.9px}
.logo .wm svg:first-child{height:23.2px}
.logo .wm svg:last-child{width:81.7px;height:14.6px}
.nav{gap:7.3px}
.nav>a,.nav .dd>button{gap:7.3px;height:48.8px;padding:0 14.6px;border-radius:1218.8px;font-size:18.3px}
.nav .chev{width:14.6px;height:14.6px}
.ddm{gap:4.9px;padding:12.2px;border-radius:19.5px}
.ddm a{grid-template-columns:78.1px 1fr;gap:17.1px;padding:9.8px;border-radius:14.6px}
.ddm img{border-radius:9.8px}
.ddm b{font-size:18.3px}
.ddm span{font-size:15.9px}
.hdr .tel{font-size:18.3px;gap:9.8px}
.hdr .tel svg{width:19.5px;height:19.5px}
.burger{width:56.1px;height:56.1px}
.burger i{width:19.5px}
.burger i::after{width:19.5px}
.mnav a.l{font-size:clamp(36.6px,8vw,53.7px);padding:9.8px 0}
.mnav a.l small{font-size:15.9px}
.mnav .mf{padding-top:34.2px;gap:12.2px}
.hero{min-height:780.8px}
.hero .wrap{padding-bottom:clamp(43.9px,7vh,97.6px)}
.hero-row{gap:48.8px;margin-top:clamp(29.3px,4vh,48.8px)}
.hero-row p{font-size:clamp(20.7px,1.3vw,24.4px)}
.hero-cta{gap:12.2px}
.trust{gap:clamp(24.4px,3vw,53.7px);margin-top:clamp(34.2px,5vh,58.6px);padding-top:26.8px;font-size:17.1px}
.trust b{font-size:clamp(24.4px,1.8vw,31.7px)}
.phero{min-height:min(86svh,1049.2px)}
.phero .wrap{padding-bottom:clamp(48.8px,7vh,97.6px)}
.crumbs{gap:9.8px;font-size:15.9px;margin-bottom:26.8px}
.phero .hero-row{margin-top:31.7px}
.phero-plain .wrap{padding-bottom:clamp(48.8px,6vh,87.8px)}
.sec{padding:clamp(97.6px,12vh,183px) 0}
.sec--tight{padding:clamp(68.3px,8vh,117.1px) 0}
.sec-head{gap:48.8px;margin-bottom:clamp(48.8px,6vh,87.8px)}
.sec-head h2{margin-top:22px}
.split{gap:clamp(48.8px,6vw,134.2px)}
.split .txt .lead+.lead{margin-top:19.5px}
.split .txt .btns{gap:12.2px;margin-top:41.5px}
.split .ph{border-radius:7.3px}
.ticks{gap:14.6px}
.ticks li{grid-template-columns:26.8px 1fr;gap:14.6px}
.ticks li svg{width:22px;height:22px;margin-top:4.9px}
.acc{gap:12.2px}
.acc a{border-radius:9.8px}
.acc .cap .n{font-size:15.9px}
.acc .cap h3{font-size:clamp(26.8px,2vw,39px);margin-top:7.3px}
.acc a:not(.on) .cap h3{font-size:24.4px}
.acc a:not(.on) .cap .n{margin-bottom:12.2px}
.acc .cap p{font-size:18.3px;margin-top:12.2px}
.acc .go{width:56.1px;height:56.1px}
.acc .go svg{width:22px;height:22px}
.stat{padding:36.6px 29.3px 0 0}
.stat+.stat{padding-left:29.3px}
.stat b{font-size:clamp(53.7px,5vw,102.5px)}
.stat>span{margin-top:14.6px;font-size:18.3px}
.rz{min-height:683.2px}
.rz-top{gap:24.4px}
.rz-bar{height:1.2px}
.rz-foot{gap:29.3px}
.rz-title{font-size:clamp(53.7px,6vw,126.9px)}
.rz-desc{margin-top:14.6px;font-size:19.5px}
.rz-count{font-size:17.1px}
.scard{min-height:min(74vh,780.8px);margin-bottom:29.3px;border-radius:17.1px}
.scard .t{padding:clamp(34.2px,4vw,73.2px)}
.scard .k{font-size:17.1px}
.scard h3{font-size:clamp(41.5px,3.6vw,70.8px)}
.scard ul{gap:9.8px;font-size:18.3px}
.scard .ph{min-height:390.4px}
.why{column-gap:clamp(48.8px,6vw,122px)}
.why>div{grid-template-columns:58.6px 1fr;gap:22px;padding:36.6px 0}
.why .i svg{width:24.4px;height:24.4px}
.why h3{font-size:26.8px}
.why p{margin-top:9.8px;font-size:19.5px}
.offer{border-radius:19.5px}
.offer .t{padding:clamp(39px,4.5vw,87.8px)}
.offer .cols{gap:34.2px}
.offer h4{font-size:17.1px;margin-bottom:14.6px}
.offer ul{gap:11px;font-size:19.5px}
.offer ul li{grid-template-columns:24.4px 1fr;gap:12.2px}
.offer ul svg{width:19.5px;height:19.5px;margin-top:6.1px}
.offer .ph{min-height:463.6px}
.price{grid-template-columns:146.4px minmax(0,1.2fr) minmax(0,1fr) auto;gap:39px;padding:29.3px 0}
.price .th{border-radius:7.3px}
.price h3{font-size:clamp(26.8px,2vw,36.6px)}
.price p{font-size:18.3px}
.price .v{font-size:clamp(34.2px,2.8vw,53.7px)}
.rev-track{gap:22px}
.rev{border-radius:17.1px;padding:36.6px;min-height:366px}
.rev .st{gap:3.7px}
.rev .st svg{width:19.5px;height:19.5px}
.rev q{font-size:23.2px}
.rev .who{gap:14.6px;font-size:18.3px}
.rev .av{width:48.8px;height:48.8px}
.rev .who small{font-size:15.9px}
.rev-nav{gap:9.8px}
.rev-nav button{width:58.6px;height:58.6px}
.rev-nav svg{width:22px;height:22px}
.g-badge{gap:14.6px;font-size:18.3px}
.g-badge b{font-size:34.2px}
.faq{gap:clamp(48.8px,6vw,122px)}
.faq .side .btn{margin-top:31.7px}
.qa summary{grid-template-columns:1fr 43.9px;gap:24.4px;padding:29.3px 0;font-size:clamp(22px,1.4vw,25.6px)}
.qa .a p{padding:0 68.3px 31.7px 0;font-size:19.5px}
.lead-grid{gap:clamp(48.8px,6vw,122px)}
.lead-contacts{margin-top:48.8px;gap:22px}
.lead-contacts a{gap:17.1px;font-size:clamp(24.4px,1.7vw,31.7px);padding-bottom:4.9px}
.lead-contacts svg{width:22px;height:22px}
.msf{border-radius:22px;padding:clamp(29.3px,3vw,53.7px)}
.msf-prog{gap:7.3px;margin-bottom:31.7px}
.msf-prog i{border-radius:3.7px}
.msf h3{font-size:clamp(29.3px,2.2vw,39px);margin-bottom:7.3px}
.msf .hint{font-size:17.1px;margin-bottom:26.8px}
.chips{gap:12.2px}
.chip span{gap:14.6px;min-height:68.3px;padding:14.6px 19.5px;border-radius:14.6px;font-size:19.5px}
.chip span::before{width:22px;height:22px}
.fields{gap:17.1px}
.fld{gap:7.3px}
.fld label{font-size:15.9px}
.fld input,.fld textarea{font-size:19.5px;border-radius:12.2px;padding:17.1px 19.5px}
.fld textarea{min-height:134.2px}
.fld .err{font-size:14.6px}
.file{gap:14.6px;padding:17.1px 19.5px;border-radius:12.2px;font-size:18.3px}
.file svg{width:24.4px;height:24.4px}
.consent{gap:14.6px;font-size:15.9px;margin-top:4.9px}
.consent input{margin-top:1.2px}
.msf-nav{gap:14.6px;margin-top:31.7px}
.msf-nav .back{font-size:18.3px;gap:9.8px}
.msf-nav .back svg{width:19.5px;height:19.5px}
.msf-status{margin-top:17.1px;font-size:18.3px}
.msf-done{padding:36.6px 0}
.msf-done .ok svg{width:34.2px;height:34.2px}
.filters{gap:9.8px;margin-bottom:41.5px}
.filters button{padding:0 22px;border-radius:1218.8px;font-size:18.3px}
.grid-g{column-gap:19.5px}
.grid-g a{margin-bottom:19.5px;border-radius:9.8px}
.grid-g a span{font-size:17.1px}
.lb img{border-radius:7.3px}
.lb button svg{width:22px;height:22px}
.lb p{font-size:17.1px}
.posts{gap:clamp(22px,2vw,39px)}
.post .ph{border-radius:9.8px}
.post .meta{font-size:15.9px}
.post h3{font-size:clamp(24.4px,1.6vw,29.3px)}
.post p{margin-top:12.2px;font-size:18.3px}
.article{max-width:927.2px}
.article h2{font-size:clamp(34.2px,2.6vw,48.8px);padding-top:clamp(48.8px,4vw,68.3px);margin-top:clamp(48.8px,4vw,68.3px)}
.article h3{font-size:clamp(25.6px,1.8vw,31.7px)}
.article p,.article li{font-size:22px}
.article p+p{margin-top:19.5px}
.article ul{padding-left:24.4px}
.article img{border-radius:9.8px}
.jobs{gap:22px}
.job{border-radius:19.5px;padding:clamp(29.3px,3vw,53.7px);gap:clamp(29.3px,4vw,73.2px)}
.job h3{font-size:clamp(31.7px,2.4vw,43.9px)}
.job .tag{margin-top:17.1px;font-size:15.9px;padding:7.3px 14.6px;border-radius:1218.8px}
.job h4{font-size:17.1px}
.job ul{padding-left:22px;gap:7.3px;font-size:19.5px}
.cgrid{gap:22px}
.cbox{border-radius:17.1px;padding:34.2px}
.cbox h3{font-size:17.1px;margin-bottom:17.1px}
.cbox a,.cbox p{font-size:24.4px}
.cbox small{font-size:17.1px;margin-top:7.3px}
.foot-big{gap:48.8px;padding-bottom:clamp(61px,8vh,109.8px)}
.foot-cols{gap:48.8px;padding:58.6px 0}
.foot-cols h4{font-size:17.1px;margin-bottom:19.5px}
.foot-cols a{padding:4.9px 0;font-size:18.3px}
.foot-cols p{font-size:18.3px}
.foot .logo{margin-bottom:22px}
.foot-b{gap:24.4px;padding-top:29.3px;font-size:15.9px}
.fcta{gap:9.8px;padding:7.3px;border-radius:1218.8px}
.fcta a{gap:12.2px;padding:0 22px;border-radius:1218.8px;font-size:18.3px}
.fcta a svg{width:20.7px;height:20.7px}
.hs2-wrap{gap:36.6px;padding-bottom:clamp(29.3px,5vh,68.3px)!important}
.hs2-panel{border-radius:22px;padding:clamp(29.3px,2.6vw,48.8px)}
.hs2-prog{gap:7.3px;margin-bottom:26.8px}
.hs2-prog i{border-radius:2.4px}
.hs2-cap{gap:12.2px;font-size:17.1px;margin-bottom:22px}
.hs2-lead{font-size:20.7px}
.hs2-panel .trust{margin-top:31.7px;padding-top:22px;font-size:15.9px;gap:31.7px}
.hs2-panel .trust b{font-size:24.4px}
.hs2-thumbs{gap:9.8px}
.hs2-th{border-radius:12.2px}
.hs2 .rz-strip{padding-left:1.2px!important}
.hs3-wrap{gap:36.6px;padding-bottom:clamp(34.2px,5.5vh,68.3px)}
.hs3-copy{max-width:780.8px}
.hs3-k{font-size:15.9px;margin-bottom:17.1px}
.hs3-copy h1{font-size:clamp(41.5px,3.6vw,70.8px)}
.hs3-cta{gap:26.8px;margin-top:29.3px}
.hs3-meta{gap:12.2px;font-size:15.9px}
.hs3-bar{height:1.2px}
.hero .h5a-wrap{gap:48.8px}
.h5a-k{font-size:15.9px}
.h5a h1{font-size:clamp(48.8px,5.2vw,102.5px)}
.h5a-cta{gap:31.7px;margin-top:36.6px}
.h5a-meta{gap:19.5px;padding-bottom:7.3px}
.h5a-cap{gap:12.2px;font-size:17.1px}
.h5a-n{font-size:18.3px}
.h5a-dots{gap:7.3px}
.h5a-dots button{width:41.5px;height:26.8px}
.h5a-dots button::before{height:2.4px}
.h5a-dots i{height:2.4px}
.h5b-top{gap:48.8px;margin-bottom:clamp(24.4px,3.4vh,48.8px)}
.h5b h1{font-size:clamp(46.4px,4.3vw,90.3px)}
.h5b-side p{font-size:19.5px}
.h5b-cta{gap:29.3px}
.h5b-frame{min-height:414.8px;border-radius:17.1px}
.h5b-foot{gap:34.2px;padding-top:19.5px;font-size:17.1px}
.h5b-cap{gap:7.3px}
.h5b-bar{height:1.2px}
.h5b-nav{gap:9.8px}
.h5b-nav button{width:56.1px;height:56.1px}
.h5b-nav .ar{width:22px;height:22px}
.h5c-k{font-size:15.9px}
.h5c h1{font-size:clamp(48.8px,4.4vw,95.2px)}
.h5c-cta{gap:29.3px;margin-top:36.6px}
.h5c-ix{padding:48.8px 0 0}
.h5c-ix button{gap:22px;padding:13.4px 0;font-size:18.3px}
.h5c-ix button span{font-size:14.6px}
.h5c-ix button.on{padding-left:12.2px}
.h5c-ix i{height:1.2px}
.h5c-media{border-radius:17.1px}
.el-j-r{gap:clamp(22px,3vw,68.3px)}
.el-j .n{font-size:15.2px}
.el-j .t{font-size:clamp(31.7px,3vw,58.6px)}
.el-j .d{font-size:18.3px}
.el-j .go{width:63.4px;height:63.4px}
.el-j .go svg{width:22px;height:22px}
.ddsub{gap:4.9px 17.1px;padding:2.4px 14.6px 9.8px 107.4px;font-size:17.1px}
.ddm .ddsub a{padding:4.9px 0}
.mnav a.l--sub{font-size:clamp(24.4px,5vw,31.7px);padding-left:26.8px}
.foot a.sub{padding-left:17.1px}
.el-j-r:hover .d,.el-j-r:focus-visible .d{margin-top:12.2px}
.el-j .go .ar{width:22px;height:22px}
.lb .lb-c{font-size:15.9px}
.pcs dl,.pst-c dl,.pcard dl{gap:9.8px 24.4px}
.pcs dl div,.pst-c dl div,.pcard dl div{grid-template-columns:146.4px 1fr;gap:14.6px;font-size:18.3px;padding-top:9.8px}
.pcs-v span,.pst-v span,.pcard-v span{font-size:clamp(43.9px,3.6vw,73.2px)}
.pcs-v em,.pst-v em,.pcard-v em{font-size:15.9px;margin-top:9.8px}
.pcss{gap:clamp(48.8px,7vh,117.1px);margin-top:36.6px}
.pcs{gap:clamp(29.3px,4vw,78.1px)}
.pcs-ph{border-radius:12.2px}
.pcs-t h3{font-size:clamp(34.2px,3vw,56.1px);margin-top:14.6px}
.pcs-t p{margin-top:14.6px}
.pcs-v{margin-top:31.7px;padding-top:26.8px}
.pst{margin-top:31.7px}
.pst-tabs{gap:9.8px;margin-bottom:17.1px}
.pst-tabs button{gap:4.9px;padding:19.5px 22px;border-radius:14.6px}
.pst-tabs button b{font-size:19.5px}
.pst-tabs button span{font-size:17.1px}
.pst-stage{border-radius:14.6px}
.pst-c{border-radius:14.6px;padding:clamp(24.4px,2.4vw,36.6px)}
.pst-c h3{font-size:clamp(29.3px,2.2vw,41.5px);margin-top:9.8px}
.pst-c p{font-size:18.3px;margin-top:9.8px}
.pst-c dl div{grid-template-columns:134.2px 1fr;font-size:17.1px}
.pst-v{margin-top:19.5px;padding-top:17.1px}
.pst-v span{font-size:clamp(36.6px,3vw,53.7px)}
.pstack{margin-top:36.6px}
.scard.pcard{min-height:min(76vh,854px)}
.pcard-t{padding:clamp(34.2px,4vw,73.2px);max-width:756.4px}
.pcard-t h3{font-size:clamp(39px,3.6vw,68.3px)}
.pcard-v{padding:clamp(34.2px,4vw,73.2px)}
.pcount{gap:9.8px;padding:8.5px 14.6px;border-radius:1218.8px;font-size:15.2px}
.pcount .ar{width:17.1px;height:17.1px}
.why .i.i--fx{width:78.1px;height:78.1px;border-radius:22px}
.why-fx{grid-template-columns:78.1px 1fr!important}
.why .i.i--fx svg{width:43.9px;height:43.9px}
.ct{padding-bottom:2.4px}
.rva-in{gap:clamp(39px,6vw,117.1px)}
.rva-score{gap:17.1px;padding:clamp(34.2px,4vw,68.3px);border-radius:17.1px}
.rva-n{font-size:clamp(117.1px,13vw,231.8px)}
.rva-st{gap:7.3px}
.rva-txt h2{margin-bottom:24.4px}
.rva-cta{gap:22px 34.2px;margin-top:34.2px}
.rvb-q p{font-size:clamp(34.2px,3.6vw,65.9px)}
.rvb-nav{gap:12.2px 34.2px;padding-top:26.8px}
.rvb-nav button{gap:12.2px;padding-bottom:12.2px;font-size:18.3px}
.rvb-nav .av{width:36.6px;height:36.6px;font-size:15.9px}
.rvb-nav i{height:2.4px}
.rvc-r{gap:clamp(24.4px,4vw,78.1px);padding:clamp(31.7px,3.4vw,53.7px) 0}
.rvc-h{gap:22px;font-size:clamp(34.2px,3.2vw,58.6px)}
.rvc-h .n{font-size:15.9px}
.rvc-qs{gap:22px}
.rvc-q blockquote{font-size:clamp(22px,1.6vw,26.8px)}
.rvc-q figcaption{margin-top:7.3px;font-size:17.1px}
.blog-f{gap:9.8px}
.blog-f button{padding:11px 19.5px;border-radius:120.8px;font-size:18.3px}
.blog-f button span{font-size:14.6px}
.faq--all .faq-gs{gap:clamp(39px,4vw,58.6px)}
.faq-gh{font-size:17.1px}
.phero--art .hero-row p{font-size:18.3px}
.article h4{font-size:23.2px}
.article h2+h3,.article h3+h4,.article h2+h4{margin-top:17.1px}
.article p+ul,.article p+ol{margin-top:14.6px}
.article ul+p,.article ol+p,.article .art-table+p,.article .art-fig+p{margin-top:22px}
.article .art-note{padding:26.8px 31.7px;border-radius:19.5px;font-size:23.2px}
.article .art-fig img{border-radius:14.6px}
.article figcaption{margin-top:-29.3px;margin-bottom:39px;font-size:17.1px}
.article table{font-size:18.3px}
.article th,.article td{padding:14.6px 17.1px}
.article blockquote{padding-left:26.8px;font-size:24.4px}
.article .art-sig{margin-top:53.7px}
.article p.art-b{margin-top:36.6px;font-size:23.2px}
.article p.art-b+p,.article p.art-b+ul,.article p.art-b+ol{margin-top:9.8px}
.article .ld-r,.article .ld-li{gap:12.2px}
.article .ld-r{padding:13.4px 0;font-size:20.7px}
.article .ld-h{font-size:15.9px}
.article hr{height:1.2px}
.article .art-fig--p{max-width:634.4px}
.art-hero .crumbs{margin-bottom:clamp(29.3px,3vw,48.8px)}
.art-meta{gap:9.8px 22px;font-size:17.1px}
.art-meta .art-cat{padding:4.9px 13.4px;border-radius:120.8px}
.art-h1{font-size:clamp(43.9px,5vw,87.8px)}
.art-cover{margin-top:clamp(39px,4vw,68.3px);border-radius:17.1px}
.art-sec{padding-top:clamp(58.6px,6vw,107.4px)}
.art-wrap{grid-template-columns:minmax(0,292.8px) minmax(0,902.8px);gap:clamp(39px,6vw,134.2px)}
.art-side{gap:34.2px}
.art-toc-h{font-size:15.9px}
.art-toc a{padding:8.5px 0 8.5px 19.5px;font-size:17.1px;grid-template-columns:31.7px 1fr}
.art-back{font-size:17.1px}
.article .art-perex{font-size:clamp(24.4px,1.7vw,29.3px);margin-bottom:34.2px}
.article ul.mk-list{gap:12.2px}
.article .mk{padding-left:39px}
.article .mk::before{width:22px;height:22px}
.article .mk-q::before{font-size:15.9px;width:17.1px;height:17.1px;border-radius:3.7px}
.article p.mk-pin,.article p.mk-warn{padding:19.5px 24.4px 19.5px 63.4px;border-radius:12.2px}
.article .mk-warn::before{font-size:14.6px}
.article p.mk{margin-top:17.1px}
.article .kc{width:29.3px;height:29.3px;font-size:15.9px}
.article .stars{gap:3.7px}
.article .stars i{width:19.5px;height:19.5px}
.rzr{min-height:683.2px}
.rzr-link{font-size:17.1px}
.parallax-strip-slider .h-px{height:1.2px}
.parallax-strip-slider .rounded-full{border-radius:12198.8px}
.parallax-strip-slider>.bottom-0>h2{font-size:clamp(48.8px,4.4vw,102.5px)!important}
.fcards{gap:34.2px;max-width:1561.6px;padding:0 39px}
.fcard{border-radius:9.8px}
.fcard-o{padding:39px 19.5px}
.fcard-o span{font-size:29.3px}
.split:has(> .ph > img[src*="img/predsin"]){gap:clamp(39px,4vw,78.1px)}
.accr .rounded-full{border-radius:12198.8px}
.crumbs a{padding:12.2px 2.4px}
.foot a[href="obchodni-podminky.html"],.foot a[href^="kontakt.html#osobni"]{padding:12.2px 0}
[style*="minmax(320px"]{grid-template-columns:repeat(auto-fill,minmax(min(390.4px,100%),1fr))!important}
.rz-m{gap:17.1px}
.rz-m-b svg{width:24.4px;height:24.4px}
.rz-m-dots{gap:7.3px}
.rz-m-dots i{width:22px;height:2.4px;border-radius:2.4px}
.rz-m-dots i.on{width:36.6px}
.rz-m-hint{gap:9.8px;font-size:15.9px}
.rz-m-hint svg{width:22px;height:22px}
.rz-m-hint.off{margin-top:-17.1px}
.foot-cols h3{font-size:17.1px;margin-bottom:19.5px}
.offer .cols h3{font-size:17.1px;margin-bottom:14.6px}
.msf-next{font-size:17.1px}
.rva-txt .eyebrow{margin-bottom:22px}
.hero-row p .hnote{margin-top:14.6px}
.cbox p.cmain{margin-bottom:12.2px}
.cbox p.cnote{font-size:19.5px;margin-top:14.6px}
.article p.mk-warn{padding:0 0 0 39px}
.article p.mk-pin{padding:19.5px 24.4px 19.5px 61px;border-radius:19.5px}
.article .h-n{gap:17.1px;margin-bottom:22px;font-size:18.3px}
.article .h-n::after{width:48.8px;height:1.2px}
.article .cmp{padding:7.3px 31.7px 9.8px;border-radius:22px}
.article .cmp-h,.article .cmp-r{gap:24.4px}
.article .cmp-h{padding:19.5px 0 14.6px;font-size:14.6px}
.article .cmp-r{padding:15.9px 0}
.article .cmp-l{font-size:20.7px}
.article .cmp-v{gap:11px;padding:8.5px 17.1px 8.5px 14.6px;border-radius:1218.8px;font-size:17.7px}
.article .cmp-v i{width:8.5px;height:8.5px}
.article .prc{padding:4.9px 31.7px;border-radius:22px}
.article .prc-r{gap:29.3px;padding:18.3px 0}
.article .prc-l{font-size:20.7px}
.article .prc-v{max-width:366px;font-size:18.3px}
.article .prc-r:first-child .prc-v{font-size:15.2px}
.article .art-table{border-radius:22px}
.article .art-table table{font-size:18.3px}
.article .art-table thead th{padding:22px 22px 15.9px;font-size:14.6px}
.article .art-table td{padding:17.1px 22px}
.article .art-table.art-table--num td:first-child{width:34.2px;padding-right:4.9px}
.article .art-table--num th:first-child{padding-right:4.9px}
.article .art-sign{gap:3.7px;margin-top:63.4px;padding-top:29.3px;font-size:20.7px}
.article .art-sign span+span{font-size:17.1px}
.article .art-sign::before{width:34.2px;height:2.4px}
.art-toc .t-n{font-size:14.6px}
.wd-l{margin-bottom:clamp(34.2px,4vh,53.7px)}
.wd-r{gap:clamp(29.3px,4vw,87.8px);padding:clamp(29.3px,3.2vh,46.4px) 0}
.wd-n h3{font-size:clamp(29.3px,2.3vw,43.9px)}
.wd-n span{margin-top:9.8px;font-size:18.3px}
.wd-d{font-size:clamp(19.5px,1.15vw,22px)}
.wd-f{font-size:18.3px}
.wd-f b{font-size:15.9px;margin-bottom:7.3px}
.msf-cil{margin-bottom:31.7px;padding-bottom:31.7px}
.msf-cil-q{font-size:17.1px;margin-bottom:14.6px}
.h5a-ctl{gap:14.6px}
.h5a-pp svg{width:17.1px;height:17.1px}
.mnav .mgrp{font-size:clamp(36.6px,8vw,53.7px);padding:9.8px 0}
.mnav .mgrp i{width:14.6px;height:14.6px}
.mnav .msub a.l{font-size:clamp(25.6px,5.6vw,32.9px);padding:12.2px 0 12.2px 22px}
.mnav .mf .btn svg{width:22px;height:22px}
.cbox .cnote + a.ct{margin-top:12.2px}
.accr .fixed .bg-\[\#F5F5F7\]{padding:24.4px}
.accr .fixed .md\:p-10{padding:29.3px 34.2px}
}
@media(min-width:2900px){
:root{--max:2220px;--hdr:117px}
body{font-size:25.5px}
body{font-size:25.5px}
:focus-visible{border-radius:6px}
.skip{padding:18px 27px;border-radius:1498.5px}
.d1{font-size:clamp(69px,7.4vw,192px)}
.d2{font-size:clamp(54px,4.6vw,114px)}
.d3{font-size:clamp(39px,2.5vw,57px)}
.h4{font-size:30px}
.lead{font-size:clamp(27px,1.4vw,31.5px)}
.eyebrow{gap:15px;font-size:19.5px}
.btn{--bh:78px;gap:18px;padding:0 39px;border-radius:1498.5px;font-size:22.5px}
.btn .ar{width:27px;height:27px}
.btn--sm{--bh:63px;padding:0 27px;font-size:21px}
.lnk{gap:15px;font-size:22.5px;padding-bottom:4.5px}
.lnk .ar{width:24px;height:24px}
.hdr .wrap{gap:54px}
.logo{gap:18px}
.logo .ch{width:46.5px;height:55.5px}
.logo .wm{gap:6px}
.logo .wm svg:first-child{height:28.5px}
.logo .wm svg:last-child{width:100.5px;height:18px}
.nav{gap:9px}
.nav>a,.nav .dd>button{gap:9px;height:60px;padding:0 18px;border-radius:1498.5px;font-size:22.5px}
.nav .chev{width:18px;height:18px}
.ddm{gap:6px;padding:15px;border-radius:24px}
.ddm a{grid-template-columns:96px 1fr;gap:21px;padding:12px;border-radius:18px}
.ddm img{border-radius:12px}
.ddm b{font-size:22.5px}
.ddm span{font-size:19.5px}
.hdr .tel{font-size:22.5px;gap:12px}
.hdr .tel svg{width:24px;height:24px}
.burger{width:69px;height:69px}
.burger i{width:24px}
.burger i::after{width:24px}
.mnav a.l{font-size:clamp(45px,8vw,66px);padding:12px 0}
.mnav a.l small{font-size:19.5px}
.mnav .mf{padding-top:42px;gap:15px}
.hero{min-height:960px}
.hero .wrap{padding-bottom:clamp(54px,7vh,120px)}
.hero-row{gap:60px;margin-top:clamp(36px,4vh,60px)}
.hero-row p{font-size:clamp(25.5px,1.3vw,30px)}
.hero-cta{gap:15px}
.trust{gap:clamp(30px,3vw,66px);margin-top:clamp(42px,5vh,72px);padding-top:33px;font-size:21px}
.trust b{font-size:clamp(30px,1.8vw,39px)}
.phero{min-height:min(86svh,1290px)}
.phero .wrap{padding-bottom:clamp(60px,7vh,120px)}
.crumbs{gap:12px;font-size:19.5px;margin-bottom:33px}
.phero .hero-row{margin-top:39px}
.phero-plain .wrap{padding-bottom:clamp(60px,6vh,108px)}
.sec{padding:clamp(120px,12vh,225px) 0}
.sec--tight{padding:clamp(84px,8vh,144px) 0}
.sec-head{gap:60px;margin-bottom:clamp(60px,6vh,108px)}
.sec-head h2{margin-top:27px}
.split{gap:clamp(60px,6vw,165px)}
.split .txt .lead+.lead{margin-top:24px}
.split .txt .btns{gap:15px;margin-top:51px}
.split .ph{border-radius:9px}
.ticks{gap:18px}
.ticks li{grid-template-columns:33px 1fr;gap:18px}
.ticks li svg{width:27px;height:27px;margin-top:6px}
.acc{gap:15px}
.acc a{border-radius:12px}
.acc .cap .n{font-size:19.5px}
.acc .cap h3{font-size:clamp(33px,2vw,48px);margin-top:9px}
.acc a:not(.on) .cap h3{font-size:30px}
.acc a:not(.on) .cap .n{margin-bottom:15px}
.acc .cap p{font-size:22.5px;margin-top:15px}
.acc .go{width:69px;height:69px}
.acc .go svg{width:27px;height:27px}
.stat{padding:45px 36px 0 0}
.stat+.stat{padding-left:36px}
.stat b{font-size:clamp(66px,5vw,126px)}
.stat>span{margin-top:18px;font-size:22.5px}
.rz{min-height:840px}
.rz-top{gap:30px}
.rz-bar{height:1.5px}
.rz-foot{gap:36px}
.rz-title{font-size:clamp(66px,6vw,156px)}
.rz-desc{margin-top:18px;font-size:24px}
.rz-count{font-size:21px}
.scard{min-height:min(74vh,960px);margin-bottom:36px;border-radius:21px}
.scard .t{padding:clamp(42px,4vw,90px)}
.scard .k{font-size:21px}
.scard h3{font-size:clamp(51px,3.6vw,87px)}
.scard ul{gap:12px;font-size:22.5px}
.scard .ph{min-height:480px}
.why{column-gap:clamp(60px,6vw,150px)}
.why>div{grid-template-columns:72px 1fr;gap:27px;padding:45px 0}
.why .i svg{width:30px;height:30px}
.why h3{font-size:33px}
.why p{margin-top:12px;font-size:24px}
.offer{border-radius:24px}
.offer .t{padding:clamp(48px,4.5vw,108px)}
.offer .cols{gap:42px}
.offer h4{font-size:21px;margin-bottom:18px}
.offer ul{gap:13.5px;font-size:24px}
.offer ul li{grid-template-columns:30px 1fr;gap:15px}
.offer ul svg{width:24px;height:24px;margin-top:7.5px}
.offer .ph{min-height:570px}
.price{grid-template-columns:180px minmax(0,1.2fr) minmax(0,1fr) auto;gap:48px;padding:36px 0}
.price .th{border-radius:9px}
.price h3{font-size:clamp(33px,2vw,45px)}
.price p{font-size:22.5px}
.price .v{font-size:clamp(42px,2.8vw,66px)}
.rev-track{gap:27px}
.rev{border-radius:21px;padding:45px;min-height:450px}
.rev .st{gap:4.5px}
.rev .st svg{width:24px;height:24px}
.rev q{font-size:28.5px}
.rev .who{gap:18px;font-size:22.5px}
.rev .av{width:60px;height:60px}
.rev .who small{font-size:19.5px}
.rev-nav{gap:12px}
.rev-nav button{width:72px;height:72px}
.rev-nav svg{width:27px;height:27px}
.g-badge{gap:18px;font-size:22.5px}
.g-badge b{font-size:42px}
.faq{gap:clamp(60px,6vw,150px)}
.faq .side .btn{margin-top:39px}
.qa summary{grid-template-columns:1fr 54px;gap:30px;padding:36px 0;font-size:clamp(27px,1.4vw,31.5px)}
.qa .a p{padding:0 84px 39px 0;font-size:24px}
.lead-grid{gap:clamp(60px,6vw,150px)}
.lead-contacts{margin-top:60px;gap:27px}
.lead-contacts a{gap:21px;font-size:clamp(30px,1.7vw,39px);padding-bottom:6px}
.lead-contacts svg{width:27px;height:27px}
.msf{border-radius:27px;padding:clamp(36px,3vw,66px)}
.msf-prog{gap:9px;margin-bottom:39px}
.msf-prog i{border-radius:4.5px}
.msf h3{font-size:clamp(36px,2.2vw,48px);margin-bottom:9px}
.msf .hint{font-size:21px;margin-bottom:33px}
.chips{gap:15px}
.chip span{gap:18px;min-height:84px;padding:18px 24px;border-radius:18px;font-size:24px}
.chip span::before{width:27px;height:27px}
.fields{gap:21px}
.fld{gap:9px}
.fld label{font-size:19.5px}
.fld input,.fld textarea{font-size:24px;border-radius:15px;padding:21px 24px}
.fld textarea{min-height:165px}
.fld .err{font-size:18px}
.file{gap:18px;padding:21px 24px;border-radius:15px;font-size:22.5px}
.file svg{width:30px;height:30px}
.consent{gap:18px;font-size:19.5px;margin-top:6px}
.consent input{margin-top:1.5px}
.msf-nav{gap:18px;margin-top:39px}
.msf-nav .back{font-size:22.5px;gap:12px}
.msf-nav .back svg{width:24px;height:24px}
.msf-status{margin-top:21px;font-size:22.5px}
.msf-done{padding:45px 0}
.msf-done .ok svg{width:42px;height:42px}
.filters{gap:12px;margin-bottom:51px}
.filters button{padding:0 27px;border-radius:1498.5px;font-size:22.5px}
.grid-g{column-gap:24px}
.grid-g a{margin-bottom:24px;border-radius:12px}
.grid-g a span{font-size:21px}
.lb img{border-radius:9px}
.lb button svg{width:27px;height:27px}
.lb p{font-size:21px}
.posts{gap:clamp(27px,2vw,48px)}
.post .ph{border-radius:12px}
.post .meta{font-size:19.5px}
.post h3{font-size:clamp(30px,1.6vw,36px)}
.post p{margin-top:15px;font-size:22.5px}
.article{max-width:1140px}
.article h2{font-size:clamp(42px,2.6vw,60px);padding-top:clamp(60px,4vw,84px);margin-top:clamp(60px,4vw,84px)}
.article h3{font-size:clamp(31.5px,1.8vw,39px)}
.article p,.article li{font-size:27px}
.article p+p{margin-top:24px}
.article ul{padding-left:30px}
.article img{border-radius:12px}
.jobs{gap:27px}
.job{border-radius:24px;padding:clamp(36px,3vw,66px);gap:clamp(36px,4vw,90px)}
.job h3{font-size:clamp(39px,2.4vw,54px)}
.job .tag{margin-top:21px;font-size:19.5px;padding:9px 18px;border-radius:1498.5px}
.job h4{font-size:21px}
.job ul{padding-left:27px;gap:9px;font-size:24px}
.cgrid{gap:27px}
.cbox{border-radius:21px;padding:42px}
.cbox h3{font-size:21px;margin-bottom:21px}
.cbox a,.cbox p{font-size:30px}
.cbox small{font-size:21px;margin-top:9px}
.foot-big{gap:60px;padding-bottom:clamp(75px,8vh,135px)}
.foot-cols{gap:60px;padding:72px 0}
.foot-cols h4{font-size:21px;margin-bottom:24px}
.foot-cols a{padding:6px 0;font-size:22.5px}
.foot-cols p{font-size:22.5px}
.foot .logo{margin-bottom:27px}
.foot-b{gap:30px;padding-top:36px;font-size:19.5px}
.fcta{gap:12px;padding:9px;border-radius:1498.5px}
.fcta a{gap:15px;padding:0 27px;border-radius:1498.5px;font-size:22.5px}
.fcta a svg{width:25.5px;height:25.5px}
.hs2-wrap{gap:45px;padding-bottom:clamp(36px,5vh,84px)!important}
.hs2-panel{border-radius:27px;padding:clamp(36px,2.6vw,60px)}
.hs2-prog{gap:9px;margin-bottom:33px}
.hs2-prog i{border-radius:3px}
.hs2-cap{gap:15px;font-size:21px;margin-bottom:27px}
.hs2-lead{font-size:25.5px}
.hs2-panel .trust{margin-top:39px;padding-top:27px;font-size:19.5px;gap:39px}
.hs2-panel .trust b{font-size:30px}
.hs2-thumbs{gap:12px}
.hs2-th{border-radius:15px}
.hs2 .rz-strip{padding-left:1.5px!important}
.hs3-wrap{gap:45px;padding-bottom:clamp(42px,5.5vh,84px)}
.hs3-copy{max-width:960px}
.hs3-k{font-size:19.5px;margin-bottom:21px}
.hs3-copy h1{font-size:clamp(51px,3.6vw,87px)}
.hs3-cta{gap:33px;margin-top:36px}
.hs3-meta{gap:15px;font-size:19.5px}
.hs3-bar{height:1.5px}
.hero .h5a-wrap{gap:60px}
.h5a-k{font-size:19.5px}
.h5a h1{font-size:clamp(60px,5.2vw,126px)}
.h5a-cta{gap:39px;margin-top:45px}
.h5a-meta{gap:24px;padding-bottom:9px}
.h5a-cap{gap:15px;font-size:21px}
.h5a-n{font-size:22.5px}
.h5a-dots{gap:9px}
.h5a-dots button{width:51px;height:33px}
.h5a-dots button::before{height:3px}
.h5a-dots i{height:3px}
.h5b-top{gap:60px;margin-bottom:clamp(30px,3.4vh,60px)}
.h5b h1{font-size:clamp(57px,4.3vw,111px)}
.h5b-side p{font-size:24px}
.h5b-cta{gap:36px}
.h5b-frame{min-height:510px;border-radius:21px}
.h5b-foot{gap:42px;padding-top:24px;font-size:21px}
.h5b-cap{gap:9px}
.h5b-bar{height:1.5px}
.h5b-nav{gap:12px}
.h5b-nav button{width:69px;height:69px}
.h5b-nav .ar{width:27px;height:27px}
.h5c-k{font-size:19.5px}
.h5c h1{font-size:clamp(60px,4.4vw,117px)}
.h5c-cta{gap:36px;margin-top:45px}
.h5c-ix{padding:60px 0 0}
.h5c-ix button{gap:27px;padding:16.5px 0;font-size:22.5px}
.h5c-ix button span{font-size:18px}
.h5c-ix button.on{padding-left:15px}
.h5c-ix i{height:1.5px}
.h5c-media{border-radius:21px}
.el-j-r{gap:clamp(27px,3vw,84px)}
.el-j .n{font-size:18.8px}
.el-j .t{font-size:clamp(39px,3vw,72px)}
.el-j .d{font-size:22.5px}
.el-j .go{width:78px;height:78px}
.el-j .go svg{width:27px;height:27px}
.ddsub{gap:6px 21px;padding:3px 18px 12px 132px;font-size:21px}
.ddm .ddsub a{padding:6px 0}
.mnav a.l--sub{font-size:clamp(30px,5vw,39px);padding-left:33px}
.foot a.sub{padding-left:21px}
.el-j-r:hover .d,.el-j-r:focus-visible .d{margin-top:15px}
.el-j .go .ar{width:27px;height:27px}
.lb .lb-c{font-size:19.5px}
.pcs dl,.pst-c dl,.pcard dl{gap:12px 30px}
.pcs dl div,.pst-c dl div,.pcard dl div{grid-template-columns:180px 1fr;gap:18px;font-size:22.5px;padding-top:12px}
.pcs-v span,.pst-v span,.pcard-v span{font-size:clamp(54px,3.6vw,90px)}
.pcs-v em,.pst-v em,.pcard-v em{font-size:19.5px;margin-top:12px}
.pcss{gap:clamp(60px,7vh,144px);margin-top:45px}
.pcs{gap:clamp(36px,4vw,96px)}
.pcs-ph{border-radius:15px}
.pcs-t h3{font-size:clamp(42px,3vw,69px);margin-top:18px}
.pcs-t p{margin-top:18px}
.pcs-v{margin-top:39px;padding-top:33px}
.pst{margin-top:39px}
.pst-tabs{gap:12px;margin-bottom:21px}
.pst-tabs button{gap:6px;padding:24px 27px;border-radius:18px}
.pst-tabs button b{font-size:24px}
.pst-tabs button span{font-size:21px}
.pst-stage{border-radius:18px}
.pst-c{border-radius:18px;padding:clamp(30px,2.4vw,45px)}
.pst-c h3{font-size:clamp(36px,2.2vw,51px);margin-top:12px}
.pst-c p{font-size:22.5px;margin-top:12px}
.pst-c dl div{grid-template-columns:165px 1fr;font-size:21px}
.pst-v{margin-top:24px;padding-top:21px}
.pst-v span{font-size:clamp(45px,3vw,66px)}
.pstack{margin-top:45px}
.scard.pcard{min-height:min(76vh,1050px)}
.pcard-t{padding:clamp(42px,4vw,90px);max-width:930px}
.pcard-t h3{font-size:clamp(48px,3.6vw,84px)}
.pcard-v{padding:clamp(42px,4vw,90px)}
.pcount{gap:12px;padding:10.5px 18px;border-radius:1498.5px;font-size:18.8px}
.pcount .ar{width:21px;height:21px}
.why .i.i--fx{width:96px;height:96px;border-radius:27px}
.why-fx{grid-template-columns:96px 1fr!important}
.why .i.i--fx svg{width:54px;height:54px}
.ct{padding-bottom:3px}
.rva-in{gap:clamp(48px,6vw,144px)}
.rva-score{gap:21px;padding:clamp(42px,4vw,84px);border-radius:21px}
.rva-n{font-size:clamp(144px,13vw,285px)}
.rva-st{gap:9px}
.rva-txt h2{margin-bottom:30px}
.rva-cta{gap:27px 42px;margin-top:42px}
.rvb-q p{font-size:clamp(42px,3.6vw,81px)}
.rvb-nav{gap:15px 42px;padding-top:33px}
.rvb-nav button{gap:15px;padding-bottom:15px;font-size:22.5px}
.rvb-nav .av{width:45px;height:45px;font-size:19.5px}
.rvb-nav i{height:3px}
.rvc-r{gap:clamp(30px,4vw,96px);padding:clamp(39px,3.4vw,66px) 0}
.rvc-h{gap:27px;font-size:clamp(42px,3.2vw,72px)}
.rvc-h .n{font-size:19.5px}
.rvc-qs{gap:27px}
.rvc-q blockquote{font-size:clamp(27px,1.6vw,33px)}
.rvc-q figcaption{margin-top:9px;font-size:21px}
.blog-f{gap:12px}
.blog-f button{padding:13.5px 24px;border-radius:148.5px;font-size:22.5px}
.blog-f button span{font-size:18px}
.faq--all .faq-gs{gap:clamp(48px,4vw,72px)}
.faq-gh{font-size:21px}
.phero--art .hero-row p{font-size:22.5px}
.article h4{font-size:28.5px}
.article h2+h3,.article h3+h4,.article h2+h4{margin-top:21px}
.article p+ul,.article p+ol{margin-top:18px}
.article ul+p,.article ol+p,.article .art-table+p,.article .art-fig+p{margin-top:27px}
.article .art-note{padding:33px 39px;border-radius:24px;font-size:28.5px}
.article .art-fig img{border-radius:18px}
.article figcaption{margin-top:-36px;margin-bottom:48px;font-size:21px}
.article table{font-size:22.5px}
.article th,.article td{padding:18px 21px}
.article blockquote{padding-left:33px;font-size:30px}
.article .art-sig{margin-top:66px}
.article p.art-b{margin-top:45px;font-size:28.5px}
.article p.art-b+p,.article p.art-b+ul,.article p.art-b+ol{margin-top:12px}
.article .ld-r,.article .ld-li{gap:15px}
.article .ld-r{padding:16.5px 0;font-size:25.5px}
.article .ld-h{font-size:19.5px}
.article hr{height:1.5px}
.article .art-fig--p{max-width:780px}
.art-hero .crumbs{margin-bottom:clamp(36px,3vw,60px)}
.art-meta{gap:12px 27px;font-size:21px}
.art-meta .art-cat{padding:6px 16.5px;border-radius:148.5px}
.art-h1{font-size:clamp(54px,5vw,108px)}
.art-cover{margin-top:clamp(48px,4vw,84px);border-radius:21px}
.art-sec{padding-top:clamp(72px,6vw,132px)}
.art-wrap{grid-template-columns:minmax(0,360px) minmax(0,1110px);gap:clamp(48px,6vw,165px)}
.art-side{gap:42px}
.art-toc-h{font-size:19.5px}
.art-toc a{padding:10.5px 0 10.5px 24px;font-size:21px;grid-template-columns:39px 1fr}
.art-back{font-size:21px}
.article .art-perex{font-size:clamp(30px,1.7vw,36px);margin-bottom:42px}
.article ul.mk-list{gap:15px}
.article .mk{padding-left:48px}
.article .mk::before{width:27px;height:27px}
.article .mk-q::before{font-size:19.5px;width:21px;height:21px;border-radius:4.5px}
.article p.mk-pin,.article p.mk-warn{padding:24px 30px 24px 78px;border-radius:15px}
.article .mk-warn::before{font-size:18px}
.article p.mk{margin-top:21px}
.article .kc{width:36px;height:36px;font-size:19.5px}
.article .stars{gap:4.5px}
.article .stars i{width:24px;height:24px}
.rzr{min-height:840px}
.rzr-link{font-size:21px}
.parallax-strip-slider .h-px{height:1.5px}
.parallax-strip-slider .rounded-full{border-radius:14998.5px}
.parallax-strip-slider>.bottom-0>h2{font-size:clamp(60px,4.4vw,126px)!important}
.fcards{gap:42px;max-width:1920px;padding:0 48px}
.fcard{border-radius:12px}
.fcard-o{padding:48px 24px}
.fcard-o span{font-size:36px}
.split:has(> .ph > img[src*="img/predsin"]){gap:clamp(48px,4vw,96px)}
.accr .rounded-full{border-radius:14998.5px}
.crumbs a{padding:15px 3px}
.foot a[href="obchodni-podminky.html"],.foot a[href^="kontakt.html#osobni"]{padding:15px 0}
[style*="minmax(320px"]{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr))!important}
.rz-m{gap:21px}
.rz-m-b svg{width:30px;height:30px}
.rz-m-dots{gap:9px}
.rz-m-dots i{width:27px;height:3px;border-radius:3px}
.rz-m-dots i.on{width:45px}
.rz-m-hint{gap:12px;font-size:19.5px}
.rz-m-hint svg{width:27px;height:27px}
.rz-m-hint.off{margin-top:-21px}
.foot-cols h3{font-size:21px;margin-bottom:24px}
.offer .cols h3{font-size:21px;margin-bottom:18px}
.msf-next{font-size:21px}
.rva-txt .eyebrow{margin-bottom:27px}
.hero-row p .hnote{margin-top:18px}
.cbox p.cmain{margin-bottom:15px}
.cbox p.cnote{font-size:24px;margin-top:18px}
.article p.mk-warn{padding:0 0 0 48px}
.article p.mk-pin{padding:24px 30px 24px 75px;border-radius:24px}
.article .h-n{gap:21px;margin-bottom:27px;font-size:22.5px}
.article .h-n::after{width:60px;height:1.5px}
.article .cmp{padding:9px 39px 12px;border-radius:27px}
.article .cmp-h,.article .cmp-r{gap:30px}
.article .cmp-h{padding:24px 0 18px;font-size:18px}
.article .cmp-r{padding:19.5px 0}
.article .cmp-l{font-size:25.5px}
.article .cmp-v{gap:13.5px;padding:10.5px 21px 10.5px 18px;border-radius:1498.5px;font-size:21.8px}
.article .cmp-v i{width:10.5px;height:10.5px}
.article .prc{padding:6px 39px;border-radius:27px}
.article .prc-r{gap:36px;padding:22.5px 0}
.article .prc-l{font-size:25.5px}
.article .prc-v{max-width:450px;font-size:22.5px}
.article .prc-r:first-child .prc-v{font-size:18.8px}
.article .art-table{border-radius:27px}
.article .art-table table{font-size:22.5px}
.article .art-table thead th{padding:27px 27px 19.5px;font-size:18px}
.article .art-table td{padding:21px 27px}
.article .art-table.art-table--num td:first-child{width:42px;padding-right:6px}
.article .art-table--num th:first-child{padding-right:6px}
.article .art-sign{gap:4.5px;margin-top:78px;padding-top:36px;font-size:25.5px}
.article .art-sign span+span{font-size:21px}
.article .art-sign::before{width:42px;height:3px}
.art-toc .t-n{font-size:18px}
.wd-l{margin-bottom:clamp(42px,4vh,66px)}
.wd-r{gap:clamp(36px,4vw,108px);padding:clamp(36px,3.2vh,57px) 0}
.wd-n h3{font-size:clamp(36px,2.3vw,54px)}
.wd-n span{margin-top:12px;font-size:22.5px}
.wd-d{font-size:clamp(24px,1.15vw,27px)}
.wd-f{font-size:22.5px}
.wd-f b{font-size:19.5px;margin-bottom:9px}
.msf-cil{margin-bottom:39px;padding-bottom:39px}
.msf-cil-q{font-size:21px;margin-bottom:18px}
.h5a-ctl{gap:18px}
.h5a-pp svg{width:21px;height:21px}
.mnav .mgrp{font-size:clamp(45px,8vw,66px);padding:12px 0}
.mnav .mgrp i{width:18px;height:18px}
.mnav .msub a.l{font-size:clamp(31.5px,5.6vw,40.5px);padding:15px 0 15px 27px}
.mnav .mf .btn svg{width:27px;height:27px}
.cbox .cnote + a.ct{margin-top:15px}
.accr .fixed .bg-\[\#F5F5F7\]{padding:30px}
.accr .fixed .md\:p-10{padding:36px 42px}
}
@media(min-width:3500px){
:root{--max:2634px;--hdr:138px}
body{font-size:30.3px}
body{font-size:30.3px}
:focus-visible{border-radius:7.1px}
.skip{padding:21.4px 32px;border-radius:1778.2px}
.d1{font-size:clamp(81.9px,7.4vw,227.8px)}
.d2{font-size:clamp(64.1px,4.6vw,135.3px)}
.d3{font-size:clamp(46.3px,2.5vw,67.6px)}
.h4{font-size:35.6px}
.lead{font-size:clamp(32px,1.4vw,37.4px)}
.eyebrow{gap:17.8px;font-size:23.1px}
.btn{--bh:92.6px;gap:21.4px;padding:0 46.3px;border-radius:1778.2px;font-size:26.7px}
.btn .ar{width:32px;height:32px}
.btn--sm{--bh:74.8px;padding:0 32px;font-size:24.9px}
.lnk{gap:17.8px;font-size:26.7px;padding-bottom:5.3px}
.lnk .ar{width:28.5px;height:28.5px}
.hdr .wrap{gap:64.1px}
.logo{gap:21.4px}
.logo .ch{width:55.2px;height:65.9px}
.logo .wm{gap:7.1px}
.logo .wm svg:first-child{height:33.8px}
.logo .wm svg:last-child{width:119.3px;height:21.4px}
.nav{gap:10.7px}
.nav>a,.nav .dd>button{gap:10.7px;height:71.2px;padding:0 21.4px;border-radius:1778.2px;font-size:26.7px}
.nav .chev{width:21.4px;height:21.4px}
.ddm{gap:7.1px;padding:17.8px;border-radius:28.5px}
.ddm a{grid-template-columns:113.9px 1fr;gap:24.9px;padding:14.2px;border-radius:21.4px}
.ddm img{border-radius:14.2px}
.ddm b{font-size:26.7px}
.ddm span{font-size:23.1px}
.hdr .tel{font-size:26.7px;gap:14.2px}
.hdr .tel svg{width:28.5px;height:28.5px}
.burger{width:81.9px;height:81.9px}
.burger i{width:28.5px}
.burger i::after{width:28.5px}
.mnav a.l{font-size:clamp(53.4px,8vw,78.3px);padding:14.2px 0}
.mnav a.l small{font-size:23.1px}
.mnav .mf{padding-top:49.8px;gap:17.8px}
.hero{min-height:1139.2px}
.hero .wrap{padding-bottom:clamp(64.1px,7vh,142.4px)}
.hero-row{gap:71.2px;margin-top:clamp(42.7px,4vh,71.2px)}
.hero-row p{font-size:clamp(30.3px,1.3vw,35.6px)}
.hero-cta{gap:17.8px}
.trust{gap:clamp(35.6px,3vw,78.3px);margin-top:clamp(49.8px,5vh,85.4px);padding-top:39.2px;font-size:24.9px}
.trust b{font-size:clamp(35.6px,1.8vw,46.3px)}
.phero{min-height:min(86svh,1530.8px)}
.phero .wrap{padding-bottom:clamp(71.2px,7vh,142.4px)}
.crumbs{gap:14.2px;font-size:23.1px;margin-bottom:39.2px}
.phero .hero-row{margin-top:46.3px}
.phero-plain .wrap{padding-bottom:clamp(71.2px,6vh,128.2px)}
.sec{padding:clamp(142.4px,12vh,267px) 0}
.sec--tight{padding:clamp(99.7px,8vh,170.9px) 0}
.sec-head{gap:71.2px;margin-bottom:clamp(71.2px,6vh,128.2px)}
.sec-head h2{margin-top:32px}
.split{gap:clamp(71.2px,6vw,195.8px)}
.split .txt .lead+.lead{margin-top:28.5px}
.split .txt .btns{gap:17.8px;margin-top:60.5px}
.split .ph{border-radius:10.7px}
.ticks{gap:21.4px}
.ticks li{grid-template-columns:39.2px 1fr;gap:21.4px}
.ticks li svg{width:32px;height:32px;margin-top:7.1px}
.acc{gap:17.8px}
.acc a{border-radius:14.2px}
.acc .cap .n{font-size:23.1px}
.acc .cap h3{font-size:clamp(39.2px,2vw,57px);margin-top:10.7px}
.acc a:not(.on) .cap h3{font-size:35.6px}
.acc a:not(.on) .cap .n{margin-bottom:17.8px}
.acc .cap p{font-size:26.7px;margin-top:17.8px}
.acc .go{width:81.9px;height:81.9px}
.acc .go svg{width:32px;height:32px}
.stat{padding:53.4px 42.7px 0 0}
.stat+.stat{padding-left:42.7px}
.stat b{font-size:clamp(78.3px,5vw,149.5px)}
.stat>span{margin-top:21.4px;font-size:26.7px}
.rz{min-height:996.8px}
.rz-top{gap:35.6px}
.rz-bar{height:1.8px}
.rz-foot{gap:42.7px}
.rz-title{font-size:clamp(78.3px,6vw,185.1px)}
.rz-desc{margin-top:21.4px;font-size:28.5px}
.rz-count{font-size:24.9px}
.scard{min-height:min(74vh,1139.2px);margin-bottom:42.7px;border-radius:24.9px}
.scard .t{padding:clamp(49.8px,4vw,106.8px)}
.scard .k{font-size:24.9px}
.scard h3{font-size:clamp(60.5px,3.6vw,103.2px)}
.scard ul{gap:14.2px;font-size:26.7px}
.scard .ph{min-height:569.6px}
.why{column-gap:clamp(71.2px,6vw,178px)}
.why>div{grid-template-columns:85.4px 1fr;gap:32px;padding:53.4px 0}
.why .i svg{width:35.6px;height:35.6px}
.why h3{font-size:39.2px}
.why p{margin-top:14.2px;font-size:28.5px}
.offer{border-radius:28.5px}
.offer .t{padding:clamp(57px,4.5vw,128.2px)}
.offer .cols{gap:49.8px}
.offer h4{font-size:24.9px;margin-bottom:21.4px}
.offer ul{gap:16px;font-size:28.5px}
.offer ul li{grid-template-columns:35.6px 1fr;gap:17.8px}
.offer ul svg{width:28.5px;height:28.5px;margin-top:8.9px}
.offer .ph{min-height:676.4px}
.price{grid-template-columns:213.6px minmax(0,1.2fr) minmax(0,1fr) auto;gap:57px;padding:42.7px 0}
.price .th{border-radius:10.7px}
.price h3{font-size:clamp(39.2px,2vw,53.4px)}
.price p{font-size:26.7px}
.price .v{font-size:clamp(49.8px,2.8vw,78.3px)}
.rev-track{gap:32px}
.rev{border-radius:24.9px;padding:53.4px;min-height:534px}
.rev .st{gap:5.3px}
.rev .st svg{width:28.5px;height:28.5px}
.rev q{font-size:33.8px}
.rev .who{gap:21.4px;font-size:26.7px}
.rev .av{width:71.2px;height:71.2px}
.rev .who small{font-size:23.1px}
.rev-nav{gap:14.2px}
.rev-nav button{width:85.4px;height:85.4px}
.rev-nav svg{width:32px;height:32px}
.g-badge{gap:21.4px;font-size:26.7px}
.g-badge b{font-size:49.8px}
.faq{gap:clamp(71.2px,6vw,178px)}
.faq .side .btn{margin-top:46.3px}
.qa summary{grid-template-columns:1fr 64.1px;gap:35.6px;padding:42.7px 0;font-size:clamp(32px,1.4vw,37.4px)}
.qa .a p{padding:0 99.7px 46.3px 0;font-size:28.5px}
.lead-grid{gap:clamp(71.2px,6vw,178px)}
.lead-contacts{margin-top:71.2px;gap:32px}
.lead-contacts a{gap:24.9px;font-size:clamp(35.6px,1.7vw,46.3px);padding-bottom:7.1px}
.lead-contacts svg{width:32px;height:32px}
.msf{border-radius:32px;padding:clamp(42.7px,3vw,78.3px)}
.msf-prog{gap:10.7px;margin-bottom:46.3px}
.msf-prog i{border-radius:5.3px}
.msf h3{font-size:clamp(42.7px,2.2vw,57px);margin-bottom:10.7px}
.msf .hint{font-size:24.9px;margin-bottom:39.2px}
.chips{gap:17.8px}
.chip span{gap:21.4px;min-height:99.7px;padding:21.4px 28.5px;border-radius:21.4px;font-size:28.5px}
.chip span::before{width:32px;height:32px}
.fields{gap:24.9px}
.fld{gap:10.7px}
.fld label{font-size:23.1px}
.fld input,.fld textarea{font-size:28.5px;border-radius:17.8px;padding:24.9px 28.5px}
.fld textarea{min-height:195.8px}
.fld .err{font-size:21.4px}
.file{gap:21.4px;padding:24.9px 28.5px;border-radius:17.8px;font-size:26.7px}
.file svg{width:35.6px;height:35.6px}
.consent{gap:21.4px;font-size:23.1px;margin-top:7.1px}
.consent input{margin-top:1.8px}
.msf-nav{gap:21.4px;margin-top:46.3px}
.msf-nav .back{font-size:26.7px;gap:14.2px}
.msf-nav .back svg{width:28.5px;height:28.5px}
.msf-status{margin-top:24.9px;font-size:26.7px}
.msf-done{padding:53.4px 0}
.msf-done .ok svg{width:49.8px;height:49.8px}
.filters{gap:14.2px;margin-bottom:60.5px}
.filters button{padding:0 32px;border-radius:1778.2px;font-size:26.7px}
.grid-g{column-gap:28.5px}
.grid-g a{margin-bottom:28.5px;border-radius:14.2px}
.grid-g a span{font-size:24.9px}
.lb img{border-radius:10.7px}
.lb button svg{width:32px;height:32px}
.lb p{font-size:24.9px}
.posts{gap:clamp(32px,2vw,57px)}
.post .ph{border-radius:14.2px}
.post .meta{font-size:23.1px}
.post h3{font-size:clamp(35.6px,1.6vw,42.7px)}
.post p{margin-top:17.8px;font-size:26.7px}
.article{max-width:1352.8px}
.article h2{font-size:clamp(49.8px,2.6vw,71.2px);padding-top:clamp(71.2px,4vw,99.7px);margin-top:clamp(71.2px,4vw,99.7px)}
.article h3{font-size:clamp(37.4px,1.8vw,46.3px)}
.article p,.article li{font-size:32px}
.article p+p{margin-top:28.5px}
.article ul{padding-left:35.6px}
.article img{border-radius:14.2px}
.jobs{gap:32px}
.job{border-radius:28.5px;padding:clamp(42.7px,3vw,78.3px);gap:clamp(42.7px,4vw,106.8px)}
.job h3{font-size:clamp(46.3px,2.4vw,64.1px)}
.job .tag{margin-top:24.9px;font-size:23.1px;padding:10.7px 21.4px;border-radius:1778.2px}
.job h4{font-size:24.9px}
.job ul{padding-left:32px;gap:10.7px;font-size:28.5px}
.cgrid{gap:32px}
.cbox{border-radius:24.9px;padding:49.8px}
.cbox h3{font-size:24.9px;margin-bottom:24.9px}
.cbox a,.cbox p{font-size:35.6px}
.cbox small{font-size:24.9px;margin-top:10.7px}
.foot-big{gap:71.2px;padding-bottom:clamp(89px,8vh,160.2px)}
.foot-cols{gap:71.2px;padding:85.4px 0}
.foot-cols h4{font-size:24.9px;margin-bottom:28.5px}
.foot-cols a{padding:7.1px 0;font-size:26.7px}
.foot-cols p{font-size:26.7px}
.foot .logo{margin-bottom:32px}
.foot-b{gap:35.6px;padding-top:42.7px;font-size:23.1px}
.fcta{gap:14.2px;padding:10.7px;border-radius:1778.2px}
.fcta a{gap:17.8px;padding:0 32px;border-radius:1778.2px;font-size:26.7px}
.fcta a svg{width:30.3px;height:30.3px}
.hs2-wrap{gap:53.4px;padding-bottom:clamp(42.7px,5vh,99.7px)!important}
.hs2-panel{border-radius:32px;padding:clamp(42.7px,2.6vw,71.2px)}
.hs2-prog{gap:10.7px;margin-bottom:39.2px}
.hs2-prog i{border-radius:3.6px}
.hs2-cap{gap:17.8px;font-size:24.9px;margin-bottom:32px}
.hs2-lead{font-size:30.3px}
.hs2-panel .trust{margin-top:46.3px;padding-top:32px;font-size:23.1px;gap:46.3px}
.hs2-panel .trust b{font-size:35.6px}
.hs2-thumbs{gap:14.2px}
.hs2-th{border-radius:17.8px}
.hs2 .rz-strip{padding-left:1.8px!important}
.hs3-wrap{gap:53.4px;padding-bottom:clamp(49.8px,5.5vh,99.7px)}
.hs3-copy{max-width:1139.2px}
.hs3-k{font-size:23.1px;margin-bottom:24.9px}
.hs3-copy h1{font-size:clamp(60.5px,3.6vw,103.2px)}
.hs3-cta{gap:39.2px;margin-top:42.7px}
.hs3-meta{gap:17.8px;font-size:23.1px}
.hs3-bar{height:1.8px}
.hero .h5a-wrap{gap:71.2px}
.h5a-k{font-size:23.1px}
.h5a h1{font-size:clamp(71.2px,5.2vw,149.5px)}
.h5a-cta{gap:46.3px;margin-top:53.4px}
.h5a-meta{gap:28.5px;padding-bottom:10.7px}
.h5a-cap{gap:17.8px;font-size:24.9px}
.h5a-n{font-size:26.7px}
.h5a-dots{gap:10.7px}
.h5a-dots button{width:60.5px;height:39.2px}
.h5a-dots button::before{height:3.6px}
.h5a-dots i{height:3.6px}
.h5b-top{gap:71.2px;margin-bottom:clamp(35.6px,3.4vh,71.2px)}
.h5b h1{font-size:clamp(67.6px,4.3vw,131.7px)}
.h5b-side p{font-size:28.5px}
.h5b-cta{gap:42.7px}
.h5b-frame{min-height:605.2px;border-radius:24.9px}
.h5b-foot{gap:49.8px;padding-top:28.5px;font-size:24.9px}
.h5b-cap{gap:10.7px}
.h5b-bar{height:1.8px}
.h5b-nav{gap:14.2px}
.h5b-nav button{width:81.9px;height:81.9px}
.h5b-nav .ar{width:32px;height:32px}
.h5c-k{font-size:23.1px}
.h5c h1{font-size:clamp(71.2px,4.4vw,138.8px)}
.h5c-cta{gap:42.7px;margin-top:53.4px}
.h5c-ix{padding:71.2px 0 0}
.h5c-ix button{gap:32px;padding:19.6px 0;font-size:26.7px}
.h5c-ix button span{font-size:21.4px}
.h5c-ix button.on{padding-left:17.8px}
.h5c-ix i{height:1.8px}
.h5c-media{border-radius:24.9px}
.el-j-r{gap:clamp(32px,3vw,99.7px)}
.el-j .n{font-size:22.2px}
.el-j .t{font-size:clamp(46.3px,3vw,85.4px)}
.el-j .d{font-size:26.7px}
.el-j .go{width:92.6px;height:92.6px}
.el-j .go svg{width:32px;height:32px}
.ddsub{gap:7.1px 24.9px;padding:3.6px 21.4px 14.2px 156.6px;font-size:24.9px}
.ddm .ddsub a{padding:7.1px 0}
.mnav a.l--sub{font-size:clamp(35.6px,5vw,46.3px);padding-left:39.2px}
.foot a.sub{padding-left:24.9px}
.el-j-r:hover .d,.el-j-r:focus-visible .d{margin-top:17.8px}
.el-j .go .ar{width:32px;height:32px}
.lb .lb-c{font-size:23.1px}
.pcs dl,.pst-c dl,.pcard dl{gap:14.2px 35.6px}
.pcs dl div,.pst-c dl div,.pcard dl div{grid-template-columns:213.6px 1fr;gap:21.4px;font-size:26.7px;padding-top:14.2px}
.pcs-v span,.pst-v span,.pcard-v span{font-size:clamp(64.1px,3.6vw,106.8px)}
.pcs-v em,.pst-v em,.pcard-v em{font-size:23.1px;margin-top:14.2px}
.pcss{gap:clamp(71.2px,7vh,170.9px);margin-top:53.4px}
.pcs{gap:clamp(42.7px,4vw,113.9px)}
.pcs-ph{border-radius:17.8px}
.pcs-t h3{font-size:clamp(49.8px,3vw,81.9px);margin-top:21.4px}
.pcs-t p{margin-top:21.4px}
.pcs-v{margin-top:46.3px;padding-top:39.2px}
.pst{margin-top:46.3px}
.pst-tabs{gap:14.2px;margin-bottom:24.9px}
.pst-tabs button{gap:7.1px;padding:28.5px 32px;border-radius:21.4px}
.pst-tabs button b{font-size:28.5px}
.pst-tabs button span{font-size:24.9px}
.pst-stage{border-radius:21.4px}
.pst-c{border-radius:21.4px;padding:clamp(35.6px,2.4vw,53.4px)}
.pst-c h3{font-size:clamp(42.7px,2.2vw,60.5px);margin-top:14.2px}
.pst-c p{font-size:26.7px;margin-top:14.2px}
.pst-c dl div{grid-template-columns:195.8px 1fr;font-size:24.9px}
.pst-v{margin-top:28.5px;padding-top:24.9px}
.pst-v span{font-size:clamp(53.4px,3vw,78.3px)}
.pstack{margin-top:53.4px}
.scard.pcard{min-height:min(76vh,1246px)}
.pcard-t{padding:clamp(49.8px,4vw,106.8px);max-width:1103.6px}
.pcard-t h3{font-size:clamp(57px,3.6vw,99.7px)}
.pcard-v{padding:clamp(49.8px,4vw,106.8px)}
.pcount{gap:14.2px;padding:12.5px 21.4px;border-radius:1778.2px;font-size:22.2px}
.pcount .ar{width:24.9px;height:24.9px}
.why .i.i--fx{width:113.9px;height:113.9px;border-radius:32px}
.why-fx{grid-template-columns:113.9px 1fr!important}
.why .i.i--fx svg{width:64.1px;height:64.1px}
.ct{padding-bottom:3.6px}
.rva-in{gap:clamp(57px,6vw,170.9px)}
.rva-score{gap:24.9px;padding:clamp(49.8px,4vw,99.7px);border-radius:24.9px}
.rva-n{font-size:clamp(170.9px,13vw,338.2px)}
.rva-st{gap:10.7px}
.rva-txt h2{margin-bottom:35.6px}
.rva-cta{gap:32px 49.8px;margin-top:49.8px}
.rvb-q p{font-size:clamp(49.8px,3.6vw,96.1px)}
.rvb-nav{gap:17.8px 49.8px;padding-top:39.2px}
.rvb-nav button{gap:17.8px;padding-bottom:17.8px;font-size:26.7px}
.rvb-nav .av{width:53.4px;height:53.4px;font-size:23.1px}
.rvb-nav i{height:3.6px}
.rvc-r{gap:clamp(35.6px,4vw,113.9px);padding:clamp(46.3px,3.4vw,78.3px) 0}
.rvc-h{gap:32px;font-size:clamp(49.8px,3.2vw,85.4px)}
.rvc-h .n{font-size:23.1px}
.rvc-qs{gap:32px}
.rvc-q blockquote{font-size:clamp(32px,1.6vw,39.2px)}
.rvc-q figcaption{margin-top:10.7px;font-size:24.9px}
.blog-f{gap:14.2px}
.blog-f button{padding:16px 28.5px;border-radius:176.2px;font-size:26.7px}
.blog-f button span{font-size:21.4px}
.faq--all .faq-gs{gap:clamp(57px,4vw,85.4px)}
.faq-gh{font-size:24.9px}
.phero--art .hero-row p{font-size:26.7px}
.article h4{font-size:33.8px}
.article h2+h3,.article h3+h4,.article h2+h4{margin-top:24.9px}
.article p+ul,.article p+ol{margin-top:21.4px}
.article ul+p,.article ol+p,.article .art-table+p,.article .art-fig+p{margin-top:32px}
.article .art-note{padding:39.2px 46.3px;border-radius:28.5px;font-size:33.8px}
.article .art-fig img{border-radius:21.4px}
.article figcaption{margin-top:-42.7px;margin-bottom:57px;font-size:24.9px}
.article table{font-size:26.7px}
.article th,.article td{padding:21.4px 24.9px}
.article blockquote{padding-left:39.2px;font-size:35.6px}
.article .art-sig{margin-top:78.3px}
.article p.art-b{margin-top:53.4px;font-size:33.8px}
.article p.art-b+p,.article p.art-b+ul,.article p.art-b+ol{margin-top:14.2px}
.article .ld-r,.article .ld-li{gap:17.8px}
.article .ld-r{padding:19.6px 0;font-size:30.3px}
.article .ld-h{font-size:23.1px}
.article hr{height:1.8px}
.article .art-fig--p{max-width:925.6px}
.art-hero .crumbs{margin-bottom:clamp(42.7px,3vw,71.2px)}
.art-meta{gap:14.2px 32px;font-size:24.9px}
.art-meta .art-cat{padding:7.1px 19.6px;border-radius:176.2px}
.art-h1{font-size:clamp(64.1px,5vw,128.2px)}
.art-cover{margin-top:clamp(57px,4vw,99.7px);border-radius:24.9px}
.art-sec{padding-top:clamp(85.4px,6vw,156.6px)}
.art-wrap{grid-template-columns:minmax(0,427.2px) minmax(0,1317.2px);gap:clamp(57px,6vw,195.8px)}
.art-side{gap:49.8px}
.art-toc-h{font-size:23.1px}
.art-toc a{padding:12.5px 0 12.5px 28.5px;font-size:24.9px;grid-template-columns:46.3px 1fr}
.art-back{font-size:24.9px}
.article .art-perex{font-size:clamp(35.6px,1.7vw,42.7px);margin-bottom:49.8px}
.article ul.mk-list{gap:17.8px}
.article .mk{padding-left:57px}
.article .mk::before{width:32px;height:32px}
.article .mk-q::before{font-size:23.1px;width:24.9px;height:24.9px;border-radius:5.3px}
.article p.mk-pin,.article p.mk-warn{padding:28.5px 35.6px 28.5px 92.6px;border-radius:17.8px}
.article .mk-warn::before{font-size:21.4px}
.article p.mk{margin-top:24.9px}
.article .kc{width:42.7px;height:42.7px;font-size:23.1px}
.article .stars{gap:5.3px}
.article .stars i{width:28.5px;height:28.5px}
.rzr{min-height:996.8px}
.rzr-link{font-size:24.9px}
.parallax-strip-slider .h-px{height:1.8px}
.parallax-strip-slider .rounded-full{border-radius:17798.2px}
.parallax-strip-slider>.bottom-0>h2{font-size:clamp(71.2px,4.4vw,149.5px)!important}
.fcards{gap:49.8px;max-width:2278.4px;padding:0 57px}
.fcard{border-radius:14.2px}
.fcard-o{padding:57px 28.5px}
.fcard-o span{font-size:42.7px}
.split:has(> .ph > img[src*="img/predsin"]){gap:clamp(57px,4vw,113.9px)}
.accr .rounded-full{border-radius:17798.2px}
.crumbs a{padding:17.8px 3.6px}
.foot a[href="obchodni-podminky.html"],.foot a[href^="kontakt.html#osobni"]{padding:17.8px 0}
[style*="minmax(320px"]{grid-template-columns:repeat(auto-fill,minmax(min(569.6px,100%),1fr))!important}
.rz-m{gap:24.9px}
.rz-m-b svg{width:35.6px;height:35.6px}
.rz-m-dots{gap:10.7px}
.rz-m-dots i{width:32px;height:3.6px;border-radius:3.6px}
.rz-m-dots i.on{width:53.4px}
.rz-m-hint{gap:14.2px;font-size:23.1px}
.rz-m-hint svg{width:32px;height:32px}
.rz-m-hint.off{margin-top:-24.9px}
.foot-cols h3{font-size:24.9px;margin-bottom:28.5px}
.offer .cols h3{font-size:24.9px;margin-bottom:21.4px}
.msf-next{font-size:24.9px}
.rva-txt .eyebrow{margin-bottom:32px}
.hero-row p .hnote{margin-top:21.4px}
.cbox p.cmain{margin-bottom:17.8px}
.cbox p.cnote{font-size:28.5px;margin-top:21.4px}
.article p.mk-warn{padding:0 0 0 57px}
.article p.mk-pin{padding:28.5px 35.6px 28.5px 89px;border-radius:28.5px}
.article .h-n{gap:24.9px;margin-bottom:32px;font-size:26.7px}
.article .h-n::after{width:71.2px;height:1.8px}
.article .cmp{padding:10.7px 46.3px 14.2px;border-radius:32px}
.article .cmp-h,.article .cmp-r{gap:35.6px}
.article .cmp-h{padding:28.5px 0 21.4px;font-size:21.4px}
.article .cmp-r{padding:23.1px 0}
.article .cmp-l{font-size:30.3px}
.article .cmp-v{gap:16px;padding:12.5px 24.9px 12.5px 21.4px;border-radius:1778.2px;font-size:25.8px}
.article .cmp-v i{width:12.5px;height:12.5px}
.article .prc{padding:7.1px 46.3px;border-radius:32px}
.article .prc-r{gap:42.7px;padding:26.7px 0}
.article .prc-l{font-size:30.3px}
.article .prc-v{max-width:534px;font-size:26.7px}
.article .prc-r:first-child .prc-v{font-size:22.2px}
.article .art-table{border-radius:32px}
.article .art-table table{font-size:26.7px}
.article .art-table thead th{padding:32px 32px 23.1px;font-size:21.4px}
.article .art-table td{padding:24.9px 32px}
.article .art-table.art-table--num td:first-child{width:49.8px;padding-right:7.1px}
.article .art-table--num th:first-child{padding-right:7.1px}
.article .art-sign{gap:5.3px;margin-top:92.6px;padding-top:42.7px;font-size:30.3px}
.article .art-sign span+span{font-size:24.9px}
.article .art-sign::before{width:49.8px;height:3.6px}
.art-toc .t-n{font-size:21.4px}
.wd-l{margin-bottom:clamp(49.8px,4vh,78.3px)}
.wd-r{gap:clamp(42.7px,4vw,128.2px);padding:clamp(42.7px,3.2vh,67.6px) 0}
.wd-n h3{font-size:clamp(42.7px,2.3vw,64.1px)}
.wd-n span{margin-top:14.2px;font-size:26.7px}
.wd-d{font-size:clamp(28.5px,1.15vw,32px)}
.wd-f{font-size:26.7px}
.wd-f b{font-size:23.1px;margin-bottom:10.7px}
.msf-cil{margin-bottom:46.3px;padding-bottom:46.3px}
.msf-cil-q{font-size:24.9px;margin-bottom:21.4px}
.h5a-ctl{gap:21.4px}
.h5a-pp svg{width:24.9px;height:24.9px}
.mnav .mgrp{font-size:clamp(53.4px,8vw,78.3px);padding:14.2px 0}
.mnav .mgrp i{width:21.4px;height:21.4px}
.mnav .msub a.l{font-size:clamp(37.4px,5.6vw,48.1px);padding:17.8px 0 17.8px 32px}
.mnav .mf .btn svg{width:32px;height:32px}
.cbox .cnote + a.ct{margin-top:17.8px}
.accr .fixed .bg-\[\#F5F5F7\]{padding:35.6px}
.accr .fixed .md\:p-10{padding:42.7px 49.8px}
}

/* g173: mobilní výřezy hero fotek nastavené v editoru (2026-10-24T01:48:17) */
@media (max-width:860px){
.phero-media img[src*="/hf-bila-dub-ostruvek-"],.phero-media img[src*="/hf-bila-dub-ostruvek."]{object-position:58.7% 50%!important;scale:1!important;transform-origin:58.7% 50%!important}
.h5a-s img[src*="/h5-1b-"],.h5a-s img[src*="/h5-1b."]{object-position:57.9% 50%!important;scale:1!important;transform-origin:57.9% 50%!important}
.h5a-s img[src*="/h5-3-"],.h5a-s img[src*="/h5-3."]{object-position:12.5% 50%!important;scale:1!important;transform-origin:12.5% 50%!important}
.h5a-s img[src*="/h5-2-"],.h5a-s img[src*="/h5-2."]{object-position:54.9% 50%!important;scale:1!important;transform-origin:54.9% 50%!important}
.h5a-s img[src*="/h5-6-"],.h5a-s img[src*="/h5-6."]{object-position:52.9% 50%!important;scale:1!important;transform-origin:52.9% 50%!important}
.h5a-s img[src*="/h5-4-"],.h5a-s img[src*="/h5-4."]{object-position:63.1% 50%!important;scale:1!important;transform-origin:63.1% 50%!important}
.h5a-s img[src*="/h5-5-"],.h5a-s img[src*="/h5-5."]{object-position:51.5% 50%!important;scale:1!important;transform-origin:51.5% 50%!important}
.phero-media img[src*="/ceny-hero-"],.phero-media img[src*="/ceny-hero."]{object-position:72.9% 55%!important;scale:1!important;transform-origin:72.9% 55%!important}
}

/* v176 – cookies: malá karta vpravo dole (ne přes celou šířku, nezakrývá CTA v heru), tmavá jako patička */
.ck{position:fixed;right:16px;bottom:16px;z-index:900;width:min(360px,calc(100vw - 32px));padding:16px 18px;border-radius:16px;background:var(--dark);color:var(--ivory);box-shadow:0 18px 50px -12px rgba(0,0,0,.45);font-size:13px;line-height:1.5;opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.ck.on{opacity:1;transform:none}
.ck-t{margin:0;color:var(--ivory-mute)}
.ck-t a{color:var(--ivory);text-decoration:underline;text-underline-offset:3px}
.ck-o{display:none;margin:12px 0 2px;border-top:1px solid var(--dline)}
.ck--set .ck-o{display:block}
.ck-o label{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--dline);cursor:pointer}
.ck-o input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--red)}
.ck-o span{color:var(--ivory)}
.ck-o small{display:block;color:var(--ivory-mute);font-size:12px}
.ck-b{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ck-b button{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--dline);background:none;color:var(--ivory);font:inherit;font-size:13px;cursor:pointer;transition:background .25s,border-color .25s}
.ck-b button:hover{border-color:var(--ivory-mute)}
.ck-b .ck-y{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.ck-b .ck-y:hover{background:#fff}
.ck-b [data-x=save]{display:none}
.ck--set .ck-b [data-x=save]{display:inline-block}
.ck--set .ck-b [data-x=set]{display:none}
.ck-b button:focus-visible,.ck-o input:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}
.ck-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:inherit}
.foot-b .ck-link:hover{color:var(--ivory)}
.article .ck-link{text-decoration:underline;text-underline-offset:3px}
.article ul{list-style:disc}
.article ul li+li{margin-top:6px}
.consent--note{display:block;min-height:0}
@media (pointer:coarse){.ck-b button{height:40px}.consent--note{min-height:0}}
@media (max-width:520px){.ck{left:10px;right:10px;bottom:10px;width:auto}}
@media (prefers-reduced-motion:reduce){.ck{transition:opacity .2s}}

/* v178 – neviditelný text pro čtečky a SEO (logo odkaz) */
.vh{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}