/* base */
:root{
  --tma:#1f1d24;
  --tma2:#2c2933;
  --tehla:#b8422e;
  --tehla-tmava:#8f3221;
  --levandula:#cfd8ff;
  --levandula2:#e4e9ff;
  --svetla:#faf8f5;
  --biela:#ffffff;
  --sivy-text:#4a4652;
  --pismo:Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --didon:Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  --rezerva:clamp(64px, calc(56px + 2.2vw), 92px);
  --zrno:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.4px),
         radial-gradient(rgba(0,0,0,.16) 1px, transparent 1.3px),
         radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.2px);
  --okraj:polygon(0 10px, 100% 6px, 100% 100%, 0 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px;overflow-x:clip}
body{
  margin:0;
  font-family:var(--pismo);
  font-size:1.0625rem;
  line-height:1.62;
  color:var(--tma);
  background:var(--svetla);
  overflow-x:clip;
  font-feature-settings:"kern" 1;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;line-height:1.12;font-weight:700;letter-spacing:-.012em}
ul,ol{margin:0;padding:0}
:focus-visible{outline:2px solid var(--tehla);outline-offset:3px}

.skryte2-list{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;margin:-1px;padding:0}
.preskok1-list{
  position:absolute;left:12px;top:-60px;z-index:60;
  background:var(--tma);color:var(--svetla);padding:10px 16px;border-radius:2px;
  text-decoration:none;font-weight:600;transition:top .2s ease;
}
.preskok1-list:focus{top:12px}

/* navigation */
.stuha2-list{height:var(--rezerva);position:relative;z-index:30}
.stuhaokno3-list{
  position:fixed;left:0;right:0;top:0;height:calc(var(--rezerva) + 14px);
  overflow:hidden;pointer-events:none;z-index:40;
}
.stuhapas4-list{
  pointer-events:auto;
  position:absolute;left:-3%;width:106%;top:12px;height:48px;
  background:var(--tehla);
  background-image:var(--zrno),linear-gradient(90deg, var(--tehla), #a63b28 60%, var(--tehla));
  background-size:3px 3px,5px 5px,7px 7px,100% 100%;
  background-position:0 0,1px 2px,3px 1px,0 0;
  color:var(--biela);
  transform:rotate(-2deg);
  transition:transform .3s ease;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 calc(3% + 28px);
}
.stuha2-list[data-rovno] .stuhapas4-list{transform:translateY(-12px) rotate(0deg)}
.navigacia5-list{min-width:0;flex:1 1 auto}
.polozky7-list{list-style:none;display:flex;gap:6px 22px;align-items:center}
.odkaz8-list{
  position:relative;display:inline-block;padding:10px 2px 12px;
  text-decoration:none;font-weight:500;font-size:.98rem;white-space:nowrap;
  transition:color .2s ease;
}
.vlnka3-list{
  position:absolute;left:0;right:0;bottom:4px;width:100%;height:8px;overflow:visible;pointer-events:none;
}
.vlnka3-list path{
  fill:none;stroke:var(--svetla);stroke-width:2.2;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .3s ease, opacity .15s ease;
  vector-effect:non-scaling-stroke;
}
.odkaz8-list:hover .vlnka3-list path,
.odkaz8-list:focus-visible .vlnka3-list path,
.odkaz8-list[aria-current="page"] .vlnka3-list path{stroke-dashoffset:0;opacity:1}
.odkaz8-list:focus-visible{outline:2px solid var(--svetla);outline-offset:2px}
.odkaz8-list:active{color:var(--levandula)}
.znacka6-list{
  flex:0 0 auto;text-decoration:none;font-weight:800;font-size:1.12rem;letter-spacing:-.01em;
  padding:8px 4px;white-space:nowrap;
}
.znacka6-list:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.znacka6-list:focus-visible{outline:2px solid var(--svetla);outline-offset:2px}

/* layout */
.obsah1-list{display:block}
.stlpec4-list{width:min(820px, 100% - 40px);margin-inline:auto}
.sirka5-list{width:min(1220px, 100% - 40px);margin-inline:auto}
.usek2-list{
  position:relative;
  background:linear-gradient(180deg, var(--levandula2) 0%, #eef0fb 30%, var(--svetla) 72%);
  padding-top:var(--hore, 88px);
}
.usek2-list > .zona3-list{margin-top:var(--dole, 72px)}
.usekcisty6-list{background:var(--svetla)}

/* sections */
.zona3-list{
  position:relative;
  clip-path:var(--okraj);
  background-color:var(--tehla);
  background-image:var(--zrno);
  background-size:3px 3px,5px 5px,7px 7px;
  background-position:0 0,1px 2px,3px 1px;
  color:var(--biela);
  padding:44px 0 34px;
  overflow:hidden;
}
.zonatma7-list{background-color:var(--tma)}
.zona3-list::after{
  content:"";position:absolute;inset:0;background:var(--svetla);
  transform:translateY(101%);transition:transform .4s cubic-bezier(.3,.7,.2,1);
  pointer-events:none;
}
html[data-js] .zona3-list:not([data-videne])::after{transform:translateY(0)}
.zonaveta8-list{
  font-size:clamp(1.1rem, 2vw, 1.35rem);font-weight:600;line-height:1.45;max-width:62ch;margin:0;
}
[data-okraj="a"]{--okraj:polygon(0 9px, 3.5% 4px, 6.3% 15px, 9.9% 2px, 13.4% 15px, 15.9% 7px, 18.1% 15px, 21.4% 17px, 24.5% 4px, 26.9% 4px, 31.2% 16px, 34.1% 0px, 37.8% 2px, 39.9% 18px, 41.7% 0px, 45.9% 8px, 49.0% 12px, 52.9% 13px, 55.8% 18px, 58.8% 4px, 63.2% 3px, 64.9% 15px, 67.2% 13px, 71.3% 9px, 74.3% 12px, 77.7% 17px, 81.2% 18px, 83.5% 10px, 87.3% 0px, 91.6% 5px, 95.5% 10px, 100% 13px, 100% 100%, 0 100%)}
[data-okraj="b"]{--okraj:polygon(0 14px, 2.9% 9px, 7.6% 9px, 9.8% 17px, 13.5% 3px, 18.0% 7px, 20.8% 13px, 23.2% 16px, 27.4% 12px, 29.5% 17px, 31.3% 6px, 33.3% 17px, 36.7% 6px, 39.4% 3px, 43.8% 2px, 46.4% 2px, 49.6% 15px, 53.3% 4px, 57.1% 13px, 61.3% 10px, 62.9% 11px, 66.3% 11px, 68.1% 15px, 70.9% 0px, 75.3% 7px, 77.3% 6px, 81.9% 16px, 86.6% 1px, 89.0% 8px, 91.3% 17px, 94.6% 4px, 97.0% 9px, 100% 9px, 100% 100%, 0 100%)}
[data-okraj="c"]{--okraj:polygon(0 14px, 1.8% 9px, 3.7% 11px, 6.6% 0px, 11.3% 3px, 15.6% 7px, 19.8% 2px, 24.6% 10px, 29.1% 17px, 32.1% 6px, 35.1% 5px, 37.4% 13px, 41.1% 18px, 44.4% 17px, 48.2% 9px, 50.7% 7px, 54.9% 15px, 58.1% 9px, 62.2% 18px, 66.0% 15px, 68.9% 3px, 72.8% 11px, 77.2% 8px, 79.3% 10px, 83.4% 17px, 86.3% 13px, 89.9% 13px, 93.0% 4px, 95.6% 6px, 99.4% 0px, 100% 4px, 100% 100%, 0 100%)}
[data-okraj="d"]{--okraj:polygon(0 12px, 2.7% 5px, 7.1% 12px, 10.6% 9px, 14.0% 12px, 18.3% 18px, 19.9% 7px, 23.6% 0px, 26.6% 4px, 31.4% 10px, 33.5% 18px, 35.3% 18px, 37.0% 9px, 41.3% 6px, 43.2% 11px, 47.1% 4px, 50.5% 0px, 52.5% 4px, 56.3% 5px, 58.1% 10px, 60.4% 0px, 63.9% 5px, 66.9% 1px, 69.5% 4px, 71.4% 2px, 74.3% 15px, 78.7% 7px, 80.3% 4px, 82.2% 12px, 85.2% 8px, 88.5% 0px, 92.2% 10px, 94.3% 2px, 98.2% 3px, 100% 6px, 100% 100%, 0 100%)}
[data-okraj="e"]{--okraj:polygon(0 15px, 2.2% 6px, 4.0% 14px, 6.9% 9px, 11.0% 8px, 15.7% 13px, 18.2% 18px, 20.2% 15px, 22.5% 2px, 25.5% 12px, 29.2% 1px, 31.1% 4px, 33.7% 5px, 38.1% 9px, 40.2% 7px, 44.3% 2px, 46.4% 14px, 48.4% 4px, 52.3% 7px, 54.0% 8px, 57.7% 3px, 60.9% 18px, 63.3% 10px, 66.8% 4px, 69.3% 6px, 72.4% 6px, 75.9% 14px, 79.5% 2px, 81.7% 2px, 84.9% 9px, 87.5% 14px, 90.7% 15px, 92.7% 2px, 94.7% 16px, 97.0% 9px, 98.8% 6px, 100% 5px, 100% 100%, 0 100%)}
[data-okraj="f"]{--okraj:polygon(0 7px, 2.6% 7px, 6.7% 9px, 9.1% 17px, 11.0% 15px, 13.2% 16px, 15.2% 2px, 19.1% 5px, 22.0% 14px, 25.7% 0px, 29.0% 12px, 33.7% 11px, 35.4% 0px, 39.2% 14px, 44.0% 6px, 47.7% 15px, 52.4% 6px, 54.9% 6px, 58.9% 10px, 63.6% 11px, 67.8% 12px, 69.6% 2px, 72.5% 0px, 76.0% 11px, 79.2% 13px, 80.9% 12px, 84.3% 3px, 88.3% 13px, 90.9% 11px, 95.0% 6px, 97.2% 10px, 100% 4px, 100% 100%, 0 100%)}
[data-okraj="g"]{--okraj:polygon(0 10px, 2.0% 15px, 5.4% 14px, 7.9% 2px, 11.1% 16px, 14.3% 14px, 16.3% 8px, 19.2% 0px, 22.1% 17px, 25.1% 17px, 29.8% 5px, 34.2% 8px, 37.6% 6px, 41.7% 2px, 44.8% 11px, 49.2% 4px, 51.6% 6px, 55.9% 8px, 60.5% 1px, 65.1% 7px, 68.3% 13px, 70.2% 2px, 73.8% 6px, 75.9% 4px, 78.9% 15px, 83.1% 17px, 85.5% 9px, 87.7% 13px, 89.7% 13px, 92.5% 1px, 96.2% 2px, 99.0% 5px, 100% 11px, 100% 100%, 0 100%)}
[data-okraj="h"]{--okraj:polygon(0 7px, 3.5% 5px, 6.4% 14px, 10.7% 14px, 13.8% 8px, 16.1% 11px, 20.3% 6px, 25.0% 6px, 27.8% 2px, 31.9% 2px, 36.0% 14px, 39.9% 9px, 42.7% 11px, 45.5% 17px, 48.5% 10px, 50.7% 11px, 54.6% 17px, 58.9% 6px, 63.4% 1px, 66.7% 1px, 71.1% 13px, 73.3% 6px, 75.2% 17px, 78.1% 9px, 81.4% 11px, 85.5% 18px, 89.8% 14px, 93.6% 10px, 96.6% 18px, 100% 7px, 100% 100%, 0 100%)}

/* typography */
.nadpis8-list{
  font-size:clamp(1.9rem, 3.6vw, 3rem);
  max-width:22ch;
  margin-bottom:22px;
  transition:clip-path .4s ease;
  clip-path:inset(0 0 0 0);
}
html[data-js] .nadpis8-list:not([data-videne]){clip-path:inset(0 100% 0 0)}
.nadpisstred9-list{margin-inline:auto;text-align:center}
.nadpisposun1-list{margin-left:clamp(0px, 9vw, 120px)}
.uvodtext3-list{max-width:66ch;color:var(--sivy-text);font-size:1.08rem}
.uvodtextstred4-list{margin-inline:auto;text-align:center}
.podnadpis5-list{font-size:1.32rem;line-height:1.3;margin-bottom:10px}

/* emphasis */
.preskrt1-list{
  background-image:
    linear-gradient(178.6deg, transparent 0 47%, var(--tehla) 47% 56%, transparent 56%),
    linear-gradient(181.2deg, transparent 0 56%, rgba(184,66,46,.55) 56% 60%, transparent 60%);
  background-repeat:no-repeat;
  background-size:100% 100%,100% 100%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background-size .5s ease;
}
[data-tah="caka"] .preskrt1-list{background-size:0% 100%,0% 100%}
.ocakavam8-list{
  font-family:var(--didon);font-style:italic;font-weight:400;
  font-size:clamp(1.6rem, 2.6vw, 2.25rem);line-height:1.3;
  transition:opacity .4s ease .5s;
}
.ocakavam8-list[data-tah="hotovo"]{opacity:.72}

/* hero */
.uvod6-list{
  position:relative;
  background:
    radial-gradient(120% 80% at 10% 0%, var(--levandula) 0%, rgba(207,216,255,.55) 45%, transparent 75%),
    linear-gradient(180deg, #dfe5ff 0%, #eceffd 55%, var(--svetla) 100%);
  padding-top:clamp(28px, 5vh, 64px);
}
.uvodmriezka7-list{
  display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, .75fr);
  gap:clamp(28px, 4vw, 64px);align-items:center;
  min-height:calc(100svh - var(--rezerva) - 150px);
}
.uvodmriezka7-list > *{min-width:0}
.uvodocak9-list{margin:0 0 18px;max-width:30ch}
.skutocne1-list{
  font-size:clamp(2.6rem, 6vw, 5rem);font-weight:700;line-height:1.02;letter-spacing:-.025em;
  max-width:16ch;margin-bottom:22px;
}
.skutocne1-list span{display:block}
.podtext2-list{max-width:52ch;font-size:1.1rem;color:var(--sivy-text);margin-bottom:26px}
.uvodakcie3-list{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.uvodobraz4-list{justify-self:end;width:100%;max-width:440px}
.vstupodpoved5-list{transition:transform .4s ease, opacity .4s ease}
.uvod6-list[data-vstup="caka"] .vstupodpoved5-list{transform:translateY(10px);opacity:.6}

/* media */
.ramec3-list{position:relative;overflow:hidden;border-radius:2px;background:var(--levandula2)}
.ramec3-list img{width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.06)}
.ramec3-list::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:rgba(232,236,255,.3);
  -webkit-backdrop-filter:blur(3px) brightness(1.12) saturate(.55);
  backdrop-filter:blur(3px) brightness(1.12) saturate(.55);
  clip-path:polygon(0 0, 50% 0, 52.5% 6%, 48.5% 12%, 51.5% 19%, 47.5% 26%, 52% 33%, 49% 40%, 53% 47%, 48% 55%, 51% 62%, 47.5% 70%, 52% 77%, 49% 85%, 51.5% 92%, 48% 100%, 0 100%);
  pointer-events:none;
}
.ramec3-list::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(31,29,36,.12);
}
.ramec3-list figcaption{
  position:absolute;z-index:3;left:10px;bottom:10px;
  background:var(--svetla);color:var(--tma);font-size:.82rem;padding:3px 8px;border-radius:2px;
}

/* buttons */
.tlacidlo2-list,.tlacidlotiche3-list{
  position:relative;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:14px 30px;border:0;border-radius:999px;
  font:600 1.02rem/1.2 var(--pismo);color:var(--biela);text-decoration:none;cursor:pointer;
  background:transparent;
  transition:color .2s ease;
}
.tlacidlo2-list::before,.tlacidlotiche3-list::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:var(--tehla);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32), inset 0 0 0 1px rgba(0,0,0,.06);
  transition:transform .25s ease, box-shadow .25s ease, background-color .2s ease;
}
.tlacidlo2-list:hover::before,.tlacidlotiche3-list:hover::before{
  transform:scaleX(1.06);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(0,0,0,.06);
}
.tlacidlo2-list:focus-visible,.tlacidlotiche3-list:focus-visible{
  outline:2px solid var(--tehla);outline-offset:5px;
  box-shadow:0 0 0 2px var(--svetla), 0 0 0 4px var(--tehla);
}
.tlacidlo2-list:active::before{background:var(--tehla-tmava);box-shadow:none;transform:scaleX(1)}
.tlacidlotiche3-list{color:var(--tma);min-height:46px;padding:11px 24px;font-size:.96rem}
.tlacidlotiche3-list::before{background:var(--levandula)}
.tlacidlotiche3-list:active::before{background:#b4c1f5;box-shadow:none;transform:scaleX(1)}
.tlacidlo2-list[disabled]{cursor:progress;opacity:.75}
.textodkaz4-list{
  font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;
  text-decoration-color:var(--tehla);transition:text-decoration-color .2s ease, color .2s ease;
}
.textodkaz4-list:hover{color:var(--tehla-tmava);text-decoration-thickness:2.5px}
.textodkaz4-list:active{color:var(--tma)}
.text7-list a,.uvodtext3-list a,.dvojica5-list a{
  text-decoration-color:var(--tehla);text-decoration-thickness:1.5px;text-underline-offset:3px;
  transition:color .2s ease;
}
.text7-list a:hover,.uvodtext3-list a:hover{color:var(--tehla-tmava)}

/* cards */
.mur4-list{column-count:3;column-gap:22px}
.dvojica5-list{
  display:inline-block;width:100%;break-inside:avoid;margin:0 0 22px;
  background:var(--biela);border:1.5px solid rgba(31,29,36,.12);border-radius:2px;overflow:hidden;
}
.dvojicahore6-list{
  padding:22px 22px 26px;
  background:linear-gradient(170deg, var(--levandula) 0%, var(--levandula2) 100%);
}
.stitok7-list{display:block;font-size:.84rem;font-style:italic;color:var(--sivy-text);margin-bottom:6px}
.stitokdole8-list{display:block;font-size:.84rem;font-weight:600;opacity:.85;margin-bottom:6px}
.odpoved7-list{
  position:relative;
  padding:30px 22px 22px;
  background-color:var(--tehla);color:var(--biela);
  background-image:var(--zrno);background-size:3px 3px,5px 5px,7px 7px;background-position:0 0,1px 2px,3px 1px;
  clip-path:var(--okraj);margin-top:-14px;
  transition:transform .4s ease .35s, opacity .4s ease .35s;
}
.odpoved7-list p:last-child{margin-bottom:0}
html[data-js] .dvojica5-list:not([data-videne]) .odpoved7-list{transform:translateY(16px);opacity:.35}
.dvojicatma9-list .odpoved7-list{background-color:var(--tma)}
.dvojicasvetla1-list .odpoved7-list{
  background:var(--svetla);color:var(--tma);border-top:4px solid var(--tehla);clip-path:none;margin-top:0;
}
.dvojicasiroka2-list{border-width:2px;border-color:var(--tehla)}
.dvojica5-list h3{font-size:1.18rem;margin-bottom:8px}
.velke5-list{
  display:block;font-size:clamp(4rem, 8vw, 5.6rem);font-weight:800;letter-spacing:-.04em;line-height:.95;
  font-variant-numeric:tabular-nums;margin:6px 0 12px;
}
.nezahrna6-list{list-style:none;margin:10px 0 0;padding:12px 0 0;border-top:1px dashed rgba(255,255,255,.45)}
.nezahrna6-list li{padding:3px 0 3px 18px;position:relative;font-size:.95rem}
.nezahrna6-list li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:2px;background:currentColor}

/* lists */
.pruhy7-list{list-style:none;display:grid;gap:14px}
.pruh5-list{
  display:grid;grid-template-columns:minmax(0, 11rem) minmax(0, 1fr);gap:18px;align-items:start;
  padding:18px 0 18px;border-top:3px solid var(--tma);
  transition:transform .35s ease, opacity .35s ease;
}
.pruh5-list:nth-child(2){border-top-color:var(--tehla)}
.pruh5-list:nth-child(4){border-top-width:6px}
.pruhkedy8-list{font-weight:700;font-size:1.04rem}
.pruh5-list p{margin:0}
html[data-js] .pruh5-list:not([data-videne]){transform:translateX(-24px);opacity:0}
.plachta1-list{
  background:var(--tma);color:var(--svetla);
  padding:clamp(36px, 6vw, 72px) 0;
}
.plachtaveta2-list{
  font-size:clamp(1.5rem, 3.4vw, 2.5rem);font-weight:700;line-height:1.18;max-width:24ch;margin:0;
}

/* tables */
.tabulka6-list{width:100%;border-collapse:collapse;font-size:.98rem;background:var(--biela)}
.tabulka6-list caption{text-align:left;font-weight:600;padding:0 0 10px;color:var(--sivy-text)}
.tabulka6-list th,.tabulka6-list td{padding:14px 14px;vertical-align:top;text-align:left;border-bottom:1px solid rgba(31,29,36,.14)}
.tabulka6-list thead th{background:var(--tma);color:var(--svetla);font-size:.92rem;font-weight:600}
.tabulka6-list tbody th{font-weight:700;width:30%}
.tabulka6-list tbody tr{transition:background-color .2s ease}
.tabulka6-list tbody tr:hover{background:#f3f4fe}
.tabulka6-list td:last-child{border-left:4px solid var(--levandula)}
.tabulkaobal7-list{border:2px solid var(--tma);border-radius:2px;overflow:hidden}

/* prices */
.cennik1-list{width:100%;border-collapse:collapse;margin:8px 0 0}
.cennik1-list th,.cennik1-list td{padding:11px 10px;border-bottom:1px solid rgba(31,29,36,.14);text-align:left;vertical-align:top}
.cennik1-list td:last-child{text-align:right;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}
.cennik1-list thead th{font-size:.86rem;font-weight:600;color:var(--sivy-text);border-bottom:2px solid var(--tma)}
.cenaakcent8-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 20px}
.cenaakcent8-list .velke5-list{color:var(--tehla);margin:0}

/* checklist */
.zavisi9-list{list-style:none;counter-reset:none;display:grid;gap:0}
.zavisi9-list li{padding:14px 0 14px 34px;position:relative;border-bottom:1px solid rgba(31,29,36,.12)}
.zavisi9-list li::before{
  content:"";position:absolute;left:0;top:19px;width:18px;height:18px;border:2px solid var(--tehla);border-radius:2px;
  background:linear-gradient(135deg, transparent 45%, var(--tehla) 45% 58%, transparent 58%);
}
.zavisi9-list li:nth-child(3){padding-block:22px}
.siroky1-list{margin:0 0 34px;aspect-ratio:16/9}
.siroky1-list img{aspect-ratio:16/9}

/* steps */
.kroky1-list{list-style:none;counter-reset:krok;display:grid;gap:26px;margin:8px 0 0}
.kroky1-list li{counter-increment:krok;position:relative;padding-left:72px;min-height:52px}
.kroky1-list li::before{
  content:counter(krok);position:absolute;left:0;top:-4px;width:52px;height:52px;display:grid;place-items:center;
  background:var(--tehla);color:var(--biela);font-weight:800;font-size:1.4rem;border-radius:2px;
  clip-path:polygon(0 4px, 30% 0, 62% 5px, 100% 1px, 100% 100%, 0 100%);
}
.kroky1-list h3{font-size:1.2rem;margin-bottom:6px}
.kroky1-list p{margin:0;max-width:62ch}
.autor2-list{
  display:grid;grid-template-columns:auto minmax(0, 1fr);gap:22px;align-items:start;
  background:var(--tma);color:var(--svetla);padding:28px clamp(20px, 4vw, 36px);border-radius:2px;margin-top:46px;
  border-left:8px solid var(--tehla);
}
.monogram3-list{
  width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:var(--levandula);color:var(--tma);font-family:var(--didon);font-style:italic;font-size:1.9rem;
}
.autormeno4-list{font-weight:700;font-size:1.15rem;margin:0}
.autorrola5-list{font-size:.92rem;opacity:.8;margin:0 0 10px}
.autor2-list p:last-child{margin-bottom:0}

/* form */
.formular4-list{
  background:var(--biela);border:2px solid var(--tma);border-radius:2px;
  padding:clamp(20px, 4vw, 40px);
}
.formmriezka1-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px 20px}
.formmriezka1-list > *{min-width:0}
.pole5-list{display:flex;flex-direction:column;gap:6px}
.polecele6-list{grid-column:1 / -1}
.popis6-list{font-weight:600;font-size:.95rem}
.popisvolitelne7-list{font-weight:400;color:var(--sivy-text)}
.vstup8-list{
  width:100%;min-height:48px;padding:11px 13px;
  font:400 1rem/1.4 var(--pismo);color:var(--tma);
  background:var(--svetla);border:1.5px solid #8d8996;border-radius:2px;
  transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
textarea.vstup8-list{min-height:130px;resize:vertical}
.vstup8-list:hover{border-color:var(--tma)}
.vstup8-list:focus-visible{outline:none;border-color:var(--tehla);background:var(--biela);box-shadow:0 0 0 3px rgba(184,66,46,.25)}
.vstup8-list[aria-invalid="true"]{border-color:var(--tehla);background:#fff4f1}
.chyba7-list{color:#9a2f1d;font-size:.88rem;font-weight:600;min-height:0}
.chyba7-list:empty{display:none}
.suhlas9-list{display:flex;gap:12px;align-items:flex-start;font-size:.95rem}
.suhlas9-list input{width:20px;height:20px;margin-top:3px;accent-color:var(--tehla);flex:0 0 auto}
.suhrn8-list{
  border-left:5px solid var(--tehla);background:#fff4f1;padding:12px 16px;font-weight:600;color:#7f2617;
}
.suhrn8-list:empty{display:none}
.formpata2-list{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:24px}
.formpozn3-list{font-size:.9rem;color:var(--sivy-text);margin:0;max-width:52ch}
.formkontakt9-list{margin-top:22px;font-size:.98rem}

/* pages */
.hlavicka6-list{
  background:
    radial-gradient(90% 120% at 0% 0%, var(--levandula) 0%, transparent 70%),
    linear-gradient(180deg, #e2e7ff, var(--svetla));
  padding-top:clamp(30px, 6vw, 64px);
}
.hlavicka6-list h1{font-size:clamp(2.2rem, 5vw, 3.8rem);max-width:18ch;margin-bottom:16px}
.hlavicka6-list .zona3-list{margin-top:44px;padding:30px 0 22px}
.omrvinky8-list{font-size:.88rem;margin-bottom:18px;color:var(--sivy-text)}
.omrvinky8-list ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}
.omrvinky8-list li+li::before{content:"/";margin-right:8px;color:var(--tehla)}
.omrvinky8-list a{text-decoration:underline;text-underline-offset:3px}
.text7-list{padding:clamp(40px, 7vw, 80px) 0}
.text7-list .stlpec4-list > *{max-width:68ch}
.text7-list h2{font-size:clamp(1.6rem, 3vw, 2.2rem);margin:44px 0 14px}
.text7-list h3{font-size:1.2rem;margin:28px 0 8px}
.text7-list ul,.text7-list ol{padding-left:1.3em;margin:0 0 1.2em}
.text7-list li{margin-bottom:.4em}
.otazka9-list{
  font-style:italic;font-weight:600;font-size:clamp(1.2rem, 2.2vw, 1.4rem);margin:40px 0 10px;
}
.text7-list .otazka9-list{font-size:clamp(1.2rem, 2.2vw, 1.4rem);margin:40px 0 10px}
.poznamka4-list{
  background:var(--levandula2);border-left:6px solid var(--tehla);padding:18px 20px;margin:24px 0;border-radius:2px;
}
.poznamka4-list p:last-child{margin-bottom:0}
.kontakt3-list{list-style:none!important;padding:0!important;display:grid;gap:0}
.kontakt3-list li{display:grid;grid-template-columns:minmax(0, 9rem) minmax(0, 1fr);gap:12px;padding:12px 0;border-bottom:1px solid rgba(31,29,36,.14);margin:0}
.kontakt3-list li > span:first-child{font-weight:600;color:var(--sivy-text)}
.dvojstlpec2-list{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr);gap:clamp(28px, 5vw, 64px);align-items:start}
.dvojstlpec2-list > *{min-width:0}
.rozcestnik3-list{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 220px), 1fr));gap:14px}
.rozcestnik3-list a{
  display:block;padding:18px 18px;background:var(--biela);border:1.5px solid rgba(31,29,36,.18);border-radius:2px;
  text-decoration:none;font-weight:600;transition:border-color .2s ease, transform .2s ease, background-color .2s ease;
}
.rozcestnik3-list a:hover{border-color:var(--tehla);transform:translateY(-2px);background:#fffaf8}
.rozcestnik3-list a:active{transform:translateY(0)}
.rozcestnik3-list span{display:block;font-weight:400;font-size:.92rem;color:var(--sivy-text);margin-top:4px}
.obrovske4-list{font-size:clamp(5rem, 16vw, 10rem);font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--tehla);margin:0 0 10px}

/* footer */
.patka2-list{
  background-color:var(--tma);color:#e9e6ef;
  background-image:var(--zrno);background-size:3px 3px,5px 5px,7px 7px;background-position:0 0,1px 2px,3px 1px;
  clip-path:var(--okraj);margin-top:-1px;padding:64px 0 30px;font-size:.96rem;
}
.patkamriezka3-list{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);gap:32px}
.patkamriezka3-list > *{min-width:0}
.vlastnik3-list{font-weight:600;color:var(--biela);margin-bottom:10px}
.patka2-list h2{font-size:1rem;font-weight:700;margin:0 0 12px;color:var(--levandula);letter-spacing:0}
.patkazoznam4-list{list-style:none;display:grid;gap:6px}
.patka2-list a{text-decoration:none;transition:color .2s ease}
.patka2-list a:hover{color:var(--levandula);text-decoration:underline;text-underline-offset:3px}
.patka2-list a:active{color:var(--biela)}
.patkaspodok5-list{margin-top:36px;padding-top:18px;border-top:1px solid rgba(207,216,255,.22);font-size:.88rem;opacity:.85}


/* cookie */
.susienky4-list{
  position:fixed;right:16px;bottom:16px;z-index:50;max-width:380px;width:calc(100% - 32px);
  background:var(--svetla);color:var(--tma);border:2px solid var(--tma);border-radius:2px;
  padding:16px 18px;font-size:.92rem;line-height:1.5;
}
.susienky4-list[hidden]{display:none}
.susienky4-list p{margin:0 0 12px}
.susienkytl5-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.susienkytl5-list button{
  min-height:44px;font:600 .94rem var(--pismo);border-radius:999px;cursor:pointer;
  border:2px solid var(--tma);background:var(--svetla);color:var(--tma);
  transition:background-color .2s ease, color .2s ease;
}
.susienkytl5-list button:hover{background:var(--tma);color:var(--svetla)}
.susienkytl5-list button:active{background:var(--tehla);border-color:var(--tehla);color:var(--biela)}

/* media extra */
.ramec3-list{margin:0}
.vysoky3-list{aspect-ratio:3/4}
.nizky4-list{aspect-ratio:4/3}
.uvod6-list > .zona3-list{margin-top:clamp(28px, 5vh, 56px)}
.zona3-list a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}
.zona3-list a:hover{text-decoration-thickness:3px}
.odpoved7-list a{color:inherit;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.85)}
.odpoved7-list a:hover{text-decoration-thickness:2.5px}
.dvojicasvetla1-list .odpoved7-list a{text-decoration-color:var(--tehla)}

/* breakpoints */
@media (max-width:1280px){
  .sirka5-list{width:min(1120px, 100% - 40px)}
}
@media (max-width:1100px){
  .uvodmriezka7-list{grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr)}
  .patkamriezka3-list{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}
  .patkamriezka3-list > :first-child{grid-column:1 / -1}
}
@media (max-width:900px){
  .mur4-list{column-count:2}
  .uvodmriezka7-list{min-height:0;padding-bottom:12px}
  .dvojstlpec2-list{grid-template-columns:minmax(0, 1fr)}
  .nadpisposun1-list{margin-left:0}
}
@media (max-width:768px){
  .uvodmriezka7-list{grid-template-columns:minmax(0, 1fr)}
  .uvodobraz4-list{justify-self:start;max-width:380px}
  .tabulka6-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabulka6-list tr{display:block;border-bottom:2px solid var(--tma)}
  .tabulka6-list th,.tabulka6-list td{display:block;width:auto!important;border-bottom:0}
  .tabulka6-list tbody th{background:var(--levandula2)}
  .tabulka6-list td::before{content:attr(data-stlpec);display:block;font-size:.84rem;font-weight:600;color:var(--sivy-text);margin-bottom:2px}
  .tabulka6-list td:last-child{border-left:0;border-top:3px solid var(--levandula)}
  .pruh5-list{grid-template-columns:minmax(0, 1fr);gap:6px}
}
@media (max-width:640px){
  :root{--rezerva:68px}
  .mur4-list{column-count:1}
  .formmriezka1-list{grid-template-columns:minmax(0, 1fr)}
  .patkamriezka3-list{grid-template-columns:minmax(0, 1fr)}
  .stuhapas4-list{top:8px;height:46px;padding:0 calc(3% + 14px);gap:12px}
  .stuha2-list[data-rovno] .stuhapas4-list{transform:translateY(-8px) rotate(0deg)}
  .navigacia5-list{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, #000 85%, transparent);mask-image:linear-gradient(90deg, #000 85%, transparent)}
  .navigacia5-list::-webkit-scrollbar{display:none}
  .polozky7-list{gap:0 16px;padding-right:24px}
  .znacka6-list{font-size:1rem}
  .autor2-list{grid-template-columns:minmax(0, 1fr)}
  .kontakt3-list li{grid-template-columns:minmax(0, 1fr);gap:2px}
  .kroky1-list li{padding-left:64px}
}
@media (max-width:480px){
  body{font-size:1rem}
  .stlpec4-list,.sirka5-list{width:calc(100% - 32px)}
  .dvojicahore6-list{padding:18px 16px 22px}
  .odpoved7-list{padding:28px 16px 18px}
  .susienky4-list{right:8px;bottom:8px;width:calc(100% - 16px);padding:12px 14px;font-size:.84rem;line-height:1.4}
  .susienky4-list p{margin-bottom:8px}
  .susienkytl5-list button{min-height:40px}
  .cennik1-list th,.cennik1-list td{padding:10px 6px}
  .zona3-list{padding:38px 0 26px}
}
@media (max-height:640px) and (min-width:769px){
  .uvodmriezka7-list{min-height:0}
  .uvodobraz4-list{max-width:330px}
  .skutocne1-list{font-size:clamp(2.6rem, 5vw, 4.2rem)}
}

/* motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  html[data-js] .zona3-list:not([data-videne])::after{transform:translateY(101%)}
  html[data-js] .nadpis8-list:not([data-videne]){clip-path:none}
  html[data-js] .pruh5-list:not([data-videne]){transform:none;opacity:1}
  html[data-js] .dvojica5-list:not([data-videne]) .odpoved7-list{transform:none;opacity:1}
  [data-tah="caka"] .preskrt1-list{background-size:100% 100%,100% 100%}
  .tlacidlo2-list:hover::before,.tlacidlotiche3-list:hover::before{transform:none}
}

/* print */
@media print{
  .stuhaokno3-list,.susienky4-list,.formular4-list{display:none}
  .zona3-list::after{display:none}
}