/* ===== витрина cinv «Field Report» — каркас Boreal: хвоя + кость + охра + латунь ===== */
.cinv-wrap{--v-ink:#17251f;--v-pine:#1b4636;--v-moss:#2c6a4f;--v-bone:#f2efe4;--v-paper:#fff;
  --v-line:#ddd6c4;--v-ochre:#a4500f;--v-brass:#a9862f;--v-mute:#4c5c54;
  display:block!important;width:100%;color:var(--v-ink);box-sizing:border-box;
  max-width:888px!important;margin:26px auto 30px!important;float:none!important;
  /* ⛔ Витрина РИСУЕТ СВОЙ ФОН и держит на себе же отступ: она может встать внутри тёмной
     секции донора, и тогда вторичный текст на своём цвете уходит в контраст 1.x
     ([[padding-lives-on-the-block-that-paints-background]]). */
  background:var(--v-bone)!important;border:1px solid var(--v-line);
  padding:20px!important}
/* внутри контентной колонки витрина занимает её целиком, свою ширину не навязывает */
.container .cinv-wrap,.cin-main .cinv-wrap{max-width:none!important}
@media (max-width:640px){.cinv-wrap{padding:14px!important}}
.cinv-wrap *{box-sizing:border-box}
/* ⛔ Цвета витрины НЕ наследуются от каркаса: где бы блок ни стоял (в т.ч. в тёмной секции
   донора), текст карточки читается по своим правилам. */
/* ⛔ Селектор утроен намеренно: сгенерированная палитра красит тёмные секции донора
   правилами вида `body .container section.hero h2{color:#fff!important}` (0,2,2) —
   по весу они били `.cinv-wrap h2` (0,2,0), и заголовок витрины, севшей внутрь тёмной
   секции, выходил белым по кости (контраст 1.1). */
html body .cinv-wrap.cinv-wrap.cinv-wrap{color:var(--v-ink)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap p,html body .cinv-wrap.cinv-wrap.cinv-wrap span,html body .cinv-wrap.cinv-wrap.cinv-wrap li,html body .cinv-wrap.cinv-wrap.cinv-wrap div,html body .cinv-wrap.cinv-wrap.cinv-wrap b,html body .cinv-wrap.cinv-wrap.cinv-wrap time,html body .cinv-wrap.cinv-wrap.cinv-wrap summary{color:var(--v-ink)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-sub,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-chip,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-offer span,
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-verif span,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-flh,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-disc{color:var(--v-mute)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap h2,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-name,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-det>summary,
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-verif b{color:var(--v-pine)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-btn,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-btn *{color:#fff!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-no{color:#f6f2e6!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-row:first-child .cinv-no{color:#17251f!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-pick{color:#5a3c07!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-chip--key{color:#4a3308!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-rev,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-disc a,html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-more{color:var(--v-moss)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-offer b{color:var(--v-ink)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-row{background:var(--v-paper)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-rail{background:var(--v-pine)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-row:first-child .cinv-rail{background:var(--v-brass)!important}
html body .cinv-wrap.cinv-wrap.cinv-wrap .cinv-btn{background:var(--v-ochre)!important}
.cinv-wrap .cinv-f,.cinv-wrap .cinv-morecb{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.cinv-head-b{border-left:5px solid var(--v-brass);padding:2px 0 2px 14px;margin:0 0 14px}
.cinv-head-b h2{margin:0 0 5px!important;font-size:23px!important;line-height:1.24!important;
  font-weight:800!important;color:var(--v-pine)!important;letter-spacing:-.01em}
.cinv-sub{margin:0!important;font-size:14.5px!important;line-height:1.6!important;color:var(--v-mute)!important}
.cinv-sub time{white-space:nowrap}
.cinv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;
  background:#eae6d8;border:1px solid var(--v-line);padding:12px 18px}
@media (max-width:640px){.cinv-filters{padding:10px 14px}}
.cinv-flh{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--v-mute);font-weight:700}
.cinv-fl{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;
  color:var(--v-ink);background:var(--v-paper);border:1px solid var(--v-line);padding:6px 11px}
.cinv-fl::before{content:"";width:13px;height:13px;border:1.5px solid var(--v-moss);background:#fff;flex:0 0 auto}
.cinv-fl:hover{border-color:var(--v-moss)}
.cinv-list{list-style:none!important;margin:0!important;padding:0!important;counter-reset:none}
.cinv-row{display:flex;align-items:stretch;background:var(--v-paper);border:1px solid var(--v-line);
  margin:0 0 10px!important;padding:0!important;list-style:none!important}
.cinv-row:hover{border-color:var(--v-moss)}
.cinv-rail{flex:0 0 46px;background:var(--v-pine);display:flex;align-items:center;justify-content:center}
.cinv-row:first-child .cinv-rail{background:var(--v-brass)}
.cinv-no{font-size:17px;font-weight:800;color:#f6f2e6;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.cinv-row:first-child .cinv-no{color:#17251f}
.cinv-body{flex:1 1 auto;min-width:0;padding:14px 16px}
.cinv-head{display:grid;grid-template-columns:152px minmax(0,1fr) auto;gap:16px;align-items:center}
.cinv-plate{display:block;flex:0 0 auto;border:1px solid var(--v-line);background:#faf9f4;line-height:0}
.cinv-plate img{display:block;width:152px;height:58px;object-fit:contain}
.cinv-id{min-width:0}
.cinv-name{display:inline;font-size:17.5px;font-weight:800;color:var(--v-pine)!important;
  text-decoration:none!important}
a.cinv-name:hover{text-decoration:underline!important}
.cinv-pick{display:inline-block;margin-left:9px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:#5a3c07;background:#f2e2bf;border:1px solid #dfc98f;padding:2px 7px;vertical-align:2px}
.cinv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.cinv-chip{font-size:12px;line-height:1.35;color:var(--v-mute);background:#f4f2ea;
  border:1px solid var(--v-line);padding:3px 8px}
.cinv-chip--key{color:#4a3308;background:#f7edd6;border-color:#e2cfa0;font-weight:700}
.cinv-cta{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:158px}
.cinv-btn{display:block;text-align:center;background:var(--v-ochre)!important;color:#fff!important;
  font-weight:700;font-size:14.5px;padding:11px 16px;text-decoration:none!important;border-radius:3px}
.cinv-btn:hover{background:#8a4109!important}
.cinv-rev{display:block;text-align:center;font-size:12.5px;color:var(--v-moss)!important;
  text-decoration:underline!important;text-underline-offset:2px}
.cinv-offer{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:12px;
  border-top:1px solid var(--v-line);border-left:4px solid var(--v-brass);background:#faf8f1;padding:9px 12px}
.cinv-offer b{font-size:17px;font-weight:800;color:var(--v-ink)}
.cinv-offer span{font-size:13.5px;color:var(--v-mute)}
.cinv-det{margin:9px 0 0!important;padding:0!important;border:1px solid var(--v-line);background:#fbfaf6}
.cinv-det>summary{display:block!important;list-style:none!important;cursor:pointer;
  padding:8px 12px;font-size:13px;font-weight:700;color:var(--v-pine)}
.cinv-det>summary::-webkit-details-marker{display:none}
.cinv-det>summary::after{content:"";float:right;width:7px;height:7px;margin-top:5px;
  border-right:2px solid var(--v-mute);border-bottom:2px solid var(--v-mute);transform:rotate(45deg)}
.cinv-det[open]>summary::after{transform:rotate(-135deg)}
.cinv-verif{list-style:none!important;margin:0!important;padding:0 12px 10px!important}
.cinv-verif li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin:0 0 5px!important;
  font-size:13px;line-height:1.5}
.cinv-verif b{color:var(--v-pine);font-weight:700}
.cinv-verif span{color:var(--v-mute)}
.cinv-more{display:block;text-align:center;margin:4px 0 0;padding:11px 16px;cursor:pointer;
  border:1px solid var(--v-moss);color:var(--v-moss);font-weight:700;font-size:14px;background:#fff}
.cinv-more:hover{background:#eef3ef}
.cinv-more-b{display:none}
.cinv-disc{margin:12px 0 0!important;font-size:12.5px!important;line-height:1.6!important;color:var(--v-mute)!important}
.cinv-disc a{color:var(--v-moss)!important}
.cinv-hid{display:none}
/* показ ПОСЛЕ скрытия — иначе базовое правило перебивает «показать ещё» */
input[id^="cinv-more-"]:checked~.cinv-list>.cinv-hid{display:flex}
input[id^="cinv-more-"]:checked~.cinv-more .cinv-more-a{display:none}
input[id^="cinv-more-"]:checked~.cinv-more .cinv-more-b{display:inline}
input[id^="cinv-idebit-"]:checked~.cinv-list>.cinv-row:not([data-idebit]){display:none}
input[id^="cinv-idebit-"]:checked~.cinv-filters label[for^="cinv-idebit-"]{background:#eef3ef;border-color:var(--v-moss);font-weight:700}
input[id^="cinv-idebit-"]:checked~.cinv-filters label[for^="cinv-idebit-"]::before{background:var(--v-moss);box-shadow:inset 0 0 0 2px #fff}
input[id^="cinv-dep-"]:checked~.cinv-list>.cinv-row:not([data-dep]){display:none}
input[id^="cinv-dep-"]:checked~.cinv-filters label[for^="cinv-dep-"]{background:#eef3ef;border-color:var(--v-moss);font-weight:700}
input[id^="cinv-dep-"]:checked~.cinv-filters label[for^="cinv-dep-"]::before{background:var(--v-moss);box-shadow:inset 0 0 0 2px #fff}
input[id^="cinv-wag-"]:checked~.cinv-list>.cinv-row:not([data-wag]){display:none}
input[id^="cinv-wag-"]:checked~.cinv-filters label[for^="cinv-wag-"]{background:#eef3ef;border-color:var(--v-moss);font-weight:700}
input[id^="cinv-wag-"]:checked~.cinv-filters label[for^="cinv-wag-"]::before{background:var(--v-moss);box-shadow:inset 0 0 0 2px #fff}
input[id^="cinv-fs-"]:checked~.cinv-list>.cinv-row:not([data-fs]){display:none}
input[id^="cinv-fs-"]:checked~.cinv-filters label[for^="cinv-fs-"]{background:#eef3ef;border-color:var(--v-moss);font-weight:700}
input[id^="cinv-fs-"]:checked~.cinv-filters label[for^="cinv-fs-"]::before{background:var(--v-moss);box-shadow:inset 0 0 0 2px #fff}
input[id^="cinv-big-"]:checked~.cinv-list>.cinv-row:not([data-big]){display:none}
input[id^="cinv-big-"]:checked~.cinv-filters label[for^="cinv-big-"]{background:#eef3ef;border-color:var(--v-moss);font-weight:700}
input[id^="cinv-big-"]:checked~.cinv-filters label[for^="cinv-big-"]::before{background:var(--v-moss);box-shadow:inset 0 0 0 2px #fff}
input[id^="cinv-igo-"]:checked~.cinv-list>.cinv-row:not([data-igo]){display:none}
input[id^="cinv-igo-"]:checked~.cinv-filters label[for^="cinv-igo-"]{background:#eef3ef;border-color:var(--v-moss);font-weight:700}
input[id^="cinv-igo-"]:checked~.cinv-filters label[for^="cinv-igo-"]::before{background:var(--v-moss);box-shadow:inset 0 0 0 2px #fff}
/* ⛔ Мобильная строка не должна расти в столбик: плашка и имя стоят В ОДНУ строку,
   кнопка с ссылкой на обзор — под ними одной полосой. Иначе R9 меряет 361 px
   при принятом коридоре 150–290 и витрина на телефоне читается как простыня. */
@media (max-width:760px){
  .cinv-head{grid-template-columns:96px minmax(0,1fr);
    grid-template-areas:"plate id" "cta cta";gap:8px 10px;align-items:center}
  .cinv-plate{grid-area:plate}
  .cinv-id{grid-area:id}
  .cinv-cta{grid-area:cta;flex-direction:row;align-items:center;gap:10px;min-width:0}
  .cinv-btn{flex:1 1 auto;padding:9px 12px;font-size:14px}
  .cinv-rev{flex:0 0 auto;white-space:nowrap}
  .cinv-plate,.cinv-plate img{width:96px;height:38px}
  .cinv-rail{flex:0 0 30px}
  .cinv-no{font-size:14px}
  .cinv-body{padding:10px 10px}
  .cinv-name{font-size:16px}
  .cinv-pick{margin-left:6px;font-size:10px;padding:1px 5px}
  .cinv-chips{gap:5px;margin-top:6px}
  .cinv-chip{font-size:11.5px;padding:2px 6px}
  .cinv-offer{margin-top:9px;padding:9px 13px;gap:4px 10px}
  .cinv-offer b{font-size:15.5px}
  .cinv-offer span{font-size:12.5px}
  .cinv-det{margin-top:8px!important}
  .cinv-det>summary{padding:7px 10px;font-size:12.5px}
  .cinv-verif li{grid-template-columns:1fr;gap:0}
}