/* MEBLI DIM KUZMENKO — mebli.co.ua. Стилі всього сайту, три мови.
   Збирається інструментом `tools/styl_z_maketa.py`: руками НЕ правити,
   інакше наступний прогін затре правку. Правити треба або джерело
   (живий CSS сайту, задача №2356), або шкіру макета 8 у самому
   інструменті — і прогнати його знову.

   Складові: структура й адаптив — живий CSS; колір, типографіка й
   кілька прийомів (волосина під заголовком, паспарту навколо фото,
   темний підвал як єдиний контраст) — преміум-макет 8.

   Шрифтів ДВА файли, обидва свої (`tools/shryfty.py`): інші накреслення
   не додавати не порахувавши вагу — межа §28.9 «≤100 КБ / ≤2 WOFF2».

   У цьому файлі НЕМА коментарів навмисно: інструмент вирізає їх зі збірки.
   Вони важили 24 КБ із 60 і їхали до кожного відвідувача перед першим
   малюванням. Чому кожне правило таке — написано в джерелі: живий CSS
   (структура, адаптив) і рядок SHKIRA в `tools/styl_z_maketa.py` (колір,
   типографіка, шапка, відступи). Читати треба там. */

@font-face{font-family:'Inter';
src:url('/_s/shryfty/inter.woff2') format('woff2');
font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';
src:url('/_s/shryfty/playfair.woff2') format('woff2');
font-weight:700;font-style:normal;font-display:swap}
:root{
--fon:#FBF6EF;--fon-vtor:#F3EADE;--fon-shapky:rgba(251,246,239,.9);
--fon-vikna:#FFFFFF;--fon-polya:#FFFFFF;--fon-menyu:#231A14;
--tekst:#231A14;--tyhe:#6B5A4E;
--akcent:#AF4321;--akcent-temn:#8C3317;--na-akcenti:#FFF8F3;
--ramka:rgba(35,26,20,.14);--ramka-syl:rgba(175,67,33,.70);
--zatemnennya:rgba(35,26,20,.62);
--temne:#231A14;--na-temnomu:#F6EFE6;--tyhe-na-temnomu:#BCA897;
--akcent-na-temnomu:#E2A184;
--bida:#93100D;
--radius-kartky:4px;--radius-kn:999px;--radius-vikna:8px;--radius-polya:4px;
--shryft:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;
--shryft-zag:'Playfair Display',Georgia,"Times New Roman",serif;
--vaga-zag:700;
--tlo:#FBF6EF;
--bezh:var(--fon-vtor);--temnyj:var(--temne);--svitlyj:var(--na-temnomu);
--synij:var(--akcent-temn);--zhovtyj:var(--akcent);
--zhovtyj-tekst:var(--akcent-temn);--pidval:var(--temne)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;font-family:var(--shryft,system-ui,"Segoe UI",Roboto,sans-serif);color:var(--tekst);background:var(--fon);line-height:1.6;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0 0 .5em;line-height:1.15;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
:focus-visible{outline:3px solid var(--zhovtyj);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
body{font-size:17px}
h1,h2,h3{text-transform:uppercase;letter-spacing:.01em;line-height:1.08;overflow-wrap:break-word}
h1{font-size:clamp(1.9rem,.9rem + 3vw,3rem);font-weight:800}
h2{font-size:clamp(1.35rem,1rem + 1.8vw,2.2rem);font-weight:800}
.propusk{position:absolute;left:-9999px;top:0;z-index:99;padding:.8rem 1.2rem;background:var(--temnyj);color:var(--svitlyj)}
.propusk:focus{left:0}
.obgortka{width:min(100% - 2rem,1180px);margin-inline:auto}
.obgortka.vuzko{width:min(100% - 2rem,840px)}
.ik{width:1.1em;height:1.1em;fill:currentColor;flex:none}
.knopka{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:4px;font-weight:600;letter-spacing:.01em;cursor:pointer;min-height:44px;transition:background .25s,color .25s,border-color .25s}
.knopka-golovna{background:var(--temnyj);color:var(--svitlyj)}
.knopka-golovna:hover{background:var(--synij)}
.knopka-obvid{border:1.5px solid var(--temnyj);color:var(--temnyj)}
.knopka-obvid:hover{background:var(--temnyj);color:var(--svitlyj)}
.burger{display:none;align-items:center;gap:.5rem;padding:.6rem .9rem;min-height:44px;justify-content:center;border-radius:4px;border:1.5px solid var(--ramka)}
.burger-ryadky,.burger-ryadky::before,.burger-ryadky::after{display:block;width:20px;height:2px;background:currentColor;content:"";transition:transform .25s,opacity .25s}
.burger-ryadky{position:relative}
.burger-ryadky::before{position:absolute;top:-6px}
.burger-ryadky::after{position:absolute;top:6px}
.menyu-vidkryte .burger-ryadky{background:transparent}
.menyu-vidkryte .burger-ryadky::before{transform:translateY(6px) rotate(45deg)}
.menyu-vidkryte .burger-ryadky::after{transform:translateY(-6px) rotate(-45deg)}
.burger-pidpys{font-size:.82rem;font-weight:600}
body.zamknuto{overflow:hidden}
.rozdil{padding:clamp(3rem,5.5vw,5.2rem) 0}
.rozdil-bezh{background:var(--bezh)}
.rozdil-tisno{padding-top:clamp(2rem,3.5vw,3.2rem)}
.shapka{position:sticky;top:0;z-index:40;background:var(--fon);border-bottom:1px solid var(--ramka);transition:box-shadow .3s,border-color .3s}
.shapka-ryad{display:flex;align-items:center;gap:1.2rem;padding:.6rem 0}
.logo{display:inline-flex;align-items:center;gap:.62rem;line-height:1;position:relative}
.logo::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.logo-znak{width:clamp(34px,3.6vw,44px);height:auto;color:var(--temnyj);flex:none;transition:color .3s,transform .3s}
.logo:hover .logo-znak{color:var(--zhovtyj);transform:translateY(-2px)}
.logo-slova{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.logo-nazva{font-size:clamp(.95rem,.72rem + .62vw,1.24rem);font-weight:700;letter-spacing:.17em;color:var(--temnyj);white-space:nowrap}
.logo-pidpys{display:flex;align-items:center;gap:.38rem;font-size:clamp(.5rem,.43rem + .2vw,.6rem);letter-spacing:.3em;color:var(--tyhe);white-space:nowrap}
.logo-pidpys::before,.logo-pidpys::after{content:"";flex:1;height:1px;background:currentColor;opacity:.55;min-width:12px}
.menyu{margin-left:auto}
.menyu ul{display:flex;gap:1.05rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.menyu a{display:block;padding:.4rem .2rem;white-space:nowrap;border-bottom:3px solid transparent;transition:border-color .2s,color .2s;position:relative}
.menyu a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.menyu a:hover{border-color:var(--zhovtyj);color:var(--temnyj)}
.menyu a[aria-current=page]{border-color:var(--temnyj)}
.shapka-diyi{display:flex;align-items:center;gap:.9rem;margin-left:auto}
.tel{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.95rem;min-height:44px;white-space:nowrap}
.geroj{position:relative;overflow:hidden;background:var(--bezh)}
.geroj-sitka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;align-items:stretch}
.geroj-tekst{padding:clamp(2.2rem,4.5vw,4.2rem) clamp(1.4rem,3vw,3rem) clamp(2.2rem,4.5vw,4.2rem) 0}
.gaslo{display:inline-block;background:var(--temnyj);color:var(--svitlyj);padding:.4rem .9rem;font-size:.75rem;letter-spacing:.2em;font-weight:700;margin-top:0}
.lid{font-size:1.04rem;max-width:32em}
.knopky{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.8rem}
.dovira{display:grid;gap:.45rem}
.dovira li{font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-left:1.5rem;position:relative}
.dovira li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:var(--zhovtyj)}
.geroj-foto{margin:0;position:relative}
.foto-geroj{width:100%;height:100%;min-height:340px;object-fit:cover;animation:v2-naplyv 1.1s cubic-bezier(.2,.7,.3,1) both}
@keyframes v2-naplyv{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
.titul{background:var(--bezh);padding:clamp(1.6rem,3vw,2.6rem) 0 clamp(2rem,3.6vw,3rem)}
.shlyah{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0 0 1.1rem;opacity:.8}
.shlyah ol{display:flex;flex-wrap:wrap;gap:.45rem}
.shlyah li+li::before{content:"/";margin-right:.45rem;opacity:.55}
.shlyah a{border-bottom:2px solid transparent}
.shlyah a:hover{border-color:var(--zhovtyj)}
.titul h1{margin-bottom:.6rem}
.titul-lid{font-size:1.04rem;max-width:44em;margin-bottom:0}
.titul .knopky{margin:1.6rem 0 0}
.vstup{max-width:46em}
.napryamky{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;margin-top:2rem}
.napryam{margin:0;border:3px solid var(--temnyj);background:var(--fon);display:flex;flex-direction:column}
.napryam img{width:100%;aspect-ratio:4/3;object-fit:cover}
.napryam-tilo{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.napryam h3{font-size:1rem;margin-bottom:.35rem}
.napryam p{margin:0 0 .9rem;font-size:.93rem;opacity:.85}
.napryam-dali{margin-top:auto;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--temnyj);border-bottom:2px solid var(--zhovtyj);align-self:flex-start;padding-bottom:.1rem;position:relative}
.napryam-dali::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.napryam-posluga{background:var(--temnyj);color:var(--svitlyj);justify-content:center}
.napryam-posluga .napryam-tilo{padding:1.6rem 1.3rem}
.napryam-posluga .napryam-dali{color:var(--svitlyj)}
.napryam-nomer{display:block;font-size:2.4rem;font-weight:800;line-height:.9;color:var(--zhovtyj);margin-bottom:.5rem}
.filtry{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0 1.8rem}
.filtr{padding:.55rem 1rem;min-height:44px;border:2px solid var(--temnyj);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:transparent;transition:background .2s,color .2s}
.filtr:hover{background:var(--bezh)}
.filtr-aktyvnyj{background:var(--temnyj);color:var(--svitlyj)}
.sitka-robit{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.robota{margin:0}
.robota .lupa-knopka{border:3px solid var(--temnyj);background:var(--bezh)}
.foto-robota{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.robota figcaption{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;opacity:.75;padding-top:.45rem}
.porozhnya{margin-top:1.4rem;padding:1rem 1.2rem;background:var(--bezh);border-left:6px solid var(--zhovtyj);font-size:.94rem;max-width:52em}
.perevagy{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}
.perevagy li{padding:1.4rem;border:2px solid var(--temnyj)}
.perevagy h3{font-size:.98rem;margin-bottom:.4rem}
.perevagy p{margin:0;font-size:.93rem;opacity:.85}
.kroky{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem;margin-top:2rem}
.kroky li{padding:1.4rem;border:2px solid var(--temnyj)}
.krok-nomer{display:block;font-size:2.4rem;font-weight:800;line-height:.9;color:var(--zhovtyj-tekst)}
.kroky h3{font-size:.96rem;margin-top:.5rem;margin-bottom:.3rem}
.kroky p{margin:0;font-size:.92rem;opacity:.85}
.kroky-shyroko{grid-template-columns:1fr}
.kroky-shyroko li{display:grid;grid-template-columns:72px 1fr;gap:1.2rem;align-items:start}
.kroky-shyroko .krok-nomer{margin:0}
.kroky-shyroko p{font-size:.97rem;opacity:1}
.kroky-shyroko p:last-child{margin-bottom:0}
.cina{margin-top:1.6rem;padding:1.1rem 1.3rem;background:var(--temnyj);color:var(--svitlyj);font-weight:500}
.materialy{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.8rem}
.material{padding:1.2rem;background:var(--fon);border-left:6px solid var(--temnyj)}
.material h3{font-size:.95rem;margin-bottom:.35rem}
.material p{margin:0;font-size:.92rem;opacity:.85}
.partnery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;margin-top:1.4rem}
.partner{padding:1.3rem;border:2px solid var(--temnyj);text-align:center;background:var(--fon)}
.partner strong{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem}
.partner-pid{display:block;margin-top:.4rem;font-size:.8rem;opacity:.78}
.partner-chekaie{border-style:dashed;border-color:var(--ramka)}
.vidhuky-chekaie{margin-top:1.4rem;padding:1.1rem 1.3rem;border:2px dashed var(--ramka);font-size:.95rem;max-width:52em}
.pro-tekst{font-size:1.04rem;columns:2;column-gap:2.4rem}
.pro-tekst p{break-inside:avoid}
.gaslo-pro{display:inline-block;margin-top:1.4rem;background:var(--zhovtyj);color:var(--tekst);padding:.5rem 1rem;font-size:.82rem;letter-spacing:.18em;font-weight:700}
.blok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.8rem);align-items:start;padding:clamp(2.2rem,4vw,3.4rem) 0;border-top:1px solid var(--ramka)}
.blok:first-of-type{border-top:0;padding-top:clamp(1.4rem,2.5vw,2rem)}
.blok-foto{margin:0;border:3px solid var(--temnyj)}
.blok-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.blok-foto figcaption{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .8rem;background:var(--bezh)}
.blok-obernuto .blok-foto{order:2}
.blok h2{margin-bottom:.9rem}
.blok-nomer{display:block;font-size:.76rem;font-weight:700;letter-spacing:.14em;color:var(--temnyj);background:var(--zhovtyj);padding:.3rem .7rem;margin-bottom:.9rem;align-self:start;justify-self:start;width:fit-content}
.halky{display:grid;gap:.5rem;margin:1.2rem 0 0}
.halky li{position:relative;padding-left:1.7rem;font-size:.96rem}
.halky li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--zhovtyj)}
.poslugy-sitka{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.1rem;margin-top:2rem}
.posluga{padding:1.5rem;border:2px solid var(--temnyj);background:var(--fon)}
.posluga h3{font-size:1rem;margin-bottom:.5rem}
.posluga p{font-size:.95rem}
.posluga p:last-child{margin-bottom:0}
.posluga .halky{margin-top:.9rem}
.posluga .halky li{font-size:.92rem}
.smuga{background:var(--synij);color:var(--svitlyj);padding:clamp(2rem,3.5vw,3rem) 0}
.smuga h2{color:var(--na-temnomu)}
.smuga p{max-width:44em}
.smuga .knopka-golovna{background:var(--zhovtyj);color:var(--tekst)}
.smuga .knopka-golovna:hover{background:var(--na-temnomu)}
.smuga .knopka-obvid{border-color:var(--na-temnomu);color:var(--na-temnomu)}
.smuga .knopka-obvid:hover{background:var(--na-temnomu);color:var(--tekst)}
.smuga .knopky{margin-bottom:0}
.rozdil-kontakty{background:var(--temnyj);color:var(--svitlyj)}
.rozdil-kontakty h2,.rozdil-kontakty h3{color:var(--na-temnomu)}
.kontakty-sitka{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}
.kontakty-spysok{margin:1.3rem 0 1.8rem;border-top:1px solid rgba(246,239,230,.26)}
.ryadok{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(246,239,230,.26)}
.ryadok dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.ryadok dd{margin:0;font-weight:700}
.ryadok dd a{position:relative}
.ryadok dd a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.rozdil-kontakty .knopka-golovna{background:var(--zhovtyj);color:var(--tekst)}
.rozdil-kontakty .knopka-golovna:hover{background:var(--na-temnomu)}
.rozdil-kontakty .kolonka-ikonok{flex-direction:column}
.rozdil-kontakty .ikona{background:rgba(246,239,230,.12);color:var(--svitlyj)}
.rozdil-kontakty .ikona:hover{background:var(--zhovtyj);color:var(--tekst)}
.kolonka-ikonok{display:flex;gap:.7rem}
.ikona{display:grid;place-items:center;width:46px;height:46px;border-radius:4px;transition:background .25s,color .25s}
.ikona .ik{width:20px;height:20px}
.forma-storinka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.6rem);align-items:start}
.forma-karta{padding:clamp(1.4rem,2.5vw,2rem);background:var(--fon);color:var(--tekst);border:3px solid var(--temnyj)}
.forma-karta h2,.forma-karta h3{color:var(--tekst)}
.pravo h2{font-size:clamp(1.15rem,.95rem + 1vw,1.6rem);margin-top:2.4rem}
.pravo h2:first-of-type{margin-top:0}
.pravo p,.pravo li{font-size:1rem}
.pravo .halky{margin-bottom:1.2rem}
.pravo-mitka{display:inline-block;padding:.9rem 1.1rem;background:var(--bezh);border-left:6px solid var(--zhovtyj);font-size:.94rem;margin-bottom:1.4rem}
.modalka,.lupa{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}
.modalka-fon{position:absolute;inset:0;background:var(--zatemnennya);backdrop-filter:blur(3px)}
.modalka-vikno{position:relative;width:min(100%,560px);max-height:90vh;overflow:auto;padding:2rem;border-radius:4px;background:var(--fon-vikna);box-shadow:0 30px 70px rgba(35,26,20,.28)}
.modalka-hrest,.lupa-hrest{position:absolute;top:.6rem;right:.9rem;font-size:2rem;line-height:1;padding:.2rem .5rem;border-radius:50%}
.lupa{background:rgba(35,26,20,.93)}
.lupa img{max-width:min(96vw,1100px);max-height:88vh;width:auto;border-radius:4px}
.lupa-hrest{color:var(--na-temnomu);top:1rem;right:1.2rem}
.lupa-knopka{display:block;width:100%;padding:0;position:relative}
.lupa-pidpys{position:absolute;left:-9999px}
.lupa-knopka:focus-visible .lupa-pidpys{position:static;display:block;padding:.3rem}
.forma label{display:block;margin-bottom:1rem}
.forma label>span{display:block;margin-bottom:.35rem;font-size:.86rem;font-weight:600}
.forma input,.forma select,.forma textarea{width:100%;padding:.75rem .9rem;border:1.5px solid var(--ramka);border-radius:4px;background:var(--fon-polya);font:inherit;color:inherit}
.forma input[type=file]{padding:.55rem .6rem;background:var(--bezh)}
.forma input:focus,.forma select:focus,.forma textarea:focus{border-color:var(--temnyj)}
.forma input:focus-visible,.forma select:focus-visible,.forma textarea:focus-visible{outline:3px solid var(--temnyj);outline-offset:2px}
.forma .zgoda{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem}
.forma .zgoda input{width:20px;height:20px;margin-top:.12rem;flex:none;accent-color:var(--temnyj)}
.forma .zgoda>span{margin:0;font-weight:400}
.forma label.bida input,.forma label.bida textarea{border-color:var(--bida)}
.forma label.bida>span::after{content:" — " attr(data-bida);color:var(--bida)}
.pidkaz{margin:-.6rem 0 1rem;font-size:.8rem;opacity:.75}
.vidpovid{margin-top:1.2rem;padding:1.1rem 1.2rem;border-left:6px solid var(--zhovtyj);background:var(--bezh);color:var(--tekst)}
.vidpovid h3{font-size:1rem;margin-bottom:.4rem;color:var(--tekst)}
.vidpovid p{margin:0 0 .6rem;font-size:.94rem}
.vidpovid-tekst{width:100%;min-height:150px;font:inherit;font-size:.86rem;padding:.6rem;border:1.5px solid var(--ramka);border-radius:var(--radius-polya);background:var(--fon-vikna);color:var(--tekst)}
.vidpovid-diyi{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.vidpovid-diyi .knopka{padding:.6rem 1.1rem;font-size:.9rem}
.pidval{background:var(--pidval);color:var(--na-temnomu);padding:2.4rem 0}
.pidval-sitka{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.8rem;align-items:start}
.pidval h3{font-size:.78rem;letter-spacing:.12em;color:var(--zhovtyj);margin-bottom:.8rem}
.pidval-mapa{display:grid;gap:0;font-size:.92rem}
.pidval-mapa a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid transparent}
.pidval-mapa a:hover{border-color:var(--zhovtyj)}
.pidval-zvyazok{display:grid;gap:8px;margin:0 0 .9rem}
.pidval-zvyazok a{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:44px;font-size:.95rem}
.pidval-zvyazok .zv-diya{font-weight:700;color:var(--zhovtyj)}
.pidval-zvyazok .zv-nomer{font-size:.9rem;letter-spacing:.02em}
.pidval-zvyazok a:hover .zv-nomer{border-bottom:1px solid var(--zhovtyj)}
.pidval-tekst{margin:0 0 .9rem;font-size:.9rem;max-width:40em}
.pidval-pravo{margin:1.6rem 0 0;font-size:.8rem;opacity:.8;max-width:70em;border-top:1px solid rgba(246,239,230,.18);padding-top:1.1rem}
.gaslo-pidval{margin:0 0 .9rem;font-size:.75rem;letter-spacing:.2em;font-weight:700;color:var(--zhovtyj)}
.pidval-soc{display:flex;gap:.5rem;margin-top:.9rem}
.pidval .ikona{background:rgba(246,239,230,.12)}
.pidval .ikona:hover{background:var(--zhovtyj);color:var(--tekst)}
.ruh-uvimkneno [data-ruh="pojava"],.ruh-uvimkneno [data-ruh="krok"],.ruh-uvimkneno [data-ruh="foto"]{opacity:0;transform:translateX(-20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.ruh-uvimkneno [data-ruh="kartka"]{opacity:0;transition:opacity .6s ease}
.ruh-uvimkneno .vydno{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
[data-ruh]{opacity:1!important;transform:none!important;clip-path:none!important}
.foto-geroj{animation:none!important;clip-path:none!important}
}
@media print{
.ruh-uvimkneno [data-ruh]{opacity:1!important;transform:none!important}
.shapka{position:static}
}
@media (max-width:1040px){
.pidval-sitka{grid-template-columns:1fr 1fr}
}
@media (max-width:1119.98px){
.burger{display:inline-flex;order:3;margin-left:.3rem}
.menyu{position:fixed;inset:0 0 0 auto;z-index:60;width:min(88vw,370px);margin:0;padding:calc(env(safe-area-inset-top,0px) + 1.1rem) 1.35rem calc(env(safe-area-inset-bottom,0px) + 1.6rem);background:var(--pidval);color:var(--svitlyj);display:flex;flex-direction:column;gap:1.1rem;overflow:auto;overscroll-behavior:contain;visibility:hidden;transform:translateX(102%);box-shadow:-26px 0 60px -30px rgba(0,0,0,.8);transition:transform .46s cubic-bezier(.22,1,.36,1),visibility 0s linear .46s}
.menyu-vidkryte .menyu{visibility:visible;transform:none;transition:transform .46s cubic-bezier(.22,1,.36,1),visibility 0s}
.menyu-verh,.menyu-nyz{display:flex}
.menyu ul{display:grid;gap:0;font-size:1.05rem}
.menyu li{border-bottom:1px solid rgba(246,239,230,.12)}
.menyu a{display:flex;align-items:center;gap:.7rem;padding:.95rem .2rem;border:0;letter-spacing:.07em;color:var(--svitlyj)}
.menyu a::before{content:"";width:0;height:2px;background:var(--zhovtyj);transition:width .3s;flex:none}
.menyu a:hover::before,.menyu a[aria-current=page]::before{width:18px}
.menyu a[aria-current=page]{color:var(--zhovtyj)}
}
@media (max-width:860px){
.geroj-sitka,.kontakty-sitka,.blok,.forma-storinka,.pidval-sitka{grid-template-columns:1fr}
.blok-obernuto .blok-foto{order:0}
.geroj-tekst{padding:2rem 0}
.foto-geroj{min-height:260px;aspect-ratio:4/3;height:auto}
.pro-tekst{columns:1}
.perevagy,.kroky{grid-template-columns:1fr}
.kroky-shyroko li{grid-template-columns:56px 1fr;gap:.9rem}
.shapka-diyi .knopka-golovna{display:none}
.tel span{display:none}
.tel{width:44px;height:44px;justify-content:center;border:1.5px solid var(--temnyj);border-radius:4px}
.logo{gap:.5rem}
.logo-znak{width:32px}
.logo-nazva{font-size:1rem;letter-spacing:.14em}
.rozdil-kontakty .kolonka-ikonok{flex-direction:row;flex-wrap:wrap}
.ryadok{grid-template-columns:1fr;gap:.15rem}
}
@media (max-width:480px){
.shapka-ryad{gap:.7rem}
.burger-pidpys{position:absolute;left:-9999px}
.burger{padding:.6rem .8rem}
}
.menyu-verh,.menyu-nyz,.menyu-zaslin{display:none}
.menyu-verh{align-items:center;justify-content:space-between;
padding-bottom:.9rem;border-bottom:1px solid rgba(246,239,230,.14)}
.menyu-tytul{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;opacity:.65}
.menyu-zakryty{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
border:1px solid rgba(246,239,230,.26);border-radius:50%;transition:background .25s,transform .35s}
.menyu-zakryty:hover{background:rgba(246,239,230,.1);transform:rotate(90deg)}
.menyu-zakryty .ik{width:1.15rem;height:1.15rem}
.menyu-nyz{flex-direction:column;gap:.85rem;margin-top:auto;padding-top:1.1rem;
border-top:1px solid rgba(246,239,230,.14)}
.menyu-tel{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.08rem;
letter-spacing:.02em;min-height:44px}
.menyu-tel .ik{color:var(--zhovtyj)}
.menyu-nyz .knopka{width:100%;justify-content:center;background:var(--zhovtyj);color:var(--temne);
font-weight:700}
.menyu-nyz .knopka:hover{background:var(--na-temnomu)}
.menyu-soc{display:flex;gap:.6rem}
.menyu-soc a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
border:1px solid rgba(246,239,230,.26);border-radius:50%;transition:background .25s,border-color .25s}
.menyu-soc a:hover{background:var(--zhovtyj);border-color:var(--zhovtyj);color:var(--temne)}
.menyu-pidpys-nyz{margin:0;font-size:.75rem;opacity:.62;letter-spacing:.04em}
@media (max-width:1119.98px){
.menyu-verh,.menyu-nyz{display:flex}
.menyu-zaslin{display:block;position:fixed;inset:0;z-index:55;background:rgba(35,26,20,.52);
backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}
.menyu-vidkryte .menyu-zaslin{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}
.menyu > *{opacity:0;transform:translateX(26px);
transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.menyu li{opacity:0;transform:translateX(26px);
transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.menyu-vidkryte .menyu > *,.menyu-vidkryte .menyu li{opacity:1;transform:none}
.menyu-vidkryte .menyu-verh{transition-delay:.1s}
.menyu-vidkryte .menyu li{transition-delay:calc(.14s + var(--i,0) * .045s)}
.menyu-vidkryte .menyu-nyz{transition-delay:.42s}
.burger{border-color:var(--temnyj);transition:background .25s,color .25s}
.burger:hover{background:var(--temnyj);color:var(--svitlyj)}
.menyu-vidkryte .burger{opacity:0;pointer-events:none;transition:opacity .2s}
}
@media (prefers-reduced-motion:reduce){
.menyu,.menyu > *,.menyu li,.menyu-zaslin,.logo-znak,.menyu-zakryty{transition-duration:.01ms!important}
}
@media (max-width:560px){
.knopky{display:grid;grid-template-columns:1fr;gap:.6rem}
.knopky .knopka{width:100%;justify-content:center}
}
@media (min-width:1120px) and (max-width:1280.98px){
.shapka-ryad{gap:.6rem}
.menyu ul{gap:.44rem;font-size:.72rem;letter-spacing:.02em}
.menyu a{padding:.4rem .1rem}
.shapka-diyi{gap:.45rem}
.shapka-diyi .knopka-golovna{padding:.62rem .78rem;font-size:.72rem}
.tel{font-size:.78rem}
}
@media (min-width:1120px){
.shapka-diyi .knopka-golovna{white-space:nowrap}
}
@media (min-width:1281px){
.shapka-ryad{gap:.7rem}
.menyu ul{gap:.6rem;letter-spacing:.02em}
.menyu a{padding:.4rem .1rem}
.shapka-diyi{gap:.55rem}
.shapka-diyi .knopka-golovna{padding:.66rem 1rem;font-size:.75rem}
}
.mova-vybir{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.mova-vybir li{border:0}
.mova-povno{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mova-vybir a,.mova-vybir .mova-tek{display:inline-flex;align-items:center;
justify-content:center;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
transition:color .25s,background-color .25s,border-color .25s,opacity .25s}
.mova-vybir a::before{content:none;display:none}
.mova-shapka{display:none}
@media (min-width:1120px){
.mova-shapka{display:flex;gap:.12rem;padding:.2rem;
border:1px solid var(--ramka);border-radius:999px}
.mova-shapka a,.mova-shapka .mova-tek{min-width:36px;min-height:28px;
padding:0 .52rem;font-size:.66rem;border-radius:999px;color:var(--tyhe)}
.mova-shapka a{position:relative}
.mova-shapka a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.mova-shapka a:hover{color:var(--temnyj);background:var(--bezh)}
.mova-shapka .mova-tek{color:var(--svitlyj);background:var(--temnyj)}
}
@media (min-width:1120px) and (max-width:1280.98px){
.mova-shapka{padding:.15rem}
.mova-shapka a,.mova-shapka .mova-tek{min-width:32px;padding:0 .38rem;font-size:.62rem}
}
.menyu .mova-panel{display:flex;gap:.45rem;font-size:inherit}
.menyu .mova-panel a,.menyu .mova-panel .mova-tek{min-width:52px;min-height:44px;
padding:0 .6rem;font-size:.82rem;border:1px solid rgba(246,239,230,.26);
border-radius:4px;color:var(--svitlyj)}
.menyu .mova-panel a{opacity:.7}
.menyu .mova-panel a:hover{opacity:1;background:rgba(246,239,230,.1);
border-color:var(--zhovtyj);color:var(--zhovtyj)}
.menyu .mova-panel .mova-tek{background:var(--zhovtyj);
border-color:var(--zhovtyj);color:var(--temne)}
.pidval-mova-zagolovok{margin-top:1.4rem}
.pidval .mova-pidval{display:flex;flex-wrap:wrap;gap:.45rem}
.pidval .mova-pidval a,.pidval .mova-pidval .mova-tek{min-width:48px;
min-height:44px;padding:0 .7rem;font-size:.82rem;border-radius:4px;
border:1px solid rgba(246,239,230,.26)}
.pidval .mova-pidval a{color:var(--na-temnomu);background:rgba(246,239,230,.12)}
.pidval .mova-pidval a:hover{background:var(--zhovtyj);
border-color:var(--zhovtyj);color:var(--tekst)}
.pidval .mova-pidval .mova-tek{background:var(--zhovtyj);
border-color:var(--zhovtyj);color:var(--temne)}
@media (max-width:1119.98px) and (max-height:700px){
.menyu{gap:.7rem;padding-top:calc(env(safe-area-inset-top,0px) + .7rem);
padding-bottom:calc(env(safe-area-inset-bottom,0px) + .9rem)}
.menyu a{padding:.62rem .2rem}
.menyu-verh{padding-bottom:.6rem}
.menyu-nyz{gap:.6rem;padding-top:.7rem}
.menyu-pidpys-nyz{display:none}
}
.pidval,.menyu,.smuga,.rozdil-kontakty,.napryam-posluga{
--zhovtyj:var(--akcent-na-temnomu);--zhovtyj-tekst:var(--akcent-na-temnomu);
--tekst:var(--temne);--tlo:var(--temne)}
body{font-family:var(--shryft);line-height:1.65;
background:radial-gradient(60rem 36rem at 96% -14%,rgba(175,67,33,.07),transparent 62%),var(--fon)}
h1,h2,h3{font-family:var(--shryft-zag);font-weight:var(--vaga-zag);
text-transform:none;letter-spacing:-.012em;line-height:1.12}
h1{font-weight:var(--vaga-zag)}
h2{font-weight:var(--vaga-zag)}
.geroj h1{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.04}
.rozdil h2,.titul h1{font-size:clamp(1.55rem,3.1vw,2.4rem)}
.titul h1{font-size:clamp(1.9rem,.9rem + 3vw,3rem)}
.lid,.titul-lid{font-size:clamp(1.02rem,1.5vw,1.18rem)}
.rozdil h2,.pravo h2,.forma-karta h2{position:relative;padding-top:1.3rem}
.rozdil h2::before,.pravo h2::before,.forma-karta h2::before{content:"";
position:absolute;top:0;left:0;width:58px;height:2px;background:var(--akcent)}
.blok h2{padding-top:0}
.blok h2::before{content:none}
.knopka{border-radius:var(--radius-kn)}
.knopka-golovna{background:var(--akcent);color:var(--na-akcenti)}
.knopka-golovna:hover{background:var(--akcent-temn);transform:translateY(-1px)}
.knopka-obvid{border:1.5px solid var(--ramka-syl);color:var(--tekst)}
.knopka-obvid:hover{background:var(--tekst);color:var(--fon)}
.smuga .knopka-golovna,.rozdil-kontakty .knopka-golovna{
background:var(--akcent-na-temnomu);color:var(--temne)}
.smuga .knopka-golovna:hover,.rozdil-kontakty .knopka-golovna:hover{
background:var(--na-temnomu);color:var(--temne)}
.gaslo{display:block;background:none;padding:0;margin-bottom:1rem;
color:var(--akcent);font-size:.75rem;letter-spacing:.22em;font-weight:600}
.gaslo-pro{display:block;background:none;padding:0;margin-top:1.4rem;
font-family:var(--shryft-zag);font-style:italic;font-weight:var(--vaga-zag);
font-size:clamp(1.1rem,2.2vw,1.5rem);letter-spacing:0;text-transform:none;
color:var(--akcent)}
.gaslo-pidval{font-family:var(--shryft-zag);font-style:italic;font-size:1.05rem;
letter-spacing:0;text-transform:none;color:var(--akcent-na-temnomu)}
.napryam,.perevagy li,.kroky li,.posluga,.partner,.material,.forma-karta,
.vidhuky-chekaie{border:1px solid var(--ramka);border-radius:var(--radius-kartky);
background:#FFFDF9;box-shadow:0 1px 0 rgba(35,26,20,.05)}
.material{border-left:4px solid var(--akcent)}
.partner-chekaie{border-style:dashed;border-color:var(--ramka);background:none;
box-shadow:none}
.vidhuky-chekaie{border-style:dashed;box-shadow:none}
.napryam-posluga{background:var(--temne);color:var(--na-temnomu);border-color:var(--temne)}
.blok-foto{border:0}
.blok-foto figcaption{background:var(--fon-vtor);border-radius:0 0 3px 3px}
.blok-nomer{color:var(--na-akcenti);background:var(--akcent);
border-radius:var(--radius-polya)}
.napryam-nomer,.krok-nomer{font-family:var(--shryft-zag);font-weight:var(--vaga-zag)}
.robota .lupa-knopka,.blok-foto{background:#fff;padding:.5rem;
border-radius:6px;box-shadow:0 1px 0 rgba(35,26,20,.08),0 18px 38px rgba(35,26,20,.14)}
.robota .lupa-knopka{overflow:hidden}
.foto-robota,.blok-foto img{border-radius:3px}
.foto-robota{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s}
.robota .lupa-knopka:hover .foto-robota{transform:scale(1.04);filter:brightness(1.06)}
.robota figcaption{letter-spacing:.14em;font-size:.74rem;text-transform:uppercase}
.filtr{border:1px solid var(--ramka);border-radius:var(--radius-kn);
font-size:.84rem;font-weight:600;letter-spacing:.01em;text-transform:none;
color:var(--tyhe);background:none}
.filtr:hover{color:var(--tekst);border-color:var(--ramka-syl);background:none}
.filtr-aktyvnyj{background:var(--akcent);border-color:var(--akcent);
color:var(--na-akcenti)}
.cina{margin-top:1.4rem;padding:0;background:none;color:var(--tekst);
font-family:var(--shryft-zag);font-size:1.1rem;font-weight:var(--vaga-zag)}
.shapka{background:none;border-bottom-color:rgba(35,26,20,.12)}
.shapka::before{content:"";position:absolute;inset:0;z-index:-1;
background:var(--fon-shapky);pointer-events:none;
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.logo-znak{color:var(--akcent)}
.logo:hover .logo-znak{color:var(--akcent-temn)}
.logo-nazva{font-family:var(--shryft-zag);letter-spacing:.14em}
.logo-pidpys{color:var(--tyhe);letter-spacing:.32em}
.menyu ul{text-transform:none;font-weight:600;letter-spacing:.02em}
.menyu a:hover{border-color:var(--akcent);color:var(--akcent)}
.menyu a[aria-current=page]{border-color:var(--akcent)}
.tel{font-weight:600}
.ikona{border:1px solid var(--ramka-syl);border-radius:50%;background:#fff}
.ikona:hover{background:var(--akcent);color:var(--na-akcenti);transform:translateY(-2px)}
.rozdil-kontakty .ikona,.pidval .ikona{border-color:rgba(246,239,230,.3);
background:transparent;color:var(--na-temnomu)}
.rozdil-kontakty .ikona:hover,.pidval .ikona:hover{
background:var(--akcent-na-temnomu);color:var(--temne)}
.modalka-vikno{border-radius:var(--radius-vikna);
box-shadow:0 30px 70px rgba(35,26,20,.28)}
.forma input,.forma select,.forma textarea{border-radius:var(--radius-polya)}
.smuga{background:var(--temne);color:var(--na-temnomu)}
.rozdil-kontakty{background:var(--temne);color:var(--na-temnomu)}
.smuga .knopka-obvid,.rozdil-kontakty .knopka-obvid{
border-color:rgba(246,239,230,.45);color:var(--na-temnomu)}
.smuga .knopka-obvid:hover,.rozdil-kontakty .knopka-obvid:hover{
background:var(--na-temnomu);color:var(--temne)}
.rozdil-kontakty .ryadok dt{color:var(--tyhe-na-temnomu);opacity:1}
.pidval .pidval-tekst{color:var(--tyhe-na-temnomu)}
.pidval h3{font-family:var(--shryft-zag);letter-spacing:.06em;font-size:.95rem;
text-transform:none}
:focus-visible{outline-color:var(--akcent)}
.forma input:focus,.forma select:focus,.forma textarea:focus{
border-color:var(--ramka-syl)}
.forma input:focus-visible,.forma select:focus-visible,
.forma textarea:focus-visible{outline-color:var(--akcent)}
.forma .zgoda input{accent-color:var(--akcent)}
.rozdil-404{padding-top:clamp(2.6rem,6vw,4.6rem);text-align:center}
.nomer-404{font-family:var(--shryft-zag);font-weight:var(--vaga-zag);
font-size:clamp(4rem,14vw,8rem);line-height:.9;margin:0;color:var(--akcent);
opacity:.22}
.rozdil-404 h1{margin-top:-.2em}
.rozdil-404 h2{font-size:1.1rem;margin-top:2.2rem}
.rozdil-404 .vstup{margin-inline:auto}
.mapa-404{display:grid;gap:0;justify-items:center;max-width:22rem;
margin-inline:auto;font-size:.95rem}
.mapa-404 a{display:flex;align-items:center;justify-content:center;
min-height:44px;border-bottom:1px solid var(--ramka)}
.mapa-404 a:hover{border-color:var(--akcent);color:var(--akcent)}
.forma-bez-js,.zayavka-bez-js{margin:0 0 1rem;padding:.9rem 1.1rem;
background:var(--fon-vtor);border-left:4px solid var(--akcent);font-size:.94rem}
.vidpovid-zagolovok{font-family:var(--shryft-zag);font-size:1.05rem;
font-weight:var(--vaga-zag);margin:0 0 .4rem}
.vidpovid-stan{font-size:.88rem;color:var(--tyhe);margin:0}
.kopiyuvaty{font-size:.86rem}
.mova-korotko{font-weight:700;letter-spacing:.08em}
:root{--smuga-h:44px}
.shapka-smuga{display:none}
@media (min-width:1120px){
.shapka{top:calc(-1 * var(--smuga-h))}
.shapka-smuga{display:block;background:var(--fon-vtor);
border-bottom:1px solid var(--ramka)}
.shapka-smuga>.obgortka{display:flex;align-items:center;gap:1.2rem;
min-height:var(--smuga-h)}
.smuga-geo{margin:0;color:var(--tyhe);font-size:.76rem;letter-spacing:.02em;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smuga-pravo{display:flex;align-items:center;gap:1rem;margin-left:auto}
.shapka-smuga .mova-shapka{display:flex}
.shapka-smuga .mova-shapka a,.shapka-smuga .mova-shapka .mova-tek{
min-width:34px;min-height:32px;padding:0 .5rem;font-size:.68rem}
.shapka-smuga .tel{font-size:.82rem;min-height:var(--smuga-h)}
.shapka-diyi .tel{display:none}
.shapka-ryad{gap:1.6rem;padding:.7rem 0}
.menyu ul{gap:1.2rem;font-size:.8rem}
.shapka-diyi{gap:1rem}
.shapka-diyi .knopka-golovna{padding:.72rem 1.2rem;font-size:.78rem}
}
:root{--poli:2.5rem}
@media (min-width:640px){:root{--poli:4rem}}
.obgortka{width:min(100% - var(--poli),1180px)}
.obgortka.vuzko{width:min(100% - var(--poli),840px)}
.rozdil{padding:clamp(3.5rem,5.5vw,5.2rem) 0}
.perevagy h3,.material h3,.kroky h3,.napryam-tilo h3{margin-bottom:.55rem}
.posluga h3{margin-bottom:.6rem}
.dovira{gap:.6rem}
.pidval .mova-pidval{gap:.6rem}
@media (max-width:860px){.ryadok{gap:.4rem}}
@media (max-width:1119.98px){
.ruh-uvimkneno [data-ruh="pojava"]:not(.vydno),
.ruh-uvimkneno [data-ruh="krok"]:not(.vydno),
.ruh-uvimkneno [data-ruh="foto"]:not(.vydno){transform:translateY(14px)}
}