/* ═══════════════════════════════════════════════════════════
   АВАНГАРД · КЕЙСЫ — 5 ВАРИАНТОВ ВЫВОДА ОБЪЕКТОВ
   Использует токены av5-base.css (--av-*, --font-*, --ease)
   ═══════════════════════════════════════════════════════════ */

/* ── общий служебный каркас страницы вариантов ── */
.cv-top{
  border-bottom:1px solid var(--av-line-soft);
  padding:clamp(28px,5vw,56px) 0 clamp(22px,3vw,34px);
}
.cv-kick{
  font-family:var(--font-m);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--av-signal);
}
.cv-kick::before{content:"[ ";color:var(--av-muted);}
.cv-kick::after{content:" ]";color:var(--av-muted);}
.cv-title{
  font-family:var(--font-d);font-weight:600;font-size:clamp(30px,4.4vw,60px);
  line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;margin-top:16px;text-wrap:balance;
}
.cv-title .sig{color:var(--av-signal);}
.cv-lead{max-width:62ch;color:var(--av-body);margin-top:18px;font-size:clamp(15px,1.3vw,17px);line-height:1.7;text-wrap:pretty;}
.cv-lead strong{color:var(--av-snow);}

/* проблема → как решаем */
.cv-diag{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--av-line-soft);border:1px solid var(--av-line-soft);margin-top:30px;}
@media (max-width:720px){ .cv-diag{grid-template-columns:1fr;} }
.cv-diag>div{background:var(--av-void);padding:20px clamp(18px,2vw,26px);}
.cv-diag .dg-k{font-family:var(--font-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;}
.cv-diag .bad .dg-k{color:#FF6B5E;}
.cv-diag .good .dg-k{color:var(--av-signal);}
.cv-diag p{color:var(--av-body);font-size:14px;line-height:1.6;}
.cv-diag p + p{margin-top:7px;}

/* быстрый индекс по вариантам */
.cv-index{
  position:sticky;top:0;z-index:40;background:rgba(4,7,10,.86);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--av-line-soft);
}
.cv-index-in{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 0;}
.cv-index .lbl{font-family:var(--font-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--av-muted);margin-right:8px;}
.cv-index a{
  font-family:var(--font-m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--av-body);padding:7px 13px;border:1px solid var(--av-line-soft);transition:all .2s var(--ease);white-space:nowrap;
}
.cv-index a:hover{color:var(--av-snow);border-color:var(--av-line);}
.cv-index a b{color:var(--av-signal);font-weight:500;margin-right:7px;}

/* заголовок варианта */
.var-sec{padding-block:clamp(54px,7vw,104px);position:relative;scroll-margin-top:60px;}
/* компактная секция — помещается на один экран (1366×768) */
.var-sec--fit{padding-block:clamp(24px,3vw,38px);}
.var-sec--fit .var-head{margin-bottom:clamp(14px,1.6vw,20px);}
.var-sec--fit .var-name{font-size:clamp(22px,2.3vw,32px);margin-top:7px;}
.var-sec--fit .var-desc{font-size:13px;line-height:1.5;margin-top:8px;max-width:74ch;}
.var-sec + .var-sec{border-top:1px solid var(--av-line-soft);}
.var-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,52px);}
.var-head .vh-l{max-width:60ch;}
.var-no{font-family:var(--font-m);font-size:11px;letter-spacing:.18em;color:var(--av-signal);}
.var-name{font-family:var(--font-d);font-weight:600;font-size:clamp(24px,3vw,40px);text-transform:uppercase;line-height:1.05;letter-spacing:-.01em;margin-top:10px;}
.var-desc{color:var(--av-body);font-size:15px;line-height:1.65;margin-top:14px;text-wrap:pretty;}
.var-tags{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-end;}
.var-tag{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-body);padding:6px 12px;border:1px solid var(--av-line);white-space:nowrap;}
.var-tag b{color:var(--av-signal);font-weight:500;}

/* общие медиаобработки */
.ph-img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.32) contrast(1.06) brightness(.9);transition:filter .4s var(--ease),transform .6s var(--ease);}
.dr-img{width:100%;height:100%;object-fit:contain;display:block;}
.dr-wrap{background:#F5F7F5;position:relative;}
.dr-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(198,255,46,.05),transparent 60%);}

/* ═══════════════════════════════════════════════════════════
   ВАРИАНТ 01 · ГАЛЕРЕЯ — крупные фото-карточки, всё видно сразу
   ═══════════════════════════════════════════════════════════ */
.v1-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.4vw,20px);}
@media (max-width:1040px){ .v1-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .v1-grid{grid-template-columns:1fr;} }
.v1-card{
  position:relative;overflow:hidden;border:1px solid var(--av-line);
  min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;
  text-align:left;width:100%;color:var(--av-snow);
  transition:border-color .25s var(--ease),transform .4s var(--ease);
}
.v1-card.big{grid-column:span 4;min-height:clamp(340px,42vw,520px);}
.v1-card.tall{grid-column:span 2;}
.v1-card.wide{grid-column:span 3;}
@media (max-width:1040px){
  .v1-card.big,.v1-card.tall,.v1-card.wide{grid-column:span 1;min-height:300px;}
}
@media (max-width:600px){ .v1-card,.v1-card.big{grid-column:span 1;min-height:280px;} }
.v1-card .ph{position:absolute;inset:0;z-index:0;}
.v1-card .ph img{width:100%;height:100%;}
.v1-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,rgba(4,7,10,.95) 0%,rgba(4,7,10,.55) 38%,rgba(4,7,10,.06) 68%,rgba(4,7,10,.30) 100%);}
.v1-card:hover{border-color:var(--av-signal);transform:translateY(-3px);}
.v1-card:hover .ph-img{filter:grayscale(0) contrast(1.08) brightness(1);transform:scale(1.04);}
.v1-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;}
.v1-id{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;color:var(--av-signal);background:rgba(4,7,10,.6);padding:4px 8px;border:1px solid color-mix(in srgb,var(--av-signal) 40%,transparent);}
.v1-cat{font-family:var(--font-m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--av-snow);background:rgba(4,7,10,.55);padding:5px 9px;}
.v1-body{position:relative;z-index:2;padding:clamp(16px,1.8vw,26px);}
.v1-loc{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-body);display:flex;align-items:center;gap:7px;}
.v1-loc::before{content:"◈";color:var(--av-signal);font-size:9px;}
.v1-name{font-family:var(--font-d);font-weight:600;font-size:clamp(18px,1.8vw,28px);text-transform:uppercase;line-height:1.05;letter-spacing:-.01em;margin-top:8px;}
.v1-stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;border-top:1px solid var(--av-line-soft);padding-top:13px;}
.v1-stat{display:flex;flex-direction:column;gap:2px;}
.v1-stat .k{font-family:var(--font-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--av-muted);}
.v1-stat .v{font-family:var(--font-m);font-size:13px;color:var(--av-snow);letter-spacing:.02em;}
.v1-stat .v.sig{color:var(--av-signal);}

/* ═══════════════════════════════════════════════════════════
   ВАРИАНТ 02 · ДОСЬЕ — вынесен на отдельную страницу (карточка-ссылка)
   ═══════════════════════════════════════════════════════════ */
.v2-link{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--av-line);background:var(--av-panel);padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px);}
.v2-link-note{font-family:var(--font-m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--av-muted);}
.v2-link .cv-btn-wipe{flex:none;}

/* ── (старый встроенный виджет v2 — оставлен для совместимости) ── */
.v2{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,1fr);gap:1px;background:var(--av-line-soft);border:1px solid var(--av-line);align-items:stretch;height:clamp(460px,64vh,720px);}
/* ⚠ ЭТО ПРАВИЛО ДУБЛИРУЕТСЯ в index.html (инлайн-<style>) — менять оба синхронно.
   Потолок 960px давал .v2-stage 1643×742 = 2.2:1 на 3440px (фото вытягивалось в полосу). */
@media (min-width:1800px){ .v2{height:clamp(720px,38vw,min(1200px,85vh));} }
@media (max-width:920px){ .v2{grid-template-columns:1fr;height:auto;} }
.v2-feature{background:var(--av-void);display:flex;flex-direction:column;min-width:0;}

/* ── СЦЕНА = слайдер фото/чертежей ── */
.v2-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--av-panel);}
@media (max-width:920px){ .v2-stage{flex:none;aspect-ratio:16/10;} }
.v2-track{position:absolute;inset:0;display:flex;transition:transform .45s var(--ease);will-change:transform;}
.v2-cell{position:relative;flex:0 0 100%;height:100%;overflow:hidden;background:var(--av-panel);}
.v2-cell img{width:100%;height:100%;object-fit:cover;display:block;}
/* ph-img всегда cover — contain был ошибкой на широких экранах */
.v2-cell.is-draw{background:var(--av-void);display:flex;align-items:center;justify-content:center;}
.v2-cell.is-draw img{object-fit:cover;padding:0;}
.v2-cell .ph-img{filter:grayscale(.22) contrast(1.06) brightness(.94);}
.v2-corner{position:absolute;width:16px;height:16px;border:1px solid rgba(237,242,238,.45);z-index:3;pointer-events:none;}
.v2-corner.tl{top:12px;left:12px;border-right:0;border-bottom:0;}
.v2-corner.br{bottom:12px;right:12px;border-left:0;border-top:0;}
/* переключатель режима */
.v2-toggle{position:absolute;top:12px;right:12px;z-index:5;display:flex;border:1px solid var(--av-line);background:rgba(4,7,10,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.v2-toggle button{font-family:var(--font-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--av-body);padding:8px 14px;transition:all .2s var(--ease);}
.v2-toggle button.on{background:transparent;color:var(--av-signal);box-shadow:inset 0 0 0 1px var(--av-signal);}
.v2-toggle button:disabled{opacity:.32;cursor:not-allowed;}
/* счётчик кадров */
.v2-count{position:absolute;top:12px;left:12px;z-index:5;font-family:var(--font-m);font-size:12px;letter-spacing:.1em;color:var(--av-snow);background:rgba(4,7,10,.7);padding:5px 10px;border:1px solid var(--av-line-soft);}
.v2-count b{color:var(--av-signal);font-weight:500;}
.v2-count .mode{color:var(--av-muted);margin-left:8px;}
/* стрелки */
.v2-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;display:grid;place-items:center;
  background:rgba(4,7,10,.62);border:1px solid var(--av-line);color:var(--av-snow);font-family:var(--font-m);font-size:18px;
  transition:all .2s var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.v2-arrow:hover{background:var(--av-signal);color:var(--av-void);border-color:var(--av-signal);}
.v2-arrow.prev{left:10px;} .v2-arrow.next{right:10px;}
.v2-arrow[hidden]{display:none;}
/* точки */
.v2-dots{position:absolute;left:0;right:0;bottom:12px;z-index:5;display:flex;justify-content:center;gap:7px;}
.v2-dots button{width:7px;height:7px;border:1px solid rgba(237,242,238,.5);background:transparent;transition:all .2s var(--ease);}
.v2-dots button.on{background:var(--av-signal);border-color:var(--av-signal);transform:scale(1.15);}

/* ── ИНФО + ХАРАКТЕРИСТИКИ (правая колонка) ── */
.v2-side{background:var(--av-void);display:flex;flex-direction:column;min-width:0;min-height:0;}
.v2-info{padding:16px 20px;display:flex;flex-direction:column;flex:none;border-bottom:1px solid var(--av-line-soft);}
.v2-info .kick{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.v2-info .id{font-family:var(--font-m);font-size:11px;letter-spacing:.12em;color:var(--av-signal);}
.v2-info .cat{font-family:var(--font-m);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--av-body);border:1px solid var(--av-line);padding:3px 9px;}
.v2-info .stt{font-family:var(--font-m);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--av-muted);margin-left:auto;display:flex;align-items:center;gap:6px;}
.v2-info .stt::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--av-signal);}
.v2-info .stt.wip::before{background:#FFB020;}
.v2-info h3{font-family:var(--font-d);font-weight:600;font-size:clamp(20px,1.7vw,27px);text-transform:uppercase;line-height:1.06;letter-spacing:-.01em;margin-top:9px;}
.v2-info .loc{font-family:var(--font-m);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--av-muted);margin-top:6px;display:flex;align-items:center;gap:7px;}
.v2-info .loc::before{content:"◈";color:var(--av-signal);font-size:9px;}
.v2-info .desc{color:var(--av-body);font-size:13px;line-height:1.5;margin-top:9px;max-width:60ch;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.v2-spec{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--av-line-soft);border-top:1px solid var(--av-line-soft);flex:none;}
@media (max-width:920px){ .v2-spec{grid-template-columns:repeat(2,1fr);} }
.v2-spec .sp{background:var(--av-void);padding:8px 13px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;}
.v2-spec .k{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-muted);}
.v2-spec .v{font-family:var(--font-m);font-size:12.5px;color:var(--av-snow);text-align:left;}
.v2-spec .v.sig{color:var(--av-signal);}
.v2-info .cta{margin-top:14px;}
.v2-info .cta .cv-btn-wipe{padding-top:11px;padding-bottom:11px;font-size:11.5px;max-width:100%;white-space:normal;line-height:1.3;justify-content:center;text-align:left;}

/* ── РЕЕСТР (список объектов, 15 с прокруткой) ── */
.v2-rail{background:var(--av-void);display:flex;flex-direction:column;flex:1 1 0;min-height:0;}
.v2-rail-hd{font-family:var(--font-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--av-muted);padding:11px 18px;border-bottom:1px solid var(--av-line-soft);display:flex;justify-content:space-between;align-items:center;flex:none;}
.v2-rail-hd b{color:var(--av-snow);font-weight:500;}
.v2-rail-hd .scroll-hint{color:var(--av-signal);font-size:9px;}
.v2-rail-list{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--av-line) transparent;}
.v2-rail-list::-webkit-scrollbar{width:7px;}
.v2-rail-list::-webkit-scrollbar-track{background:var(--av-line-soft);}
.v2-rail-list::-webkit-scrollbar-thumb{background:var(--av-line);}
.v2-item{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:10px 18px;border-bottom:1px solid var(--av-line-soft);transition:background .2s var(--ease);position:relative;}
.v2-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--av-signal);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease);}
.v2-item:hover{background:var(--av-panel);}
.v2-item.on{background:var(--av-steel);}
.v2-item.on::before{transform:scaleX(1);}
.v2-thumb{flex:none;width:58px;height:44px;object-fit:cover;border:1px solid var(--av-line-soft);filter:grayscale(.4) brightness(.85);}
.v2-thumb.is-draw{object-fit:contain;padding:4px;background:#F5F7F5;}
.v2-item.on .v2-thumb{filter:grayscale(0) brightness(1);border-color:var(--av-signal);}
.v2-item.on .v2-thumb.is-draw{filter:none;}
.v2-it-meta{min-width:0;flex:1;}
.v2-it-name{font-family:var(--font-d);font-weight:500;font-size:14px;text-transform:uppercase;line-height:1.15;color:var(--av-body);transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v2-item.on .v2-it-name,.v2-item:hover .v2-it-name{color:var(--av-snow);}
.v2-it-sub{font-family:var(--font-m);font-size:10.5px;letter-spacing:.04em;color:var(--av-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v2-it-sub b{color:var(--av-body);font-weight:400;}
.v2-it-yr{font-family:var(--font-m);font-size:11px;color:var(--av-muted);flex:none;align-self:flex-start;margin-top:2px;}
.v2-item.on .v2-it-yr{color:var(--av-signal);}

/* кнопка «курсор-вайп» (как на основном сайте) */
.cv-btn-wipe{background:transparent;color:var(--av-signal);border:1px solid var(--av-signal);clip-path:none;border-radius:0;
  overflow:hidden;position:relative;z-index:0;padding-left:42px;
  transition:color .2s var(--ease) .05s,box-shadow .26s var(--ease);}
.cv-btn-wipe::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:9px;height:16px;background:var(--av-signal);z-index:1;pointer-events:none;transition:background .2s var(--ease),left .26s var(--ease);}
@media (prefers-reduced-motion: no-preference){ body[data-motion="on"] .cv-btn-wipe::before{animation:cv-btn-cursor 1.1s steps(1,end) infinite;} }
@keyframes cv-btn-cursor{50%{opacity:.15;}}
.cv-btn-wipe::after{content:"";position:absolute;inset:0;background:var(--av-signal);transform:translateX(-101%);transition:transform .36s var(--ease);z-index:-1;pointer-events:none;}
.cv-btn-wipe .arr{position:relative;z-index:1;}
.cv-btn-wipe:hover{color:var(--av-void);filter:none;box-shadow:0 0 30px color-mix(in srgb,var(--av-signal) 22%,transparent);}
.cv-btn-wipe:hover::after{transform:translateX(0);}
.cv-btn-wipe:hover::before{animation:none;opacity:1;background:var(--av-void);left:18px;}

/* ═══════════════════════════════════════════════════════════
   ВАРИАНТ 03 · ОТ ЧЕРТЕЖА К ОБЪЕКТУ — диптих чертёж/фото
   ═══════════════════════════════════════════════════════════ */
.v3{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);}
.v3-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--av-line);position:relative;}
@media (max-width:860px){ .v3-row{grid-template-columns:1fr;} }
.v3-pane{position:relative;aspect-ratio:16/10;overflow:hidden;}
@media (max-width:860px){ .v3-pane{aspect-ratio:16/9;} }
.v3-pane.drw{background:#F5F7F5;display:flex;align-items:center;justify-content:center;}
.v3-pane.drw img{padding:14px;}
.v3-pane .ph-img{filter:grayscale(.28) contrast(1.06) brightness(.92);}
.v3-stamp{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--font-m);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--av-snow);background:rgba(4,7,10,.62);padding:5px 10px;border:1px solid var(--av-line-soft);}
.v3-pane.drw .v3-stamp{color:var(--av-body);}
.v3-arrow{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;
  width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:var(--av-void);border:1px solid var(--av-signal);color:var(--av-signal);
  font-family:var(--font-m);font-size:18px;box-shadow:0 0 24px rgba(4,7,10,.8);
}
@media (max-width:860px){ .v3-arrow{transform:translate(-50%,-50%) rotate(90deg);} }
.v3-meta{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 20px;background:linear-gradient(0deg,rgba(4,7,10,.92),transparent);
}
.v3-meta .l .id{font-family:var(--font-m);font-size:11px;letter-spacing:.1em;color:var(--av-signal);}
.v3-meta .l h3{font-family:var(--font-d);font-weight:600;font-size:clamp(19px,1.9vw,28px);text-transform:uppercase;line-height:1.05;margin-top:6px;letter-spacing:-.01em;}
.v3-meta .l .loc{font-family:var(--font-m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--av-muted);margin-top:6px;}
.v3-spex{display:flex;gap:22px;flex-wrap:wrap;}
.v3-spex .s{text-align:right;}
.v3-spex .k{font-family:var(--font-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--av-muted);}
.v3-spex .v{font-family:var(--font-m);font-size:14px;color:var(--av-snow);margin-top:3px;}
.v3-spex .v.sig{color:var(--av-signal);}

/* ═══════════════════════════════════════════════════════════
   ВАРИАНТ 04 · СПЕЦИФИКАЦИЯ — плотные карточки с данными
   ═══════════════════════════════════════════════════════════ */
.v4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.3vw,18px);}
@media (max-width:920px){ .v4-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .v4-grid{grid-template-columns:1fr;} }
.v4-card{border:1px solid var(--av-line);background:var(--av-panel);display:flex;flex-direction:column;transition:border-color .25s var(--ease);}
.v4-card:hover{border-color:var(--av-signal);}
.v4-ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--av-steel);}
.v4-ph .ph-img{filter:grayscale(.34) contrast(1.05) brightness(.88);}
.v4-card:hover .ph-img{filter:grayscale(0) brightness(1);transform:scale(1.03);}
.v4-ph .badge{position:absolute;top:10px;left:10px;font-family:var(--font-m);font-size:10px;letter-spacing:.1em;color:var(--av-signal);background:rgba(4,7,10,.7);padding:4px 8px;border:1px solid color-mix(in srgb,var(--av-signal) 35%,transparent);}
.v4-ph .cat{position:absolute;top:10px;right:10px;font-family:var(--font-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--av-snow);background:rgba(4,7,10,.6);padding:5px 8px;}
.v4-bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.v4-name{font-family:var(--font-d);font-weight:600;font-size:18px;text-transform:uppercase;line-height:1.08;letter-spacing:-.01em;}
.v4-loc{font-family:var(--font-m);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--av-muted);margin-top:6px;}
.v4-spec{margin-top:14px;border-top:1px solid var(--av-line-soft);}
.v4-spec .r{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--av-line-soft);}
.v4-spec .r:last-child{border-bottom:0;}
.v4-spec .k{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-muted);}
.v4-spec .v{font-family:var(--font-m);font-size:12px;color:var(--av-snow);text-align:right;}
.v4-spec .v.sig{color:var(--av-signal);}

/* ═══════════════════════════════════════════════════════════
   ВАРИАНТ 05 · ЛЕНТА — горизонтальная лента + фильтр категорий
   ═══════════════════════════════════════════════════════════ */
.v5-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;align-items:center;}
.v5-filter .lbl{font-family:var(--font-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--av-muted);margin-right:6px;}
.v5-chip{font-family:var(--font-m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--av-body);padding:8px 15px;border:1px solid var(--av-line);transition:all .2s var(--ease);}
.v5-chip:hover{color:var(--av-snow);border-color:var(--av-line);}
.v5-chip.on{background:var(--av-signal);color:var(--av-void);border-color:var(--av-signal);}
.v5-chip .n{opacity:.6;margin-left:6px;}
.v5-track{
  display:flex;gap:clamp(14px,1.6vw,22px);overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory;
  scrollbar-width:thin;scrollbar-color:var(--av-line) transparent;
}
.v5-track::-webkit-scrollbar{height:7px;}
.v5-track::-webkit-scrollbar-track{background:var(--av-line-soft);}
.v5-track::-webkit-scrollbar-thumb{background:var(--av-line);}
.v5-slide{
  flex:none;width:clamp(280px,30vw,400px);scroll-snap-align:start;position:relative;
  border:1px solid var(--av-line);overflow:hidden;aspect-ratio:3/4;
  display:flex;flex-direction:column;justify-content:flex-end;color:var(--av-snow);
  transition:border-color .25s var(--ease),opacity .3s var(--ease);
}
.v5-slide.hide{display:none;}
.v5-slide .ph{position:absolute;inset:0;z-index:0;}
.v5-slide .ph img{width:100%;height:100%;}
.v5-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,rgba(4,7,10,.95) 4%,rgba(4,7,10,.4) 42%,rgba(4,7,10,.08) 72%);}
.v5-slide:hover{border-color:var(--av-signal);}
.v5-slide:hover .ph-img{filter:grayscale(0) brightness(1);transform:scale(1.04);}
.v5-s-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:14px 15px;}
.v5-s-id{font-family:var(--font-m);font-size:10.5px;letter-spacing:.1em;color:var(--av-signal);background:rgba(4,7,10,.55);padding:4px 8px;}
.v5-s-cat{font-family:var(--font-m);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--av-snow);background:rgba(4,7,10,.55);padding:5px 8px;}
.v5-s-bd{position:relative;z-index:2;padding:18px;}
.v5-s-loc{font-family:var(--font-m);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-body);display:flex;align-items:center;gap:7px;}
.v5-s-loc::before{content:"◈";color:var(--av-signal);font-size:8px;}
.v5-s-name{font-family:var(--font-d);font-weight:600;font-size:clamp(20px,2vw,26px);text-transform:uppercase;line-height:1.05;letter-spacing:-.01em;margin-top:8px;}
.v5-s-stats{display:flex;gap:18px;margin-top:14px;border-top:1px solid var(--av-line-soft);padding-top:12px;}
.v5-s-stats .k{font-family:var(--font-m);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-muted);}
.v5-s-stats .v{font-family:var(--font-m);font-size:13px;color:var(--av-snow);margin-top:2px;}
.v5-s-stats .v.sig{color:var(--av-signal);}
.v5-hint{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-muted);margin-top:6px;display:flex;align-items:center;gap:8px;}
.v5-hint span{color:var(--av-signal);}

/* ── режим «чертёж-плитка» для фото-ориентированных вариантов ── */
.v1-card.is-draw,.v5-slide.is-draw{background:#F5F7F5;}
.v4-card.is-draw .v4-ph{background:#F5F7F5;}
.is-draw .ph-img{
  object-fit:contain;padding:18px;
}
.is-draw:hover .ph-img{transform:none;}
.is-draw::after{background:linear-gradient(0deg,rgba(245,247,245,.9) 0%,rgba(245,247,245,.3) 40%,transparent 70%) !important;}
.draw-flag{font-family:var(--font-m);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--av-body);background:rgba(4,7,10,.6);padding:5px 9px;border:1px solid var(--av-line-soft);}

/* ── футер страницы ── */
.cv-foot{border-top:1px solid var(--av-line-soft);padding:clamp(40px,5vw,72px) 0;text-align:center;}
.cv-foot p{color:var(--av-body);max-width:54ch;margin:0 auto 22px;text-wrap:pretty;}