/* Страница проекта (редизайн, шаг 3). Токены — как на главной. */
.ebp-top{--bg:#edf4f7;--line:#dbe5ea;--ink2:#617083;--ink3:#97a3b2;--teal:#0ea498;--teal-d:#07857b;--teal-l:#e2f5f3;--navy:#24364f;font-family:Golos,Arial,sans-serif;color:var(--navy);padding:8px 0 40px}
.ebp-top *{box-sizing:border-box}
.ebp-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ebp-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:start}
.ebp-offscreen{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ebp-top [hidden]{display:none!important}

/* Галерея */
.ebp-gal{position:sticky;top:96px;min-width:0}
.ebp-main{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;background:var(--bg)}
.ebp-slide{display:block;width:100%;height:100%;cursor:zoom-in}
.ebp-slide img{display:block;width:100%;height:100%;object-fit:cover}
.ebp-slide--plan{background:#fff}
.ebp-slide--plan img{object-fit:contain;padding:12px}
.ebp-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);font:400 30px/1 Golos,Arial,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0 0 4px;box-shadow:0 6px 18px rgba(21,34,52,.18);transition:background .15s}
.ebp-nav:hover{background:#fff}
.ebp-nav--prev{left:14px}
.ebp-nav--next{right:14px}
.ebp-count{position:absolute;right:14px;bottom:14px;background:rgba(21,34,52,.72);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:99px}
.ebp-badges{position:absolute;left:14px;top:14px;display:flex;gap:6px}
.ebp-pill{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:#fff;color:var(--teal-d)}
.ebp-pill--hit{background:#fff3da;color:#a86a00}
.ebp-pill--soft{background:var(--teal-l)}
.ebp-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.ebp-thumbs button{position:relative;flex:none;width:96px;height:64px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:var(--bg);cursor:pointer;opacity:.75;transition:opacity .15s,border-color .15s}
.ebp-thumbs button:hover{opacity:1}
.ebp-thumbs button[aria-selected="true"]{border-color:var(--teal);opacity:1}
.ebp-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.ebp-thumbs .is-plan img{object-fit:contain;background:#fff}
.ebp-thumbs span{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;background:var(--navy);color:#fff;border-radius:6px;padding:1px 5px}

/* Информация */
.ebp-info{display:flex;flex-direction:column;gap:20px;min-width:0}
.ebp-top .ebp-head{display:block!important;grid-template-columns:none!important;margin:0!important;padding:0!important;float:none!important;width:auto!important;min-height:0!important}
.ebp-top .ebp-head>*{float:none!important;width:auto!important;max-width:none!important}
.ebp-head::after,.ebp-head::before{display:none!important}
.ebp-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ebp-top h1{font:800 clamp(30px,3.4vw,44px)/1.08 Golos,Arial,sans-serif;letter-spacing:-.03em;margin:0;padding:0;color:var(--navy);text-transform:none;border:0;text-wrap:balance}
.ebp-top h1::after,.ebp-top h1::before{display:none!important}
.ebp-tools{display:flex;gap:8px;margin-top:14px}
.ebp-tools .ecobrus-favorite-button,.ebp-tools .ecobrus-compare-button{position:static!important;margin:0!important}
.ebp-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ebp-specs>div{background:var(--bg);border-radius:12px;padding:10px 12px;min-width:0}
.ebp-specs>div span:first-child{display:block;font-size:12px;color:var(--ink2)}
.ebp-specs>div span:last-child{display:block;font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.ebp-specs>.ebp-offscreen{padding:0}
.ebp-kits{display:flex;flex-direction:column;gap:8px}
.ebp-kit{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;font-family:inherit;color:var(--navy);transition:border-color .15s,background .15s}
.ebp-kit:hover{border-color:#b9cdd6}
.ebp-kit i{width:20px;height:20px;border-radius:50%;border:2px solid #b9cdd6;position:relative}
.ebp-kit[aria-checked="true"]{border-color:var(--teal);background:var(--teal-l)}
.ebp-kit[aria-checked="true"] i{border-color:var(--teal)}
.ebp-kit[aria-checked="true"] i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--teal)}
.ebp-kit b{display:block;font-size:15px}
.ebp-kit small{display:block;font-size:12px;color:var(--ink2);font-weight:400}
.ebp-kit strong{font-size:18px;font-weight:800;letter-spacing:-.02em;text-align:right;white-space:nowrap}
.ebp-kit strong small{text-align:right}
.ebp-actions{display:flex;flex-wrap:wrap;gap:10px}
.ebp-btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font:700 15px/1.3 Golos,Arial,sans-serif;padding:15px 22px;border-radius:12px;background:var(--teal);color:#fff;transition:background .15s}
.ebp-btn:hover{background:var(--teal-d)}
.ebp-btn--ghost{flex:0 1 auto;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line)}
.ebp-btn--ghost:hover{background:var(--bg)}
.ebp-note{margin:0;font-size:13px;color:var(--ink2);line-height:1.5}
.ebp-descr{max-width:860px;margin:36px 0 0;font-size:16px;line-height:1.65;color:#3c4d63}
.ebp-descr p{margin:0 0 12px}
.ebp-top :focus-visible{outline:3px solid #00867b;outline-offset:2px}

@media (max-width:960px){
  .ebp-grid{grid-template-columns:1fr;gap:24px}
  .ebp-gal{position:static}
}
@media (max-width:600px){
  .ebp-wrap{padding:0 16px}
  .ebp-main{border-radius:14px;margin:0 -16px;border-radius:0}
  .ebp-nav{display:none}
  .ebp-thumbs button{width:72px;height:50px}
  .ebp-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ebp-kit{grid-template-columns:20px 1fr;}
  .ebp-kit strong{grid-column:2;text-align:left}
  .ebp-kit strong small{text-align:left}
  .ebp-btn,.ebp-btn--ghost{flex:1 1 100%}
}

/* Ниже первого экрана: планировка и комплектации в новых токенах */
.project-detail-page .complete-set-new h2{font-family:Golos,Arial,sans-serif;font-weight:800;letter-spacing:-.025em;color:#24364f}
.project-detail-page .plain-form{border-radius:18px}
.project-detail-page .plain-form-button{border-radius:12px;background:#0ea498}
.project-detail-page .plain-form-button:hover{background:#07857b}
.project-detail-page .plain-item-image img{border-radius:14px}

/* Страница построенного дома (шаг 5) */
.ebb-place{background:var(--bg);border-radius:12px;padding:12px 14px}
.ebb-place span{display:block;font-size:12px;color:var(--ink2)}
.ebb-place b{font-size:16px}
.ebb-project{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;border:1.5px solid var(--line);border-radius:16px;padding:10px;text-decoration:none!important;color:var(--navy)!important;transition:border-color .15s,background .15s}
.ebb-project:hover{border-color:var(--teal);background:var(--teal-l)}
.ebb-project img{width:120px;height:80px;object-fit:cover;border-radius:10px;display:block}
.ebb-project small{display:block;font-size:12px;color:var(--ink2)}
.ebb-project b{display:block;font-size:16px;line-height:1.3}
.ebb-project em{display:block;font-style:normal;font-size:13px;color:var(--ink2);margin-top:2px}
.ebb-project i{font-style:normal;font-size:20px;color:var(--teal-d);padding-right:6px}
.ebb-tags{display:flex;flex-wrap:wrap;gap:6px}
.ebb-tags a{border:1px solid var(--line);border-radius:99px;padding:5px 11px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none}
.ebb-tags a:hover{border-color:var(--teal);color:var(--teal-d)}
@media (max-width:600px){.ebb-project{grid-template-columns:88px 1fr}.ebb-project img{width:88px;height:60px}.ebb-project i{display:none}}

/* На странице проекта: «Этот проект мы построили» */
.ebp-built{display:flex;flex-direction:column;gap:8px}
.ebp-built>b{font-size:13px;color:var(--ink2);font-weight:600}
.ebp-built div{display:flex;flex-wrap:wrap;gap:8px}
.ebp-built a{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:5px 10px 5px 5px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none}
.ebp-built a:hover{border-color:var(--teal);color:var(--teal-d)}
.ebp-built img{width:44px;height:32px;object-fit:cover;border-radius:7px}

.ebb-tags-more{display:contents}
.ebb-tags-more summary{list-style:none;cursor:pointer;border:1px dashed var(--line);border-radius:99px;padding:5px 11px;font-size:13px;font-weight:600;color:var(--teal-d)}
.ebb-tags-more summary::-webkit-details-marker{display:none}
.ebb-tags-more[open] summary{display:none}