/* ==========================================================
   winpix — «Продуктовые ролики» v2 (/services/product-videos/), 07.10.2026, версия 1007c (07.10 pv_text: ярлык срока шага .pv-card__when; 1007b pv_vis: вложения, недельный план, стек генерации, 2×2 кадров)
   Страница собрана по структуре эталона «Презентация ЖК» (по образцу «Рекламы ЖК» v2): модули .pp-* берутся из
   /services/property-presentation/pp.css (подключён как есть, файл не менялся).
   Здесь — только свои модули страницы (префикс .pv-) и ритм/фоны для её порядка блоков.
   Модули «документов на столе» (.pv-doc, .pv-tl, .pv-chips, .pv-shots) — копия .ad-* из services/advertising/ad.css
   под своим префиксом, чтобы страницы не зависели друг от друга (при переносе в Astro — один компонент).
   ========================================================== */

/* ---------- Ритм и фоны (design_system_rules.md, А3/Б4) ----------
   Порядок фонов: [V hero] → L #when → [V перебивка I] → D #proof → L #works + L #clients (пара) → D #price + D #materials (пара)
   → L #path → D #fears → L #compare → D #guar → L #faq → [V перебивка II] → D #lead → D #next → подвал.
   Поле главы --pp-s (72 / 44), пара одного фона — --pp-in/2 с каждой стороны + линия по ширине контента. */
#when{padding-bottom:var(--pp-s)}                                          /* за #when перебивка, а не #proof */
.pp-il+#proof{padding-top:var(--pp-s)}
#proof{padding-bottom:var(--pp-s)}
#works{padding-top:var(--pp-s);padding-bottom:calc(var(--pp-in) / 2)}      /* пара #works → #clients */
#works+#clients,#price+#materials{position:relative}
#works+#clients::before,#price+#materials::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line-l)}
#price+#materials::before{border-top-color:var(--line-d)}
#price+#materials{padding-top:calc(var(--pp-in) / 2)}
.pv-works .chap__foot{margin-top:clamp(28px,3vw,44px)}

/* ---------- hero: свой постер шоурила (в pp.css фоном стоит постер эталона) ---------- */
.pp-hero__media{background-image:url(/media/pv/pv-hero-reel-poster.webp)}

/* ---------- #proof: четыре ролика серии — сцена, текст диктора, общий пэкшот ---------- */
.pv-proof__tabs{margin-top:clamp(8px,1vw,14px)}
.pv-proof .pp-tabs button{color:var(--milk);box-shadow:inset 0 0 0 1px var(--line-d)}
.pv-proof .pp-tabs button[aria-selected="true"]{color:var(--ink);box-shadow:none}
.pv-proof__stage{margin-top:4px}
.pv-proof__pane{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:start}
.pv-proof__pane[hidden]{display:none}
.pv-proof__film{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:var(--night-2)}
.pv-proof__film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pv-proof__tag{position:absolute;left:14px;top:14px;font-size:13px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(26,20,18,.72);color:var(--milk)}
.pv-proof__dl{margin:0;display:grid;gap:22px}
.pv-proof__dl>div{padding-top:14px;border-top:1px solid var(--line-d)}
.pv-proof__dl dt{font-size:var(--small);color:var(--mute-d);margin-bottom:10px}
.pv-proof__dl dd{margin:0}
.pv-proof__q{margin:0;color:var(--milk);font-size:clamp(17px,1.35vw,20px);line-height:1.45;max-width:44ch}
.pv-proof__pack{font-size:clamp(19px,1.6vw,24px);line-height:1.3;letter-spacing:-.015em;color:var(--brick-text);max-width:30ch}
/* структура ролика серии: рендер → переход → рендер → переход → пэкшот */
.pv-struct{list-style:none;margin:clamp(22px,2.6vw,36px) 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.pv-struct li{display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:1.2;padding:9px 16px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-d);color:var(--milk)}
.pv-struct li.is-tr{box-shadow:none;color:var(--mute-d);padding-inline:4px}
.pv-struct li.is-pack{background:var(--brick);box-shadow:none}
.pv-struct li+li::before{content:"→";color:var(--mute-d);margin-right:2px}
.pv-proof__src{margin-top:16px;font-size:var(--small);color:var(--mute-d)}
.pv-proof .chap__foot{margin-top:clamp(24px,3vw,40px)}
@media (max-width:900px){
  .pv-proof__pane{grid-template-columns:1fr;gap:20px}
  .pv-proof__film{margin-inline:calc(var(--gutter) * -.5)}
  .pv-proof .pp-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .pv-proof .pp-tabs::-webkit-scrollbar{display:none}
}

/* ---------- #works: 4 ролика — сетка 2×2 (design_system_rules Г4), на мобайле лента со snap (В2) ---------- */
.pv-works__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){
  .pv-works__grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:86%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .pv-works__grid::-webkit-scrollbar{display:none}
  .pv-works__grid>.work{scroll-snap-align:start}
}

/* ---------- #materials: у каждого объекта серии своё преимущество (вместо карусели рендеров эталона) ---------- */
.pv-utp{margin:clamp(36px,4.5vw,64px) 0 0;padding:clamp(20px,2.6vw,36px);border-radius:var(--r-card);background:var(--night-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.pv-utp__h{margin:0 0 18px;font-size:var(--small);color:var(--mute-d)}
.pv-utp__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pv-utp__list li{display:grid;gap:8px;align-content:start;padding:16px 18px 18px;border-radius:14px;background:rgba(244,238,230,.06);box-shadow:inset 0 0 0 1px var(--line-d)}
.pv-utp__list b{font-weight:400;font-size:var(--small);color:var(--mute-d)}
.pv-utp__list span{font-size:clamp(17px,1.45vw,22px);letter-spacing:-.015em;line-height:1.2}
.pv-utp figcaption{margin-top:18px;font-size:15px;color:var(--mute-d);line-height:1.45}
.pv-src{color:var(--mute-l);white-space:nowrap}
.pv-utp .pv-src,.pp-fears .pv-src,.pv-proof .pv-src{color:var(--mute-d)}
.pv-src::before{content:"· "}
@media (max-width:900px){ .pv-utp__list{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .pv-utp__list{grid-template-columns:1fr} }

/* ---------- Визуалы шагов и страхов: «документы» на столе (.pv-desk внутри .pp-desk-w эталона) ---------- */
.pv-desk{aspect-ratio:1.45;container-type:inline-size;display:grid;align-content:center;justify-items:center}
.pv-doc{width:100%;background:#FBF7F1;color:var(--ink);border-radius:12px;padding:clamp(14px,4.2cqw,34px);display:grid;gap:clamp(6px,1.6cqw,14px);align-content:start;
  box-shadow:0 0 0 1px rgba(26,20,18,.06),0 30px 46px -26px rgba(60,30,20,.55)}
.pv-doc__k{margin:0;font-size:clamp(10.5px,1.7cqw,13px);letter-spacing:.06em;text-transform:uppercase;color:var(--mute-l)}
.pv-doc__row{display:grid;grid-template-columns:22% 1fr;gap:clamp(8px,2cqw,18px);padding-top:clamp(6px,1.4cqw,12px);border-top:1px solid var(--line-l)}
.pv-doc__row span{font-size:clamp(11px,1.75cqw,14px);color:var(--mute-l);line-height:1.4}
.pv-doc__row p,.pv-doc__p{margin:0;font-size:clamp(12px,2.05cqw,17px);line-height:1.42;max-width:none}
.pv-doc__s{margin:0;font-size:clamp(10.5px,1.6cqw,13px);color:var(--mute-l)}
.pv-doc__t{display:inline-block;margin-right:8px;font-size:.78em;padding:1px 8px;border-radius:var(--r-pill);background:var(--bone-2);color:var(--mute-l)}
.pv-doc--dark{background:var(--night);color:var(--milk);box-shadow:inset 0 0 0 1px var(--line-d),0 26px 44px -24px rgba(0,0,0,.7)}
.pv-doc--dark .pv-doc__k,.pv-doc--dark .pv-doc__s{color:var(--mute-d)}
.pv-doc__big{margin:0;font-size:clamp(18px,4.6cqw,34px);line-height:1.12;letter-spacing:-.02em}
/* хронология проекта */
.pv-tl{list-style:none;margin:clamp(2px,1cqw,8px) 0 0;padding:0;display:grid;gap:0;position:relative}
.pv-tl li{position:relative;display:grid;grid-template-columns:34% 1fr;gap:clamp(8px,2cqw,16px);padding:clamp(6px,1.35cqw,11px) 0 clamp(6px,1.35cqw,11px) clamp(18px,3.2cqw,26px);border-top:1px solid var(--line-l);font-size:clamp(12px,2.1cqw,17px);line-height:1.3}
.pv-tl li::before{content:"";position:absolute;left:2px;top:50%;width:clamp(7px,1.2cqw,10px);height:clamp(7px,1.2cqw,10px);margin-top:calc(clamp(7px,1.2cqw,10px) / -2);border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}
.pv-tl li.is-mark::before{background:var(--brick);box-shadow:0 0 0 4px rgba(var(--brick-rgb),.2)}
.pv-tl b{font-weight:500}
.pv-tl li.is-mark b{color:var(--brick)}
/* структура ролика в документе (светлая версия .pv-struct) */
.pv-doc .pv-struct{margin:clamp(2px,.8cqw,6px) 0 clamp(4px,1cqw,8px);gap:clamp(4px,1cqw,8px)}
.pv-doc .pv-struct li{font-size:clamp(11px,1.9cqw,15px);padding:clamp(4px,.9cqw,8px) clamp(8px,1.8cqw,14px);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-l)}
.pv-doc .pv-struct li.is-tr{box-shadow:none;color:var(--mute-l);padding-inline:2px}
.pv-doc .pv-struct li.is-pack{color:var(--milk);background:var(--brick);box-shadow:none}
.pv-doc .pv-struct li+li::before{color:var(--mute-l)}
/* концепции в письме продюсера */
.pv-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:clamp(5px,1.1cqw,9px)}
.pv-chips li{font-size:clamp(11px,1.8cqw,14.5px);padding:clamp(4px,.8cqw,7px) clamp(8px,1.6cqw,13px);border-radius:var(--r-pill);border:1px solid var(--line-l);background:var(--bone)}
/* две колонки: луп генерации + ТЗ */
.pv-desk--two{grid-template-columns:1fr 1fr;gap:clamp(10px,2.4cqw,22px);align-items:center}
.pv-desk--two .pv-doc{align-self:stretch}
.pv-film{position:relative;margin:0}
.pv-film video,.pv-film img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px rgba(26,20,18,.06),0 26px 40px -24px rgba(60,30,20,.55);background:var(--bone-2)}
.pv-film .pp-desk__tag{font-size:clamp(10px,1.5cqw,12px)}
/* кадры четырёх объектов (2×2, с подписями) */
.pv-grid4{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.8cqw,16px)}
.pv-grid4 li{display:grid;gap:clamp(4px,.9cqw,8px)}
.pv-grid4 img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px rgba(26,20,18,.06),0 22px 34px -22px rgba(60,30,20,.5)}
.pv-grid4 span{font-size:clamp(11px,1.75cqw,14px);color:var(--mute-l);line-height:1.3}
.pv-note{grid-column:1 / -1;margin:clamp(6px,1.4cqw,12px) 0 0;font-size:clamp(12px,2cqw,17px);line-height:1.4;max-width:58ch;justify-self:start}
/* версии: 16:9 и квадрат */
.pv-ver{width:100%;display:grid;grid-template-columns:16fr 9fr;gap:clamp(10px,2.4cqw,22px);align-items:end;margin-top:clamp(8px,1.8cqw,16px)}
.pv-ver figure{margin:0;display:grid;gap:clamp(4px,.9cqw,8px)}
.pv-ver img{display:block;width:100%;height:auto;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px rgba(26,20,18,.06),0 22px 34px -22px rgba(60,30,20,.5)}
.pv-ver figure:first-child img{aspect-ratio:16/9}
.pv-ver figure:nth-child(2) img{aspect-ratio:1/1}
.pv-ver .pv-ver__wide{grid-column:1/-1} .pv-ver .pv-ver__wide img{aspect-ratio:970/250} /* 07.10: баннер 970×250 на всю ширину под 16:9 и 1:1 */
.pv-ver figcaption{font-size:clamp(11px,1.75cqw,14px);color:var(--mute-l);line-height:1.3}
.pv-desk--rounds{align-content:start}
.pv-desk--rounds .pp-rounds{width:100%}
/* кадры в карточках страхов */
.pv-shots{list-style:none;margin:0;padding:0;display:grid;gap:clamp(6px,.8vw,10px);box-shadow:0 26px 44px -24px rgba(0,0,0,.7)}
.pv-shots--4,.pv-shots--2{grid-template-columns:1fr 1fr}
.pv-shots.pv-shots--2 img{aspect-ratio:3/4}                                         /* два кадра крупно: вертикальный кроп */
.pv-shots--3{grid-template-columns:1fr 1fr}
.pv-shots--3 li:first-child{grid-column:1 / -1}
.pv-shots li{position:relative}
.pv-shots img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--night-2)}
.pv-facts{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.pv-facts span{font-size:14px;padding:6px 12px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line-d);color:var(--milk)}
.pv-doc--dark .pv-facts{margin-top:clamp(6px,1.4cqw,12px)}
.pp-hzsec.is-hz .pp-fdesk:has(.pv-doc) .pp-fdesk__in{width:min(100%,100cqh * 1.3)}
.pp-hzsec.is-hz .pp-fdesk:has(.pv-shots--3) .pp-fdesk__in{width:min(100%,100cqh * 1.02)}
.pp-hzsec.is-hz .pp-fdesk:has(.pv-shots--4) .pp-fdesk__in{width:min(100%,100cqh * 1.7)}
.pp-hzsec.is-hz .pp-fdesk:has(.pv-shots--2) .pp-fdesk__in{width:min(100%,100cqh * 1.45)}

@media (max-width:900px){
  .pv-desk{aspect-ratio:auto}
  .pv-desk--two{grid-template-columns:1fr}
  .pv-doc__row{grid-template-columns:1fr;gap:2px}
  .pv-tl li{grid-template-columns:1fr;gap:1px}
}

/* ---------- #compare на светлом фоне (в эталоне блок тёмный; здесь он стоит между тёмными #fears и #guar) ---------- */
.pp-fears+.pp-cmp.light{border-top:0}
.pp-cmp.light .pp-format-overview>div{border-top-color:var(--line-l)}
.pp-cmp.light .pp-format-overview>div:first-child{border-top-color:var(--brick)}
.pp-cmp.light .pp-format-overview p{color:var(--mute-l)}
.pp-cmp.light .pp-cmp__wrap{border-top-color:var(--line-l)}
.pp-cmp.light .pp-table th,.pp-cmp.light .pp-table td{border-bottom-color:var(--line-l)}
.pp-cmp.light .pp-table tbody th{color:var(--mute-l)}
.pp-cmp.light .pp-table td{color:rgba(26,20,18,.84)}
.pp-cmp.light .pp-table .is-ours{background:rgba(var(--brick-rgb),.09);color:var(--ink)}
.pp-cmp.light .pp-table thead .is-ours{box-shadow:inset 0 3px 0 var(--brick)}
.pp-cmp.light .pp-cmp__tabs button{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-l)}
.pp-cmp.light .pp-cmp__tabs button[aria-selected="true"]{background:var(--ink);color:var(--milk);box-shadow:none}
@media (max-width:900px){ .pp-cmp.light .pp-table .is-ours{background:transparent} .pp-cmp.light .pp-table[data-col="1"] td{color:var(--ink)} }

/* ==========================================================
   07.10 pv_vis (1007b): визуалы шагов 02/03/05 и страхов 03/04
   ========================================================== */

/* ---------- 02: три вложения письма продюсера в ряд (на мобайле перенос) ---------- */
.pv-att{display:flex;flex-wrap:wrap;gap:clamp(6px,1.2cqw,10px)}
.pv-att .pp-mail__file{justify-self:auto;min-width:0;gap:clamp(6px,1.2cqw,10px)}
.pv-att .pp-mail__file b{white-space:nowrap}

/* ---------- 03 и страх 03: календарный план на неделю (.pp-gc эталона, 8 колонок: день 0…7) ---------- */
.pv-wk{--n:8}
.pv-wk .pp-gc__in{min-width:0}                       /* в эталоне 520px под горизонтальный скролл 20 дней; 8 дней помещаются без скролла */
.pv-wk .pp-gc__days{grid-template-columns:repeat(var(--n),1fr)}
.pv-wk .pv-wk__dh{font-size:11.5px;color:var(--mute-l);padding-left:6px;align-self:end;padding-bottom:5px}
.pv-wk .pp-gc__head--days{margin-bottom:2px}
/* сетка дней через все строки: тонкая линия на границе каждого дня */
.pv-wk .pp-gc__track{background:repeating-linear-gradient(to right,rgba(26,20,18,.12) 0 1px,transparent 1px calc(100% / var(--n)))}
.pv-wk .pp-gc__bar{left:calc(var(--a) / var(--n) * 100% + 3px);width:calc((var(--b) - var(--a) + 1) / var(--n) * 100% - 6px)}
.pv-wk .pp-gc__row.is-mark .pp-gc__bar{left:calc((var(--a) + .5) / var(--n) * 100% - 7.5px);width:15px}
.pv-wk .pp-gc__row.is-mark .pp-gc__lbl{color:var(--brick);font-weight:500}
.pv-wk .pp-gc__row{min-height:clamp(30px,4.2svh,40px)}
.pv-wk__d{display:none}
/* точка согласования: кольцо на конце дня (как «ваши замечания» на шкале правок) */
.pv-wk__ok{position:absolute;top:50%;left:calc((var(--d) + 1) / var(--n) * 100% - 3px);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#FBF7F1;box-shadow:inset 0 0 0 2px var(--ink),0 0 0 3px rgba(var(--brick-rgb),.18);z-index:1}
.pv-wk__leg{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--mute-l)}
.pv-wk__k{display:inline-block;flex:none;width:11px;height:11px}
.pv-wk__k--start{background:var(--brick);rotate:45deg;border-radius:2px;width:9px;height:9px;margin-right:2px}
.pv-wk__k--ok{border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink);margin-left:12px}
.pv-wk.pp-gc--mini .pp-gc__row{min-height:clamp(26px,3.4svh,32px)}
@media (hover:hover){ .pv-wk .pp-gc__row:hover .pp-gc__bar{background:var(--brick)} }
/* ≤640: вертикальный список — строка «этап · дни», под ней полоса недели на всю ширину */
@media (max-width:640px){
  .pv-wk .pp-gc__head{grid-template-columns:1fr}
  .pv-wk .pv-wk__dh{display:none}
  .pv-wk .pp-gc__days i:nth-child(even){visibility:visible}
  .pv-wk .pp-gc__days i{font-size:10.5px}
  .pv-wk .pp-gc__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l d" "t t";row-gap:3px;padding:7px 0 6px;min-height:0;border-top:1px solid var(--line-l);border-radius:0}
  .pv-wk .pp-gc__row:first-child{border-top:0}
  .pv-wk .pp-gc__lbl{grid-area:l;padding:0 4px 0 0;font-size:14px}
  .pv-wk__d{display:block;grid-area:d;font-size:12.5px;color:var(--mute-l);font-variant-numeric:tabular-nums;white-space:nowrap}
  .pv-wk .pp-gc__track{grid-area:t;min-height:16px}
  .pv-wk__ok{width:14px;height:14px;margin:-7px 0 0 -7px}
}

/* ---------- 05: генерация сверху, ТЗ снизу — одна ширина, максимальная в колонке визуала ---------- */
.pv-desk--stack{aspect-ratio:auto;grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:clamp(10px,1.8cqw,16px)}
.pv-desk--stack .pv-film video{aspect-ratio:16/9;object-fit:cover}    /* pv-gen.mp4 — 1280×720, ровно 16:9: без обрезки и растяжения */
.pv-desk--stack .pv-doc{padding:clamp(12px,2.6cqw,22px) clamp(14px,3cqw,26px);gap:clamp(6px,1.2cqw,10px)}
.pv-tz{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.2cqw,10px) clamp(14px,3cqw,28px)}
.pv-tz .pv-doc__p{font-size:clamp(12px,1.85cqw,15px);line-height:1.38}
/* в ленте с пином высота визуала ограничена: ширину стека считаем от высоты (видео 16:9 + блок ТЗ ≈ --tz) */
.pp-hzsec.is-hz .pp-desk.pv-desk--stack{--tz:clamp(150px,24cqh,190px);width:min(100cqw,(100cqh - var(--tz)) * 1.7778)}
@media (max-width:520px){ .pv-tz{grid-template-columns:1fr} }

/* ---------- страх 04: четыре кадра 2×2 (16:9, .pv-shots--4 — как у пэкшотов страха 02, те же скругления и отступы).
   На мобайле тоже 2×2: страхи там идут лентой карточек ~294px, в одну колонку карточка вырастала до ~1070px (выше экрана) ---------- */

/* ---------- 07.10 pv_text: ярлык срока этапа под заголовком шага (#path) — в стиле подписей dt таблицы; на мобайле виден только в раскрытом шаге ---------- */
.pv-card__when{margin:10px 0 0;font-size:var(--small);color:var(--mute-l);font-variant-numeric:tabular-nums}
.pp-card .pv-card__when+.pp-dl{margin-top:16px}
@media (max-width:900px){
  .pp-acc>.pp-card:not(.is-open) .pv-card__when{display:none}
  .pp-acc>.pp-card.is-open .pv-card__when{margin:0 0 10px}
}


/* ==========================================================
   08.10 (Алексей): блок страхов #fears — вёрстка как на «Имиджевом фильме» (вариант C: винный фон, вкладки слева + экран 16:9 справа, ≤900 аккордеон; pv.js).
   Стили — из brand-film/bf.css через advertising/reklama.css, классы pv-fc. Бэкап — _review_bak_0810/pv_before_fears/.
   ========================================================== */
/* ---------- #fears (вариант C): доказательство в центре, тёплый винный фон ---------- */
.pv-fc{background:#3A141C;color:var(--milk)}
.pv-fc .chap__head p,.pv-fc__cap{color:rgba(244,238,230,.68)}
/* стыки D1: фон винный — не пара ни со светлым #path, ни с тёмным #compare, поэтому с обеих сторон обычное поле главы --s-chap.
   Перебиваем ID-правила эталона pp.css 1005v (#fears:not(.light):has(+ #compare…) и #fears…+#compare… — там «тёмная пара» с половинными полями) */
#fears.pv-fc,#fears.pv-fc:not(.light):has(+ #compare:not(.light)){padding-top:var(--s-chap);padding-bottom:var(--s-chap)}
#fears.pv-fc:not(.light)+#compare:not(.light){padding-top:var(--s-chap);border-top:0}
.pv-fc__b{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%;
  display:grid;grid-template-columns:clamp(30px,2.6vw,44px) minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:clamp(16px,1.6vw,22px) 0;border-top:1px solid rgba(244,238,230,.16)}
.pv-fc__b:focus-visible{outline:2px solid var(--milk);outline-offset:4px;border-radius:4px}
.pv-fc__no{font-size:14px;letter-spacing:.04em;color:rgba(244,238,230,.55);font-variant-numeric:tabular-nums}
.pv-fc__q{font-size:clamp(18px,1.45vw,22px);line-height:1.28;letter-spacing:-.015em;color:rgba(244,238,230,.6);transition:color .25s}
.pv-fc__b i{font-style:normal;width:22px;text-align:right;color:var(--brick-text)}
.pv-fc__b[aria-selected="true"] .pv-fc__q,.pv-fc__b[aria-expanded="true"] .pv-fc__q{color:var(--milk)}
.pv-fc__b[aria-selected="true"] .pv-fc__no,.pv-fc__b[aria-expanded="true"] .pv-fc__no{color:var(--brick-text)}
.pv-fc__b[aria-selected="true"] i::before{content:"→"}
@media (hover:hover){ .pv-fc__b:hover .pv-fc__q{color:var(--milk)} }
.pv-fc__hd{margin:0;font:inherit}
.pv-fc__pane[hidden]{display:none}
.pv-fc__screen{position:relative;border-radius:var(--r-card);overflow:hidden;background:#140B0C;box-shadow:inset 0 0 0 1px rgba(244,238,230,.12),0 40px 70px -40px rgba(0,0,0,.8)}
.pv-fc__in{width:100%;display:grid}
.pv-fc__txt{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);margin-top:clamp(20px,2.2vw,30px)}
.pv-fc__a{margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:rgba(244,238,230,.9);max-width:46ch}
.pv-fc__cap{margin:0;font-size:14px;line-height:1.45}
/* >900: вкладки слева, экран справа (bf.js собирает .pv-fc__tabs и .pv-fc__stage) */
.pv-fc__box:has(.pv-fc__tabs){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:start}
.pv-fc__tabs{display:grid;border-bottom:1px solid rgba(244,238,230,.16)}
@media (min-width:901px){
  /* 08.10 fears2: экран — ровно по сетке 2×2 кадров 16:9 пункта 03 (поле 12 px, зазор 10 px), один размер для всех пунктов:
     высота = (ширина − 2·12 − 10) · 9/16 + 2·12 + 10. Ширина сцены — от .pv-fc__stage (container inline-size) */
  .pv-fc__stage{container-type:inline-size;container-name:pvfc}
  .pv-fc__screen{height:calc((100cqw - 34px) * .5625 + 34px);container-type:size;display:grid;place-items:center;padding:12px}
  .pv-fc .pv-shots{gap:10px;box-shadow:none}
  .pv-fc__screen--shots .pv-fc__in{width:100%}
  .pv-fc__screen--gc{padding:clamp(14px,2.4cqw,28px)}
  .pv-fc__screen--gc .pv-fc__in{width:min(100%,100cqh * 1.62);justify-items:center}
  .pv-fc__vid{position:relative;width:100%;height:100%}
  .pv-fc__screen--bleed .pp-desk__tag{left:20px;top:20px;font-size:13px;z-index:2}
  /* 01: кадр на весь экран; логотип и факты — три плашки одной высоты, по правому краю, отступ = отступу снизу */
}
/* ≤900: аккордеон «страх → ответ и визуал» */
@media (max-width:900px){
  .pv-fc__acc{border-bottom:1px solid rgba(244,238,230,.16)}
  .pv-fc__b{grid-template-columns:30px minmax(0,1fr) 28px;padding:18px 0}
  .pv-fc__q{font-size:19px}
  .pv-fc__b i{position:relative;align-self:center;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(244,238,230,.4);transition:transform .3s var(--ease-soft)}
  .pv-fc__b i::before,.pv-fc__b i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--milk)}
  .pv-fc__b i::after{transform:rotate(90deg)}
  .pv-fc__b[aria-expanded="true"] i{transform:rotate(45deg)}
  .pv-fc__pane{padding:2px 0 26px}
  .pv-fc__screen{padding:12px;margin-inline:calc(var(--gutter) * -.5);container-type:inline-size}
  .pv-fc__screen--bleed{padding:0}
  .pv-fc__screen--bleed .pv-shots img{border-radius:0}
  .pv-fc__txt{grid-template-columns:1fr;gap:12px;margin-top:16px}
}
/* вариант C: плашки фактов поверх кадра — кегль от ширины экрана; строки страха во вкладках без «висящего» слова */
.pv-fc__q{text-wrap:balance}

/* 04: луп New Bridge — на весь экран */
.pv-fc__vid video{display:block;width:100%;height:100%;object-fit:cover}
/* 02: календарный план на 6 недель в экране */
.pv-wk--12 .pp-gc__lbl{font-size:clamp(13px,1.05vw,15.5px)}
@media (max-width:900px){
  .pv-fc .pv-shots{gap:8px}
  .pv-fc__vid{position:relative;aspect-ratio:16/9}
  .pv-fc__screen--gc{padding:10px}
}


/* «Продуктовые»: 01 — три фасада (первый широкий), 03 — план на неделю по дням в экране */
@media (min-width:901px){
  .pv-fc__screen--shots .pv-shots--3{grid-template-columns:1fr 1fr;height:100%;grid-template-rows:1.25fr 1fr}
  .pv-fc__screen--shots .pv-shots--3 li:first-child{grid-column:1 / -1}
  .pv-fc__screen--shots .pv-shots--3 li{position:relative;min-height:0;overflow:hidden;border-radius:8px}
  .pv-fc__screen--shots .pv-shots--3 img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
  .pv-fc__screen--shots .pv-fc__in{height:100%}
}
.pv-fc .pv-wk .pp-gc__lbl{font-size:clamp(13px,1.05vw,15.5px)}