/* pk_flt.css — страницы разделов (pk-cn3, 30.09.2026).
   Слева колонка: разделы + фильтры (компьютер). На телефоне фильтры выезжают справа.
   Цвета — из переменных темы, фон ровный, без рисунков. */

/* старые обёртки «фильтры слева + лента» — теперь в одну колонку, фильтры уехали */
.pkf-one{ display:block !important; grid-template-columns:none !important; }
.pkf-src[hidden]{ display:none !important; }

.pkf-page{ width:100%; max-width:1500px; margin:0 auto; padding:0 12px; box-sizing:border-box; }
.pkf-main{ min-width:0; }
.pkf-dock{ display:none; }
@media (min-width:1100px){
  .pkf-page{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; padding:16px 24px 0; align-items:start; }
  .pkf-page .pkf-dock{ display:block; }
  body:has(.pkf-page) header .header-inner{ max-width:1500px; }
}
/* внутри страниц разделов старые обёртки не должны зажимать ленту */
.pkf-main .page-wrap, .pkf-main .an-page-wrap, .pkf-main .sp-page-wrap, .pkf-main .cl-page-wrap,
.pkf-main .el-page-wrap, .pkf-main .auto-wrap, .pkf-main .hl-page, .pkf-main .vc-page-wrap, .pkf-main .kr-wrap{
  max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
.pkf-main .page-wrap, .pkf-main .kr-wrap, .pkf-main .hl-layout, .pkf-main .vc-layout, .pkf-main .el-layout{ padding-left:0 !important; padding-right:0 !important; }
.pkf-main [data-pkres]{ margin-top:0 !important; transition:opacity .15s ease; }
.pkf-main [data-pkres].pkf-busy{ opacity:.45; }

/* ───────── колонка слева: блок фильтров под разделами ───────── */
.pkf-slot{ margin-top:14px; padding-top:12px; border-top:2px solid var(--border, #E2E8F0); }
.pkf-dock.pkf-away .pkf-slot{ display:none; }
.pkf-sh{ display:flex; align-items:center; justify-content:space-between; padding:0 4px 8px; }
.pkf-sh b{ font-size:1rem; font-weight:800; color:var(--text, #1e293b); }
.pkf-reset{ border:none; background:none; padding:6px 4px; font:inherit; font-size:.85rem; font-weight:700;
  color:var(--accent-solid, #C2410C); cursor:pointer; }
.pkf-reset:hover{ text-decoration:underline; }

/* сама форма в колонке или в панели — без своих рамок, липкости и кнопок «Показать» */
.pkf-slot .pkf-src, .pkf-pn .pkf-src{ position:static !important; top:auto !important; max-height:none !important;
  overflow:visible !important; box-shadow:none !important; border:none !important; background:transparent !important;
  padding:0 !important; margin:0 !important; width:auto !important; display:block !important; }
.pkf-slot .pkf-src form, .pkf-pn .pkf-src form,
.pkf-slot .pkf-src aside, .pkf-pn .pkf-src aside{ position:static !important; max-height:none !important; overflow:visible !important;
  box-shadow:none !important; border:none !important; background:transparent !important; padding:0 4px !important; margin:0 !important; }
.pkf-slot .pkf-src [type="submit"], .pkf-pn .pkf-src [type="submit"],
.pkf-slot .pkf-src .el-filter-head, .pkf-pn .pkf-src .el-filter-head{ display:none !important; }
.pkf-slot .pkf-src input:not([type="checkbox"]):not([type="radio"]), .pkf-pn .pkf-src input:not([type="checkbox"]):not([type="radio"]),
.pkf-slot .pkf-src select, .pkf-pn .pkf-src select{ max-width:100%; box-sizing:border-box; min-height:40px; }

/* ───────── строка над лентой (телефон и планшет) ───────── */
.pkf-bar{ display:flex; align-items:center; gap:8px; padding:4px 0 12px; }
.pkf-back{ width:44px; height:44px; flex-shrink:0; border:none; background:none; color:var(--text, #1e293b);
  font-size:1.9rem; line-height:1; cursor:pointer; border-radius:10px; }
.pkf-where{ flex:1 1 auto; min-width:0; }
.pkf-where b{ display:block; font-size:1.1rem; font-weight:800; color:var(--text, #1e293b);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pkf-open{ display:flex; align-items:center; gap:7px; height:44px; padding:0 14px; flex-shrink:0; cursor:pointer;
  border:1px solid var(--border, #E2E8F0); border-radius:10px; background:var(--surface-1, #fff);
  color:var(--text, #1e293b); font:inherit; font-weight:700; font-size:.92rem; }
.pkf-n{ min-width:20px; height:20px; padding:0 6px; border-radius:10px; box-sizing:border-box;
  background:var(--accent-solid, #C2410C); color:#fff; font-size:.75rem; line-height:20px; text-align:center; }
.pkf-n[hidden]{ display:none; }
@media (min-width:1100px){ .pkf-bar{ display:none; } }

/* ───────── панель фильтров справа ───────── */
.pkf-ov{ position:fixed; inset:0; z-index:100010; background:rgba(8,10,14,.45); opacity:0; transition:opacity .22s ease; }
.pkf-ov.on{ opacity:1; }
.pkf-ov[hidden], .pkf-pn[hidden]{ display:none; }
.pkf-pn{ position:fixed; top:0; right:0; bottom:0; z-index:100011; width:min(88vw, 420px);
  display:flex; flex-direction:column; background:var(--surface-1, #fff); color:var(--text, #1e293b);
  box-shadow:-6px 0 28px rgba(0,0,0,.2); transform:translateX(100%); transition:transform .25s ease; }
.pkf-pn.on{ transform:none; }
.pkf-pn-h{ display:flex; align-items:center; gap:6px; padding:8px 8px 8px 16px; border-bottom:1px solid var(--border, #E2E8F0);
  padding-top:calc(8px + env(safe-area-inset-top, 0px)); }
.pkf-pn-h b{ flex:1; font-size:1.1rem; font-weight:800; }
.pkf-x{ width:44px; height:44px; border:none; background:none; color:inherit; font-size:1.3rem; cursor:pointer; border-radius:10px; }
.pkf-pn-b{ flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; padding:12px 12px 16px; -webkit-overflow-scrolling:touch; }
.pkf-pn-f{ padding:10px 12px calc(12px + env(safe-area-inset-bottom, 0px)); border-top:1px solid var(--border, #E2E8F0); }
.pkf-show{ width:100%; height:50px; border:none; border-radius:12px; cursor:pointer;
  background:var(--accent-solid, #C2410C); color:#fff; font:inherit; font-weight:800; font-size:1rem; }
html.pkf-lock, html.pkf-lock body{ overflow:hidden; }
@media (min-width:1100px){ .pkf-pn, .pkf-ov{ display:none !important; } }
@media (prefers-reduced-motion:reduce){ .pkf-pn, .pkf-ov{ transition:none; } }
.pkf-src .hl-reset{ display:none !important; }
/* поля «от — до» в узкой колонке не вылезают за край */
.pkf-slot .pkf-src input:not([type="checkbox"]):not([type="radio"]),
.pkf-pn .pkf-src input:not([type="checkbox"]):not([type="radio"]){ min-width:0; flex:1 1 0; }
/* pk-cn5: бесконечная лента — метка внизу ленты (пустая, пока ничего не грузится) */
.pkf-more{ grid-column:1/-1; min-height:1px; padding:14px 0; text-align:center; font-size:.9rem; color:var(--muted,#64748b); }
.pkf-more:empty{ padding:0; }