@charset "UTF-8";

:root{
  --bila:#ffffff;
  --krem:#fdfbf6;
  --krem2:#f8f4ec;
  --modra:#1f4e79;
  --modra2:#163c5e;
  --cerv:#e8503a;
  --cerv2:#cf3f2b;
  --zluta:#f5b73c;
  --zluta2:#e3a428;
  --zluta-sv:#fdeec4;
  --modra-sv:#dceaf7;
  --zel-sv:#dbe9d6;
  --ruz-sv:#fadcd8;
  --zel:#6ba368;
  --txt:#4f5d6b;
  --txt2:#8b97a3;
  --linka:#e6e0d6;
  --linka2:#f0ebe2;
  --nad:'Poppins',-apple-system,'Segoe UI',Arial,sans-serif;
  --telo:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --rukou:'Caveat',cursive;
  --max:1240px;
  --r:16px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--telo);background:var(--krem);color:var(--txt);
  font-size:15.5px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--nad);font-weight:700;color:var(--modra);line-height:1.15;letter-spacing:-.015em}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.rukou{font-family:var(--rukou);color:var(--modra);line-height:1.3}

/* ---------- lišta ukázky ---------- */
.demo{
  background:var(--modra2);color:#c3d3e2;font-size:13.5px;padding:9px 20px;text-align:center;
}
.demo b{color:#fff}
.demo a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ---------- hlavička ---------- */
.hero-obal{position:relative}
.nav{background:var(--krem);position:relative;z-index:60;transition:background .25s,box-shadow .25s}
.nav--pruh{position:absolute;top:0;left:0;right:0;background:transparent}
.nav--pruh.pin{
  position:fixed;background:rgba(253,251,246,.975);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 2px 20px rgba(31,78,121,.11);
}
.nav-in{display:flex;align-items:center;gap:26px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo .slunce{width:40px;height:40px;flex-shrink:0}
.logo .slunce svg{width:40px;height:40px;stroke:var(--zluta);fill:none;stroke-width:1.9;stroke-linecap:round}
.logo b{display:block;font-family:var(--nad);font-weight:700;font-size:19px;color:var(--modra);line-height:1.1}
.logo small{
  display:block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.24em;
  color:var(--txt2);margin-top:3px;
}
.nav-odkazy{list-style:none;display:flex;align-items:center;gap:28px;margin-left:auto}
.nav-odkazy a{font-size:14.5px;font-weight:500;color:var(--txt);padding:4px 0;position:relative}
.nav-odkazy a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2.4px;background:var(--zluta);
  border-radius:3px;transition:right .22s;
}
.nav-odkazy a:hover::after,.nav-odkazy a.on::after{right:0}
.nav-odkazy a.on{color:var(--modra);font-weight:600}
.nav-lupa{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background .2s;flex-shrink:0;
}
.nav-lupa:hover{background:var(--krem2)}
.nav-lupa svg{width:19px;height:19px;stroke:var(--modra);fill:none;stroke-width:1.9;stroke-linecap:round}
.nav-cta{
  display:inline-flex;align-items:center;gap:9px;background:var(--cerv);color:#fff;
  font-size:14px;font-weight:600;padding:12px 22px;border-radius:9px;flex-shrink:0;transition:background .2s;
}
.nav-cta:hover{background:var(--cerv2)}
.burger{display:none;font-size:23px;color:var(--modra);margin-left:auto;padding:4px 8px}
.mm{display:none;background:var(--bila);border-top:1px solid var(--linka)}
.mm.open{display:block}
.mm a{display:block;padding:13px 32px;border-bottom:1px solid var(--linka2);font-size:15px;font-weight:500}
.mm a.m-cta{background:var(--cerv);color:#fff;font-weight:600;border:0}

/* ---------- tlačítka ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:15px 28px;border-radius:10px;font-family:var(--nad);font-size:14.5px;font-weight:600;
  transition:background .2s,gap .2s,box-shadow .2s;
}
.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2}
.btn-z{background:var(--zluta);color:#3d2f10}
.btn-z:hover{background:var(--zluta2);gap:18px}
.btn-c{background:var(--cerv);color:#fff}
.btn-c:hover{background:var(--cerv2);gap:18px}
.btn-b{background:var(--bila);color:var(--modra);border:1.5px solid var(--linka)}
.btn-b:hover{border-color:var(--modra);gap:18px}
.odkaz{
  display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--modra);
  transition:gap .2s,color .2s;
}
.odkaz:hover{gap:15px;color:var(--cerv)}
.odkaz svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2}
.odkaz-p{border-bottom:1.6px solid var(--zluta);padding-bottom:3px}

/* ---------- hero ---------- */
.hero{
  background:var(--krem);position:relative;overflow:hidden;padding:0;
  min-height:clamp(470px,48vw,610px);display:flex;align-items:center;
}
.hero-in{
  width:100%;max-width:var(--max);margin:0 auto;position:relative;z-index:4;
  padding:clamp(104px,10vw,134px) 32px clamp(42px,5vw,74px);
}
.hero-txt{position:relative;max-width:min(50%,560px)}
.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.08;font-weight:700}
.hero h1 em{font-style:normal;color:var(--cerv);position:relative;white-space:nowrap}
.hero h1 em svg{
  position:absolute;left:-2%;right:-6%;bottom:-.24em;width:108%;height:.34em;
  stroke:var(--zluta);fill:none;stroke-width:5;stroke-linecap:round;
}
.hero p.lead{margin-top:22px;font-size:16px;max-width:38ch;line-height:1.75}
.hero .btn{margin-top:30px}
.hero-pozn{
  display:flex;align-items:flex-end;gap:10px;pointer-events:none;
  margin-top:24px;padding-left:clamp(40px,8vw,120px);
}
.hero-pozn span{
  font-family:var(--rukou);font-size:22px;color:var(--modra);line-height:1.3;
  transform:rotate(-7deg);display:block;
}
.hero-pozn svg{width:22px;height:22px;stroke:var(--modra);fill:none;stroke-width:1.5;flex-shrink:0;margin-bottom:6px}

.hero-foto{position:absolute;top:0;right:0;bottom:0;width:53%;z-index:2}
.hero-foto>img{width:100%;height:100%;object-fit:cover;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.hero-foto::before{
  content:"";position:absolute;left:0;right:0;top:0;height:190px;z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,rgba(253,251,246,.95),rgba(253,251,246,.72) 42%,rgba(253,251,246,.3) 72%,rgba(253,251,246,0));
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
}
.hero-stitek{
  position:absolute;right:0;bottom:clamp(14px,2vw,32px);z-index:6;
  background:var(--zluta);border-radius:12px 0 0 12px;padding:16px 22px 14px;
  font-family:var(--rukou);font-size:21px;color:#3d2f10;line-height:1.35;text-align:right;
}
.hero-stitek i{display:block;font-style:normal}
.hero-stitek svg{width:20px;height:20px;stroke:#3d2f10;fill:none;stroke-width:1.6;margin-top:6px;margin-left:auto}

.hero-deko{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.hero-deko .k3{top:auto;bottom:150px}
.hero-deko i{position:absolute;display:block;border-radius:50%}
.hero-deko .k1{width:120px;height:120px;background:var(--zel-sv);left:-42px;bottom:24px}
.hero-deko .k2{width:60px;height:60px;background:var(--modra-sv);left:96px;bottom:-14px}
.hero-deko .k3{width:34px;height:34px;background:var(--zluta-sv);left:60px;top:132px}
.hero-deko svg{position:absolute;left:-14px;top:36px;width:104px;height:104px;stroke:var(--cerv);fill:none;stroke-width:3;stroke-linecap:round;opacity:.5}

/* ---------- dlaždice ---------- */
.dlazdice{
  max-width:var(--max);margin:0 auto;padding:clamp(24px,3vw,40px) 32px 0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);
}
.dl{
  border-radius:var(--r);padding:20px 22px;display:flex;align-items:center;gap:15px;
  transition:transform .2s,box-shadow .2s;
}
.dl:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,78,121,.09)}
.dl.m{background:var(--modra-sv)}
.dl.z{background:var(--zel-sv)}
.dl.r{background:var(--ruz-sv)}
.dl.y{background:var(--zluta-sv)}
.dl .ik{flex-shrink:0}
.dl .ik svg{width:28px;height:28px;stroke:var(--modra);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dl b{display:block;font-family:var(--nad);font-weight:600;font-size:16px;color:var(--modra);line-height:1.2}
.dl small{display:block;font-size:13px;color:var(--txt);margin-top:2px}
.dl .sip{margin-left:auto;flex-shrink:0}
.dl .sip svg{width:17px;height:17px;stroke:var(--modra);fill:none;stroke-width:2;transition:transform .2s}
.dl:hover .sip svg{transform:translateX(4px)}

/* ---------- sekce ---------- */
section{padding:clamp(48px,5vw,74px) 0}
section.bila{background:var(--bila)}
.sec-h{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);margin-bottom:clamp(24px,3vw,38px);flex-wrap:wrap}
.sec-h h2{font-size:clamp(28px,3.4vw,42px)}
.sec-h .car{flex:1;height:2.4px;background:var(--linka);border-radius:3px;min-width:24px}
.sec-h .odkaz{flex-shrink:0}

/* ---------- aktuality ---------- */
.zpravy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}
.zprava{
  background:var(--bila);border:1px solid var(--linka2);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;
}
.zprava:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,78,121,.09)}
.zprava img{width:100%;aspect-ratio:16/10;object-fit:cover}
.zprava .tel{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}
.zprava .dat{font-size:12.5px;color:var(--txt2);margin-bottom:6px}
.zprava h3{font-size:19px;margin-bottom:9px;line-height:1.3}
.zprava p{font-size:14px;margin-bottom:16px;flex:1}
.zprava .odkaz{margin-top:auto;align-self:flex-start;border-bottom:1.6px solid var(--zluta);padding-bottom:3px}

/* ---------- kroužky ---------- */
.krouzky-blok{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,44px);align-items:start}
.krouzky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,28px)}
.krouzek{background:var(--bila);border:1px solid var(--linka2);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.krouzek .im{position:relative;display:block}
.krouzek .im img{width:100%;aspect-ratio:16/10;object-fit:cover}
.krouzek .bod{
  position:absolute;left:14px;bottom:-22px;width:46px;height:46px;border-radius:50%;
  background:var(--bila);display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(31,78,121,.14);
}
.krouzek .bod svg{width:23px;height:23px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.krouzek .bod.f svg{stroke:var(--zel)}
.krouzek .bod.s svg{stroke:var(--cerv)}
.krouzek .bod.u svg{stroke:var(--zluta2)}
.krouzek .tel{padding:34px 22px 22px;display:flex;flex-direction:column;flex:1}
.krouzek h3{font-size:19px;margin-bottom:8px}
.krouzek p{font-size:14px;margin-bottom:16px;flex:1}
.krouzek p u{text-decoration:none;border-bottom:1.6px solid var(--zluta)}
.krouzek .odkaz{margin-top:auto;align-self:flex-start;border-bottom:1.6px solid var(--zluta);padding-bottom:3px}
.krouzky-pozn{
  font-family:var(--rukou);font-size:23px;color:var(--modra);line-height:1.35;
  transform:rotate(-6deg);padding-top:clamp(30px,5vw,80px);max-width:8ch;
}
.krouzky-pozn svg{width:22px;height:22px;stroke:var(--modra);fill:none;stroke-width:1.5;margin-top:10px}

/* ---------- čísla ---------- */
.cisla-blok{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}
.cisla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.cislo{display:flex;align-items:flex-start;gap:14px}
.cislo .ik{
  width:52px;height:52px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.cislo .ik svg{width:25px;height:25px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cislo .i1{background:var(--zel-sv)} .cislo .i1 svg{stroke:var(--zel)}
.cislo .i2{background:var(--ruz-sv)} .cislo .i2 svg{stroke:var(--cerv)}
.cislo .i3{background:var(--zluta-sv)} .cislo .i3 svg{stroke:var(--zluta2)}
.cislo .i4{background:var(--modra-sv)} .cislo .i4 svg{stroke:var(--modra)}
.cislo b{display:block;font-family:var(--nad);font-weight:700;font-size:clamp(24px,2.7vw,33px);color:var(--modra);line-height:1.05;white-space:nowrap}
.cislo span{display:block;font-size:13.5px;color:var(--txt);line-height:1.4;margin-top:2px}
.skola-kresba{position:relative}
.skola-kresba svg{width:100%;height:auto;stroke:var(--modra);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.38}
.cisla-pozn{
  position:absolute;right:0;top:-18px;font-family:var(--rukou);font-size:20px;color:var(--modra);
  line-height:1.3;transform:rotate(-8deg);text-align:right;
}
.cisla-pozn i{display:block;font-style:normal;border-bottom:2.4px solid var(--zluta);padding-bottom:2px;width:fit-content;margin-left:auto}

/* ---------- CTA zápis ---------- */
.zapis{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:stretch;background:var(--krem2)}
.zapis-foto{position:relative;min-height:clamp(300px,32vw,420px);overflow:hidden}
.zapis-foto::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(160deg,rgba(18,45,70,.5) 0%,rgba(18,45,70,.14) 42%,rgba(18,45,70,0) 70%)}
.zapis-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zapis-foto .pozn{
  position:absolute;left:clamp(16px,2.4vw,34px);top:clamp(18px,2.6vw,38px);z-index:3;
  font-family:var(--rukou);font-size:22px;color:#fff;line-height:1.3;transform:rotate(-6deg);
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.zapis-foto .pozn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.6;margin-top:6px}
.zapis-txt{padding:clamp(34px,4.4vw,64px) clamp(26px,3.4vw,54px);position:relative;display:flex;flex-direction:column;justify-content:center}
.zapis-txt h2{font-size:clamp(30px,3.9vw,48px);line-height:1.1;max-width:14ch}
.zapis-txt h2 em{font-style:normal;color:var(--cerv)}
.zapis-txt p{margin-top:16px;max-width:42ch;font-size:15.5px}
.zapis-txt .btn{margin-top:26px;align-self:flex-start}
.zapis-deko{
  position:absolute;right:clamp(14px,2.4vw,40px);top:50%;transform:translateY(-50%);
  text-align:right;pointer-events:none;
}
.zapis-deko svg{width:74px;height:60px;stroke:var(--modra);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5;margin-left:auto}
.zapis-deko span{
  display:block;font-family:var(--rukou);font-size:20px;color:var(--modra);line-height:1.3;
  transform:rotate(-8deg);margin-top:12px;
}

/* ---------- patička ---------- */
.pata{background:var(--krem);border-top:1px solid var(--linka);padding:clamp(36px,4vw,56px) 0 0;position:relative;overflow:hidden}
.pata-in{display:grid;grid-template-columns:1.2fr .8fr 1.1fr 1fr;gap:clamp(22px,3vw,44px);padding-bottom:clamp(28px,3.4vw,46px)}
.pata h4{font-family:var(--nad);font-size:14.5px;font-weight:600;color:var(--modra);margin-bottom:16px}
.pata-menu{list-style:none;display:grid;gap:9px}
.pata-menu a{font-size:14px;color:var(--txt)}
.pata-menu a:hover{color:var(--cerv)}
.pata-kont{list-style:none;display:grid;gap:11px}
.pata-kont li{display:flex;gap:11px;align-items:flex-start;font-size:14px}
.pata-kont svg{width:17px;height:17px;stroke:var(--modra);fill:none;stroke-width:1.7;flex-shrink:0;margin-top:3px}
.pata-kont u{text-decoration:none;border-bottom:1.6px solid var(--zluta)}
.pata-soc{display:flex;gap:11px}
.pata-soc a{
  width:36px;height:36px;border-radius:50%;background:var(--modra);
  display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.pata-soc a:hover{background:var(--cerv)}
.pata-soc svg{width:17px;height:17px;fill:#fff}
.pata-pozn{font-family:var(--rukou);font-size:21px;color:var(--modra);margin-top:18px;transform:rotate(-4deg);display:inline-block}
.pata-stromy{margin-top:22px;opacity:.55}
.pata-stromy svg{width:120px;height:82px;stroke:var(--zel);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pata-spod{
  border-top:1px solid var(--linka);padding:16px 0 22px;font-size:12.5px;color:var(--txt2);
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;
}
.pata-spod .odk{margin-left:auto;display:flex;gap:22px}
.pata-spod a:hover{color:var(--cerv)}

/* ---------- podstránky ---------- */
.hlava{background:var(--krem2);padding:clamp(32px,3.6vw,54px) 0;position:relative;overflow:hidden}
.hlava h1{font-size:clamp(30px,3.9vw,48px);max-width:17ch}
.hlava p{margin-top:14px;max-width:54ch}
.hlava .drobky{font-size:12.5px;color:var(--txt2);margin-bottom:12px}
.hlava .drobky a:hover{color:var(--cerv)}
.hlava .krouzek-deko{position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:var(--zluta-sv);opacity:.6}

.karty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,28px)}
.karta{background:var(--bila);border:1px solid var(--linka2);border-radius:var(--r);padding:26px 24px}
.karta .ik{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.karta .ik svg{width:23px;height:23px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.karta .m{background:var(--modra-sv)} .karta .m svg{stroke:var(--modra)}
.karta .z{background:var(--zel-sv)} .karta .z svg{stroke:var(--zel)}
.karta .r{background:var(--ruz-sv)} .karta .r svg{stroke:var(--cerv)}
.karta .y{background:var(--zluta-sv)} .karta .y svg{stroke:var(--zluta2)}
.karta h3{font-size:19px;margin-bottom:8px}
.karta p{font-size:14px}

.blok{background:var(--bila);border:1px solid var(--linka2);border-radius:var(--r);padding:clamp(24px,2.8vw,36px)}
.blok h2{font-size:clamp(23px,2.6vw,32px);margin-bottom:16px}
.blok h3{font-size:18px;margin:24px 0 8px}
.blok p{margin-bottom:12px}
.blok ul{margin:0 0 14px 20px}
.blok li{margin-bottom:7px}
.mriz2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,34px);align-items:start}

.tabulka{width:100%;border-collapse:collapse;font-size:14.5px}
.tabulka th{
  text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;
  color:var(--txt2);padding:0 14px 12px 0;border-bottom:1px solid var(--linka);
}
.tabulka td{padding:13px 14px 13px 0;border-bottom:1px solid var(--linka2);vertical-align:top}
.tabulka tr:last-child td{border-bottom:0}
.tabulka .den{font-weight:600;color:var(--modra);white-space:nowrap}

.seznam-zprav{display:grid;gap:clamp(16px,2vw,24px)}
.radek{
  display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(18px,2.4vw,30px);
  background:var(--bila);border:1px solid var(--linka2);border-radius:var(--r);overflow:hidden;
  transition:box-shadow .2s;
}
.radek:hover{box-shadow:0 10px 24px rgba(31,78,121,.08)}
.radek img{width:100%;height:100%;min-height:150px;object-fit:cover}
.radek .tel{padding:20px 24px 22px 0}
.radek .dat{font-size:12.5px;color:var(--txt2);margin-bottom:5px}
.radek h3{font-size:20px;margin-bottom:8px}
.radek p{font-size:14.5px;margin-bottom:14px}

.cta-pas{
  background:var(--modra);color:#cfdde9;border-radius:var(--r);padding:clamp(26px,3vw,42px);
  display:flex;gap:26px;align-items:center;flex-wrap:wrap;
}
.cta-pas h3{color:#fff;font-size:clamp(21px,2.4vw,29px)}
.cta-pas p{font-size:14.5px;margin-top:8px;max-width:48ch}
.cta-pas .btn{margin-left:auto;flex-shrink:0}

.pole{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
.pole .cely{grid-column:1/-1}
.pole label{display:block;font-size:12.5px;font-weight:600;color:var(--modra);margin-bottom:6px}
.pole input,.pole select,.pole textarea{
  width:100%;background:var(--krem);border:1px solid var(--linka);border-radius:9px;
  padding:12px 14px;font-size:14.5px;color:var(--modra);transition:border-color .2s;
}
.pole textarea{resize:vertical;min-height:96px}
.pole input::placeholder,.pole textarea::placeholder{color:#aeb7c0}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:0;border-color:var(--zluta)}
.form-ok{
  display:none;background:var(--zel-sv);border:1px solid #b9d3b4;border-radius:10px;
  padding:14px 18px;margin-top:18px;font-size:14px;color:#33603a;
}
.form-ok.vid{display:block}

.mapa{border-radius:var(--r);overflow:hidden;border:1px solid var(--linka2);background:var(--zel-sv);min-height:300px;position:relative}
.mapa svg{position:absolute;inset:0;width:100%;height:100%}

/* ---------- responzivita ---------- */
@media (max-width:1080px){
  .nav-odkazy{gap:18px}
  .nav-odkazy a{font-size:13.5px}
  .dlazdice{grid-template-columns:1fr 1fr}
  .zpravy,.krouzky,.karty{grid-template-columns:1fr 1fr}
  .krouzky-blok{grid-template-columns:1fr}
  .krouzky-pozn{padding-top:0;max-width:none;transform:none;text-align:center}
  .cisla{grid-template-columns:1fr 1fr}
  .cisla-blok{grid-template-columns:1fr}
  .pata-in{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav-odkazy,.nav-cta,.nav-lupa{display:none}
  .burger{display:block}
  .hero{display:block;min-height:0}
  .hero-in{padding:30px 32px 26px}
  .hero-txt{max-width:none}
  .hero-pozn{padding-left:0;margin-top:22px}
  .hero-foto{position:relative;width:100%;height:clamp(320px,62vw,400px);margin:0}
  .hero-foto>img{clip-path:none;object-position:28% center}
  .hero-foto::before{height:130px;clip-path:none;background:linear-gradient(to bottom,rgba(253,251,246,.92),rgba(253,251,246,.55) 50%,rgba(253,251,246,0))}
  .hero-stitek{right:0;bottom:16px;font-size:18px;padding:13px 18px 11px}
  .zapis{grid-template-columns:1fr}
  .zapis-foto{min-height:260px;order:-1}
  .zapis-deko{position:static;transform:none;text-align:left;margin-top:26px}
  .zapis-deko svg{margin-left:0}
  .mriz2{grid-template-columns:1fr}
  .radek{grid-template-columns:1fr}
  .radek img{min-height:190px}
  .radek .tel{padding:20px 24px 24px}
}
@media (max-width:680px){
  .wrap,.dlazdice{padding-left:20px;padding-right:20px}
  .hero-in{padding-left:20px;padding-right:20px}
  .hero-foto{margin:0}
  .dlazdice{grid-template-columns:1fr}
  .zpravy,.krouzky,.karty{grid-template-columns:1fr}
  .cisla{grid-template-columns:1fr}
  .pole{grid-template-columns:1fr}
  .pata-in{grid-template-columns:1fr}
  .pata-spod{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:44px}
  .pata-spod .odk{margin-left:0}
  .cta-pas .btn{margin-left:0}
  .sec-h h2{width:100%}
  .sec-h .car{display:none}
}