/* Мир Паркета v2 / группа C: портфолио, панорамы 360, 3D-модели, магазины */
.c-item[hidden],.c-consult [hidden],.c-empty[hidden]{display:none!important}

/* ---------- Шапка страницы ---------- */
.c-head{padding:clamp(1.5rem,.5rem + 4vw,4.5rem) 0 clamp(1.25rem,.5rem + 2vw,2.5rem)}
.c-head .mp-eyebrow{margin-top:clamp(1rem,.5rem + 2vw,2.5rem)}
.c-head__title{font-size:clamp(2.5rem,1.4rem + 5.2vw,6.25rem);max-width:14em}
.c-head__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem}
.c-head__lead{margin-top:1.5rem;max-width:36em}
.c-head__meta{margin:0;font-size:var(--mp-fs-sm);color:var(--mp-muted);letter-spacing:.04em}

/* ---------- Фильтры (пилюли) ---------- */
.c-bar{position:sticky;top:var(--mp-header-h);z-index:5;background:rgba(255,255,255,.96);border-top:1px solid var(--mp-line);border-bottom:1px solid var(--mp-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.c-pills{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.75rem 0;-webkit-overflow-scrolling:touch}
.c-pills::-webkit-scrollbar{display:none}
.c-pill{flex:none;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.15rem;border:1px solid var(--mp-line);background:#fff;color:var(--mp-ink);font:400 .875rem/1 var(--mp-font-text);cursor:pointer;white-space:nowrap;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.c-pill:hover{border-color:var(--mp-ink)}
.c-pill[aria-pressed=true],.c-pill[aria-current=page]{background:var(--mp-ink);border-color:var(--mp-ink);color:#fff}
.c-pill small{margin-left:.5rem;font-size:.75rem;opacity:.65}

/* ---------- Сетка карточек портфолио (листинг и «похожие проекты»): ровные ряды, обложка 4:3 ---------- */
.c-list{padding:clamp(1.5rem,1rem + 2vw,3rem) 0 clamp(3rem,2rem + 4vw,6rem)}
.pf-grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,1.4rem + 1.6vw,3rem) clamp(1rem,.6rem + 1.4vw,2rem);align-items:start}
@media (min-width:560px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.pf-grid--list,.pf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pf-card{display:block;min-width:0}
.pf-card[hidden]{display:none!important}
.pf-card__media{display:block;aspect-ratio:4/3;background:var(--mp-stone);overflow:hidden}
.pf-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--mp-ease)}
.pf-card__media:hover img{transform:scale(1.03)}
.pf-card__kind{margin:1rem 0 .4rem;font:400 var(--mp-fs-xs)/1.3 var(--mp-font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--mp-muted)}
.pf-card__title{margin:0;font:400 clamp(1.2rem,1.1rem + .45vw,1.5rem)/1.25 var(--mp-font-display);color:var(--mp-ink);text-wrap:balance}
.pf-card__title a{display:block;padding:.15rem 0}
.pf-card__title a:hover{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.15em}
.c-empty{padding:3rem 0;color:var(--mp-muted)}

/* ---------- Страница проекта ---------- */
.c-proj{display:grid;gap:2rem;padding-top:clamp(2rem,1rem + 3vw,4rem);padding-bottom:clamp(2rem,1rem + 3vw,4rem)}
@media (min-width:1024px){.c-proj{grid-template-columns:repeat(12,1fr);column-gap:var(--mp-s6)}.c-proj__main{grid-column:1/span 7}.c-proj__side{grid-column:9/span 4}}
.c-proj__title{font-size:clamp(2rem,1.2rem + 3.2vw,4.25rem);max-width:16em}
.c-proj__lead{margin-top:1.25rem}
.c-sec-t{margin:0 0 clamp(1.5rem,1rem + 1.5vw,2.5rem)}
.c-rel{padding:clamp(3rem,2rem + 4vw,6rem) 0}
.c-rel__grid{display:grid;gap:clamp(1.5rem,1rem + 2vw,2.5rem);grid-template-columns:1fr}
@media (min-width:640px){.c-rel__grid{grid-template-columns:repeat(3,1fr)}}
.c-more{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:clamp(1.5rem,1rem + 2vw,2.5rem)}

/* ---------- Портфолио: страница проекта ---------- */
.pf-head{display:grid;gap:1.75rem;padding-top:clamp(1.5rem,1rem + 2.5vw,3.5rem);padding-bottom:clamp(1.75rem,1rem + 2vw,3rem)}
@media (min-width:1024px){.pf-head{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:clamp(2rem,1rem + 4vw,6rem);align-items:end}}
.pf-head__title{font-size:clamp(2rem,1.3rem + 2.8vw,4rem);line-height:1.06;max-width:17em}
.pf-head__sub{margin:1rem 0 0;font-size:var(--mp-fs-lg);line-height:1.5;color:var(--mp-muted)}
.pf-facts{margin:0;display:grid;border-top:1px solid var(--mp-ink)}
.pf-facts>div{display:grid;grid-template-columns:minmax(7.5rem,40%) 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--mp-line)}
.pf-facts dt{font:400 var(--mp-fs-xs)/1.5 var(--mp-font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--mp-muted);padding-top:.15rem}
.pf-facts dd{margin:0;font-size:.9375rem;line-height:1.5;color:var(--mp-ink)}

/* Главный кадр: не выше 70vh; мелкие и вертикальные кадры — в своём размере по центру, без растягивания */
.pf-hero{margin:0}
.pf-hero a{display:block;cursor:zoom-in}
.pf-hero img{display:block}
.pf-hero--wide a{background:var(--mp-stone);overflow:hidden}
.pf-hero--wide img{width:100%;height:auto;max-height:70vh;object-fit:cover}
.pf-hero--framed a{display:flex;justify-content:center;align-items:center;background:var(--mp-stone);padding:clamp(.75rem,.2rem + 2.4vw,2.5rem)}
.pf-hero--framed img{width:auto;height:auto;max-width:100%;max-height:70vh}
.pf-hero figcaption{margin:.75rem 0 0;font-size:var(--mp-fs-sm);line-height:1.45;color:var(--mp-muted)}

.pf-label{margin:0 0 1rem;font:400 var(--mp-fs-xs)/1.3 var(--mp-font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--mp-muted)}
.pf-info{display:grid;gap:2rem;padding-top:clamp(2rem,1.2rem + 2.4vw,3.5rem);padding-bottom:clamp(1rem,.5rem + 1.5vw,2rem)}
@media (min-width:1024px){.pf-info{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2rem,1rem + 4vw,6rem)}}
.pf-about p{margin:0;font-size:var(--mp-fs-lg);line-height:1.7;color:var(--mp-ink-2);max-width:38em}
.pf-info--solo .pf-mat{grid-column:1/-1}
.pf-chips{display:grid;gap:.75rem;grid-template-columns:1fr;margin:0;padding:0;list-style:none}
@media (min-width:560px){.pf-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pf-info--solo .pf-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pf-chip{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-height:4.25rem;height:100%;box-sizing:border-box;padding:.85rem 3rem .85rem 1.1rem;border:1px solid var(--mp-line);background:#fff;color:var(--mp-ink);transition:border-color .25s var(--mp-ease),background .25s var(--mp-ease)}
.pf-chip:hover{border-color:var(--mp-ink)}
.pf-chip__k{font:400 .6875rem/1.2 var(--mp-font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--mp-muted)}
.pf-chip__t{font-size:1rem;line-height:1.35}
.pf-chip svg{position:absolute;right:1.1rem;top:50%;width:18px;height:18px;margin-top:-9px;transition:transform .3s var(--mp-ease)}
.pf-chip:hover svg{transform:translateX(3px)}

/* Галерея: ровные ряды по реальным пропорциям кадров (justified), единый зазор, подписи одной высоты */
.pf-photos{padding-top:clamp(2rem,1.2rem + 2.4vw,3.5rem);padding-bottom:clamp(3rem,2rem + 4vw,6rem);--g:clamp(.5rem,.3rem + .8vw,1rem);--rh:120px}
@media (min-width:560px){.pf-photos{--rh:210px}}
@media (min-width:1100px){.pf-photos{--rh:280px}}
.pf-photos__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 2rem;margin-bottom:.25rem}
.pf-photos__hint{margin:0 0 1rem;font-size:var(--mp-fs-sm);color:var(--mp-muted)}
.pf-shots{display:flex;flex-wrap:wrap;gap:var(--g)}
.pf-shot{margin:0;min-width:0;flex:calc(var(--r) * 100) 1 calc(var(--r) * var(--rh));max-width:calc(var(--r) * var(--rh) * 1.25)}
.pf-shot a{display:block;background:var(--mp-stone);overflow:hidden;cursor:zoom-in}
.pf-shot img{display:block;width:100%;height:auto;aspect-ratio:var(--r);object-fit:cover;transition:transform 1s var(--mp-ease)}
.pf-shot a:hover img{transform:scale(1.025)}
.pf-shots--cap figcaption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.9em;margin:.5rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--mp-muted)}
@media (max-width:559px){.pf-shots--cap figcaption{font-size:.75rem}}

/* Следующий шаг */
.pf-next{background:var(--mp-stone);padding:clamp(3rem,2rem + 4vw,6rem) 0}
.pf-next__cta{display:grid;gap:1.75rem;align-items:end;padding-bottom:clamp(2.5rem,1.5rem + 3vw,4.5rem)}
@media (min-width:1024px){.pf-next__cta{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2rem,1rem + 4vw,6rem)}}
.pf-next__t{margin:0 0 1rem}
.pf-next__lead{margin:0;max-width:36em;font-size:var(--mp-fs-lg);line-height:1.6;color:var(--mp-ink-2)}
.pf-next__btns{display:flex;flex-wrap:wrap;gap:.75rem}
.pf-next__btns .mp-btn{flex:1 1 auto;white-space:nowrap}
.pf-next__rel{padding-top:clamp(2rem,1.5rem + 1.5vw,3rem);border-top:1px solid var(--mp-line);margin-bottom:1.5rem}
.pf-next__all{margin:clamp(2rem,1.5rem + 1.5vw,3rem) 0 0}

/* ---------- Ссылки на смежные инструменты ---------- */
.c-tools{display:grid;gap:1px;background:var(--mp-line);border:1px solid var(--mp-line)}
@media (min-width:768px){.c-tools{grid-template-columns:repeat(3,1fr)}}
.c-tools a{display:block;padding:1.5rem;background:#fff;color:var(--mp-ink);min-height:44px}
.c-tools a b{display:block;margin-bottom:.4rem;font:400 1.35rem/1.2 var(--mp-font-display)}
.c-tools a span{font-size:.9375rem;color:var(--mp-muted);font-weight:300}
.c-tools a:hover b{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.15em}

/* ---------- Форма из двух полей ---------- */
.c-consult__in{display:grid;gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:center}
@media (min-width:1024px){.c-consult__in{grid-template-columns:repeat(12,1fr);column-gap:var(--mp-s6)}.c-consult__text{grid-column:1/span 6}.c-consult__form,.c-consult__done{grid-column:8/span 5}}
.c-consult__title{font-size:clamp(1.9rem,1.2rem + 2.2vw,3.25rem);margin-bottom:1.25rem}
.c-consult__tel{margin:1.5rem 0 0;color:#d6d3cb;font-size:.9375rem}
.c-consult__tel a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}
.c-consult__msg{min-height:1.4em;margin:0 0 .75rem;font-size:.875rem;color:#f2c9c0}
.c-consult__fine{margin:1rem 0 0;font-size:.8125rem;color:#a9a69d;line-height:1.5}
.c-consult__fine a{color:#d6d3cb;text-decoration:underline}
.c-consult__done{outline:0}
.c-consult__done h3{color:#fff!important;margin-bottom:.75rem}
.c-consult__done p{margin:0;color:#d6d3cb}

/* ---------- Сцена с внешним сервисом (панорама, модель): загрузка по нажатию ---------- */
.c-stage{position:relative;background:var(--mp-night);aspect-ratio:16/10;overflow:hidden;color:#fff}
@media (max-width:767px){.c-stage{aspect-ratio:4/5}}
.c-stage__cover{position:absolute;inset:0}
.c-stage__cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.c-stage__go{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;border:0;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.1) 60%);color:#fff;cursor:pointer;font:400 .8125rem/1.2 var(--mp-font-text);letter-spacing:.16em;text-transform:uppercase;padding:1rem}
.c-stage__go:hover .c-stage__ico{background:var(--mp-accent);color:var(--mp-ink);border-color:var(--mp-accent)}
.c-stage__ico{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border:1px solid rgba(255,255,255,.75);border-radius:50%;transition:background .25s,color .25s,border-color .25s}
.c-stage__ico svg{width:30px;height:30px}
.c-stage__hint{font-size:.75rem;letter-spacing:.08em;text-transform:none;color:#d6d3cb;max-width:26em;text-align:center;line-height:1.5}
.c-stage__frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.c-stage.is-live .c-stage__cover,.c-stage.is-live .c-stage__go{display:none}
.c-stage--model .c-stage__cover{background:radial-gradient(circle at 50% 45%,#2a2a27,#0f0f0e 70%)}

/* ---------- Сетка панорам ---------- */
.c-pgrid{display:grid;gap:clamp(1.5rem,1rem + 1.6vw,2.5rem) clamp(1rem,.6rem + 1.4vw,2rem);grid-template-columns:1fr}
@media (min-width:560px){.c-pgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.c-pgrid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1280px){.c-pgrid{grid-template-columns:repeat(4,1fr)}}
.c-pcard__media{position:relative;display:block;aspect-ratio:3/2;background:var(--mp-stone);overflow:hidden}
.c-pcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--mp-ease)}
.c-pcard__media:hover img{transform:scale(1.04)}
.c-pcard__badge{position:absolute;left:.75rem;bottom:.75rem;padding:.35rem .7rem;background:rgba(15,15,14,.78);color:#fff;font:400 .6875rem/1 var(--mp-font-text);letter-spacing:.16em;text-transform:uppercase}
.c-pcard__title{margin:.9rem 0 0;font:400 1.0625rem/1.4 var(--mp-font-text);color:var(--mp-ink)}
.c-pcard__title a:hover{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.2em}
.c-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:clamp(2.5rem,2rem + 2vw,4rem)}
.c-pager a,.c-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0 .8rem;border:1px solid var(--mp-line);color:var(--mp-ink);font-size:.9375rem}
.c-pager a:hover{border-color:var(--mp-ink)}
.c-pager .is-cur{background:var(--mp-ink);border-color:var(--mp-ink);color:#fff}
.c-pager .is-gap{border:0;color:var(--mp-muted)}

/* ---------- Товары панорамы ---------- */
.c-prods{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:640px){.c-prods{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.c-prods{grid-template-columns:repeat(4,1fr)}}
.c-prod{display:block;color:var(--mp-ink)}
.c-prod__img{display:block;aspect-ratio:1;background:var(--mp-stone);overflow:hidden}
.c-prod__img img{width:100%;height:100%;object-fit:cover;display:block}
.c-prod__t{display:block;margin:.8rem 0 .2rem;font-size:1rem;line-height:1.4}
.c-prod__p{display:block;font-size:.875rem;color:var(--mp-muted)}
.c-prod:hover .c-prod__t{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.2em}

/* ---------- 3D-модели ---------- */
.c-models{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem);grid-template-columns:1fr}
@media (min-width:768px){.c-models{grid-template-columns:repeat(3,1fr)}}
.c-model__cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:radial-gradient(circle at 50% 45%,#2d2d29,#0f0f0e 72%);color:#fff;overflow:hidden}
.c-model__cover svg{width:64px;height:64px;opacity:.9;transition:transform .6s var(--mp-ease)}
.c-model__cover:hover svg{transform:rotate(20deg) scale(1.06)}
.c-model__title{margin:1.1rem 0 .5rem;font:400 clamp(1.3rem,1.15rem + .6vw,1.65rem)/1.22 var(--mp-font-display);color:var(--mp-ink)}
.c-model__title a:hover{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.15em}
.c-model__text{margin:0 0 1rem;color:var(--mp-muted);font-size:.9375rem;font-weight:300}
.c-note{padding:1.25rem 1.5rem;border-left:2px solid var(--mp-accent);background:var(--mp-stone);font-size:.9375rem;color:var(--mp-ink-2);max-width:46em}
.c-note a{border-bottom:1px solid var(--mp-ink)}

/* ---------- Магазины и дилеры ---------- */
.c-dealers{display:grid;gap:0;align-content:start}
.c-dealer{border-bottom:1px solid var(--mp-line);padding:1.1rem 0}
.c-dealer__t{margin:0 0 .35rem;font:400 1.0625rem/1.4 var(--mp-font-text);color:var(--mp-ink)}
.c-dealer__t a:hover{text-decoration:underline;text-decoration-color:var(--mp-accent);text-decoration-thickness:2px;text-underline-offset:.2em}
.c-dealer__a{margin:0;font-size:.9375rem;color:var(--mp-muted)}
.c-dealer__p{margin:.35rem 0 0;font-size:.9375rem}
.c-dealer__p a{color:var(--mp-ink)}
.c-showroom{display:grid;gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:center}
@media (min-width:900px){.c-showroom{grid-template-columns:5fr 6fr}}
.c-groups{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem) clamp(2rem,1rem + 4vw,5rem)}
@media (min-width:900px){.c-groups{grid-template-columns:repeat(2,1fr)}}
.c-group{border-top:1px solid var(--mp-ink);padding-top:1.1rem;align-content:start}
.c-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin:0}
.c-city{margin:0 0 .5rem;font:400 1.25rem/1.2 var(--mp-font-display);letter-spacing:0;text-transform:none;color:var(--mp-ink)}
.c-cityX{margin:clamp(2rem,1.5rem + 2vw,3.5rem) 0 .5rem;font:400 var(--mp-fs-xs)/1.2 var(--mp-font-text);letter-spacing:.2em;text-transform:uppercase;color:var(--mp-muted)}
.c-map{position:relative;aspect-ratio:4/3;background:var(--mp-stone);overflow:hidden}
.c-map__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:1.5rem;color:var(--mp-ink);background:repeating-linear-gradient(0deg,transparent 0 47px,#e8e5de 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,#e8e5de 47px 48px),var(--mp-stone)}
.c-map__ph p{margin:0}
.c-map__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.c-map.is-live .c-map__ph{display:none}
.c-linkbtn{background:none;border:0;padding:0 0 .4rem;border-bottom:1px solid currentColor;font:400 .8125rem/1.2 var(--mp-font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--mp-ink);cursor:pointer;min-height:44px}
.c-linkbtn:hover{border-color:var(--mp-accent);box-shadow:0 1px 0 var(--mp-accent)}
.c-stat{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:1.5rem 0 0;font-size:var(--mp-fs-sm);color:var(--mp-muted)}