/* Премиум-слой поверх сайта BioCapital. Подключается последним на всех страницах.
   Правила: /germans-sites (AI-RULES v3), решения Семёна 27.10.2026:
   кнопки таблеткой, заголовки 500, две насыщенности, плотная межстрочка,
   вместо розовых градиентов — слоновая кость и глубокий тёмно-зелёный,
   одна анимация появления на весь сайт. */

@font-face{font-family:Golos;src:url('/assets/fonts/golos-500.ttf') format('truetype');font-weight:500 900;font-display:swap}

:root{
  --pv-ivory:#f6f2ea;
  --pv-deep:#16201d;
  --pv-on-deep:#efe9df;
  --pv-on-deep-muted:rgba(239,233,223,.68);
  --pv-ease:cubic-bezier(.22,1,.36,1);
  /* розовая подложка везде становится слоновой костью */
  --co-blush:#f6f2ea;
  --accent-wash:#f6f2ea;
}
.pr-status{background:var(--pv-ivory)!important;border-radius:999px!important}
.support-answer:has(input:checked){background:var(--pv-ivory)!important}

/* Один шрифт на весь сайт, включая страницу сопровождения */
body,body *:not(svg):not(svg *){font-family:Golos,Arial,sans-serif!important}

/* Заголовки: насыщенность 500, плотная межстрочка, без переносов */
html body h1,html body h2,html body h3,html body h4,html body .b2b h1,html body .b2b h2,html body .b2b h3{font-weight:500!important;hyphens:none!important;-webkit-hyphens:none!important;text-wrap:balance}
body h1{line-height:1!important;letter-spacing:-.035em!important}
body h2{line-height:1.04!important;letter-spacing:-.03em!important}
body h3,body h4{line-height:1.15!important;letter-spacing:-.018em!important}
body p,body li{text-wrap:pretty}

/* Две насыщенности: 400 и 500. Всё, что было 600/700, рисуется файлом 500 (см. @font-face в company.css) */
body b,body strong{font-weight:500}

/* Кнопки — таблетки */
.co-button,.co-button-secondary,.button,.ds-btn,.ds-tab,.video-open,.hero-cta,
.topics button,.types button,.catalog-tabs button,.filter-toggle,.text-toggle,
.co-page a.button,.co-page button.button{border-radius:999px!important}

/* Наведение: подъём и мягкая тень, слои с разной скоростью */
.co-button,.button,.ds-btn,.btn{transition:transform 520ms var(--pv-ease),box-shadow 620ms var(--pv-ease),background-color 320ms var(--pv-ease),color 320ms var(--pv-ease)!important}
@media (hover:hover){
  .co-button:hover,.button:hover,.ds-btn:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(22,32,29,.45)}
  .card-image,.product-card .card-image{overflow:hidden}
  .card-image img{transition:transform 800ms var(--pv-ease)}
  .product-card:hover .card-image img{transform:scale(1.035)}
}

/* Строка-успокоитель у главной кнопки */
.pv-reassure{margin:14px 0 0!important;font-size:13px!important;line-height:1.5;color:var(--co-muted,#505c57);opacity:.9}
.pv-deep .pv-reassure{color:var(--pv-on-deep-muted)}

/* Разделитель вместо «·» */
.pv-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em}

/* Фоны: светлые разделы — ровная слоновая кость */
.co-soft,.pr-wash,.section.wash,.materials-section,.catalog-section,.reviews.section,.questions-section{
  background:var(--pv-ivory)!important;background-image:none!important}

/* Акцентные разделы — глубокий тёмно-зелёный с тёплым светлым текстом */
.co-blush,.pr-blush,.section.blush,.help-band,.formats-section,.co-bottom-cta,.b2b .next-step{
  background:var(--pv-deep)!important;background-image:none!important;color:var(--pv-on-deep)!important;
  --co-ink:var(--pv-on-deep);--ink:var(--pv-on-deep);--co-muted:var(--pv-on-deep-muted);--muted:var(--pv-on-deep-muted);
  --co-line:rgba(239,233,223,.16);--line:rgba(239,233,223,.16)}
.pv-deep h1,.pv-deep h2,.pv-deep h3,.pv-deep p,.pv-deep li,.pv-deep small,.pv-deep span,.pv-deep strong,.pv-deep summary,.pv-deep figcaption{color:inherit}
.pv-deep a:not(.co-button):not(.button){color:var(--pv-on-deep)}
.pv-deep .co-button-secondary,.pv-deep .button.secondary{background:transparent!important;color:var(--pv-on-deep)!important;border-color:rgba(239,233,223,.45)!important}
/* Светлые карточки внутри тёмного раздела возвращают свои цвета */
.pv-deep .pv-light{color:#192321!important;--co-ink:#192321;--ink:#192321;--co-muted:#505c57;--muted:#505c57;--co-line:#dce1dd;--line:#dce1dd}
.pv-deep .pv-light a:not(.co-button):not(.button){color:#192321}
.pv-deep .pv-light .button.secondary,.pv-deep .pv-light .co-button-secondary{color:#192321!important;border-color:#78877e!important}

/* Появление: одна кривая, подъём 28px, размытие 14px, ступенька 70 мс */
.pv-js .pv-r{opacity:0;transform:translate3d(0,28px,0);filter:blur(14px)}
.pv-js .pv-r.pv-in{opacity:1;transform:none;filter:none;
  transition:opacity 900ms var(--pv-ease) var(--pv-d,0ms),transform 900ms var(--pv-ease) var(--pv-d,0ms),filter 900ms var(--pv-ease) var(--pv-d,0ms)!important}
.pv-boot main{visibility:hidden}
@media (prefers-reduced-motion:reduce){
  .pv-js .pv-r{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .co-button:hover,.button:hover,.ds-btn:hover,.btn:hover{transform:none}
}

/* Живые обложки курсов заполняют карточку целиком (раньше там был вписанный скриншот PDF) */
.product-card[data-product=stop-aging] .card-image img,.co-course img,.pr-related>img{object-fit:cover!important;padding:0!important;background:none!important}

/* Страницы для брендов: розовые переменные и фоны → слоновая кость, светлая кнопка на тёмном → тёплая светлая */
.b2b{--surface-2:#f6f2ea!important;--brass-l:#efe9df!important}
.b2b .b2b-offer.ad{background:var(--pv-ivory)!important}
.b2b .b2b-subnav a{border-radius:999px!important}
/* Сопровождение: розовая подложка набора ds → слоновая кость */
[class*="ds-"]{--muted:#f6f2ea}
.ds-fit__c--no,.ds-who__photo{background:var(--pv-ivory)!important}
/* Шрифт не дорисовывает жирность сам: только настоящие файлы 400 и 500 */
body{font-synthesis:none}

/* Книги: настоящие страницы плана крупно, листы бумаги на тёмном фоне, два столбца */
.pr-gallery.pv-pages{display:block;columns:2;column-gap:32px}
.pv-pages .pv-page{break-inside:avoid;margin:0 0 32px}
.pv-pages .pv-page img{max-height:none!important;width:100%;object-fit:contain;background:#fff!important;border-radius:4px!important;
  box-shadow:0 1px 0 rgba(0,0,0,.08),0 28px 56px -28px rgba(0,0,0,.65)}
.pv-pages .pv-page a{display:block;transition:transform 620ms var(--pv-ease)}
@media (hover:hover){.pv-pages .pv-page a:hover{transform:translateY(-4px)}}
.pv-pages figcaption{margin-top:14px!important;font-size:1rem;line-height:1.5}
.pv-pages figcaption strong{font-weight:500}
.pv-pages figcaption span{display:block;margin-top:4px;font-size:13px;opacity:.7}
@media (max-width:760px){.pr-gallery.pv-pages{columns:1}}

/* Фото без серых подложек и рамок: кадр заполняет свой блок целиком (IMG-04) */
.pr-hero-image{background:none!important;border-radius:0!important}
.pr-hero-image img{object-fit:cover!important;height:auto!important;aspect-ratio:3/4;border-radius:0!important}
.pr-hero-image figcaption{display:none!important}
.pr-figure img,.pr-review-proof img,.co-body-image img,.pr-related>img{background:none!important}
.co-hero-photo{background:none!important;border-radius:0!important}
.co-hero-photo img{border-radius:0!important}
.co-hero-photo figcaption{display:none!important}

/* Отзыв: телефон крупно, без ограничения высоты и серой подложки */
.pr-review-proof img{max-height:none!important;height:auto;object-fit:cover!important;border-radius:0!important}
.pr-review-proof{max-width:620px}

/* «Невроз» (с 27.10 вместе с депрессией и ПА): строка под заголовком и три отзыва в ряд */
.pv-also{margin:10px 0 0!important;font-size:1.05rem;line-height:1.4;color:#a62c3b}
.pv-reviews3 .pr-review-proofs{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none}
.pv-reviews3 .pr-review-proof{max-width:none!important}
@media (min-width:1024px){.pv-reviews3>.co-wrap{display:block!important}.pv-reviews3>.co-wrap>.pr-section-heading{position:static!important;margin-bottom:40px!important}}
@media (max-width:760px){.pv-reviews3 .pr-review-proofs{grid-template-columns:1fr!important}}

/* Курс ЖКТ, «10 гайдов»: настоящие страницы крупно, два столбца */
.pv-gaydy .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:56px 40px!important}
.pv-gaydy .guide{display:block!important;padding:0!important;border:0!important}
.pv-gaydy .cover-frame{width:auto!important;aspect-ratio:auto!important;border-radius:4px;box-shadow:0 28px 56px -30px rgba(22,32,29,.6)}
.pv-gaydy .guide-copy .guide-lesson{margin-top:18px!important}
.pv-gaydy .pv-gayd-str{margin-top:6px!important;font-size:13px!important;color:var(--muted);opacity:.85}
@media (max-width:760px){.pv-gaydy .guide-grid{grid-template-columns:1fr!important;gap:40px!important}}

/* Страницы книг и уроков: журнальная раскладка вместо узких блоков, прижатых влево.
   Заголовок раздела — левая треть (держится при прокрутке), содержимое — справа.
   Галерея страниц и покупка остаются на всю ширину. */
@media (min-width:1024px){
  .pr-section:not(#preview):not(#purchase):not(#related)>.co-wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;align-items:start}
  .pr-section:not(#preview):not(#purchase):not(#related)>.co-wrap>.pr-section-heading{position:sticky;top:96px;margin:0;max-width:none}
  .pr-section:not(#preview):not(#purchase):not(#related)>.co-wrap>:not(.pr-section-heading){grid-column:2;max-width:none!important;width:100%;margin-top:0}
  .pr-review-proofs{grid-template-columns:1fr!important}
  .pr-review-proof{max-width:560px}
}

/* STOP, первый экран: страницы программы на столе во весь блок, без серой рамки (как у книг) */
.program-preview.pv-stol{padding:0!important;background:none!important;border-radius:0}
.program-preview.pv-stol img{max-height:none!important;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.program-preview.pv-stol figcaption{margin-top:12px}

/* Читаемость (28.10, проверка контраста по всем страницам, норма WCAG 4.5 / крупный текст 3) */
/* тёмный нижний блок страниц для брендов: заголовок, текст и вторая кнопка были тёмными на тёмном */
.b2b .pv-deep h2,.b2b .pv-deep h3,.b2b .pv-deep p{color:var(--pv-on-deep)!important}
.b2b .pv-deep .lead,.b2b .pv-deep .note{color:var(--pv-on-deep-muted)!important}
.pv-deep .co-button-secondary.pv-light,.pv-deep .button.secondary.pv-light{background:transparent!important;color:var(--pv-on-deep)!important;border-color:rgba(239,233,223,.45)!important}
/* бордовая кнопка: белый текст (у брендов .b2b a перебивал цвет на тёмный) */
html body a.co-button:not(.co-button-secondary),html body a.co-button:not(.co-button-secondary) *{color:#fff!important}
/* бордовые ссылки на тёмно-зелёном */
.pv-deep a.co-text-link:not(.pv-light a){color:var(--pv-on-deep)!important;text-decoration-color:rgba(239,233,223,.5)!important}
/* бледные подписи в тёмных блоках сопровождения и брендов */
.ds-dark .ds-cap,.ds-dark .ds-eyebrow,.ds-hero__text .ds-spaced,.ds-card__k,.ds-card__src,.ds-quote__by,.ds-hero__foot{color:rgba(243,236,221,.74)!important}
.ds-fit__c--no .ds-h3{color:#6b6252!important}
.b2b .band__k{color:rgba(243,236,221,.92)!important}
.ds-btn:not(.ds-btn--line) span{color:#fff!important}
.b2b a.co-button{padding:14px 26px!important;min-height:52px}

/* Сотрудничество: дополнительная услуга «Фабрика ИИ-креаторов» (контент-завод), 28.10 */
.pv-zv{padding:88px 0;background:#f6f2ea}
.pv-zv-head{max-width:760px}
.pv-zv-head h2{margin:10px 0 0;font-size:clamp(34px,4.6vw,56px)}
.pv-zv-lead{margin:18px 0 0;font-size:1.15rem;line-height:1.55;color:#38433f}
.pv-zv-top{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:start;margin-top:40px}
.pv-zv-top img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block}
.pv-zv-price{padding:28px;border-radius:20px;background:#fff;border:1px solid #e6e1d6}
.pv-zv-price .offer-price{margin:6px 0 12px;font-size:clamp(34px,4vw,48px);font-weight:500;color:#16201d}
.pv-zv-price p{margin:0 0 12px;color:#38433f}
.pv-zv-small{font-size:.92rem;color:#505c57!important}
.pv-zv-price .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.pv-zv-price .co-button{margin-top:0}
.pv-zv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.pv-zv-grid article{padding:24px;border-radius:18px;background:#fff;border:1px solid #e6e1d6}
.pv-zv-n{display:block;color:#a62c3b;font-size:14px;letter-spacing:.06em}
.pv-zv-grid h3{margin:10px 0 8px;font-size:1.2rem}
.pv-zv-grid p{margin:0;color:#38433f;font-size:.98rem;line-height:1.5}
.pv-zv-next{margin-top:24px;padding:24px 28px;border-radius:18px;border:1px dashed #b9b2a3}
.pv-zv-next h3{margin:0 0 6px;font-size:1.15rem}
.pv-zv-next p{margin:0;color:#38433f}
@media (max-width:1100px){.pv-zv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.pv-zv-top{grid-template-columns:1fr}}
@media (max-width:560px){.pv-zv{padding:56px 0}.pv-zv-grid{grid-template-columns:1fr}.pv-zv-price{padding:20px}}
.pv-zv-grid h3{margin:10px 0 10px!important}.pv-zv-lead{margin-top:18px!important}.pv-zv-head h2{margin-top:10px!important}.pv-zv-next h3{margin-bottom:8px!important}
