/* Общий каркас внутренних страниц в стиле новой главной (шаг 1 редизайна, 2026-11).
@font-face{font-family:Golos;src:url(/styles/golos.woff2) format("woff2"),url(/styles/golos.ttf) format("truetype");font-weight:400 900;font-display:swap}
   Токены — как в home-client / tail.css. Подключается на всех страницах, кроме главной. */
:root{--eb-teal:#0ea498;--eb-teal-d:#07857b;--eb-teal-l:#e2f5f3;--eb-navy:#24364f;--eb-ink2:#617083;--eb-line:#dbe5ea;--eb-bg:#edf4f7}

/* Шрифт Golos вместо PF DinDisplay на всех внутренних страницах */
body.eb-shell,body.eb-shell :is(h1,h2,h3,h4,h5,h6,p,a,li,td,th,span,div,button,input,select,textarea,label,b,strong,small,em,summary){font-family:Golos,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.eb-shell{color:var(--eb-navy);-webkit-font-smoothing:antialiased}
body.eb-shell h1{font-weight:800;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
body.eb-shell :is(h2,h3){letter-spacing:-.015em}
body.eb-shell .btn-green{background:var(--eb-teal);border-radius:12px;font-weight:700}
body.eb-shell .btn-green:hover{background:var(--eb-teal-d)}

/* Старая шапка, её липкий дубль и мобильное меню больше не выводятся */
body.eb-shell .main>.content,body.eb-shell .main>.content--padtop{padding-top:0!important}
body.eb-shell .m-block,body.eb-shell .m-navi_curtain,body.eb-shell .up_arrow{display:none!important}

/* ---------- Шапка ---------- */
.ebh{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--eb-line);font-family:Golos,Arial,sans-serif;color:var(--eb-navy)}
.ebh a{color:inherit;text-decoration:none}
.ebh-wrap{max-width:1240px;margin:0 auto;padding:0 24px;height:74px;display:flex;align-items:center;gap:clamp(12px,2vw,28px)}
.ebh-brand{flex:none;display:block}
.ebh-brand img{display:block;height:52px;width:auto}
.ebh-menu{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;font-weight:600;white-space:nowrap}
.ebh-menu>a,.ebh-menu>span,.ebh-drop-btn{display:block;padding:26px 0;line-height:22px}
.ebh-menu a:hover,.ebh-menu .is-current{color:var(--eb-teal-d)}
.ebh-r{flex:none;margin-left:auto;display:flex;align-items:center;gap:8px}
.ebh-tool{position:relative;display:grid;place-items:center;width:36px;height:40px;border:0;background:none;color:var(--eb-navy);cursor:pointer;padding:0}
.ebh-tool svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none}
.ebh-tool small{position:absolute;right:-4px;top:0;font-size:10px;line-height:16px;border-radius:20px;background:#087d74;color:#fff;padding:0 4px}
.ebh-tool small:empty,.ebh-tool:not(.has-items) small{display:none}
.ebh-phone{display:grid;justify-items:end;gap:2px;white-space:nowrap}
.ebh-phone a{font-size:17px;font-weight:700;line-height:1.3}
.ebh-phone button{background:none;border:0;padding:0;color:#546677;font-size:12px;border-bottom:1px dashed #9faeb3;cursor:pointer;font-family:inherit}
.ebh-btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font:700 14px/1.3 Golos,Arial,sans-serif;padding:10px 14px;border-radius:10px;background:var(--eb-teal);color:#fff!important;white-space:nowrap;transition:background .15s}
.ebh-btn:hover{background:var(--eb-teal-d)}
.ebh-recall{margin-left:6px}
.ebh :focus-visible{outline:3px solid #00867b;outline-offset:3px;border-radius:4px}

/* Выпадающее меню «Проекты домов» */
.ebh-drop{position:static}
.ebh-drop-btn::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ebh-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--eb-line);box-shadow:0 24px 40px #20364824;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility 0s .15s;white-space:normal}
.ebh-drop:hover .ebh-mega,.ebh-drop:focus-within .ebh-mega{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.ebh-mega-in{max-width:1240px;margin:0 auto;padding:28px 24px 32px;display:grid;grid-template-columns:1fr 220px;gap:40px}
.ebh-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px}
.ebh-cat{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:14px}
.ebh-cat b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--eb-teal-d);margin-bottom:4px}
.ebh-cat a:hover{color:var(--eb-teal-d);text-decoration:underline}
.ebh-cat .is-current{color:var(--eb-teal-d)}
.ebh-mega-cta{background:var(--eb-bg);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--eb-ink2)}
.ebh-mega-cta img{width:100%;height:auto;border-radius:8px}
.ebh-mega-cta p{margin:0}

/* Мобильное меню */
.ebh-burger{display:none;position:static}
.ebh-burger>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;margin-left:-8px}
.ebh-burger>summary::-webkit-details-marker{display:none}
.ebh-burger>summary svg{width:24px;height:24px;stroke:var(--eb-navy);stroke-width:2;fill:none}
.ebh-sheet{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 64px);overflow:auto;background:#fff;box-shadow:0 20px 30px #20364833;padding:8px 16px 20px;display:flex;flex-direction:column;font-size:17px;font-weight:600}
.ebh-sheet>a,.ebh-sheet>span,.ebh-sub>summary{padding:12px 0;border-bottom:1px solid var(--eb-line)}
.ebh-sub>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.ebh-sub>summary::-webkit-details-marker{display:none}
.ebh-sub>summary::after{content:"+";color:var(--eb-teal-d);font-weight:700}
.ebh-sub[open]>summary::after{content:"–"}
.ebh-sub .ebh-all{display:block;padding:12px 0 4px;color:var(--eb-teal-d)}
.ebh-sub .ebh-cat{padding:10px 0 6px;font-size:15px;gap:8px}
.ebh-sheet-tel{font-size:20px;font-weight:700;border:0!important;padding-top:18px!important}
.ebh-sheet .ebh-btn{margin-top:8px;padding:14px;font-size:15px}

@media (min-width:1480px){.ebh-wrap{max-width:1420px}}
@media (max-width:1479px){.ebh-recall{display:none}}
@media (max-width:1180px){.ebh-menu{font-size:14px;gap:10px}}
@media (max-width:1020px){
  .ebh-menu{display:none}
  .ebh-burger{display:block}
  .ebh-wrap{height:64px;padding:0 16px;gap:12px}
  .ebh-brand img{height:42px}
}
.ebh-tel{display:none}
@media (max-width:560px){
  .ebh-phone{display:none}
  .ebh-tel{display:grid}
  .ebh-brand img{height:38px}
  .ebh-r{gap:4px}
}

/* Хлебные крошки под новой шапкой */
body.eb-shell .ecobrus-breadcrumbs{padding-top:20px;font-size:14px;color:var(--eb-ink2)}
body.eb-shell .ecobrus-breadcrumbs a{color:var(--eb-teal-d)}

/* Видео YouTube: превью, плеер грузится по клику */
.eb-yt{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:#152234;overflow:hidden;display:block}
.eb-yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;transition:opacity .2s}
.eb-yt:hover img{opacity:1}
.eb-yt-play{position:absolute;left:50%;top:50%;width:76px;height:54px;margin:-27px 0 0 -38px;border-radius:14px;background:#f00}
.eb-yt-play::after{content:"";position:absolute;left:31px;top:16px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}

.project-video-wrap figure{position:relative}

/* Короткие пункты (размеры) — плашками в строку */
.ebh-cat--inline{flex-direction:row;flex-wrap:wrap;gap:6px}
.ebh-cat--inline b{flex-basis:100%}
.ebh-cat--inline a,.ebh-cat--inline span{padding:3px 9px;border-radius:999px;background:var(--eb-bg);font-size:13px}
.ebh-cat--inline a:hover{background:var(--eb-teal-l);text-decoration:none}
.ebh-mega-in{max-height:calc(100vh - 74px);overflow:auto}

/* Подменю раздела «О компании»: О нас / Видео / Вакансии */
body.eb-shell .eb-subnav{background:#fff;border-bottom:1px solid var(--eb-line);margin:0;padding:0;position:static;height:auto}
body.eb-shell .eb-subnav .container{max-width:1240px;padding:0 24px;width:auto}
body.eb-shell .eb-subnav ul{display:flex;gap:8px;margin:0;padding:12px 0;list-style:none}
body.eb-shell .eb-subnav li{margin:0;padding:8px 16px;border-radius:999px;font:600 14px/1.2 Golos,Arial,sans-serif;color:var(--eb-navy);background:var(--eb-bg)}
body.eb-shell .eb-subnav li a{color:inherit;text-decoration:none}
body.eb-shell .eb-subnav li.active{background:var(--eb-navy);color:#fff}
body.eb-shell .eb-subnav li::before,body.eb-shell .eb-subnav li::after{display:none}
/* Превью видео внутри текстов: держим пропорцию 16:9 */
figure.media:has(> .eb-yt){position:relative;height:auto!important;aspect-ratio:16/9;max-width:100%}
.inner-text figure.media:has(> .eb-yt),.article-prose figure.media:has(> .eb-yt){height:auto}
figure.media .eb-yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.eb-yt img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none}
figure.media:has(> .eb-yt-frame){position:relative;height:auto!important;aspect-ratio:16/9;max-width:100%}

/* Блок «Скачайте каталог» (виджет 11) в стиле главной */
.eb-catband{padding:64px 0;font-family:Golos,Arial,sans-serif}
.eb-catband__wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.eb-catband__card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;background:linear-gradient(135deg,#24364f,#1b2a3f);border-radius:28px;overflow:hidden;color:#fff}
.eb-catband__text{padding:44px 0 44px 48px}
.eb-catband__lbl{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#5fe3d2;margin-bottom:12px}
.eb-catband__title{font:800 clamp(28px,3.2vw,42px)/1.08 Golos,Arial,sans-serif!important;letter-spacing:-.03em;color:#fff!important;margin:0 0 12px!important;padding:0!important;text-transform:none!important}
.eb-catband__title::after,.eb-catband__title::before{display:none!important}
.eb-catband__text p{color:#c9d5e2;font-size:17px;line-height:1.5;margin:0 0 24px}
.eb-catband__btn{display:inline-flex;align-items:center;justify-content:center;background:#0ea498;color:#fff!important;font-weight:700;font-size:16px;padding:16px 28px;border-radius:12px;text-decoration:none!important;transition:background .15s}
.eb-catband__btn:hover{background:#07857b}
.eb-catband__img{align-self:stretch;min-height:300px;background:#2c4363}
.eb-catband__img img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.eb-catband__card{grid-template-columns:1fr}.eb-catband__text{padding:32px 24px 8px}.eb-catband__img{min-height:0;aspect-ratio:4/3}}
@media (max-width:600px){.eb-catband{padding:40px 0}.eb-catband__wrap{padding:0 16px}.eb-catband__card{border-radius:20px;gap:16px}}

/* «Популярные категории» (виджет 15) — плашками */
.eb-popcats{padding:64px 0;font-family:Golos,Arial,sans-serif;color:#24364f}
.eb-popcats__wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.eb-popcats__h{font:800 clamp(28px,3.2vw,40px)/1.08 Golos,Arial,sans-serif!important;letter-spacing:-.03em;margin:0 0 24px!important;color:#24364f!important;text-transform:none!important}
.eb-popcats__h::after,.eb-popcats__h::before{display:none!important}
.eb-popcats__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 32px}
.eb-popcats__col b{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#07857b;margin-bottom:10px}
.eb-popcats__chips{display:flex;flex-wrap:wrap;gap:6px}
.eb-popcats__chips a{display:inline-flex;border:1px solid #dbe5ea;background:#fff;border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:600;color:#24364f;text-decoration:none;transition:border-color .15s,color .15s}
.eb-popcats__chips a:hover{border-color:#0ea498;color:#07857b}
@media (max-width:600px){.eb-popcats{padding:44px 0}.eb-popcats__wrap{padding:0 16px}}