/* Страницы услуг. Подключается после style.css и lead.css */
.svc-hero{padding-top:72px;padding-bottom:48px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.svc-hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.05;font-weight:400;text-transform:uppercase;letter-spacing:1px}
.crumbs{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.svc-photos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.svc-photos img{width:100%;height:420px;object-fit:cover;display:block}
.svc-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.svc-two p{font-size:17px;line-height:1.7;color:var(--text)}
.svc-list{list-style:none;padding:0;margin:0;display:grid;gap:0}
.svc-list li{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5;color:var(--text2);display:flex;gap:16px}
.svc-list li::before{content:"—";color:var(--accent)}
.prices{width:100%;border-collapse:collapse;margin-top:24px}
.prices th,.prices td{text-align:left;padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;vertical-align:top}
.prices th{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:400}
.prices td.p{white-space:nowrap;text-align:right;font-size:20px;color:var(--ink)}
.prices-note{margin-top:16px;font-size:13px;line-height:1.6;color:var(--muted)}
.case{background:var(--paper)}
.case-num{font-size:clamp(48px,8vw,96px);line-height:1;color:var(--accent);font-weight:300}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{cursor:pointer;font-size:18px;line-height:1.4;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:24px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:12px;font-size:16px;line-height:1.7;color:var(--text)}
.svc-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.svc-links a{border:1px solid var(--line2);padding:10px 16px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink)}
.svc-links a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:820px){
  .svc-hero{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:32px}
  .svc-photos:not(.svc-photos-1){display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-right:calc(-1 * var(--gut))}
  .svc-photos:not(.svc-photos-1)::-webkit-scrollbar{display:none}
  .svc-photos:not(.svc-photos-1) img{flex:0 0 86%;height:300px;scroll-snap-align:start}
  .svc-photos-1{grid-template-columns:1fr}
  .svc-photos-1 img{height:300px}
  .svc-two{grid-template-columns:1fr;gap:28px}
  .prices td.p{font-size:17px}
}
.prices th.p{text-align:right}
/* Выпадающее меню «Услуги» в шапке */
.nav{align-items:center}
.nav-dd{position:relative}
.nav-dd summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}
.nav-dd summary::-webkit-details-marker{display:none}
.nav-dd summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-dd[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.nav-dd summary:hover,.nav-dd[open] summary{color:var(--accent)}
.dd-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);z-index:60;min-width:320px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 32px rgba(17,19,22,.12);padding:8px 0;display:flex;flex-direction:column}
.dd-menu a{padding:12px 22px;font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink);white-space:nowrap}
.dd-menu a:hover{background:var(--soft);color:var(--accent)}
.dd-menu a span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:1080px){
  .nav{display:flex}
  .nav > a{display:none}
  .dd-menu{position:fixed;top:64px;left:16px;right:16px;transform:none;min-width:0}
  .dd-menu a{white-space:normal}
}
.svc-cols{grid-template-columns:1fr 1fr;column-gap:48px}
@media (max-width:820px){.svc-cols{grid-template-columns:1fr}}
/* До / после: компактная галерея */
.gal-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.gal-frame{position:relative;aspect-ratio:4/3;max-height:460px;width:100%;background:var(--paper);overflow:hidden}
.gal-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gal-frame img.wide{object-fit:cover}
.gal-frame img[hidden]{display:none}
.gal-label{position:absolute;left:12px;top:12px;z-index:2;background:var(--navy);color:#fff;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:6px 12px}
.gal-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:10px;font-size:13px;color:var(--muted)}
.gal-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--accent);background:#fff;color:var(--accent);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.gal-btn:hover{background:var(--accent);color:#fff}
@media (max-width:820px){.gal-pair{grid-template-columns:1fr;gap:20px}.gal-frame{aspect-ratio:4/3}}
/* Пары «до/после» в стиле слайдера главной */
.pairs{margin-top:28px}
.pairs-stage{position:relative;overflow:hidden;touch-action:pan-y}
.pairs-track{display:flex;gap:16px;transition:transform .6s cubic-bezier(.33,0,.2,1);will-change:transform}
.pair{flex:0 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pair figure{margin:0;position:relative;overflow:hidden;background:#DCDCD8}
.pair img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;cursor:zoom-in}
.pairs-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px}
.pairs-ui{display:flex;align-items:center;gap:4px}
.pairs-ui .reel-btn{width:46px;height:26px;border:0;background:rgba(17,19,22,.06);color:var(--ink);font-size:13px;transition:background .25s}
.pairs-ui .reel-btn:hover{background:rgba(17,19,22,.06);color:var(--ink)}
@media (hover:hover){.pairs-ui .reel-btn:hover{background:rgba(17,19,22,.12)}}
.pairs-ui .reel-btn:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.pairs-cap{font-size:13px;letter-spacing:.02em;color:var(--muted)}
.pairs > .pairs-cap{margin-top:12px}
@media (max-width:820px){ .pair{grid-template-columns:1fr;gap:6px} .pair img{aspect-ratio:4/3} .pairs-track{gap:6px} .pairs-foot{margin-top:14px} }
/* Главная, «Наши работы» на телефоне: все фото одного размера и не шире экрана, чтобы лента не отпрыгивала */
@media (max-width:720px){
  .reel-item picture{position:relative;overflow:hidden;height:auto;width:76vw;aspect-ratio:4/5}
  .reel-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .reel-track{scroll-snap-type:x proximity}
}
/* Главная: кнопки слайдера и «Наших работ» в едином стиле с «До и после» */
.slider-ui,.reel-nav{gap:4px}
.slider-ui .reel-btn,.reel-nav .reel-btn{width:46px;height:26px;border:0;font-size:13px;transition:background .25s}
.reel-nav .reel-btn,.reel-nav .reel-btn:hover{background:rgba(17,19,22,.06);color:var(--ink)}
.slider-ui .reel-btn,.slider-ui .reel-btn:hover{background:rgba(255,255,255,.22);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (hover:hover){.reel-nav .reel-btn:hover{background:rgba(17,19,22,.12)}.slider-ui .reel-btn:hover{background:rgba(255,255,255,.36)}}
.slider-ui .reel-btn:focus-visible,.reel-nav .reel-btn:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
/* Страница фасадов: виды работ в 2 колонки */
.svc-kinds{display:grid;grid-template-columns:1fr 1fr;gap:40px 48px;margin-top:28px}
.svc-kh{font-size:18px;font-weight:400;letter-spacing:.02em;color:var(--ink);margin:0}
@media (max-width:820px){.svc-kinds{grid-template-columns:1fr;gap:28px}}
/* Раскрывающиеся списки: коротко сверху, подробности по нажатию */
.svc-sum{margin-top:20px;font-size:17px;line-height:1.7;color:var(--text);max-width:760px}
.more{margin-top:16px}
.more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line2)}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"+";color:var(--accent);font-size:18px;line-height:1;letter-spacing:0}
.more[open] summary::after{content:"−"}
.more > .svc-list,.more > .svc-kinds{margin-top:20px}
.svc-sum--top{margin-top:0}
/* Форма: поле «Ваш вариант» скрыто, пока не выбрано «Другое» */
.lead-form label[hidden]{display:none}
/* Заставка при входе на главную: крупный белый логотип → буквы становятся «окном» в сайт → тёмный фон рассеивается */
.splash{--lw:min(560px,64vw);position:fixed;inset:0;z-index:1000;pointer-events:none;animation:splash-out .65s cubic-bezier(.4,0,.2,1) 1s forwards}
.splash-bg{position:absolute;inset:0;background:var(--navy,#13233F);
  -webkit-mask:url(../img/logo-white.svg) center/var(--lw) auto no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:url(../img/logo-white.svg) center/var(--lw) auto no-repeat exclude,linear-gradient(#000 0 0)}
.splash img{position:absolute;left:50%;top:50%;width:var(--lw);height:auto;transform:translate(-50%,-50%) scale(.97);animation:splash-logo .7s ease forwards,splash-clear .4s ease .6s forwards}
.no-splash .splash{display:none}
@keyframes splash-logo{to{transform:translate(-50%,-50%) scale(1)}}
@keyframes splash-clear{from{opacity:1}to{opacity:0}}
@keyframes splash-out{to{opacity:0;transform:scale(1.12);filter:blur(10px);visibility:hidden}}
@media (prefers-reduced-motion:reduce){.splash{display:none}}
/* Просмотр фото на весь экран */
.svc-photos img,.reel-item img,.slide img,.plan img{cursor:zoom-in}
html.lb-open,html.lb-open body{overflow:hidden}
.lb{position:fixed;inset:0;z-index:900;background:rgba(10,14,22,.95);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;touch-action:none}
.lb.is-on{opacity:1}
.lb-stage{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lb-img{max-width:94vw;max-height:86vh;object-fit:contain;display:block;transition:transform .3s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.lb.is-zoom .lb-img{cursor:zoom-out}
.lb-cap{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:rgba(255,255,255,.7);font-size:13px;letter-spacing:.02em;padding:0 80px;pointer-events:none}
.lb-btn{position:absolute;z-index:2;border:0;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:15px;width:46px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s}
.lb-btn:focus-visible{outline:1px solid #fff;outline-offset:2px}
@media (hover:hover){.lb-btn:hover{background:rgba(255,255,255,.24)}}
.lb-x{top:16px;right:16px;font-size:20px}
.lb-prev{left:16px;top:50%;margin-top:-15px}
.lb-next{right:16px;top:50%;margin-top:-15px}
.lb.is-zoom .lb-prev,.lb.is-zoom .lb-next,.lb.is-single .lb-prev,.lb.is-single .lb-next{display:none}
@media (max-width:720px){.lb-prev,.lb-next{top:auto;bottom:14px;margin-top:0}.lb-prev{left:calc(50% - 50px)}.lb-next{right:calc(50% - 50px)}.lb-cap{bottom:56px;padding:0 16px}.lb-img{max-height:78vh}}
/* Первый экран главной: слайды едут и тянутся за пальцем (вместо затухания) */
.slider--slide .slide{opacity:1;transition:transform .6s cubic-bezier(.33,0,.2,1);will-change:transform}
.slider--slide{touch-action:pan-y}
/* «До и после» сразу под кейсом: без повтора заголовка, ближе к серому блоку */
.ba-after-case{padding-top:calc(var(--sec) * .45)}
.ba-after-case .eyebrow{margin:0;font-weight:400}
.ba-after-case .pairs{margin-top:16px}