/* Vrtané studny Flekač – stránka jako svislý řez zemí. Vrstvy = sekce, vrt jde s posouváním dolů. */
:root{
  --sx:clamp(56px,7vw,118px);         /* osa vrtu od levého okraje */
  --hm:150px;                          /* místo pro hloubkoměr vpravo */
  --krem:#f4e8d0;
  --hlina:#24170d;
  --ornice:#3b2817;
  --jil:#97501f;
  --pisek:#d6b46f;
  --skala:#454b54;
  --kolektor:#5a5141;
  --voda:#1683dc;
  --hluboka:#0a4b93;
  --pazeni:#c0262d;
  --zlata:#d9a51f;
  --disp:"Unbounded",system-ui,sans-serif;
  --text:"Archivo",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hlina);color:var(--krem);font:400 17px/1.6 var(--text);font-stretch:100%;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;line-height:1.12;text-wrap:balance}
p{margin:0 0 .8em}
:focus-visible{outline:3px solid var(--zlata);outline-offset:3px}

/* žlutý pruh (beze změny) */
.demo-strip{position:fixed;inset:0 0 auto 0;z-index:70;height:30px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:#ffd84d;color:#1a1a1a;font:600 13px/1 system-ui,sans-serif;white-space:nowrap;overflow:hidden}
.demo-strip b{text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.demo-strip a{color:inherit}
.demo-strip .ds-sep{opacity:.5}
.demo-strip .ds-short{display:none}
@media (max-width:520px){.demo-strip .ds-long{display:none}.demo-strip .ds-short{display:inline}}

/* hlavička */
.hl{position:fixed;top:30px;left:0;right:0;z-index:60;height:60px;display:flex;align-items:center;gap:22px;padding:0 20px 0 calc(var(--sx) - 14px);background:var(--hlina);border-bottom:2px solid #5f8f2e}
.znacka{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.kapka{width:24px;height:32px;flex:none}
.znacka-t{font:900 26px/1 var(--disp);letter-spacing:.02em;text-transform:uppercase;display:flex;flex-direction:column}
.znacka-t small{font:600 11px/1.2 var(--text);letter-spacing:.06em;text-transform:none;color:#a9c8e8;margin-bottom:2px}
.hl-cenik{font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
.hl-cenik:hover{border-color:var(--zlata)}
.hl-tel{display:inline-flex;align-items:center;gap:8px;background:var(--voda);color:#fff;text-decoration:none;font:700 17px/1 var(--text);padding:11px 16px;border-radius:999px;margin-right:calc(var(--hm) - 20px)}
.hl-tel svg{width:18px;height:18px}
.hl-tel:hover{background:#0f6fbf}

/* společné */
.obal{position:relative;padding:0 calc(var(--hm) + 12px) 0 calc(var(--sx) + 52px);max-width:1500px}
.tl{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border-radius:999px;font:700 17px/1.1 var(--text);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,background-color .15s ease}
.tl:active{transform:scale(.97)}
.tl-voda{background:var(--voda);color:#fff}
.tl-voda:hover{background:#0f6fbf}
.tl-obrys{border-color:var(--krem);color:var(--krem)}
.tl-obrys:hover{background:rgba(244,232,208,.12)}
.tl-bila{background:#fff;color:var(--hluboka)}
.tl-obrys-b{border-color:#fff;color:#fff}

/* ===== vrták (pevně na obrazovce) ===== */
.vrtak{display:none}
.js .vrtak{display:block}
.tyc{position:fixed;z-index:20;top:0;left:calc(var(--sx) - 4px);width:8px;height:100px;transform-origin:0 0;background:linear-gradient(90deg,#6c7176,#d9dde0 45%,#8b9095);will-change:transform;pointer-events:none}
.korunka{position:fixed;z-index:21;top:0;left:calc(var(--sx) - 13px);width:26px;height:42px;will-change:transform;pointer-events:none}
.korunka svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.js .korunka svg{animation:spadne .9s cubic-bezier(.3,1.4,.5,1) .2s both}
@keyframes spadne{from{transform:translateY(-120px);opacity:0}to{transform:none;opacity:1}}
.sroub{animation:sroub .28s linear infinite;animation-play-state:paused}
.vrta .sroub{animation-play-state:running}
@keyframes sroub{to{transform:translateY(-12px)}}
.drt{position:fixed;z-index:19;top:0;left:var(--sx);width:0;height:0;pointer-events:none}
.drt span{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:2px;background:var(--prach,#7a5a3a)}

/* ===== šachta v dokumentu ===== */
main{position:relative}
.sachta{position:absolute;inset:0;z-index:12;pointer-events:none}
.s-pred,.s-vrt,.s-voda{position:absolute;transform-origin:50% 0}
.s-pred{left:calc(var(--sx) - 17px);width:34px;background:#140c06;border-left:3px solid var(--pazeni);border-right:3px solid var(--pazeni)}
.s-vrt{left:calc(var(--sx) - 11px);width:22px;background:#120b06;box-shadow:inset 3px 0 0 #e9e5dc,inset -3px 0 0 #e9e5dc}
.s-voda{left:calc(var(--sx) - 8px);width:16px;background:linear-gradient(90deg,#1683dc,#5fb6f5 50%,#1683dc);transform-origin:50% 100%}

/* ===== hloubkoměr ===== */
.hloubkomer{position:fixed;z-index:50;right:18px;top:112px;bottom:22px;width:118px;display:flex;flex-direction:column;font-family:var(--text)}
.hm-odecet{margin:0;font:900 26px/1 var(--disp);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.hm-kde{margin:4px 0 12px;font-size:13px;line-height:1.2;min-height:2.4em;color:#e9dcc0;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.hm-pas{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;position:relative;background:rgba(20,12,6,.55);border-radius:6px;padding:4px}
.hm-pas li{flex:1;display:flex}
.hm-pas a{flex:1;display:flex;align-items:stretch;gap:9px;text-decoration:none;border-radius:4px;padding:2px 6px 2px 2px}
.hm-pas a:hover{background:rgba(255,255,255,.08)}
.hm-pas i{width:12px;flex:none;background:var(--c);border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.hm-pas span{align-self:center;font-size:12px;line-height:1.15;color:#cdbf9f}
.hm-pas b{display:block;font-size:14px;color:#fff;font-weight:600}
.hm-pas a.ted b{color:var(--zlata)}
.hm-jezdec{position:absolute;left:-6px;right:-6px;top:0;height:0;border-top:2px solid var(--zlata);pointer-events:none;will-change:transform}
.hm-jezdec::before{content:"";position:absolute;left:-2px;top:-7px;border:6px solid transparent;border-left:8px solid var(--zlata)}
.hm-jezdec{display:none}
.js .hm-jezdec{display:block}

/* ===== povrch (úvod) ===== */
.povrch{position:relative;min-height:100svh;display:flex;flex-direction:column;background:#2a1b0f}
.povrch-foto{margin-top:90px;height:clamp(240px,calc(52svh - 20px),620px);position:relative;overflow:hidden;background:#8db7da}
.povrch-foto img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.trava{position:relative;z-index:2;display:block;width:100%;height:34px;margin-top:-33px}
.povrch-zem{flex:1;position:relative;padding:22px 0 64px;background:#2a1b0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='120'%3E%3Cg fill='%233b2817'%3E%3Cellipse cx='20' cy='18' rx='5' ry='3'/%3E%3Cellipse cx='120' cy='40' rx='7' ry='4'/%3E%3Cellipse cx='70' cy='90' rx='4' ry='3'/%3E%3Cellipse cx='160' cy='100' rx='6' ry='3'/%3E%3C/g%3E%3Cpath d='M40 0c4 14-6 22 2 36s-4 20 0 30M140 0c-3 10 5 16-1 28' stroke='%23412a14' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.misto{font-weight:600;color:#cfe0a8;margin-bottom:10px}
.povrch h1{font:800 clamp(28px,3.9vw,58px)/1.06 var(--disp);letter-spacing:-.01em;max-width:17em;color:#fff}
.povrch-akce{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dolu{margin:22px 0 0;font-size:15px;color:#bca984}

/* ===== vrstvy ===== */
.vrstva{position:relative;margin-top:-40px;padding:120px 0 150px;scroll-margin-top:50px}
.vr-mriz{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:start}
.profil{grid-column:1/-1;margin:0 0 40px;font:900 calc(var(--pf,1)*clamp(52px,10.5vw,190px))/.86 var(--disp);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:2px rgba(244,232,208,.32);text-transform:lowercase}
.profil b{display:block;font:700 15px/1.3 var(--text);letter-spacing:0;color:var(--krem);-webkit-text-stroke:0;margin-bottom:10px;text-transform:none}
.ve-vrtu{position:relative;padding:18px 18px 16px;border:1.5px solid rgba(244,232,208,.45);background:rgba(10,6,3,.28);border-radius:3px;font-size:15.5px;line-height:1.55}
.ve-vrtu::before{content:"";position:absolute;top:30px;right:100%;width:36px;border-top:1.5px dashed rgba(244,232,208,.6)}
.ve-vrtu::after{content:"";position:absolute;top:26px;right:calc(100% + 40px);width:9px;height:9px;border-radius:50%;background:var(--zlata)}
.ve-vrtu h3{font:700 19px/1.2 var(--disp);margin-bottom:8px}
.ve-vrtu p:last-child{margin:0}
.krok{font-weight:700;color:var(--zlata);margin-bottom:6px!important}
.vr-obsah h2{font:800 clamp(26px,3vw,44px)/1.1 var(--disp);margin-bottom:26px;max-width:18em}

/* ornice */
.v-ornice{z-index:1;background:var(--ornice) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='160'%3E%3Cg fill='%234a3420'%3E%3Cellipse cx='30' cy='24' rx='7' ry='4'/%3E%3Cellipse cx='150' cy='60' rx='9' ry='5'/%3E%3Cellipse cx='90' cy='130' rx='5' ry='3'/%3E%3Cellipse cx='200' cy='140' rx='6' ry='4'/%3E%3C/g%3E%3Cg fill='%232c1d10'%3E%3Ccircle cx='60' cy='70' r='3'/%3E%3Ccircle cx='180' cy='20' r='2'/%3E%3Ccircle cx='120' cy='100' r='2.5'/%3E%3C/g%3E%3Cpath d='M70 0c6 20-8 30 3 52s-5 26 0 40M190 0c-4 14 6 22-2 40' stroke='%23533720' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  clip-path:polygon(0.0% 6px,4.17% 13px,8.33% 17px,12.5% 16px,16.67% 16px,20.83% 5px,25.0% 8px,29.17% 5px,33.33% 11px,37.5% 16px,41.67% 11px,45.83% 11px,50.0% 14px,54.17% 10px,58.33% 16px,62.5% 7px,66.67% 5px,70.83% 11px,75.0% 4px,79.17% 18px,83.33% 17px,87.5% 10px,91.67% 10px,95.83% 13px,100.0% 16px,100% 100%,0 100%)}
.v-ornice{margin-top:-20px}
.sluzby{list-style:none;margin:0;padding:0;font-size:18px;columns:2 300px;column-gap:40px}
.sluzby li{break-inside:avoid;padding:12px 0 14px 26px;border-top:1px solid rgba(244,232,208,.2);position:relative}
.sluzby li::before{content:"";position:absolute;left:0;top:20px;width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#3a9be8}
.sluzby b{display:block;font-weight:700;color:#fff}

/* jíl */
.v-jil{z-index:2;background:var(--jil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='90'%3E%3Cpath d='M0 14c50-8 100 8 150 0s100-8 150 0M0 44c40 6 90-6 150 2s110 4 150-2M0 74c60-6 110 6 160 0s100-4 140 2' stroke='%23874519' stroke-width='5' fill='none'/%3E%3Cpath d='M0 28c70 4 120-6 170 0s90 4 130-2' stroke='%23a95d2a' stroke-width='3' fill='none'/%3E%3C/svg%3E");
  clip-path:polygon(0.0% 5px,7.14% 6px,14.29% 6px,21.43% 15px,28.57% 9px,35.71% 25px,42.86% 13px,50.0% 12px,57.14% 23px,64.29% 10px,71.43% 23px,78.57% 5px,85.71% 22px,92.86% 25px,100.0% 9px,100% 100%,0 100%)}
.v-jil .profil{--pf:1.25}
.duvody{margin:0;padding:0;list-style:none;counter-reset:d;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2px}
.duvody li{background:rgba(40,16,4,.3);padding:18px 20px;font-size:18px;line-height:1.45;color:#fff4e2}

/* písek */
.v-pisek{z-index:3;color:#2a1c10;background:var(--pisek) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='%23b8954f'%3E%3Ccircle cx='8' cy='10' r='1.6'/%3E%3Ccircle cx='40' cy='22' r='1.2'/%3E%3Ccircle cx='70' cy='8' r='1.8'/%3E%3Ccircle cx='22' cy='48' r='1.4'/%3E%3Ccircle cx='58' cy='54' r='1.2'/%3E%3Ccircle cx='84' cy='40' r='1.5'/%3E%3Ccircle cx='12' cy='80' r='1.3'/%3E%3Ccircle cx='46' cy='76' r='1.7'/%3E%3Ccircle cx='76' cy='84' r='1.2'/%3E%3C/g%3E%3Cg fill='%23e6c98c'%3E%3Ccircle cx='30' cy='34' r='1.4'/%3E%3Ccircle cx='64' cy='30' r='1.2'/%3E%3Ccircle cx='34' cy='62' r='1.3'/%3E%3C/g%3E%3C/svg%3E");
  clip-path:polygon(0.0% 7px,3.33% 13px,6.67% 12px,10.0% 6px,13.33% 9px,16.67% 13px,20.0% 11px,23.33% 14px,26.67% 13px,30.0% 5px,33.33% 13px,36.67% 4px,40.0% 11px,43.33% 8px,46.67% 12px,50.0% 7px,53.33% 7px,56.67% 11px,60.0% 12px,63.33% 12px,66.67% 11px,70.0% 10px,73.33% 14px,76.67% 6px,80.0% 7px,83.33% 14px,86.67% 6px,90.0% 12px,93.33% 10px,96.67% 4px,100.0% 14px,100% 100%,0 100%)}
.v-pisek .profil{-webkit-text-stroke-color:rgba(42,28,16,.3)}
.v-pisek .profil b{color:#2a1c10}
.v-pisek .ve-vrtu{border-color:rgba(42,28,16,.5);background:rgba(255,246,222,.4)}
.v-pisek .ve-vrtu::before{border-color:rgba(42,28,16,.6)}
.v-pisek .krok{color:#8a4d12}
.cesty{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.cesty>div{border-top:5px solid #2a1c10;padding-top:16px}
.cesty h3{font:700 21px/1.2 var(--disp);margin-bottom:10px}
.cesty p{font-size:16.5px}

/* skála */
.v-skala{z-index:4;background:var(--skala) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120'%3E%3Cg stroke='%23394048' stroke-width='3' fill='none'%3E%3Cpath d='M0 30l60-18M70 10l90-26M0 70l40-12M52 56l108-32M0 112l90-26M100 82l60-18M20 140l140-40'/%3E%3C/g%3E%3Cg stroke='%2356606b' stroke-width='1.5' fill='none'%3E%3Cpath d='M0 48l70-20M84 26l76-22M0 92l60-18M74 70l86-24'/%3E%3C/g%3E%3C/svg%3E");
  clip-path:polygon(0.0% 25px,11.11% 23px,22.22% 21px,33.33% 29px,44.44% 33px,55.56% 13px,66.67% 20px,77.78% 8px,88.89% 18px,100.0% 29px,100% 100%,0 100%)}
.cena-titul{font:900 clamp(54px,8.6vw,150px)/.95 var(--disp)!important;letter-spacing:-.03em;color:#fff;margin-bottom:10px!important;max-width:none!important;text-shadow:3px 3px 0 #2d3238}
.cena-titul span{font-size:.3em;letter-spacing:0;font-weight:700;color:var(--krem);vertical-align:.9em}
.cena-titul span+span{display:block;line-height:1.1;margin-top:.1em;vertical-align:0}
.cena-pod{font-size:19px;margin-bottom:40px}
.cenik{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.v-cene h3{font:700 20px/1.2 var(--disp);margin-bottom:12px}
.v-cene ul{margin:0 0 24px;padding:0;list-style:none}
.v-cene li{padding:8px 0 8px 28px;border-bottom:1px solid rgba(244,232,208,.18);position:relative}
.v-cene li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:3px solid #7ec36b;border-bottom:3px solid #7ec36b;transform:rotate(-45deg)}
.posudek{background:rgba(0,0,0,.2);padding:14px 16px;border-left:4px solid var(--zlata)}
.posudek b{display:block}
.pozn{font-size:14px;color:#c9c1b0}
.poptavka{background:#e9e4d8;color:#22262b;padding:24px;border-radius:4px;box-shadow:8px 8px 0 #2d3238}
.poptavka h3{font:700 22px/1.2 var(--disp);margin-bottom:16px}
.pp-hloubka{display:flex;gap:18px;align-items:stretch;margin-bottom:12px}
.pp-mini{width:30px;flex:none;border-radius:3px;background:linear-gradient(#3b2817 0 8%,#97501f 8% 22%,#d6b46f 22% 36%,#454b54 36% 82%,#5a5141 82%);position:relative;overflow:hidden}
.pp-mini span{position:absolute;left:10px;width:10px;top:0;height:100%;background:#120b06;box-shadow:inset 2px 0 #e9e5dc,inset -2px 0 #e9e5dc;transform-origin:0 0;transform:scaleY(.5)}
.pp-ovl{flex:1;min-width:0}
.pp-ovl label{font-weight:600}
.pp-ovl output{display:block;font:900 34px/1.1 var(--disp);color:#0a4b93}
.pp-ovl input[type=range]{width:100%;accent-color:var(--voda);margin:8px 0}
.vysledek{font-size:17px;margin:0}
.vysledek strong{font:800 26px/1.2 var(--disp);color:#22262b}
.pp-pozn{font-size:14px;color:#4f555c}
.pp-pole{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 10px}
.pp-pole label{min-width:0;font-size:15px;font-weight:600;display:flex;flex-direction:column;gap:4px}
.pp-pole input{width:100%;font:inherit;font-weight:400;padding:10px 12px;border:1.5px solid #9aa0a6;border-radius:3px;background:#fff;min-width:0}
.zaskrt{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:6px 0 10px;line-height:1.35}
.zaskrt input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--voda)}
.poptavka button{width:100%;margin-top:6px}
.pp-mail{font-size:13px;color:#4f555c;margin:8px 0 0}

/* kolektor */
.v-kolektor{z-index:5;background:var(--kolektor) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='110'%3E%3Cg fill='%236d6350' stroke='%234a4235' stroke-width='1.5'%3E%3Ccircle cx='18' cy='16' r='9'/%3E%3Ccircle cx='62' cy='30' r='12'/%3E%3Ccircle cx='112' cy='14' r='8'/%3E%3Ccircle cx='30' cy='70' r='13'/%3E%3Ccircle cx='86' cy='78' r='9'/%3E%3Ccircle cx='128' cy='62' r='10'/%3E%3C/g%3E%3Cg fill='%233a86c4' opacity='.7'%3E%3Ccircle cx='44' cy='46' r='2.5'/%3E%3Ccircle cx='100' cy='44' r='2'/%3E%3Ccircle cx='60' cy='100' r='2.5'/%3E%3Ccircle cx='8' cy='96' r='2'/%3E%3C/g%3E%3C/svg%3E");
  clip-path:polygon(0.0% 12px,5.0% 15px,10.0% 20px,15.0% 4px,20.0% 18px,25.0% 11px,30.0% 5px,35.0% 9px,40.0% 7px,45.0% 15px,50.0% 19px,55.0% 11px,60.0% 16px,65.0% 21px,70.0% 7px,75.0% 22px,80.0% 11px,85.0% 4px,90.0% 10px,95.0% 17px,100.0% 12px,100% 100%,0 100%);padding-bottom:300px}
.v-kolektor .profil{--pf:.72}
.vzorky{columns:2 280px;column-gap:22px}
.vzorky>*{break-inside:avoid;margin:0 0 22px}
.foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px}
.foto figcaption{font-size:13.5px;color:#d8ccb2;margin-top:8px;line-height:1.4}
.vzorky blockquote{background:#2f2a22;padding:22px 22px 18px;border-left:5px solid #3a9be8;border-radius:2px}
.vzorky blockquote p{font-size:18px;line-height:1.5;color:#fff}
.vzorky footer{font-size:14px;color:#cdbf9f}

/* voda = kontakt */
.voda{position:relative;z-index:13;margin-top:-30px;padding:70px 0 90px;color:#fff;background:linear-gradient(180deg,var(--voda) 0,#0f63b4 45%,var(--hluboka) 100%);overflow-x:clip;scroll-margin-top:50px}
.gejzir{position:absolute;left:calc(var(--sx) - min(60px,9vw));bottom:calc(100% - 4px);width:min(600px,90vw);height:calc(min(600px,90vw) * .5334);transform-origin:10% 100%;overflow:visible}
.jet{transform-box:fill-box;transform-origin:50% 100%}
.js .tryska .jet{animation:pulz 1.4s ease-in-out 1.2s infinite alternate}
@keyframes pulz{to{transform:scaleY(.9)}}
.js .sprej{opacity:0;transform:translateY(40px);transition:opacity .6s .5s,transform 1s .4s cubic-bezier(.2,.8,.3,1)}
.js .tryska .sprej{opacity:1;transform:none}
.voda::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:26px;background:var(--voda);clip-path:polygon(0 60%,8% 30%,16% 55%,25% 35%,33% 65%,42% 40%,50% 60%,58% 30%,67% 55%,75% 35%,83% 60%,92% 30%,100% 50%,100% 100%,0 100%)}
.kapky{position:absolute;left:var(--sx);top:-150px;width:0;height:0}
.kapky i{position:absolute;left:-5px;top:0;width:10px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#6cc0ff;opacity:0}
.vlny{position:absolute;inset:0 -240px 0 0;opacity:.18;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60'%3E%3Cpath d='M0 30c30-14 60-14 90 0s60 14 90 0 40-10 60-6' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E");pointer-events:none}
.js .vlny{animation:vlny 9s linear infinite}
@keyframes vlny{to{transform:translateX(-240px)}}
.voda-in{position:relative}
.profil-voda{-webkit-text-stroke-color:rgba(255,255,255,.35);margin-bottom:24px}
.profil-voda b{color:#fff}
.voda h2{font:800 clamp(24px,3.2vw,44px)/1.12 var(--disp);max-width:20em;margin-bottom:22px}
.voda-tel{display:inline-block;font:900 clamp(34px,9vw,150px)/1 var(--disp);letter-spacing:-.03em;text-decoration:none;color:#fff;white-space:nowrap;text-shadow:4px 4px 0 rgba(4,40,90,.5)}
.voda-tel:hover{color:#d6eeff}
.voda-kdo{font:600 20px/1.3 var(--text);margin:10px 0 40px}
.voda-dalsi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;font-size:17px;border-top:2px solid rgba(255,255,255,.35);padding-top:26px}
.voda-dalsi a{font-weight:700}
.voda-odkazy{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pata{background:#06264a;color:#b7cde6;padding:24px 20px 30px calc(var(--sx) + 52px);font-size:14px}
.pata p{margin:0 0 4px}

/* tryskání vody (spustí JS) */
.js .gejzir{transform:scaleY(.08)}
.js .tryska .gejzir{transform:scaleY(1);transition:transform 1.1s cubic-bezier(.2,1.6,.4,1)}
.tryska .kapky i{animation:kapka 1.6s cubic-bezier(.2,.7,.4,1) forwards}
.kapky i:nth-child(1){--x:-20px;--y:-160px}
.kapky i:nth-child(2){--x:50px;--y:-190px;animation-delay:.06s}
.kapky i:nth-child(3){--x:30px;--y:-230px;animation-delay:.12s}
.kapky i:nth-child(4){--x:90px;--y:-140px;animation-delay:.1s}
.kapky i:nth-child(5){--x:120px;--y:-120px;animation-delay:.18s}
.kapky i:nth-child(6){--x:20px;--y:-260px;animation-delay:.04s}
.kapky i:nth-child(7){--x:160px;--y:-200px;animation-delay:.22s}
.kapky i:nth-child(8){--x:70px;--y:-220px;animation-delay:.16s}
@keyframes kapka{0%{opacity:0;transform:translate(0,140px) scale(.6)}15%{opacity:1}70%{opacity:1;transform:translate(var(--x),var(--y)) scale(1)}100%{opacity:0;transform:translate(calc(var(--x)*1.3),calc(var(--y)*.4)) scale(.8)}}

/* ===== menší obrazovky ===== */
@media (max-width:1100px){
  :root{--hm:0px}
  .hloubkomer{top:auto;bottom:14px;left:calc(var(--sx) + 16px);right:auto;width:auto;display:block;background:rgba(20,12,6,.86);padding:8px 14px 8px 12px;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
  .hloubkomer .hm-pas,.hloubkomer .hm-jezdec{display:none}
  .hm-odecet{display:inline;font-size:18px}
  .hm-kde{display:inline;margin:0 0 0 8px;font-size:13px;min-height:0}
  .hl-tel{margin-right:0}
  .obal{padding-right:24px}
}
@media (max-width:820px){
  .vr-mriz{grid-template-columns:minmax(0,1fr)}
  .ve-vrtu{margin-bottom:34px;max-width:520px}
  .cenik{grid-template-columns:minmax(0,1fr)}
  .voda-dalsi{grid-template-columns:minmax(0,1fr)}
}
.na-dne .hloubkomer{opacity:0;pointer-events:none}
@media (min-width:1101px){.na-dne .hloubkomer{opacity:1;pointer-events:auto}}
.hloubkomer{transition:opacity .3s}
@media (max-width:600px){
  :root{--sx:20px}
  body{font-size:16px}
  .hl{padding:0 12px 0 12px;gap:12px}
  .znacka-t{font-size:21px}
  .hl-cenik{display:none}
  .hl-tel{font-size:16px;padding:10px 14px}
  .obal{padding:0 16px 0 calc(var(--sx) + 30px)}
  .povrch-foto{height:44svh}
  .povrch-foto img{object-position:66% 45%}
  .povrch-zem{padding:16px 0 70px}
  .misto{font-size:14px;margin-bottom:8px}
  .povrch h1{font-size:clamp(25px,7.4vw,32px)}
  .povrch-akce{margin-top:18px}
  .povrch-akce .tl{flex:1 1 auto}
  .vrstva{padding:96px 0 120px}
  .profil{margin-bottom:28px;font-size:calc(var(--pf,1)*15vw)}
  .js body:not(.v-zemi) .hloubkomer{opacity:0;pointer-events:none}
  .ve-vrtu{font-size:15px;padding:14px}
  .ve-vrtu::before{width:22px}
  .ve-vrtu::after{display:none}
  .ve-vrtu::before{width:14px}
  .sluzby{font-size:17px}
  .duvody li{font-size:17px}
  .poptavka{padding:18px 16px;box-shadow:5px 5px 0 #2d3238}
  .pp-pole{grid-template-columns:minmax(0,1fr)}
  .voda-tel{font-size:clamp(30px,9.6vw,44px)}
  .pata{padding-left:calc(var(--sx) + 30px)}
  .hloubkomer{left:calc(var(--sx) + 14px)}
}

@media (prefers-reduced-motion:reduce){
  .js .korunka svg,.sroub,.js .vlny,.tryska .kapky i{animation:none!important}
  .js .gejzir{transform:none;transition:none}
  .js .sprej{opacity:1;transform:none;transition:none}
  .js .tryska .jet{animation:none}
}