/* Листинги (П23–П29, docs/TZ-2026-11-04-listing-transfer.md, холст 04.11 v8). Токены, шапка, подвал, плитка — es.css.
   Телефон 390: крошка «‹ родитель», H1, ряд подборок, кнопки «Фильтры» и сортировка, сетка 2 колонки, шторка фильтров.
   ПК 1440: колонка 1280, фильтры слева 264 px, сетка 4 колонки, сортировка сегментами. Бюджет ≤ 25 КБ. */
.lst{padding:14px 16px 0}
.lst-crumbs{font-size:13px;color:var(--mut2);display:flex;align-items:center;gap:6px}
.lst-crumbs>a,.lst-crumbs>span{display:none}
.lst-crumbs .lst-crumbs__up{display:inline-flex;align-items:center;gap:4px;color:var(--ink2)}
.lst-crumbs .lst-crumbs__up::before{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 0 1.8px 1.8px;transform:rotate(45deg);margin:0 2px 0 3px}
.lst-ttl h1{margin:4px 0 2px;font-size:28px;letter-spacing:-.6px;line-height:1.12;font-weight:700}
.lst-ttl span{color:var(--mut);font-size:13px}

/* ряды чипов */
/* телефон: ряд прокручивается пальцем, без подписи и «Ещё» (холст, первый экран 390); ПК — одна строка + «Ещё N» (listing.js) */
.lst-row{position:relative;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:12px -16px 0;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}
.lst-row::-webkit-scrollbar{display:none}
.lst-row small{display:none}
.lst-row.is-clip{flex-wrap:nowrap;overflow:hidden}
.lst-row small{font-size:13px;color:var(--mut);margin-right:2px;white-space:nowrap}
.tg{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;font-size:13px;color:var(--ink);white-space:nowrap;flex:none;font-family:inherit;cursor:pointer}
.tg:hover{text-decoration:none;color:var(--ink);background:rgba(255,255,255,.85)}
.tg em{font-style:normal;color:var(--mut2)}
.tg i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.tg--more{border:1px solid var(--glass-b);color:var(--lnk)}
.tg--cur,.tg--cur:hover{background:var(--ink);color:#fff;font-weight:500;cursor:default}
.tg--cur em{color:rgba(255,255,255,.7)}
/* чипов на экране много — стекло без размытия (≤ 12 размытых элементов в окне, запасной вид для дешёвых Android) */
.tg.gl,.lst-fbar .gl,.lst-more.gl,.seg.gl{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.72)}
.lst-sel{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 14px;border-radius:17px;background:var(--ink);color:#fff;font-size:13px;font-weight:500;white-space:nowrap;flex:none}
.lst-sel a{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.18);font-size:12px}
.lst-sel a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.3)}

/* раскладка: телефон — кнопки над сеткой, фильтры шторкой */
.lst-lay{margin-top:12px}
.lst-fbar{display:flex;gap:8px;margin-bottom:12px}
.lst-fbar>a,.lst-sortm>summary{flex:1;height:44px;border-radius:14px;font-size:14px;font-weight:600;padding:0 10px;color:var(--ink);list-style:none}
.lst-fbar>a:hover{color:var(--ink)}
.lst-sortm{flex:1;display:flex}.lst-sortm>summary{width:100%}
.lst-sortm>summary::-webkit-details-marker{display:none}
.lst-sheet{position:fixed;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:32;border-radius:22px 22px 18px 18px;padding:14px 16px 8px;background:rgba(255,255,255,.94)}
.lst-sheet b{display:block;font-size:17px;margin-bottom:4px}
.rad{display:flex;align-items:center;justify-content:space-between;height:48px;border-bottom:1px solid rgba(0,0,0,.07);font-size:15px;color:var(--ink)}
.rad:last-child{border:0}.rad:hover{text-decoration:none;color:var(--ink)}
.rad i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #c7c7cc}
.rad[aria-current] i{box-shadow:inset 0 0 0 6px var(--acc)}
.lst-sbar{display:none}

.lst-flt{display:none}
.lst-flt:target{display:block;position:fixed;left:0;right:0;bottom:0;top:15vh;z-index:45;border-radius:22px 22px 0 0;padding:8px 16px calc(12px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:rgba(255,255,255,.94)}
.lst-flt:focus{outline:none}  /* переход по #flt даёт шторке фокус — Chromium рисовал оранжевую рамку на весь лист */
.lst-flt:target::before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:#d2d2d7;margin:0 auto 8px}
body:has(.lst-flt:target) .es-dock,body:has(.lst-flt:target) .es-cookie{display:none}
.lst-flt__hd{display:flex;align-items:center;gap:14px;padding:4px 0 6px}
.lst-flt__hd b{flex:1;font-size:17px}
.lst-flt__hd a{font-size:14px}
.lst-flt__x{width:32px;height:32px;border-radius:50%;background:#f2f2f4;color:var(--ink)!important;display:flex;align-items:center;justify-content:center}
.lst-flt__x:hover{text-decoration:none}
.fs{border:0;margin:0;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.07);min-width:0}
.fs h3,.fs legend{padding:0;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ink)}
.fs legend span{font-weight:500;color:var(--acc)}
.rng{display:flex;gap:8px}
.rng label{flex:1;display:flex;flex-direction:column;font-size:11px;color:var(--mut);gap:3px}
.rng input{height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:0 10px;font:14px var(--font);color:var(--ink);width:100%}
.trk{position:relative;height:24px;margin:10px 4px 0}
.trk::before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:var(--acc)}
.trk input{position:absolute;left:0;top:0;width:100%;height:24px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.trk input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}
.trk input::-moz-range-thumb{pointer-events:auto;width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:pointer}
.trk input::-moz-range-track{background:none}
.opt{display:flex;align-items:center;gap:10px;font-size:14px;padding:7px 0;color:var(--ink);cursor:pointer;min-height:40px}
.opt:hover{text-decoration:none;color:var(--ink)}
.opt input{width:20px;height:20px;margin:0;accent-color:var(--acc);flex:none}
.opt span{min-width:0}
.opt em{font-style:normal;color:var(--mut2);margin-left:auto;font-size:13px;padding-left:8px}
.opt--a span{color:var(--lnk)}
.opt--a::before{content:"";width:20px;height:20px;flex:none;border-radius:5px;box-shadow:inset 0 0 0 1.5px #c7c7cc}
.opt.is-off{color:var(--mut2);cursor:default}
.sw{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);flex:none}
.fs__more>summary{list-style:none;cursor:pointer;font-size:14px;padding:6px 0}
.fs__more>summary::-webkit-details-marker{display:none}
.fs__more[open]>summary{display:none}
.lst-flt__go{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 0 4px;background:linear-gradient(transparent,rgba(255,255,255,.94) 30%)}
.lst-flt__go .btn{height:48px;font-size:15px}
.lst-flt__go .btn--a{flex:2}.lst-flt__go .btn--g{flex:1;background:#f2f2f4}

/* сетка и страницы */
.lst-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.lst-empty{padding:20px;border-radius:18px;font-size:15px}
.lst-pager{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}
.lst-more{width:100%;height:48px;font-size:15px}
.lst-more:hover{color:var(--ink)}
.lst-pager nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.lst-pager nav a,.lst-pager nav span{min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink);padding:0 6px}
.lst-pager nav a:hover{background:rgba(255,255,255,.8);text-decoration:none}
.lst-pager nav span[aria-current]{background:var(--ink);color:#fff;font-weight:600}
.lst-pager .gap{min-width:24px}

/* текст и FAQ */
.lst-txt{margin-top:40px;max-width:860px}
.lst-txt h2{margin:0 0 6px;font-size:20px;letter-spacing:-.3px;line-height:1.2}
.lst-txt p{margin:0 0 16px;font-size:14px;line-height:1.6}
.lst-txt .faq{margin-top:8px}

@media (min-width:1024px){
.lst{max-width:1280px;margin:0 auto;padding:24px 0 0}
.lst-crumbs>a,.lst-crumbs>span{display:inline}
.lst-crumbs a{color:var(--ink2)}
.lst-crumbs .lst-crumbs__up{display:inline;color:var(--ink2)}.lst-crumbs .lst-crumbs__up::before{display:none}
.lst-ttl{display:flex;align-items:baseline;gap:14px;margin:6px 0 14px}
.lst-ttl h1{margin:0;font-size:36px;letter-spacing:-.8px;line-height:1.1}
.lst-ttl span{font-size:15px}
.lst-row{flex-wrap:wrap;overflow:visible;margin:0 0 12px;padding:0}
.lst-row small{display:inline}
.tg{height:36px;padding:0 14px;border-radius:18px;font-size:13.5px}
.lst-lay{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start;margin-top:22px}
.lst-fbar{display:none}
.lst-sheet{position:static}
.lst-flt,.lst-flt:target{display:block;position:static;border-radius:22px;padding:4px 18px 10px;overflow:visible;background:var(--glass)}
.lst-flt:target::before{display:none}
.lst-flt__hd{padding:14px 0 2px}.lst-flt__hd b{font-size:15px}.lst-flt__x{display:none}
.fs{padding:14px 0}
.fs h3,.fs legend{margin-bottom:10px}
.rng input{height:34px;border-radius:10px;font-size:13px}
.opt{font-size:13.5px;padding:4px 0;min-height:30px}
.opt input,.opt--a::before{width:18px;height:18px}
.opt em{font-size:12.5px}
.fs__more>summary{font-size:13px}
.lst-flt__go{position:static;background:none;padding:12px 0 6px}
.lst-flt__go .btn{height:40px;font-size:14px}
.js .lst-flt__go{display:none}
.lst-sbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.seg{display:inline-flex;padding:3px;border-radius:12px;gap:2px}
.seg a{height:32px;padding:0 14px;border-radius:9px;font-size:13.5px;color:var(--ink);display:flex;align-items:center}
.seg a:hover{text-decoration:none;background:rgba(255,255,255,.6)}
.seg a[aria-current]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}
.lst-shown{font-size:13px;color:var(--mut)}
.lst-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.lst-more{width:auto;min-width:320px;height:48px}
.lst-txt{margin-top:56px}
.lst-txt h2{font-size:24px;margin-bottom:8px}
.lst-txt p{font-size:15px}
}
/* П35 (docs/TZ-2026-11-06-brands-transfer.md): паспорт бренда над плиткой товаров страницы бренда — строки facts.json, у каждой ссылка на источник */
.lst-pass{margin:12px 0 4px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.lst-pass dl{margin:0;display:grid;gap:10px}
.lst-pass dl>div{display:grid;gap:1px}
.lst-pass dt{font-size:12px;line-height:1.3;color:var(--mut)}
.lst-pass dd{margin:0;font-size:15px;line-height:1.4;color:var(--ink)}
.lst-pass dd span{display:block}
.lst-pass dd span+span{margin-top:6px}
.lst-pass a{display:inline-block;padding:3px 2px;font-size:12px;line-height:1.2;color:var(--mut);white-space:nowrap}
@media (min-width:1024px){.lst-pass dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}.lst-pass dl>div{grid-template-columns:104px minmax(0,1fr);gap:12px}.lst-pass dt{padding-top:3px}}