#vizualizacie *{box-sizing:border-box}#vizualizacie button,#vizualizacie a{font:inherit}#vizualizacie button{cursor:pointer}#vizualizacie.hsv-compare{background:transparent;border:0;box-shadow:none;border-radius:0;padding:clamp(12px,2.4vw,36px) 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(32px,5.9vw,92px);align-items:center}#vizualizacie .hsv-story{align-self:center}#vizualizacie .hsv-topic{display:flex;align-items:center;gap:12px;margin:0 0 clamp(22px,3.2vw,45px);color:#47705b;font-size:13px;font-weight:700;letter-spacing:.03em}#vizualizacie .hsv-topic:before{content:"";width:34px;height:3px;background:#4d8661}#vizualizacie h2{font-size:clamp(48px,5.55vw,84px);font-weight:700;line-height:.99;letter-spacing:-.065em;margin:0 0 23px}#vizualizacie h2 em{font-style:normal;color:#40734f}#vizualizacie .hsv-lead{font-size:clamp(16px,1.42vw,21px);line-height:1.57;max-width:37ch;color:#475b50;margin:0}#vizualizacie .hsv-action{margin-top:clamp(25px,3.5vw,53px)}#vizualizacie .hsv-action a{display:inline-flex;gap:16px;align-items:center;justify-content:center;padding:15px 19px;border-radius:8px;color:white;background:#173f30;text-decoration:none;font-size:15px;font-weight:700;line-height:1.3}#vizualizacie .hsv-action a:hover{background:#285b43}#vizualizacie .hsv-action a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}#vizualizacie .hsv-action p,#vizualizacie .hsv-static{color:#526259;font-size:13px;line-height:1.4;margin:12px 0 0}#vizualizacie .hsv-viewer{min-width:0}#vizualizacie .hsv-switcher{display:grid;grid-template-columns:1fr 1fr 1fr;background:#eff3ed;border-radius:10px;gap:2px;padding:4px;margin-bottom:10px}#vizualizacie .hsv-switcher button{background:none;border:1px solid transparent;border-radius:7px;color:#42554b;font-weight:600;font-size:14px;line-height:21px;padding:8px 3px}#vizualizacie .hsv-switcher button[aria-pressed=true]{background:#fff;color:#173e2e;border-color:#c9d5c9;box-shadow:0 2px 5px #1c352013}#vizualizacie .hsv-scene{--split:50%;position:relative;aspect-ratio:1024/1108;border-radius:12px;margin:0;overflow:hidden;isolation:isolate;background:#446277}#vizualizacie .hsv-scene img,#vizualizacie .hsv-photo,#vizualizacie .hsv-labels,#vizualizacie .hsv-scene input{position:absolute;inset:0;width:100%;height:100%}#vizualizacie .hsv-scene img{display:block;pointer-events:none;user-select:none}#vizualizacie .hsv-photo{clip-path:inset(0 calc(100% - var(--split)) 0 0)}#vizualizacie .hsv-scene input{z-index:3;cursor:ew-resize;touch-action:pan-y;margin:0;opacity:0}#vizualizacie .hsv-scene:focus-within{outline:3px solid #267949;outline-offset:3px}#vizualizacie .hsv-labels{z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:14px;pointer-events:none}#vizualizacie .hsv-labels span{background:#183226e6;color:#fff;border:1px solid #ffffff66;border-radius:4px;padding:7px 10px;line-height:1.15;font-size:12px;font-weight:700;box-shadow:0 1px 4px #172a2324}#vizualizacie .hsv-labels .hsv-after-tag{background:#fff;color:#19392e;border-color:#fff}#vizualizacie .hsv-divider{position:absolute;z-index:1;top:0;bottom:0;left:var(--split);transform:translateX(-50%);width:2px;background:#fff;box-shadow:0 0 7px #0b1b14a1;pointer-events:none}#vizualizacie .hsv-grip{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;color:#183f31;border-radius:100%;width:46px;height:46px;box-shadow:0 2px 13px #11261947}#vizualizacie .hsv-grip svg{width:30px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}#vizualizacie .hsv-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0 0}#vizualizacie .hsv-foot p{color:#536258;font-size:13px;line-height:1.4;margin:0}#vizualizacie .hsv-play{display:flex;align-items:center;gap:7px;background:transparent;color:#244e38;border:0;padding:8px 2px;font-weight:700;font-size:13px}#vizualizacie .hsv-play svg{width:16px;height:16px;fill:currentColor}#vizualizacie .hsv-play .hsv-pause,#vizualizacie .hsv-play.hsv-playing .hsv-triangle{display:none}#vizualizacie .hsv-play.hsv-playing .hsv-pause{display:block}#vizualizacie .hsv-mode-photo .hsv-after-tag,#vizualizacie .hsv-mode-design .hsv-before-tag{visibility:hidden}#vizualizacie .hsv-mode-photo .hsv-divider,#vizualizacie .hsv-mode-design .hsv-divider{visibility:hidden}#vizualizacie a:focus-visible,#vizualizacie button:focus-visible{outline:3px solid #307744;outline-offset:3px}#vizualizacie [hidden]{display:none!important}@media(min-width:1500px){#vizualizacie.hsv-compare{max-width:1260px;margin:auto}}@media(max-width:820px){#vizualizacie.hsv-compare{grid-template-columns:1fr;padding:clamp(12px,3.5vw,28px) 0;gap:22px}#vizualizacie .hsv-story{display:contents}#vizualizacie .hsv-topic{margin:8px 0 -9px}#vizualizacie h2{font-size:clamp(36px,7.6vw,59px);margin:0;line-height:1.04;letter-spacing:-.05em}#vizualizacie h2 br{display:none}#vizualizacie h2 br:after{content:" "}#vizualizacie .hsv-lead{max-width:58ch;margin-top:-8px}#vizualizacie .hsv-viewer{grid-row:4}#vizualizacie .hsv-action{grid-row:5;margin:0}#vizualizacie .hsv-scene{max-height:none}#vizualizacie .hsv-foot{flex-wrap:wrap}#vizualizacie .hsv-grip{height:40px;width:40px}}@media(max-width:420px){#vizualizacie.hsv-compare{border:none;border-radius:0;gap:19px;padding:21px 15px 27px}#vizualizacie .hsv-topic{margin-top:2px}#vizualizacie .hsv-switcher button{font-size:13px}#vizualizacie .hsv-labels{padding:10px}#vizualizacie .hsv-labels span{font-size:11px}#vizualizacie .hsv-foot p,#vizualizacie .hsv-play{font-size:12px}#vizualizacie .hsv-lead{font-size:16px}#vizualizacie .hsv-action a{font-size:14px}}

#vizualizacie.hsv-compare{width:calc(100% - clamp(32px,10vw,160px));max-width:1240px;margin:clamp(30px,5vw,74px) auto;color:#122e26;font-family:inherit;scroll-margin-top:140px}
#vizualizacie.hsv-compare h2{color:#122e26;text-transform:none}
#vizualizacie .hsv-scene img{max-width:none;object-fit:fill;border:0;border-radius:0}
#vizualizacie .hsv-switcher button,#vizualizacie .hsv-play{text-transform:none}
#vizualizacie .hsv-action a{text-decoration:none}
@media(max-width:820px){#vizualizacie.hsv-compare{width:calc(100% - 36px);padding:0;margin:32px auto}}
@media(max-width:420px){#vizualizacie.hsv-compare{width:calc(100% - 30px);margin:28px auto}}