/* ¤¤¤ ============================================================ ¤¤¤ */
/* ¤¤¤ ==================   KOMINICTVÍ NOVOTNÝ   ================== ¤¤¤ */
/* ¤¤¤ ============================================================ ¤¤¤ */
/* ¤¤¤ Saze, kment (bílá kukla), mosaz (zlatá šňůra), razítková modř jen na papíru ¤¤¤ */

@font-face{font-family:'Sofia Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/sofia-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sofia Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/sofia-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/sofia-sans-extra-condensed-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/sofia-sans-extra-condensed-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --saze:#181614;
  --komin:#221F1C;
  --linka:#3A3530;
  --linka-2:#2E2A26;
  --kment:#EEE8DD;
  --kment-2:#D4CCBF;
  --popel:#ABA398;
  --mosaz:#C9A24E;
  --mosaz-svetla:#DDB862;
  --inkoust:#3B4A8C;
  --tus:#2A2622;
  --papir-linka:#D2C9BA;
  --hlavicka-v:80px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hlavicka-v) + 12px)}
body{margin:0;background:var(--saze);color:var(--kment);font-family:'Sofia Sans',system-ui,sans-serif;font-size:19px;line-height:1.6;font-weight:450;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.zamceno{overflow:hidden}
img,video,svg{display:block;max-width:100%}
a{color:var(--kment);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--mosaz)}
h1,h2,h3,p{margin:0}
button{font:inherit}
[hidden]{display:none !important}
.obal{max-width:1240px;margin:0 auto;padding-inline:40px}
.uzke{font-family:'Sofia Sans Extra Condensed','Sofia Sans',sans-serif;font-weight:850;letter-spacing:-0.005em}
.cisla{font-variant-numeric:tabular-nums lining-nums}
.h2{font-size:60px;line-height:0.95;text-wrap:balance}
.uvod{max-width:56ch;color:var(--kment-2)}
.tlumene{color:var(--kment-2)}
.drobne{font-size:15px}
.velky-text{font-size:21px;line-height:1.55;font-weight:500;max-width:54ch}
.sloupec{display:flex;flex-direction:column;gap:48px}
.sloupec-text{display:flex;flex-direction:column;gap:22px}
.hlava-sekce{display:flex;flex-direction:column;gap:20px}
.sekce{padding:120px 0}
.sekce-tmavsi{background:var(--komin)}
.sekce-bez-horni{padding-top:0}
.dva{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}

.preskocit{position:absolute;left:16px;top:-60px;z-index:100;background:var(--mosaz);color:var(--saze);padding:10px 16px;border-radius:8px;font-weight:700}
.preskocit:focus{top:12px}

/* ¤¤¤ Tlačítka ¤¤¤ */
.tl{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:999px;font-weight:750;font-size:18px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .15s,color .15s,transform .15s}
.tl:active{transform:translateY(1px)}
.tl-male{min-height:46px;font-size:16px;padding:0 20px}
.tl-mosaz{background:var(--mosaz);color:var(--saze)}
.tl-mosaz:hover{background:var(--mosaz-svetla);color:var(--saze)}
.tl-obrys{background:transparent;color:var(--kment);border-color:var(--kment)}
.tl-obrys:hover{background:var(--kment);color:var(--saze)}
.tl-inkoust{background:var(--tus);color:var(--kment)}
.tl-inkoust:hover{background:var(--inkoust);color:var(--kment)}
.tl[disabled]{opacity:.6;cursor:progress}
:focus-visible{outline:3px solid var(--mosaz);outline-offset:3px}
.papir :focus-visible{outline-color:var(--inkoust)}

/* ¤¤¤ Hlavička ¤¤¤ */
.hlavicka{position:sticky;top:0;z-index:30;background:var(--saze);border-bottom:2px solid var(--linka-2);transition:box-shadow .2s}
.hlavicka.posunuto{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hlavicka-radek{display:flex;align-items:center;gap:32px;height:var(--hlavicka-v)}
.znacka{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--kment)}
.znacka-pecet{width:50px;height:50px;border-radius:50%;background:var(--kment);display:grid;place-items:center;flex:none}
.znacka-pecet img{width:46px;height:46px}
.znacka-pecet-velka{width:64px;height:64px}
.znacka-pecet-velka img{width:60px;height:60px}
.znacka-nazev{font-size:30px;line-height:1}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:16px;padding:10px 2px}
.hlavicka-tel{font-size:30px;color:var(--mosaz);text-decoration:none;margin-left:8px}
.hlavicka-tel:hover{color:var(--mosaz-svetla)}

/* ¤¤¤ Hero ¤¤¤ */
.hero{position:relative;min-height:min(820px,calc(100svh - var(--hlavicka-v)));overflow:hidden;background:var(--tus);display:flex}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 45%}
.hero-clona{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,22,20,.30) 0%,rgba(24,22,20,0) 22%,rgba(24,22,20,.10) 42%,rgba(24,22,20,.86) 78%,var(--saze) 100%)}
.hero-obsah{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:26px;padding-top:120px;padding-bottom:56px}
.hero-nadpis{font-size:clamp(54px,7.4vw,108px);line-height:.9;font-weight:900;overflow:hidden;padding-bottom:.04em}
.hero-nadpis span{display:inline-block}
.hero-text{max-width:46ch;font-size:21px;line-height:1.5;font-weight:500}
.hero-akce{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-stav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:16px;color:var(--kment-2);font-weight:500}
.tecka{width:10px;height:10px;border-radius:50%;background:var(--popel);flex:none}
.tecka.zapnuto{background:#7CC47F;box-shadow:0 0 0 4px rgba(124,196,127,.18)}

/* ¤¤¤ Úvodní sekvence: jen jednou po načtení ¤¤¤ */
@keyframes vyjet{from{transform:translateY(105%)}to{transform:none}}
@keyframes objevit{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.js .hero-nadpis span{animation:vyjet .9s cubic-bezier(.2,.8,.2,1) .15s both}
.js .hero-text{animation:objevit .7s ease .55s both}
.js .hero-akce{animation:objevit .7s ease .7s both}
.js .hero-stav{animation:objevit .7s ease .85s both}

/* ¤¤¤ Proč neodkládat ¤¤¤ */
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.duvod{border-top:4px solid var(--mosaz);padding-top:24px;display:flex;flex-direction:column;gap:12px}
.duvod h3{font-size:40px;line-height:1}
.duvod p{color:var(--kment-2)}

/* ¤¤¤ Lhůty ¤¤¤ */
.lhuty{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}
.lhuty-volby{display:flex;flex-direction:column;gap:26px}
.skupina{border:0;margin:0;padding:0}
.skupina legend{font-weight:700;font-size:16px;margin-bottom:12px;padding:0}
.cipy{display:flex;flex-wrap:wrap;gap:10px}
.cip{font-size:17px;font-weight:650;min-height:48px;padding:0 20px;border-radius:999px;border:2px solid #4A443D;background:transparent;color:var(--kment);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.cip:hover{border-color:var(--mosaz)}
.cip[aria-pressed="true"]{background:var(--mosaz);border-color:var(--mosaz);color:var(--saze)}
.vysledek{background:var(--saze);border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:28px;border:2px solid var(--linka)}
.vysledek-cisla{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.vysledek-stitek{font-weight:700;color:var(--kment-2);margin-bottom:4px}
.vysledek-hodnota{font-size:72px;line-height:.95;color:var(--mosaz);overflow:hidden;white-space:nowrap}
.vysledek-hodnota.zmena{animation:prepnout .35s cubic-bezier(.2,.8,.2,1)}
@keyframes prepnout{from{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}
.vysledek-poznamky{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;color:var(--kment-2);font-size:17px}

/* ¤¤¤ Ceník ¤¤¤ */
.radek-cena{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding:32px 0;border-top:2px solid var(--linka);align-items:center}
.radek-cena:first-child{border-top:4px solid var(--kment)}
.radek-cena:last-child{border-bottom:2px solid var(--linka)}
.radek-cena h3{font-size:26px;font-weight:750;margin-bottom:6px}
.radek-cena p{color:var(--kment-2);font-size:17px}
.radek-cena .castka{text-align:right;font-size:64px;line-height:1;color:var(--mosaz)}
.radek-cena .castka-slovy{font-size:44px}

/* ¤¤¤ Papír (zpráva, příprava, formulář) ¤¤¤ */
.papir{background:var(--kment);color:var(--tus)}
.papir a{color:var(--inkoust)}
.papir a:hover{color:var(--tus)}
.box{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--tus);flex:none}

/* ¤¤¤ Zpráva ¤¤¤ */
.zprava-mrizka{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.zprava{position:relative;margin:0;border-radius:6px;padding:44px 44px 40px;box-shadow:0 2px 0 #CFC5B5,0 40px 80px rgba(0,0,0,.5);transform:rotate(-1.2deg)}
.zprava-ukazka{font-size:14px;font-weight:700;color:#5F584F;margin-bottom:4px}
.zprava-nadpis{font-size:34px;line-height:1;margin-bottom:22px}
.zprava-radky{margin:0}
.zprava-radky div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:9px 0;border-bottom:1px solid var(--papir-linka);font-size:15px;line-height:1.45}
.zprava-radky dt{color:#5F584F;font-weight:600}
.zprava-radky dd{margin:0}
.zprava-zaver-nadpis{margin:22px 0 10px;font-size:15px;font-weight:700;color:#5F584F}
.zprava-zaver{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;font-weight:700;letter-spacing:.02em}
.zprava-zaver li{display:flex;gap:12px;align-items:center}
.krizek{width:16px;height:16px;fill:none;stroke:var(--inkoust);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:0}
.zprava-pata{display:flex;justify-content:space-between;align-items:flex-end;margin-top:30px;gap:20px}
.podpis{flex:1;max-width:220px}
.podpis-tah{width:190px;height:46px;fill:none;stroke:var(--inkoust);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:0}
.podpis span{display:block;border-top:1.5px solid var(--tus);padding-top:4px;font-size:13px;color:#5F584F;font-weight:600}
.razitko{width:150px;height:150px;color:var(--inkoust);transform:rotate(-9deg);margin:0 -6px -10px 0;opacity:.86;mix-blend-mode:multiply;font-family:'Sofia Sans',sans-serif}
.zavery{margin:0;display:flex;flex-direction:column;gap:18px}
.zavery dt{font-weight:800;font-size:20px}
.zavery dd{margin:2px 0 0;color:var(--kment-2)}
/* ¤¤¤ Otisk razítka, jednou když se zpráva objeví ¤¤¤ */
.js .zprava:not(.otisknuto) .razitko{opacity:0;transform:scale(1.6) rotate(-16deg)}
.js .zprava:not(.otisknuto) .krizek{stroke-dashoffset:40}
.js .zprava:not(.otisknuto) .podpis-tah{stroke-dashoffset:420}
.zprava.otisknuto .podpis-tah{transition:stroke-dashoffset .9s ease .1s}
.zprava.otisknuto .krizek{transition:stroke-dashoffset .3s ease 1s}
.zprava.otisknuto .razitko{animation:otisk .34s cubic-bezier(.2,.9,.3,1.25) 1.25s both}
@keyframes otisk{0%{opacity:0;transform:scale(1.6) rotate(-16deg)}60%{opacity:.95;transform:scale(.95) rotate(-8deg)}100%{opacity:.86;transform:scale(1) rotate(-9deg)}}

/* ¤¤¤ Před a po ¤¤¤ */
.galerie-mrizka{grid-template-columns:minmax(0,1fr) 400px}
.porovnani{display:flex;flex-direction:column;align-items:center;gap:22px}
.kruh{position:relative;width:600px;max-width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:18px solid #4A453F;box-shadow:inset 0 0 0 3px #6E685F,0 0 0 2px var(--linka-2),0 40px 90px rgba(0,0,0,.6);background:#000;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;--rez:50%}
.kruh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
#fotoPred{clip-path:inset(0 calc(100% - var(--rez)) 0 0)}
.kruh-predel{position:absolute;top:0;bottom:0;left:var(--rez);width:4px;margin-left:-2px;background:var(--mosaz)}
.kruh-predel span{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--mosaz);box-shadow:0 0 0 6px var(--saze)}
.kruh-stitek{position:absolute;top:22%;font-weight:800;font-size:15px;padding:6px 14px;border-radius:999px}
.kruh-stitek-pred{left:14%;background:var(--saze);color:var(--kment)}
.kruh-stitek-po{right:14%;background:var(--kment);color:var(--saze)}
.posuvnik{-webkit-appearance:none;appearance:none;width:520px;max-width:100%;height:48px;background:transparent;cursor:ew-resize;margin:0}
.posuvnik::-webkit-slider-runnable-track{height:6px;background:var(--linka);border-radius:3px}
.posuvnik::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;margin-top:-13px;border-radius:50%;background:var(--mosaz);border:6px solid var(--saze);box-shadow:0 0 0 2px var(--mosaz)}
.posuvnik::-moz-range-track{height:6px;background:var(--linka);border-radius:3px}
.posuvnik::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--mosaz);border:6px solid var(--saze)}
.zakazky{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.zakazka{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;width:100%;text-align:left;background:transparent;color:var(--kment);border:2px solid var(--linka);border-radius:18px;padding:10px 16px 10px 10px;font-size:17px;cursor:pointer;transition:border-color .15s}
.zakazka:hover{border-color:#8A8379}
.zakazka[aria-pressed="true"]{border-color:var(--mosaz)}
.zakazka img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.zakazka strong{display:block;font-weight:750}
.zakazka small{color:var(--popel);font-size:15px}

/* ¤¤¤ Šimon ¤¤¤ */
.simon-mrizka{grid-template-columns:460px minmax(0,1fr)}
.simon-foto{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px}
.knoflik-radek{display:flex;gap:14px;align-items:center;font-weight:600}
.knoflik{flex:none;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}
.knoflik svg{width:44px;height:44px;transition:transform .25s}
.knoflik circle:first-child{fill:#B9BBBE;stroke:#8D9095;stroke-width:2}
.knoflik .dirka{fill:#55585D}
.knoflik:hover svg{transform:rotate(25deg)}
.knoflik.chycen svg{animation:stesti .6s ease}
@keyframes stesti{0%{transform:scale(1) rotate(0)}40%{transform:scale(.86) rotate(90deg)}100%{transform:scale(1) rotate(180deg)}}

/* ¤¤¤ Postup a příprava ¤¤¤ */
.kroky{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.kroky li{display:flex;flex-direction:column;gap:12px}
.krok-cislo{font-size:88px;line-height:.8;color:var(--mosaz)}
.kroky h3{font-size:22px;font-weight:750}
.kroky p{color:var(--kment-2);font-size:17px}
.priprava{border-radius:24px;padding:40px 44px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px}
.priprava h3{font-size:48px;line-height:.95}
.priprava ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;font-size:18px;font-weight:500}
.priprava li{display:flex;gap:12px}
.priprava .box{margin-top:5px}

/* ¤¤¤ Revize, oblast, otázky ¤¤¤ */
.revize-mrizka{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}
.seznam-revize{margin:0;padding:0;list-style:none}
.seznam-revize li{padding:18px 0;border-top:2px solid var(--linka);font-size:20px;font-weight:600}
.seznam-revize li:last-child{border-bottom:2px solid var(--linka)}
.mesta{font-size:60px;line-height:1.08;font-weight:800;max-width:32ch}
.otazky{max-width:900px}
details{border-top:2px solid var(--linka)}
details:last-of-type{border-bottom:2px solid var(--linka)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-weight:700;font-size:21px}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--mosaz)}
.znak{flex:none;position:relative;width:32px;height:32px;border-radius:50%;border:2px solid var(--mosaz);transition:transform .25s}
.znak::before,.znak::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.4px;margin:-1.2px 0 0 -6px;background:var(--mosaz);border-radius:2px}
.znak::after{transform:rotate(90deg)}
details[open] .znak{transform:rotate(45deg)}
details p{margin:0 0 24px;color:var(--kment-2);max-width:62ch}
details[open] p{animation:objevit .3s ease}

/* ¤¤¤ Objednávka ¤¤¤ */
.objednavka-mrizka{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:64px}
.formular{position:relative;border-radius:24px;padding:48px;display:flex;flex-direction:column;gap:24px}
.formular-hlava{display:flex;flex-direction:column;gap:10px}
.formular-hlava p{color:#4A443D;max-width:52ch}
.sluzby{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sluzby legend{font-weight:700;font-size:16px;margin-bottom:10px;padding:0}
.volba{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid #CFC5B5;border-radius:12px;background:#F7F3EC;cursor:pointer;font-size:17px;font-weight:600;transition:border-color .15s}
.volba:hover,.volba:has(input:checked){border-color:var(--tus)}
.volba input{width:22px;height:22px;accent-color:var(--tus);margin:0;flex:none}
.volba .cena{margin-left:auto;color:#5F584F;font-weight:500;font-size:16px;white-space:nowrap}
.dvojice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pole{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:700}
.pole input,.pole textarea,.pole select{font:inherit;font-weight:450;font-size:18px;color:var(--tus);background:#F7F3EC;border:0;border-bottom:2px solid var(--tus);border-radius:6px 6px 0 0;padding:12px 14px;min-height:52px;width:100%}
.pole input::placeholder,.pole textarea::placeholder{color:#7A7267}
.pole textarea{min-height:110px;resize:vertical}
.pole input:focus-visible,.pole textarea:focus-visible,.pole select:focus-visible{outline:none;border-bottom-color:var(--inkoust);box-shadow:0 2px 0 var(--inkoust)}
.pole.chyba input,.pole.chyba textarea{border-bottom-color:#A3452A;box-shadow:0 2px 0 #A3452A}
.formular-akce{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.formular-akce .drobne{color:#4A443D}
.formular-chyba{font-weight:700;color:#8E2F1C}
.past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.prijato{display:flex;gap:18px;align-items:center;border-top:2px solid #CFC5B5;padding-top:20px;font-weight:700}
.razitko-prijato{width:96px;height:96px;flex:none;color:var(--inkoust);mix-blend-mode:multiply;font-family:'Sofia Sans Extra Condensed',sans-serif;animation:otisk .34s cubic-bezier(.2,.9,.3,1.25) both}
.kontakt{display:flex;flex-direction:column;gap:32px;padding-top:12px}
.kontakt-tel{display:flex;flex-direction:column;gap:8px}
.kontakt-tel p{color:var(--kment-2)}
.velke-cislo{font-size:60px;line-height:1;color:var(--mosaz);text-decoration:none}
.velke-cislo:hover{color:var(--mosaz-svetla)}
.kontakt-odkazy{display:flex;gap:18px;flex-wrap:wrap;font-size:17px}
.kontakt h3{font-size:20px;font-weight:750;margin-bottom:8px}
.den{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--linka);font-size:17px}
.den.dnes{color:var(--mosaz);font-weight:750}
.kontakt .drobne{margin-top:12px;font-size:16px;color:var(--popel)}
.adresa{font-size:17px;color:var(--kment-2)}

/* ¤¤¤ Patička ¤¤¤ */
.paticka{padding:56px 0 40px;border-top:2px solid var(--linka-2)}
.paticka-radek{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:center}
.paticka-odkazy{display:flex;flex-wrap:wrap;gap:24px;font-size:16px;color:var(--popel)}
.paticka-odkazy a{color:var(--popel)}
.paticka-odkazy a:hover{color:var(--mosaz)}
.paticka-spodek{margin-top:32px;font-size:14px;color:#8A8379;display:flex;justify-content:space-between;align-items:center}
.sprava-tlacitko{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#5A544C;cursor:pointer;border-radius:50%}
.sprava-tlacitko:hover{color:var(--popel)}

/* ¤¤¤ Správa galerie ¤¤¤ */
.sprava{width:min(640px,calc(100vw - 32px));border:0;border-radius:24px;padding:36px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.sprava::backdrop{background:rgba(24,22,20,.75)}
.sprava form,.sprava #spravaHeslo{display:flex;flex-direction:column;gap:18px}
.sprava-hlava{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.sprava-hlava h2{font-size:40px;line-height:1}
.zavrit{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--tus);cursor:pointer;border-radius:50%}
.zavrit:hover{background:#E2DACD}
.foto-vyber img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}

/* ¤¤¤ Lišta na telefonu ¤¤¤ */
.mobil-lista{display:none}

/* ¤¤¤ ============================================================ ¤¤¤ */
/* ¤¤¤ ======================   RESPONZIVITA   ===================== ¤¤¤ */
/* ¤¤¤ ============================================================ ¤¤¤ */

@media (max-width:1040px){
  .dva,.lhuty,.zprava-mrizka,.galerie-mrizka,.simon-mrizka,.revize-mrizka,.objednavka-mrizka,.priprava{grid-template-columns:minmax(0,1fr)}
  .nav{display:none}
  .tri{grid-template-columns:minmax(0,1fr)}
  .kroky{grid-template-columns:repeat(2,minmax(0,1fr))}
  .simon-foto{max-width:460px}
  .hlavicka-tel{margin-left:auto}
}
@media (max-width:640px){
  :root{--hlavicka-v:68px}
  body{font-size:18px}
  .obal{padding-inline:20px}
  .znacka-nazev{font-size:26px}
  .znacka-pecet{width:44px;height:44px}
  .znacka-pecet img{width:40px;height:40px}
  .hlavicka-tel,.hlavicka-radek>.tl{display:none}
  .hero{min-height:calc(100svh - var(--hlavicka-v))}
  .hero-video{object-position:54% 40%}
  .hero-obsah{padding-bottom:36px;gap:20px}
  .hero-text{font-size:19px}
  .hero-akce .tl{width:100%}
  .h2{font-size:44px}
  .sekce{padding:72px 0}
  .sekce-bez-horni{padding-top:0}
  .duvod h3{font-size:34px}
  .vysledek{padding:28px}
  .vysledek-hodnota{font-size:56px}
  .radek-cena{grid-template-columns:minmax(0,1fr);gap:8px}
  .radek-cena .castka{text-align:left;font-size:52px}
  .radek-cena .castka-slovy{font-size:38px}
  .zprava{padding:24px;transform:none}
  .zprava-radky div{grid-template-columns:minmax(0,1fr);gap:2px}
  .zprava-nadpis{font-size:28px}
  .razitko{width:120px;height:120px}
  .kroky{grid-template-columns:minmax(0,1fr);gap:28px}
  .krok-cislo{font-size:64px}
  .priprava{padding:28px 24px;gap:20px}
  .priprava ul{grid-template-columns:minmax(0,1fr)}
  .priprava h3{font-size:40px}
  .mesta{font-size:38px}
  .formular{padding:24px}
  .dvojice{grid-template-columns:minmax(0,1fr)}
  .velke-cislo{font-size:52px}
  summary{font-size:19px}
  .kruh{border-width:12px}
  .mobil-lista{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--saze);border-top:2px solid var(--linka);transform:translateY(110%);transition:transform .25s ease}
  .mobil-lista.videt{transform:none}
  .mobil-lista .tl{flex:1;min-height:52px}
  .paticka{padding-bottom:110px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js .zprava:not(.otisknuto) .razitko{opacity:.86;transform:rotate(-9deg)}
  .js .zprava:not(.otisknuto) .krizek,.js .zprava:not(.otisknuto) .podpis-tah{stroke-dashoffset:0}
}