/* ============================================================================
   YAZME · ПЕРСОНЫ · ПРОФИЛЬ «ГЛЯНЦЕВАЯ ОБЛОЖКА» · 21.10.2026
   Файл: persona/assets/profile.css      Подключается: persona/profile.php
   Идёт ПОСЛЕ tokens.css, ui.css, screens.css и card.css; games_sheet.css —
   после него. Своих цветов почти не заводит: всё из токенов раздела, поэтому
   страница едет за темой сайта. Исключение — надписи и кнопки ПОВЕРХ фото:
   они обязаны остаться светлыми в любой теме.

   ЧТО ПОМЕНЯЛОСЬ ПРОТИВ «КАДРА» (11.09.2026):
     • фото в своей пропорции (--pfk-ar: 1/1, 4/5 или 4/3 — считает
       profile.php), скругление снизу и мягкий глянцевый блик;
     • на фото НЕТ надписей: имя, подпись и теги — под ним, на фоне
       страницы. Квадратные аватары больше не закрываются текстом;
     • сверху: назад · (имя при прокрутке) · «Игры» с подписью · «Ещё»;
     • под подписью — кнопка «Начать разговор» и ряд подписанных кнопок;
     • док внизу выезжает, когда «Начать разговор» ушла с экрана;
     • блоки текста — карточками.
   ОТКАТ: вернуть прежние profile.php и profile.css из архива отката.
   ========================================================================= */

.pfk-body{ padding-bottom:calc(150px + var(--sab)); }
@media (max-width: 899px){
  /* Общая шапка раздела на телефоне скрыта: фото идёт от верхнего края.
     В разметке она остаётся — робот и человек без css видят её всегда. */
  .pfk-body .pvh{ display:none; }
}
.pfk{ position:relative; }
html.pfk-noscroll, html.pfk-noscroll body{ overflow:hidden; }

/* ══════════════════════════ ФОТО ══════════════════════════ */
.pfk-hero{ position:relative; z-index:1; }
.pfk-art{
  position:relative; margin:0; overflow:hidden; isolation:isolate;
  aspect-ratio:var(--pfk-ar, 1 / 1); max-height:82svh; width:100%;
  border-radius:0 0 30px 30px; background:var(--s1);
}
.pfk-art img{
  display:block; width:100%; height:100%;
  object-fit:cover; object-position:50% 30%;
  animation:pfk-breathe 18s ease-in-out infinite alternate;
}
@keyframes pfk-breathe{ from{ transform:scale(1.005); } to{ transform:scale(1.045); } }
/* Затемнение ТОЛЬКО сверху — под кнопками. Низ фото чистый: лицо на
   квадратном кадре часто стоит низко. */
.pfk-art::before{
  content:""; position:absolute; inset:0 0 auto; height:28%; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(10,9,8,.55), rgba(10,9,8,0));
}
/* Глянец: блик по диагонали и тонкий световой кант по краю. */
.pfk-art::after{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(255,255,255,.05);
  background:linear-gradient(120deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 28%);
}
.pfk-zoom{
  position:absolute; inset:0; z-index:3; margin:0; padding:0; border:0;
  background:none; cursor:zoom-in; border-radius:inherit; -webkit-tap-highlight-color:transparent;
}
.pfk-zoom:focus-visible{ outline:var(--focus-w) solid var(--focus); outline-offset:-4px; }
.pfk-zh{
  position:absolute; z-index:4; right:12px; bottom:12px; pointer-events:none;
  display:inline-flex; align-items:center; gap:5px; padding:6px 10px; border-radius:var(--r-full);
  background:rgba(10,9,8,.5); color:rgba(250,249,245,.9); font:600 11.5px/1 var(--f-ui);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
.pfk-zh .pv-ic{ width:14px; height:14px; }
.pfk-hero.nopic .pfk-art{ background:var(--hero-grad); aspect-ratio:4 / 3; }
.pfk-mono{
  position:absolute; inset:0; display:grid; place-items:center;
  font:600 min(40vw, 220px)/1 var(--f-serif); color:color-mix(in srgb, var(--on-hero) 70%, transparent);
}

/* ---------- полоса сверху ---------- */
.pfk-top{
  position:fixed; top:0; left:0; right:0; z-index:46;
  display:flex; align-items:center; gap:var(--sp2);
  padding:calc(var(--sat) + 10px) var(--sp3) 10px;
  border-bottom:1px solid transparent;
  transition:background var(--d-std) var(--e-out), border-color var(--d-std) var(--e-out);
}
.pfk-top.on{
  background:var(--glass); border-bottom-color:var(--hair);
  -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%);
}
.pfk-gbtn{
  width:44px; height:44px; flex:none; display:grid; place-items:center;
  border-radius:var(--r-full); border:1px solid rgba(250,249,245,.22);
  background:rgba(10,9,8,.42); color:#faf9f5; cursor:pointer; text-decoration:none;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  transition:background var(--d-std) var(--e-out), color var(--d-std) var(--e-out),
             border-color var(--d-std) var(--e-out), transform var(--d-micro) var(--e-spring-soft);
}
.pfk-gbtn:active{ transform:scale(.93); }
.pfk-top.on .pfk-gbtn{ background:transparent; border-color:transparent; color:var(--t1); }
.pfk-acts{ margin-left:auto; display:flex; align-items:center; gap:var(--sp2); }
/* «Игры» — подписанная капсула, а не безымянная иконка: её должны замечать. */
.pfk-gpill{
  display:inline-flex; align-items:center; gap:7px; height:44px; padding:0 16px 0 12px;
  border-radius:var(--r-full); cursor:pointer; color:#faf9f5;
  border:1px solid rgba(250,249,245,.3);
  background:linear-gradient(180deg, rgba(250,249,245,.22), rgba(250,249,245,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  font:600 14px/1 var(--f-ui);
  transition:background var(--d-std) var(--e-out), color var(--d-std) var(--e-out), transform var(--d-micro) var(--e-spring-soft);
}
.pfk-gpill:active{ transform:scale(.95); }
.pfk-top.on .pfk-gpill{ background:var(--hero-lo); border-color:var(--hero-line); color:var(--hero); box-shadow:none; }
.pfk-gpill .yzg-dot{ top:4px; right:6px; }
.pfk-mini{
  display:flex; align-items:center; gap:8px; min-width:0;
  opacity:0; transform:translateY(6px); pointer-events:none;
  transition:opacity var(--d-std) var(--e-out), transform var(--d-std) var(--e-out);
}
.pfk-top.on .pfk-mini{ opacity:1; transform:none; }
.pfk-mini i{ width:30px; height:30px; flex:none; border-radius:var(--r-full); background-size:cover; background-position:50% 25%; }
.pfk-mini b{ min-width:0; font:600 17px/1.1 var(--f-serif); color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---------- имя и подпись — ПОД фото ---------- */
.pfk-cap{ max-width:var(--col); margin:0 auto; padding:var(--sp5) var(--sp5) 0; display:grid; gap:6px; }
.pfk-eyb{ margin:0; font:600 12.5px/1.3 var(--f-ui); color:var(--t3); letter-spacing:.01em; }
.pfk-eyb a{ color:var(--t2); text-decoration:none; }
@media (hover:hover){ .pfk-eyb a:hover{ color:var(--hero); } }
.pfk-name{
  margin:2px 0 0; color:var(--t1);
  font:600 clamp(40px, 13vw, 60px)/.95 var(--f-serif);
  letter-spacing:-.03em; text-wrap:balance; overflow-wrap:anywhere;
}
.pfk-cap .pf-name-en{ margin:2px 0 0; font:500 var(--fs-small)/1.2 var(--f-ui); color:var(--t3); }
.pfk-tagline{ margin:6px 0 0; max-width:36ch; font:400 16.5px/1.45 var(--f-ui); color:var(--t1); text-wrap:pretty; }
.pfk-tags{ display:flex; gap:6px; margin-top:8px; overflow-x:auto; scrollbar-width:none; padding:2px 0; }
.pfk-tags::-webkit-scrollbar{ display:none; }
.pfk-tags .pv-tag{ flex:none; text-transform:none; letter-spacing:0; font:600 12.5px/1 var(--f-ui); min-height:32px; color:var(--t1); background:var(--s2); }
.pfk-tags a.pv-tag{ text-decoration:none; }
@media (hover:hover){ .pfk-tags a.pv-tag:hover{ border-color:var(--hero-line); } }

/* ══════════════════════════ ОСНОВНОЙ БЛОК ══════════════════════════ */
.pfk-sheet{ position:relative; z-index:2; }
.pfk-inner{ max-width:var(--col); margin:0 auto; padding:var(--sp5) var(--sp4) var(--sp7); display:grid; gap:var(--sp5); }
.pfk-inner > *{ min-width:0; margin-top:0; }

/* ---------- кнопки ---------- */
.pfk-actions{ display:grid; gap:10px; }
.pfk-cta{
  position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:center; gap:10px; min-height:56px;
  border-radius:20px; text-decoration:none; cursor:pointer;
  background:var(--hero-grad); color:var(--on-hero); font:600 16.5px/1.1 var(--f-ui);
  box-shadow:var(--sh-hero), inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform var(--d-micro) var(--e-spring-soft);
}
.pfk-cta::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 50%); }
.pfk-cta:active{ transform:scale(.98); }
.pfk-row{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:8px; }
.pfk-ab{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  min-height:64px; padding:6px 4px; border-radius:16px; border:1px solid var(--hair);
  background:linear-gradient(180deg, color-mix(in srgb, var(--t1) 8%, transparent), color-mix(in srgb, var(--t1) 2%, transparent));
  color:var(--t1); font:600 12.5px/1.1 var(--f-ui); text-align:center; text-decoration:none; cursor:pointer;
  transition:background var(--d-std) var(--e-out), color var(--d-std) var(--e-out),
             border-color var(--d-std) var(--e-out), transform var(--d-micro) var(--e-spring-soft);
}
.pfk-ab:active{ transform:scale(.96); }
@media (hover:hover){ .pfk-ab:hover{ border-color:var(--hair2); } }
.pfk-ab[aria-pressed="true"]{ color:var(--hero); border-color:var(--hero-line); background:var(--hero-lo); }
.pfk-ab[aria-pressed="true"] .pv-ic{ fill:currentColor; }
.pfk-ab .yzg-dot{ top:8px; right:calc(50% - 20px); }

/* ---------- автор и дата ---------- */
.pfk-meta{ margin:0; font-size:var(--fs-small); color:var(--t3); line-height:1.5; }
.pfk-by a{ color:var(--t1); font-weight:600; text-decoration:none; }
@media (hover:hover){ .pfk-by a:hover{ color:var(--hero); } }
.pfk-upd{ white-space:nowrap; }
.pfk-inner .pf-crumbs{ padding:0; }

/* ---------- карточки разделов ----------
   Свои блоки (.pfk-block) и чужие (энциклопедия, «О чём поговорить», похожие,
   книга, FAQ) — в одной оболочке, чтобы страница читалась одним ритмом. */
.pfk-block,
.pfk .pf-lore,
.pfk .pf-talk,
.pfk .pf-same,
.pfk .pf-frombook,
.pfk .pf-faq{
  margin:0; padding:var(--sp5) 18px; border-radius:22px;
  background:var(--s1); border:1px solid var(--hair);
  scroll-margin-top:calc(var(--sat) + 76px);
}
.pfk-sec,
.pfk-inner .pv-title,
.pfk-inner .pf-faq h2,
.pfk-inner .pf-lore h2{
  margin:0 0 var(--sp3);
  font:600 13px/1.2 var(--f-display); letter-spacing:.01em; color:var(--t1);
}
.pfk-bio{ color:var(--t2); max-width:64ch; text-wrap:pretty; }
.pfk-bio p{ margin:0 0 10px; }
.pfk-bio p:last-child{ margin-bottom:0; }
.pfk-bio.cut{
  max-height:calc(1.55em * 5); overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg, #000 55%, transparent); mask-image:linear-gradient(180deg, #000 55%, transparent);
}
.pfk-bio-t:checked ~ .pfk-bio.cut{ max-height:none; -webkit-mask-image:none; mask-image:none; }
.pfk-more{ display:inline-flex; align-items:center; min-height:36px; margin-top:4px; color:var(--hero); font:600 14px/1 var(--f-ui); cursor:pointer; }
.pfk-more[hidden]{ display:none; }
.pfk-more .b{ display:none; }
.pfk-bio-t:checked ~ .pfk-more .a{ display:none; }
.pfk-bio-t:checked ~ .pfk-more .b{ display:inline; }
.pfk-bio-t:focus-visible ~ .pfk-more{ outline:var(--focus-w) solid var(--focus); outline-offset:var(--focus-off); border-radius:var(--r-xs); }

.pfk-mem{ display:flex; align-items:center; gap:12px; padding:14px; border-radius:16px; background:var(--s2); }
.pfk-memn{ font:600 24px/1 var(--f-num); color:var(--t1); font-variant-numeric:tabular-nums; }
.pfk-memw{ color:var(--t3); font-size:var(--fs-small); line-height:1.3; }
.pfk-mem .pv-btn{ margin-left:auto; }

/* ---------- энциклопедия (бывший инлайн в profile.php) ---------- */
.pf-lore p{ max-width:62ch; color:var(--t2); margin:0 0 10px; }
.pf-lore p:last-child{ margin-bottom:0; }
.pf-facts{ display:grid; margin:0; padding:0; border:1px solid var(--hair); border-radius:16px; overflow:hidden; }
.pf-facts > div{ display:grid; grid-template-columns:minmax(7rem, 36%) 1fr; gap:12px; padding:11px 14px; }
.pf-facts > div + div{ border-top:1px solid var(--hair); }
.pf-facts dt{ margin:0; color:var(--t3); font-size:.92em; }
.pf-facts dd{ margin:0; color:var(--t1); }
.pf-quotes{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.pf-quotes blockquote{ margin:0; padding:0 0 0 14px; border-left:2px solid var(--hero); font:italic 500 17px/1.45 var(--f-serif); color:var(--t1); }
.pf-quotes cite{ display:block; margin:5px 0 0 16px; font-style:normal; font-size:.86em; color:var(--t3); }
.pf-topics{ list-style:none; margin:0; padding:0; border-top:1px solid var(--hair); }
.pf-topics li{ padding:11px 0; border-bottom:1px solid var(--hair); color:var(--t2); }
@media (max-width: 520px){ .pf-facts > div{ grid-template-columns:1fr; gap:2px; } }
/* Телефон: карточки шире — меньше двойного отступа (поле страницы + поле
   карточки съедали почти 70px ширины). */
@media (max-width: 599px){
  .pfk-inner{ padding-left:10px; padding-right:10px; }
  .pfk-actions, .pfk-meta, .pfk-inner > .pf-crumbs, .pfk .pf-readmore, .pfk-secnav{ margin-left:6px; margin-right:6px; }
  .pfk-block, .pfk .pf-lore, .pfk .pf-talk, .pfk .pf-same, .pfk .pf-frombook, .pfk .pf-faq{ padding:18px 14px; border-radius:20px; }
}

/* ---------- о чём поговорить ---------- */
.pf-talk-list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.pf-talk-q{
  display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:8px 14px;
  border:1px solid var(--hero-line); border-radius:var(--r-full);
  background:var(--hero-lo); color:var(--t1); text-decoration:none;
  font:500 14px/1.3 var(--f-ui); text-wrap:pretty;
  transition:background var(--d-std) var(--e-out), border-color var(--d-std) var(--e-out);
}
.pf-talk-q .pv-ic{ color:var(--hero); flex:none; }
.pf-talk-q.on{ border-color:var(--hero); }
@media (hover:hover){ .pf-talk-q:hover{ border-color:var(--hero); } }

/* ---------- похожие: фото и имя — на профиль, «Написать» — в чат ---------- */
/* Две в ряд на любом телефоне (раньше auto-fill с минимумом 140px на
   экранах 360px и уже давал одну карточку в ряд), три — на планшете,
   четыре — в правой колонке компьютера. */
.pfk-same{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px 10px; }
@media (min-width: 560px){ .pfk-same{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px){ .pfk-same{ grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.pfk-same li{ display:grid; gap:8px; align-content:start; min-width:0; }
.pfk-same .pic{ display:block; border-radius:18px; overflow:hidden; aspect-ratio:1 / 1; background:var(--s2); }
.pfk-same .pic img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform var(--d-sheet) var(--e-out); }
@media (hover:hover){ .pfk-same li:hover .pic img{ transform:scale(1.04); } }
.pfk-same .nm{ font:600 15.5px/1.2 var(--f-serif); color:var(--t1); text-decoration:none; overflow-wrap:anywhere; }
.pfk-same .go{
  display:flex; align-items:center; justify-content:center; gap:6px; min-height:38px; border-radius:12px;
  background:var(--s2); color:var(--t1); font:600 13px/1 var(--f-ui); text-decoration:none;
}
@media (hover:hover){ .pfk-same .go:hover{ background:var(--s3); } }

/* ---------- FAQ ---------- */
.pfk .pf-faq details{ border:0; border-top:1px solid var(--hair); border-radius:0; padding:0; margin:0; background:none; }
.pfk .pf-faq details:last-child{ border-bottom:1px solid var(--hair); }
.pfk .pf-faq summary{ position:relative; padding:14px 30px 14px 0; font:600 14.5px/1.4 var(--f-ui); color:var(--t1); }
.pfk .pf-faq summary:after{ position:absolute; right:4px; top:13px; float:none; color:var(--t3); font-weight:400; font-size:20px; line-height:1; }
.pfk .pf-faq p{ padding:0 0 14px; }

/* ---------- читать ещё и разделы ---------- */
.pfk .pf-readmore{ margin:0; align-items:center; }
.pf-readmore-t{ color:var(--t3); font-size:13.5px; }
.pfk-secnav{ display:grid; border-top:1px solid var(--hair); }
.pfk-secnav a{
  display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:48px;
  border-bottom:1px solid var(--hair); color:var(--t1); text-decoration:none; font-size:14.5px;
}
.pfk-secnav a .pv-ic{ color:var(--t3); flex:none; }
@media (hover:hover){ .pfk-secnav a:hover{ color:var(--hero); } }

/* ---------- шторки: строки с иконкой ---------- */
.pv-sheet .pfk-srow .ri{ width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:11px; background:var(--s3); color:var(--t1); }
.pv-sheet .pfk-srow.danger .ri{ background:color-mix(in srgb, var(--lose) 14%, transparent); color:var(--lose); }
.pv-sheet .pfk-srow small{ display:block; margin-top:3px; color:var(--t3); font-size:12.5px; font-weight:400; }
.pfk-sheet-sub{ margin:0 0 var(--sp3); color:var(--t3); font-size:var(--fs-small); }
.pv-btn.pfk-sheet-cta{ margin-top:var(--sp3); background:var(--hero-grad); color:var(--on-hero); min-height:52px; }

/* ---------- фото целиком ---------- */
.pfk-view{
  position:fixed; inset:0; z-index:90; display:grid; place-items:center;
  background:#000; cursor:zoom-out; padding:var(--sat) 0 var(--sab);
}
.pfk-view[hidden]{ display:none; }
.pfk-view img{ max-width:100%; max-height:100%; object-fit:contain; }
.pfk-view-x{ position:absolute; top:calc(var(--sat) + 12px); right:12px; }

/* ══════════════════════════ ДОК ══════════════════════════
   Поле ввода. На телефоне выезжает снизу, когда «Начать разговор» ушла с
   экрана (.away ставит скрипт). --pfk-navh — высота нижнего меню сайта. */
.pfk-dock{
  position:fixed; left:0; right:0; bottom:var(--pfk-navh, 0px); z-index:44;
  padding:10px var(--sp3) calc(12px + var(--sab));
  border-top:1px solid var(--hair); border-radius:22px 22px 0 0;
  background:var(--glass);
  -webkit-backdrop-filter:blur(22px) saturate(150%); backdrop-filter:blur(22px) saturate(150%);
  transition:transform var(--d-sheet) var(--e-out), opacity var(--d-std) var(--e-out), bottom var(--d-std) var(--e-out);
}
.pfk-dock.away{ transform:translateY(110%); opacity:0; pointer-events:none; }
.pfk-qa{ display:flex; gap:7px; padding:0 2px 9px; overflow-x:auto; scrollbar-width:none; }
.pfk-qa::-webkit-scrollbar{ display:none; }
.pfk-qa[hidden]{ display:none; }
.pfk-dock .pf-q{
  flex:none; height:34px; padding:0 14px; border-radius:var(--r-full); white-space:nowrap; cursor:pointer;
  border:1px solid var(--hero-line); background:transparent; color:var(--t1);
  font:500 13px/1 var(--f-ui);
  transition:background var(--d-std) var(--e-out), border-color var(--d-std) var(--e-out);
}
.pfk-dock .pf-q.on{ background:var(--hero-lo); }
@media (hover:hover){ .pfk-dock .pf-q:hover{ background:var(--hero-lo); } }
.pfk-in{
  display:flex; align-items:center; gap:8px; height:52px; padding:0 6px 0 16px;
  border-radius:26px; background:var(--s2); box-shadow:inset 0 0 0 1px var(--hair2);
  transition:box-shadow var(--d-std) var(--e-out);
}
.pfk-in:focus-within, .pfk-dock.wink .pfk-in{ box-shadow:inset 0 0 0 1.5px var(--hero); }
.pfk-in input{ flex:1; min-width:0; border:0; background:none; outline:none; color:var(--t1); font:400 16px/1 var(--f-ui); }
.pfk-in input::placeholder{ color:var(--t3); }
.pfk-send{
  width:42px; height:42px; flex:none; display:grid; place-items:center;
  border:0; border-radius:var(--r-full); background:var(--hero-grad); color:var(--on-hero); cursor:pointer;
  transition:transform var(--d-micro) var(--e-spring-soft);
}
.pfk-send:active{ transform:scale(.92); }

/* ══════════════════════════ БОЛЬШОЙ ЭКРАН ══════════════════════════
   Слева липкая колонка: фото, имя, подпись. Справа — кнопки, текст и док. */
@media (min-width: 900px){
  .pfk-body{ padding-bottom:var(--sp7); }
  .pfk{
    max-width:var(--wide); margin:0 auto;
    padding:var(--sp5) var(--sp5) var(--sp8);
    display:grid; grid-template-columns:minmax(0, 440px) minmax(0, 1fr);
    gap:var(--sp7); align-items:start;
  }
  .pfk-hero{ position:sticky; top:calc(var(--sat) + 88px); }
  .pfk-art{ border-radius:var(--r-lg); max-height:none; }
  .pfk-top, .pfk-top.on{
    position:absolute; padding:var(--sp3);
    background:none; border-bottom-color:transparent;
    -webkit-backdrop-filter:none; backdrop-filter:none;
  }
  .pfk-top .pfk-mini{ display:none; }
  .pfk-top.on .pfk-gbtn{ background:rgba(10,9,8,.42); border-color:rgba(250,249,245,.22); color:#faf9f5; }
  .pfk-top.on .pfk-gpill{ background:linear-gradient(180deg, rgba(250,249,245,.22), rgba(250,249,245,.06)); border-color:rgba(250,249,245,.3); color:#faf9f5; }
  .pfk-cap{ padding:var(--sp5) 0 0; max-width:none; }
  .pfk-inner{ max-width:none; padding:0 0 var(--sp5); }
  .pfk-dock{
    position:sticky; bottom:var(--sp4); left:auto; right:auto;
    padding:10px 12px 12px;
    border:1px solid var(--hair); border-radius:var(--r-md); box-shadow:var(--sh-md);
    background:var(--s1);   /* плотный фон: док едет поверх карточек колонки */
  }
  .pfk-dock.away{ transform:none; opacity:1; pointer-events:auto; }
}

@media (prefers-reduced-motion: reduce){
  .pfk-art img{ animation:none; }
  .pfk-dock{ transition:none; }
}