@font-face{font-family:'Rubik FB';src:local('Arial Bold'),local('Arial'),local('Liberation Sans Bold'),local('Liberation Sans');size-adjust:105%;ascent-override:89%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Manrope FB';src:local('Arial'),local('Liberation Sans');size-adjust:100.6%;ascent-override:106%;descent-override:30%;line-gap-override:0%}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-cyrillic-ext-ad04e3.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-cyrillic-ffb0f3.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-cf48e3.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:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-cyrillic-ext-ad04e3.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-cyrillic-ffb0f3.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-latin-cf48e3.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:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic-ext-ad04e3.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic-ffb0f3.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-cf48e3.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:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/rubik-cyrillic-ext-04f52d.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/rubik-cyrillic-3ea3f6.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/rubik-latin-f673d8.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:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/rubik-cyrillic-ext-04f52d.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/rubik-cyrillic-3ea3f6.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/rubik-latin-f673d8.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:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/rubik-cyrillic-ext-04f52d.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/rubik-cyrillic-3ea3f6.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/rubik-latin-f673d8.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}
*{box-sizing:border-box;margin:0;padding:0;font-feature-settings:"locl" 0 !important}
:root{--esp:#1d0d08;--esp2:#2a140c;--rust:#7a3514;--cop:#c4652e;--cop2:#d9743a;--cream:#f6eadc;--paper:#fbf8f4;--line:rgba(122,53,20,.18);
--hf:"Rubik",system-ui,sans-serif;--bf:"Manrope",system-ui,sans-serif}
body{font-family:var(--bf);font-size:17px;line-height:1.65;background:var(--bg);color:var(--ink);transition:background-color .6s ease,color .6s ease;-webkit-font-smoothing:antialiased}
body[data-mode=remont]{--bg:var(--esp);--surf:var(--esp2);--ink:var(--cream);--soft:rgba(246,234,220,.72);--acc:var(--cop2);--accink:#1d0d08;--ln:rgba(246,234,220,.14)}
body[data-mode=chistota]{--bg:var(--paper);--surf:#fff;--ink:#2a120a;--soft:#6b4a3c;--acc:var(--cop);--accink:#fff;--ln:var(--line)}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--hf);line-height:1.1;letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;margin-bottom:18px}
h3{font-size:1.25rem;font-weight:600}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;font-weight:700;text-decoration:none;font-family:var(--hf);font-size:1.02rem;transition:transform .25s,background-color .3s,color .3s;border:2px solid transparent;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.b1{background:var(--acc);color:var(--accink)}
.b2{border-color:var(--ln);color:var(--ink);background:transparent}
.b2:hover{border-color:var(--acc)}
.btn svg{width:20px;height:20px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ln);transition:background-color .6s}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.logo{display:block;width:112px;flex:none}
.logo .lg-d{display:none}
body[data-mode=remont] .logo .lg-l{display:none}
body[data-mode=remont] .logo .lg-d{display:block}
.nav{display:flex;gap:22px;font-weight:600;font-size:.93rem}
.nav a{text-decoration:none;opacity:.85;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .25s,opacity .25s}
.nav a:hover{opacity:1;border-color:var(--acc)}
.hphone{font-family:var(--hf);font-weight:700;text-decoration:none;white-space:nowrap;color:var(--acc)}
.burger{display:none;background:none;border:0;color:var(--ink);width:44px;height:44px;cursor:pointer}
/* hero */
.hero{padding:70px 0 40px;overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.6rem,6.4vw,5rem);font-weight:800;margin-bottom:28px}
.hero h1 em{font-style:normal;color:var(--acc);transition:color .6s}
.swq{font-family:var(--hf);font-weight:700;font-size:1.05rem;margin-bottom:12px}
.sw{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:560px;background:var(--surf);border:2px solid var(--acc);border-radius:22px;padding:6px;margin-bottom:28px;transition:background-color .6s,border-color .6s}
.sw button{position:relative;z-index:2;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:14px 18px;border-radius:16px;color:var(--ink);cursor:pointer;transition:color .4s,opacity .4s;font-family:var(--bf)}
.sw button svg{width:30px;height:30px;flex:none}
.sw b{display:block;font-family:var(--hf);font-size:1.3rem;font-weight:800;line-height:1.15}
.sw i{display:block;font-style:normal;font-size:.86rem;font-weight:600;opacity:.75;line-height:1.3}
.sw button:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.sw .th{position:absolute;z-index:1;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:16px;background:var(--acc);box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .5s cubic-bezier(.7,0,.2,1),background-color .6s}
body[data-mode=chistota] .sw .th{transform:translateX(100%)}
body[data-mode=remont] .sw [data-m=remont],body[data-mode=chistota] .sw [data-m=chistota]{color:var(--accink)}
.lead{font-size:1.15rem;color:var(--soft);max-width:30em;min-height:3.6em;margin-bottom:30px}
.lead span{display:none}
body[data-mode=remont] .lead .l-r,body[data-mode=chistota] .lead .l-c{display:inline;animation:fi .5s ease}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.art{width:100%;max-width:560px;justify-self:end}
.art svg{width:100%;height:auto;overflow:visible}
.art .hs path,.art .hs rect{transition:fill .7s ease,stroke .7s ease,stroke-width .7s,opacity .7s}
.art .tool{transition:opacity .6s,transform .7s}
.art .spark{stroke:#c4652e;transition:opacity .6s;opacity:0}
body[data-mode=remont] .h1f{fill:#f6eadc;stroke:#f6eadc}
body[data-mode=remont] .h2f{fill:#d68c5c;stroke:#d68c5c}
body[data-mode=remont] .h3f{fill:#c4652e;stroke:#c4652e}
body[data-mode=chistota] .hs .hf{fill:var(--bg);stroke:#c4652e;stroke-width:5}
.hs .rf{fill:none !important}
.wx{fill:#c4652e;transition:fill .7s}body[data-mode=chistota] .wx{fill:var(--bg)}
body[data-mode=chistota] .h1f{stroke:#2a120a !important}
body[data-mode=chistota] .h2f{stroke:#7a3514 !important}
body[data-mode=remont] .win{fill:#1d0d08}
body[data-mode=chistota] .win{fill:#f2c79f}
body[data-mode=chistota] .tool{opacity:0;transform:translateY(14px)}
body[data-mode=chistota] .spark{opacity:1}
.ground{stroke:var(--acc);transition:stroke .6s}
.facts{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin-top:50px}
.facts .w{display:flex;flex-wrap:wrap;gap:12px 40px;padding-top:20px;padding-bottom:20px;font-weight:600;font-size:.98rem}
.facts b{color:var(--acc);font-family:var(--hf)}
section{padding:90px 0;scroll-margin-top:78px}
.groups{display:flex;flex-direction:column;gap:70px}
body[data-mode=chistota] #g-remont{order:2}
.grp-hd{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px;flex-wrap:wrap}
.grp-hd p{color:var(--soft);max-width:34em}
.rows{list-style:none;border-top:1px solid var(--ln)}
.rows li{border-bottom:1px solid var(--ln)}
.rows a{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr 40px;gap:30px;align-items:center;padding:26px 8px;text-decoration:none;transition:background-color .3s,padding .3s}
.rows a:hover{background:var(--surf);padding-left:20px}
.rows h3{font-size:clamp(1.15rem,2vw,1.45rem)}
.rows p{color:var(--soft);font-size:.98rem}
.rows .ar{width:40px;height:40px;border-radius:50%;border:1px solid var(--ln);display:grid;place-items:center;color:var(--acc);transition:background-color .3s,color .3s}
.rows a:hover .ar{background:var(--acc);color:var(--accink)}
.price{background:var(--surf);transition:background-color .6s}
.price .w{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.price p{color:var(--soft);margin-bottom:14px}
.price ul{list-style:none;display:grid;gap:14px}
.price li{display:flex;gap:14px;align-items:flex-start;font-weight:600}
.price li::before{content:"";flex:none;width:10px;height:10px;margin-top:9px;background:var(--acc);transform:rotate(45deg)}
.about .ab{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}
.about p{color:var(--soft);margin-bottom:16px}
.quote{font-family:var(--hf);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.2;border-left:1px solid var(--acc);padding-left:28px;align-self:center}
.quote small{display:block;font-family:var(--bf);font-size:.95rem;font-weight:600;color:var(--acc);margin-top:18px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border-top:1px solid var(--ln)}
.steps li{padding:26px 24px 10px 0}
.steps b{display:block;font-family:var(--hf);font-size:2.4rem;color:var(--acc);line-height:1;margin-bottom:14px}
.steps p{color:var(--soft);font-size:.96rem}
.gal-empty{border:1px dashed var(--ln);border-radius:18px;padding:60px 24px;text-align:center;color:var(--soft)}
.faq details{border-bottom:1px solid var(--ln)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-family:var(--hf);font-weight:600;font-size:1.12rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:16px;font-size:1.7rem;color:var(--acc);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--soft);max-width:46em}
.faq .w{max-width:900px}
.cnt .w{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.cnt-big{font-family:var(--hf);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--acc);text-decoration:none;display:inline-block;margin:6px 0 18px}
.cnt dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin-bottom:24px}
.cnt dt{font-weight:700}
.cnt dd{color:var(--soft)}
.navlbl{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}
.navbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.navbtn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:100px;text-decoration:none;font-weight:700;border:1px solid var(--ln);background:var(--surf);transition:transform .25s,border-color .25s}
.navbtn:hover{transform:translateY(-2px);border-color:var(--acc)}
.navbtn svg{width:20px;height:20px;color:var(--acc)}
.map{border-radius:18px;overflow:hidden;border:1px solid var(--ln);aspect-ratio:16/10}
.map iframe{width:100%;height:100%;border:0;display:block}
.frm{background:var(--surf);border:1px solid var(--ln);border-radius:22px;padding:34px;transition:background-color .6s}
.frm label{display:block;font-weight:700;font-size:.92rem;margin:0 0 6px}
.frm input,.frm select,.frm textarea{width:100%;font:inherit;font-size:1rem;padding:13px 16px;border-radius:12px;border:1px solid var(--ln);background:var(--bg);color:var(--ink);margin-bottom:16px;transition:background-color .6s}
.frm textarea{min-height:120px;resize:vertical}
.frm .btn{width:100%;justify-content:center}
.frm .ok{display:none;padding:14px;border-radius:12px;background:var(--acc);color:var(--accink);font-weight:700;margin-top:14px}
.frm small{display:block;color:var(--soft);font-size:.82rem;margin-top:12px}
.ft{border-top:1px solid var(--ln);padding:50px 0 100px;font-size:.95rem;color:var(--soft)}
.ft .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}
.ft .logo{width:130px}
.ft nav{display:grid;gap:6px}
.ft a{text-decoration:none}
.ft a:hover{color:var(--acc)}
.mbar{display:none}
.mnav{display:none}
.hero{padding-top:34px}.hero .w{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}.hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);margin-bottom:22px}.hero .lead{min-height:0;margin-bottom:22px}
.hero .art{order:-1;max-width:300px;justify-self:center}
.hero .lead{margin-left:auto;margin-right:auto}
.hero .ctas{justify-content:center}
.hero .sw{margin-left:auto;margin-right:auto}
.facts .w{justify-content:center}
@media(max-width:1060px){.nav,.hphone{display:none}.burger{display:block}
.mnav.open{display:flex;position:fixed;inset:78px 0 0;z-index:60;background:var(--bg);flex-direction:column;padding:30px 24px;gap:6px}
.mnav a{font-family:var(--hf);font-weight:700;font-size:1.4rem;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--ln)}}
@media(max-width:860px){.hero{padding:34px 0 20px}.hero .w,.price .w,.about .ab,.cnt .w{grid-template-columns:1fr;gap:34px}
.art{justify-self:center;max-width:250px;order:-1}
.rows a{grid-template-columns:1fr 40px;gap:8px 16px}.rows p{grid-column:1}.rows .ar{grid-row:1/3;grid-column:2}
.steps{grid-template-columns:1fr 1fr}section{padding:64px 0}
.mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--bg);border-top:1px solid var(--ln);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
.mbar .btn{justify-content:center;padding:13px}}
@media(max-width:480px){.sw button{padding:12px 10px;gap:8px}.sw button svg{width:24px;height:24px}.sw b{font-size:1.12rem}.sw i{font-size:.76rem}.navbtns{grid-template-columns:1fr}.frm{padding:22px}.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}
body[data-mode=remont]{--bg:#1c1f23;--surf:#272b30;--ink:#eef0f2;--soft:rgba(238,240,242,.7);--acc:#d9743a;--accink:#16181b;--ln:rgba(238,240,242,.13)}
body[data-mode=chistota]{--bg:#ecf5fb;--surf:#fff;--ink:#14283a;--soft:#4b6275;--acc:#c4652e;--accink:#fff;--ln:rgba(20,40,58,.14)}
body[data-mode=remont] .win{fill:#1c1f23}
body[data-mode=chistota] .h1f{stroke:#1e3a52 !important}
body[data-mode=chistota] .h2f{stroke:#3f7aa8 !important}
body[data-mode=chistota] .win{fill:#cfe7f5}
body[data-mode=chistota] .spark{stroke:#3f7aa8}
.price{transition:background-color .6s}
/* дълбочина */
body::before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;transition:opacity .6s;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
body[data-mode=chistota]::before{opacity:.035}
.hero{position:relative;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .8s ease;pointer-events:none}
.hero::before{opacity:0;
background:
radial-gradient(ellipse 46% 40% at 50% 24%,rgba(217,116,58,.22),rgba(217,116,58,0) 72%),
radial-gradient(ellipse 80% 70% at 50% 110%,rgba(0,0,0,.45),rgba(0,0,0,0) 70%),
repeating-linear-gradient(0deg,rgba(238,240,242,.045) 0 1px,rgba(238,240,242,0) 1px 56px),
repeating-linear-gradient(90deg,rgba(238,240,242,.045) 0 1px,rgba(238,240,242,0) 1px 56px),
linear-gradient(180deg,#2a2f35 0%,#1c1f23 100%);
-webkit-mask-image:radial-gradient(ellipse 90% 85% at 50% 35%,#000 55%,rgba(0,0,0,.6) 100%);mask-image:radial-gradient(ellipse 90% 85% at 50% 35%,#000 55%,rgba(0,0,0,.6) 100%)}
.hero::after{opacity:0;
background:
radial-gradient(circle at 50% 22%,rgba(255,255,255,.95),rgba(255,255,255,0) 38%),
radial-gradient(circle at 12% 78%,rgba(176,213,240,.55),rgba(176,213,240,0) 30%),
radial-gradient(circle at 88% 30%,rgba(176,213,240,.5),rgba(176,213,240,0) 28%),
radial-gradient(circle at 78% 92%,rgba(196,101,46,.08),rgba(196,101,46,0) 26%),
linear-gradient(180deg,#f5f9fd 0%,#e2eff8 100%)}
body[data-mode=remont] .hero::before{opacity:1}
body[data-mode=chistota] .hero::after{opacity:1}
.facts{position:relative;background:transparent}
body[data-mode=remont] .price{background:linear-gradient(135deg,#2b3036 0%,#22262b 55%,#2a2522 100%)}
body[data-mode=chistota] .price{background:linear-gradient(135deg,#ffffff 0%,#e4f0f9 100%)}
body[data-mode=remont] .cnt{background:radial-gradient(ellipse 60% 60% at 15% 20%,rgba(217,116,58,.08),rgba(217,116,58,0) 70%)}
body[data-mode=chistota] .cnt{background:radial-gradient(ellipse 60% 60% at 15% 20%,rgba(176,213,240,.45),rgba(176,213,240,0) 70%)}
.art svg{filter:drop-shadow(0 22px 30px rgba(0,0,0,.28));transition:filter .6s}
body[data-mode=chistota] .art svg{filter:drop-shadow(0 18px 26px rgba(30,58,82,.12))}
/* снимка от обект за Ремонт */
.hero::before{background:
radial-gradient(ellipse 50% 42% at 50% 40%,rgba(22,24,27,.55),rgba(22,24,27,0) 75%),
linear-gradient(180deg,rgba(28,31,35,.72) 0%,rgba(28,31,35,.62) 45%,rgba(28,31,35,.94) 100%),
radial-gradient(ellipse 46% 40% at 50% 24%,rgba(217,116,58,.18),rgba(217,116,58,0) 72%),
image-set(url("../img/hero/remont3-1600.webp") type("image/webp"),url("../img/hero/remont3-1600.jpg") type("image/jpeg")) center bottom/cover no-repeat,#1c1f23;
-webkit-mask-image:none;mask-image:none}
@media(max-width:860px){.hero::before{background:
linear-gradient(180deg,rgba(28,31,35,.7) 0%,rgba(28,31,35,.68) 50%,rgba(28,31,35,.95) 100%),
image-set(url("../img/hero/remont3-900.webp") type("image/webp"),url("../img/hero/remont3-900.jpg") type("image/jpeg")) 30% bottom/cover no-repeat,#1c1f23}}
.hero .art{max-width:240px}
/* без медно петно: тъмна винетка от краищата към центъра */
.hero::before{background:
radial-gradient(ellipse 62% 75% at 50% 42%,rgba(14,16,19,0) 0%,rgba(14,16,19,.35) 55%,rgba(14,16,19,.88) 100%),
linear-gradient(180deg,rgba(28,31,35,.6) 0%,rgba(28,31,35,.52) 45%,rgba(28,31,35,.9) 100%),
image-set(url("../img/hero/remont3-1600.webp") type("image/webp"),url("../img/hero/remont3-1600.jpg") type("image/jpeg")) center bottom/cover no-repeat,#1c1f23}
@media(max-width:860px){.hero::before{background:
radial-gradient(ellipse 90% 70% at 50% 40%,rgba(14,16,19,0) 0%,rgba(14,16,19,.4) 60%,rgba(14,16,19,.9) 100%),
linear-gradient(180deg,rgba(28,31,35,.62) 0%,rgba(28,31,35,.58) 50%,rgba(28,31,35,.94) 100%),
image-set(url("../img/hero/remont3-900.webp") type("image/webp"),url("../img/hero/remont3-900.jpg") type("image/jpeg")) 30% bottom/cover no-repeat,#1c1f23}}
body[data-mode=remont] .price{background:radial-gradient(ellipse 70% 90% at 50% 50%,#2b3035 0%,#202428 70%,#191c1f 100%)}
body[data-mode=remont] .cnt{background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(14,16,19,0),rgba(14,16,19,.45) 100%)}
/* снимка за Чистота */
.hero::after{background:
radial-gradient(ellipse 55% 60% at 50% 45%,rgba(255,255,255,.62) 0%,rgba(255,255,255,0) 100%),
radial-gradient(ellipse 62% 75% at 50% 42%,rgba(200,225,243,0) 40%,rgba(200,225,243,.55) 100%),
linear-gradient(180deg,rgba(236,245,251,.62) 0%,rgba(236,245,251,.56) 50%,rgba(236,245,251,.9) 100%),
image-set(url("../img/hero/chistota3-1600.webp") type("image/webp"),url("../img/hero/chistota3-1600.jpg") type("image/jpeg")) right center/cover no-repeat,#ecf5fb}
@media(max-width:860px){.hero::after{background:
radial-gradient(ellipse 90% 60% at 50% 45%,rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 100%),
linear-gradient(180deg,rgba(236,245,251,.76) 0%,rgba(236,245,251,.74) 50%,rgba(236,245,251,.94) 100%),
image-set(url("../img/hero/chistota3-900.webp") type("image/webp"),url("../img/hero/chistota3-900.jpg") type("image/jpeg")) 80% center/cover no-repeat,#ecf5fb}}
/* лентата под входа - плътна */
.hero .facts{position:relative;z-index:1;transition:background-color .6s,border-color .6s}
body[data-mode=remont] .hero .facts{background:#141619;border-color:#141619}
body[data-mode=chistota] .hero .facts{background:#fff;border-color:#fff}
.hero{padding-bottom:0}
/* услугите: само за избрания режим */
body[data-mode=remont] #pochistvane,body[data-mode=chistota] #g-remont{display:none}
body[data-mode=remont] #g-remont,body[data-mode=chistota] #pochistvane{animation:fi .5s ease}
#pochistvane{scroll-margin-top:120px}
/* по-дълбоко тъмно, без мъгла */
body[data-mode=remont]{--bg:#111316;--surf:#1a1d21;--accink:#111316;--ln:rgba(238,240,242,.11)}
body[data-mode=remont] .win{fill:#111316}
body[data-mode=remont]::before{opacity:.035}
.hero::before{background:
radial-gradient(ellipse 62% 75% at 50% 42%,rgba(6,7,8,0) 0%,rgba(6,7,8,.4) 55%,rgba(6,7,8,.92) 100%),
linear-gradient(180deg,rgba(10,11,13,.58) 0%,rgba(10,11,13,.48) 45%,rgba(10,11,13,.9) 100%),
image-set(url("../img/hero/remont3-1600.webp") type("image/webp"),url("../img/hero/remont3-1600.jpg") type("image/jpeg")) center bottom/cover no-repeat,#111316}
@media(max-width:860px){.hero::before{background:
radial-gradient(ellipse 90% 70% at 50% 40%,rgba(6,7,8,0) 0%,rgba(6,7,8,.45) 60%,rgba(6,7,8,.92) 100%),
linear-gradient(180deg,rgba(10,11,13,.6) 0%,rgba(10,11,13,.55) 50%,rgba(10,11,13,.94) 100%),
image-set(url("../img/hero/remont3-900.webp") type("image/webp"),url("../img/hero/remont3-900.jpg") type("image/jpeg")) 30% bottom/cover no-repeat,#111316}}
body[data-mode=remont] .hero .facts{background:#0b0c0e;border-color:#0b0c0e}
body[data-mode=remont] .price{background:radial-gradient(ellipse 70% 90% at 50% 50%,#1d2024 0%,#15171a 70%,#0f1113 100%)}
body[data-mode=remont] .cnt{background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(6,7,8,0),rgba(6,7,8,.5) 100%)}

.steps{grid-template-columns:repeat(3,1fr)}
.hw .m-c,body[data-mode=chistota] .hw .m-r{display:none}
body[data-mode=chistota] .hw .m-c{display:inline}
@media(max-width:860px){.steps{grid-template-columns:1fr}}

.faq .m-c,.fq-c,body[data-mode=chistota] .faq .m-r,body[data-mode=chistota] .fq-r{display:none}
body[data-mode=chistota] .faq .m-c{display:inline}
body[data-mode=chistota] .fq-c{display:block;animation:fi .5s ease}
body[data-mode=remont] .fq-r{animation:fi .5s ease}
/* Цена - снимка отстрани */
body[data-mode=chistota] .price{background:linear-gradient(135deg,#ffffff 0%,#e4f0f9 100%)}
.price ul{margin:22px 0 28px}
.pr-ph{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 24px 50px rgba(0,0,0,.22);position:relative}
body[data-mode=chistota] .pr-ph{box-shadow:0 22px 46px rgba(20,40,58,.16)}
.pr-ph picture,.pr-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pr-ph .m-r img{object-position:center bottom}
.pr-ph .m-c img{object-position:60% center}
.pr-ph .m-c,body[data-mode=chistota] .pr-ph .m-r{display:none}
body[data-mode=chistota] .pr-ph .m-c{display:block;animation:fi .5s ease}
/* Ремонт вход: равномерен воал, без винетка */
.hero::before{background:
linear-gradient(rgba(10,11,13,.62),rgba(10,11,13,.62)),
image-set(url("../img/hero/remont3-1600.webp") type("image/webp"),url("../img/hero/remont3-1600.jpg") type("image/jpeg")) center bottom/cover no-repeat,#111316}
@media(max-width:860px){.hero::before{background:
linear-gradient(rgba(10,11,13,.64),rgba(10,11,13,.64)),
image-set(url("../img/hero/remont3-900.webp") type("image/webp"),url("../img/hero/remont3-900.jpg") type("image/jpeg")) 30% bottom/cover no-repeat,#111316}}

body[data-mode=chistota] .how{background:#fff}
.how{transition:background-color .6s}

body[data-mode=chistota] .faq{background:#fff}
.faq{transition:background-color .6s}

body[data-mode=chistota] .hd{background:rgba(255,255,255,.96)}
body[data-mode=chistota] .ft,body[data-mode=chistota] .mbar,body[data-mode=chistota] .mnav.open{background:#fff}
.ft{transition:background-color .6s}

/* галерия */
.gal{columns:4 230px;column-gap:14px}
.gi{display:block;margin:0 0 14px;border-radius:14px;overflow:hidden;break-inside:avoid;position:relative;background:var(--surf)}
.gi img{width:100%;height:auto;transition:transform .5s ease,filter .4s}
.gi:hover img{transform:scale(1.04)}
body[data-mode=remont] .gi img{filter:saturate(.9)}
.lb{position:fixed;inset:0;z-index:200;background:rgba(8,9,11,.94);display:flex;align-items:center;justify-content:center;padding:20px}
.lb[hidden]{display:none}
.lb img{max-width:min(92vw,1400px);max-height:86vh;border-radius:10px;object-fit:contain}
.lb button{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;width:52px;height:52px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.2)}
.lb-x{top:calc(16px + env(safe-area-inset-top));right:16px}.lb-p{left:16px}.lb-n{right:16px}
@media(max-width:600px){.gal{columns:2 140px;column-gap:10px}.gi{margin-bottom:10px;border-radius:10px}.lb-p,.lb-n{bottom:24px;top:auto}}

.ht .m-c,body[data-mode=chistota] .ht .m-r{display:none}
body[data-mode=chistota] .ht .m-c{display:inline}
/* превключвател - по-изчистен */
.sw{max-width:500px;border-radius:100px;padding:5px;border:1px solid rgba(238,240,242,.16);background:rgba(17,19,22,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.28)}
body[data-mode=chistota] .sw{border-color:rgba(20,40,58,.1);background:rgba(255,255,255,.78);box-shadow:0 14px 36px rgba(20,40,58,.1)}
.sw .th{top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:100px;background:linear-gradient(180deg,#e2864d 0%,#c4652e 100%);box-shadow:0 8px 22px rgba(196,101,46,.38),inset 0 1px 0 rgba(255,255,255,.28)}
.sw button{padding:9px 20px 9px 9px;gap:12px;border-radius:100px}
.sw button:not([aria-pressed=true]):hover{background:transparent}
.sw button svg{width:38px;height:38px;padding:9px;border-radius:50%;border:1px solid currentColor;opacity:.55;transition:opacity .3s,background-color .3s,border-color .3s}
.sw button[aria-pressed=true] svg{opacity:1;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.16)}
.sw button:not([aria-pressed=true]):hover svg{opacity:.9}
.sw b{font-size:1.08rem;font-weight:700;letter-spacing:.005em}
.sw i{font-size:.78rem;font-weight:500;opacity:.68;letter-spacing:.01em;margin-top:1px}
body[data-mode=remont] .sw [data-m=remont],body[data-mode=chistota] .sw [data-m=chistota]{color:#fff}
.sw button:not([aria-pressed=true]){color:var(--soft)}
.swq{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
@media(max-width:480px){.sw button{padding:7px 10px 7px 7px;gap:8px}.sw button svg{width:32px;height:32px;padding:7px}.sw b{font-size:1rem}.sw i{font-size:.7rem}}

.pr-ph .m-r img{object-position:center 55%}
/* тъмно: същото редуване като светлото (бялото -> по-светъл тъмен панел) */
body[data-mode=remont] .hero .facts{background:#1c1f23;border-color:#1c1f23}
body[data-mode=remont] .how,body[data-mode=remont] .faq,body[data-mode=remont] .ft{background:#1c1f23}
body[data-mode=remont] .hd{background:rgba(28,31,35,.96)}
body[data-mode=remont] .mbar,body[data-mode=remont] .mnav.open{background:#1c1f23}
body[data-mode=remont] .price{background:linear-gradient(135deg,#1c1f23 0%,#131518 100%)}
body[data-mode=remont] .cnt{background:radial-gradient(ellipse 60% 60% at 15% 20%,rgba(28,31,35,.9),rgba(17,19,22,0) 70%)}
.how,.faq,.ft,.hero .facts{transition:background-color .6s,border-color .6s}

.bx-c,body[data-mode=chistota] .bx-r{display:none}
body[data-mode=chistota] .bx-c{display:block;animation:fi .5s ease}
body[data-mode=remont] .bx-r{animation:fi .5s ease}
/* страница Запитване */
.pg-z main{padding-top:0}
.zq-top{padding:64px 0 34px;text-align:center}
.zq-top h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;margin-bottom:14px}
.zq-top p{color:var(--soft);max-width:36em;margin:0 auto}
.zq-split{display:grid;grid-template-columns:1fr 1fr;padding:0}
.zq-h{position:relative;border:0;cursor:pointer;min-height:300px;display:flex;align-items:flex-end;padding:34px clamp(22px,5vw,64px);text-align:left;font:inherit;overflow:hidden;transition:filter .4s}
.zq-r{background:linear-gradient(rgba(10,11,13,.6),rgba(10,11,13,.75)),image-set(url("../img/hero/remont3-900.webp") type("image/webp"),url("../img/hero/remont3-900.jpg") type("image/jpeg")) center bottom/cover;color:#eef0f2}
.zq-c{background:linear-gradient(rgba(236,245,251,.62),rgba(236,245,251,.8)),image-set(url("../img/hero/chistota3-900.webp") type("image/webp"),url("../img/hero/chistota3-900.jpg") type("image/jpeg")) right center/cover;color:#14283a}
.zq-in{display:block;transition:transform .4s}
.zq-h b{display:block;font-family:var(--hf);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;line-height:1.05;margin-bottom:8px}
.zq-h i{display:block;font-style:normal;font-weight:600;opacity:.8;margin-bottom:16px;max-width:26em}
.zq-h em{font-style:normal;font-family:var(--hf);font-weight:700;color:#d9743a;border-bottom:2px solid currentColor;padding-bottom:2px}
.zq-c em{color:#c4652e}
.zq-h::after{content:"";position:absolute;inset:0;border:3px solid #d9743a;opacity:0;transition:opacity .4s;pointer-events:none}
.zq-h.on::after{opacity:1}
.zq-h:not(.on){filter:saturate(.6) brightness(.92)}
.zq-h:hover .zq-in{transform:translateY(-4px)}
.zq-f .w{grid-template-columns:1.15fr .85fr;gap:50px;align-items:start}
.zq-f .sw{margin:0 0 24px}
.zq-f .swq{margin-bottom:10px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.zq-side h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.pg-z .facts{display:none}
.nav a[aria-current=page]{opacity:1;border-color:var(--acc)}
@media(max-width:860px){.zq-split{grid-template-columns:1fr}.zq-h{min-height:190px}.zq-f .w{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}
.nw{white-space:nowrap}
/* страница Галерия */
.gl{padding-top:70px}
.gl h2{margin-bottom:26px}
.gl-cta{margin-top:30px}
body[data-mode=chistota] .gl{background:#fff}

@media(max-width:860px){.hero .ctas{display:none}.hero .lead{margin-bottom:26px}}

/* достъпност: по-тъмна мед на светлото, бял текст 4.9:1 */
body[data-mode=chistota]{--acc:#b4561f}

:root{--hf:"Rubik","Rubik FB",system-ui,sans-serif;--bf:"Manrope","Manrope FB",system-ui,sans-serif}
@media(max-width:600px){.zq-top .h3l{min-height:3.3em}}
body[data-mode=chistota] .quote small{color:#9a4718}

.gal-c{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gal-c .gi{margin:0}.gal-c .gi img{aspect-ratio:3/2;object-fit:cover}
@media(max-width:600px){.gal-c{grid-template-columns:1fr 1fr;gap:10px}}

/* поверителност, 404 */
.pol{padding-top:20px}.pol .w{max-width:820px}.pol h2{font-size:1.35rem;margin:34px 0 10px}.pol p{color:var(--soft)}.pol a,.frm small a,.ft a[href="poveritelnost.html"]{text-decoration:underline}
.e404{padding:110px 0 120px}

.tel2{margin:-10px 0 20px;font-weight:600;color:var(--soft)}.tel2 a{color:var(--ink);text-decoration:none;font-family:var(--hf);font-weight:700;font-size:1.15rem}