/* CAT0210 (02.10.2026): каталог и книжные страницы в стиле ленты. Всё под body.la-cat, подключается la_catalog_lib.php.
   Токены --c-* и шапка лежат в la_hdr_unify.css (он грузится раньше). */
/* общие токены страницы переводим на палитру ленты: тёплые чернила, граница 1px, без теней */
body.la-cat{--text:var(--c-ink);--soft:var(--c-ink2);--muted:var(--c-mute);--border:var(--c-line);--border-mid:var(--c-line);--card:var(--c-card);--shadow:none;--head:var(--c-font);--font:var(--c-font);font-family:var(--c-font);color:var(--c-ink2)}
body.la-cat a:focus-visible,body.la-cat button:focus-visible,body.la-cat select:focus-visible,body.la-cat input:focus-visible{outline:0;box-shadow:var(--c-focus)}
body.la-cat ::selection{background:rgba(198,77,83,.22)}

/* ---------- сетка контейнера: как шапка и колонки ленты ---------- */
body.la-cat .la-body .la-wrap{max-width:100%!important;padding:0 16px}
@media(min-width:1200px) and (max-width:1399px){body.la-cat .la-body .la-wrap{max-width:min(1360px,calc(100vw - 40px))!important}body.la-cat .la-body .la-wrap{padding:0}}
@media(min-width:1400px){body.la-cat .la-body .la-wrap{max-width:min(1560px,calc(100vw - 48px))!important}body.la-cat .la-body .la-wrap{padding:0}}
body.la-cat .la-body{padding-top:16px}
body.la-cat .cat-layout{margin:0 -8px}
body.la-cat .cat-left,body.la-cat .cat-center,body.la-cat .cat-right{padding:0 8px}
body.la-cat .cat-left{flex:0 0 244px;max-width:244px}
body.la-cat .cat-right{flex:0 0 324px;max-width:324px}
@media(max-width:1100px){body.la-cat .cat-left{flex:0 0 224px;max-width:224px}}
@media(max-width:1023px){body.la-cat .cat-center{flex:0 0 100%;max-width:100%;order:1}body.la-cat .cat-left{flex:0 0 100%;max-width:100%;order:2;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--c-gap);align-items:start;margin-top:8px}body.la-cat .cat-left .fil:not(.secs-card){display:none}}
@media(max-width:760px){body.la-cat .cat-left,body.la-cat .cat-center,body.la-cat .cat-right{flex:0 0 100%;max-width:100%}body.la-cat .cat-left{grid-template-columns:1fr}}


/* ---------- чипы разделов (cat-tabs): одна строка с прокруткой ---------- */
body.la-cat .cat-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 var(--c-gap);padding:1px 1px 3px}
body.la-cat .cat-tabs::-webkit-scrollbar{display:none}
body.la-cat .cat-tabs a{flex:none;height:36px;min-height:0;padding:0 14px 0 11px;gap:7px;border-radius:999px;background:var(--c-card)!important;border:1px solid var(--c-line)!important;color:var(--c-ink2)!important;font:500 13.5px/1 var(--c-font);white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
body.la-cat .cat-tabs a:hover{background:var(--c-hover)!important;border-color:var(--c-brand)!important;color:var(--c-brand-ink)!important}
body.la-cat .cat-tabs a.on{background:var(--c-brand)!important;border-color:var(--c-brand)!important;color:#fff!important}
body.la-cat .cat-tabs a svg,body.la-cat .cat-tabs a svg [stroke]{width:17px;height:17px;stroke:currentColor!important;color:var(--c-brand)!important}
body.la-cat .cat-tabs a svg [fill]:not([fill="none"]){fill:currentColor!important}
body.la-cat .cat-tabs a.on svg,body.la-cat .cat-tabs a.on svg [stroke]{color:#fff!important}
body.la-cat .cat-tabs a span[style]{background:var(--c-chip)!important;color:var(--c-brand-ink)!important;border-radius:999px!important;padding:2px 7px!important;font:600 10.5px/1.3 var(--c-font)!important}

/* ---------- панель каталога: найдено, поиск, жанры, сортировка, вид ---------- */
body.la-cat .cx-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 var(--c-gap)}
body.la-cat .cx-found{font-size:15px;line-height:1.3;color:var(--c-ink2)}
body.la-cat .cx-found b{font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums}
body.la-cat .cx-search{position:relative;display:flex;align-items:center;flex:1 1 300px;max-width:460px;margin-left:auto}
body.la-cat .cx-search input{width:100%;height:42px;padding:0 92px 0 44px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink);font:400 14px var(--c-font);box-shadow:none;-webkit-appearance:none;appearance:none}
body.la-cat .cx-search input::placeholder{color:var(--c-mute)}
body.la-cat .cx-search input:focus{border-color:var(--c-brand)}
body.la-cat .cx-search input::-webkit-search-cancel-button{display:none}
body.la-cat .cx-sico{position:absolute;left:15px;top:50%;margin-top:-9px;display:flex;color:var(--c-mute);pointer-events:none}
body.la-cat .cx-go{position:absolute;right:5px;top:5px;height:32px;padding:0 16px;border:0;border-radius:999px;background:var(--c-brand);color:#fff;font:600 13px var(--c-font);cursor:pointer}
body.la-cat .cx-go:hover{background:var(--c-press)}
body.la-cat .cx-bar{position:sticky;top:var(--cx-top,12px);z-index:40;display:flex;align-items:center;gap:10px;margin:0 0 var(--c-gap);padding:8px 0;background:var(--bg,#f3f0ec)}
body.la-cat .cx-bar{--cx-top:118px}
@media(max-width:1023px),(max-height:620px){body.la-cat .cx-bar{position:static}}
body.la-cat .cx-chips{display:flex;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:1px}
body.la-cat .cx-chips::-webkit-scrollbar{display:none}
body.la-cat .cx-chips.fade-r,body.la-cat .cat-tabs.fade-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
body.la-cat .cx-chips.fade-l,body.la-cat .cat-tabs.fade-l{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent)}
body.la-cat .cx-chips.fade-l.fade-r,body.la-cat .cat-tabs.fade-l.fade-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
body.la-cat .cx-chip{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink2);font:500 13.5px/1 var(--c-font);white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
body.la-cat .cx-chip:hover{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .cx-chip.on{background:var(--c-brand);border-color:var(--c-brand);color:#fff;font-weight:600}
body.la-cat .cx-subs{margin:-4px 0 var(--c-gap);padding-bottom:4px}
body.la-cat .cx-subs .cx-chip{height:30px;font-size:13px;background:var(--c-chip);border-color:transparent}
body.la-cat .cx-subs .cx-chip.on{background:rgba(198,77,83,.12);border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .cx-ctl{display:flex;align-items:center;gap:8px;flex:none}
body.la-cat .cx-sort{position:relative;display:inline-flex}
body.la-cat .cx-sort select{height:36px;padding:0 34px 0 14px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23766c66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center/16px;color:var(--c-ink2);font:500 13px var(--c-font);-webkit-appearance:none;appearance:none;cursor:pointer}
body.la-cat .cx-sort select:hover{border-color:var(--c-brand)}
body.la-cat .cx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.la-cat .cx-view{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--c-chip)}
body.la-cat .cx-view button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--c-mute);cursor:pointer;transition:background .15s,color .15s}
body.la-cat .cx-view button[aria-pressed="true"]{background:var(--c-card);color:var(--c-brand-ink);box-shadow:0 1px 2px rgba(60,40,30,.14)}
body.la-cat .cx-view svg{width:18px;height:18px}
body.la-cat .lag-webtog{height:36px;margin:0;padding:0 14px;gap:7px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink2);font:500 13px var(--c-font);white-space:nowrap}
body.la-cat .lag-webtog:hover{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .lag-webtog .lag-cnt{background:var(--c-brand);border-radius:999px;font-size:11px}
body.la-cat .ufilter{gap:12px 22px;padding:14px 18px;margin:0 0 var(--c-gap);border:1px solid var(--c-line);border-radius:var(--c-r);background:var(--c-card);box-shadow:none}
body.la-cat .uf-l{font:600 12.5px var(--c-font);text-transform:none;letter-spacing:0;color:var(--c-mute)}
body.la-cat .cap span{padding:0 13px;min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);font:500 13px var(--c-font);color:var(--c-ink2)}
body.la-cat .cap:hover span{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .cap.on span{background:rgba(198,77,83,.10);border-color:var(--c-brand);color:var(--c-brand-ink);font-weight:600}
body.la-cat .uf-reset{color:var(--c-mute);font:500 13px var(--c-font)}
@media(max-width:1023px){body.la-cat .cx-bar{flex-wrap:wrap}body.la-cat .cx-chips{flex:1 1 100%}body.la-cat .cx-ctl{margin-left:auto}}
@media(max-width:600px){body.la-cat .cx-top{gap:8px}body.la-cat .cx-search{flex:1 1 100%;max-width:none;margin-left:0;order:2}body.la-cat .cx-sort select{max-width:178px}}

/* ---------- заголовок жанра и карточки-контейнеры ---------- */
body.la-cat .cat-hero{background:var(--c-card);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--c-r);box-shadow:none;padding:16px 20px;margin:0 0 var(--c-gap)}
body.la-cat .cat-hero h1{font:700 22px/1.25 var(--c-font);color:var(--c-ink)}
body.la-cat .cat-hero p{display:none}
body.la-cat .cat-hero-ico{opacity:1}
body.la-cat .cat-hero-ico svg,body.la-cat .cat-hero-ico svg *{stroke:var(--c-brand)!important}
body.la-cat .cat-news,body.la-cat .bstories-card{border:1px solid var(--c-line);border-radius:var(--c-r);box-shadow:none;background:var(--c-card)}
body.la-cat .bstories-card h2{font:600 17px var(--c-font);color:var(--c-ink)}
body.la-cat .cx-gridwrap{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 var(--c-gap)}
body.la-cat .cx-gridwrap .shelf-h h2{font:600 20px/1.3 var(--c-font);color:var(--c-ink)}
body.la-cat .cx-n{display:none}
body.la-cat .tag-found{border:1px solid var(--c-line);border-radius:var(--c-rm);background:var(--c-card);font-size:14px}

/* ---------- колонки: левая и правая как карточки ленты ---------- */
body.la-cat .cat-left .wo-card,body.la-cat .cat-right .wo-card{background:var(--c-card)!important;border:1px solid var(--c-line)!important;border-radius:var(--c-r)!important;box-shadow:none!important;padding:14px 16px 16px;margin:0 0 var(--c-gap)}
body.la-cat .cat-left .wo-card>h3,body.la-cat .cat-right .wo-card>h3{font:600 15px/1.3 var(--c-font)!important;color:var(--c-ink)!important;margin:0 0 10px!important;align-items:center!important}
body.la-cat .cat-left .wo-card>h3 svg,body.la-cat .cat-right .wo-card>h3 svg,body.la-cat .cat-right .wg-umnyy .wg-h svg{width:18px!important;height:18px!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;box-sizing:border-box;stroke:var(--c-brand)!important;color:var(--c-brand)!important}
body.la-cat .cat-left .wo-card>h3 svg [stroke],body.la-cat .cat-right .wo-card>h3 svg [stroke]{stroke:var(--c-brand)!important}
body.la-cat .cat-left .wo-card>h3 svg [fill]:not([fill="none"]),body.la-cat .cat-right .wo-card>h3 svg [fill]:not([fill="none"]){fill:var(--c-brand)!important}
body.la-cat .cat-left .wo-card>h3>.wg-all,body.la-cat .cat-right .wo-card>h3>.wg-all{font:500 13px var(--c-font)!important;color:var(--c-brand-ink)!important}
body.la-cat .cat-left .fil{padding:8px 8px 10px}
body.la-cat .cat-left .fil>.wg-h{padding:6px 8px 4px;margin:0 0 4px!important}
body.la-cat .fil-search{display:none}
body.la-cat .gnav{display:block}
body.la-cat .gnav a{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:40px;margin:0 0 2px;padding:0 12px;border-radius:var(--c-rm);font:500 14.5px/1.2 var(--c-font);color:var(--c-ink2);transition:background .15s,color .15s}
body.la-cat .gnav a .gi{order:-1;flex:none}
body.la-cat .gnav a .gi svg{width:20px;height:20px;stroke:var(--c-mute)!important;color:var(--c-mute)!important;transition:stroke .15s}
body.la-cat .gnav a:hover{background:var(--c-chip);color:var(--c-ink)}
body.la-cat .gnav a:hover .gi svg{stroke:var(--c-brand)!important}
body.la-cat .gnav a.on{background:rgba(198,77,83,.10);color:var(--c-brand-ink);font-weight:600}
body.la-cat .gnav a.on .gi svg{stroke:var(--c-brand)!important;color:var(--c-brand)!important}
body.la-cat .gnav .grow .gtop{margin:0}
body.la-cat .gtog{padding:8px;border-radius:var(--c-rm);color:var(--c-mute)}
body.la-cat .gtog:hover{background:var(--c-chip);color:var(--c-brand-ink)}
body.la-cat .gsub{margin:0 0 6px 24px;padding-left:10px;border-left:1px solid var(--c-line)}
body.la-cat .gsub a{min-height:34px;padding:0 10px;font:400 13.5px/1.25 var(--c-font);color:var(--c-ink2);border-radius:10px}
body.la-cat .gsub a.on{background:rgba(198,77,83,.10);color:var(--c-brand-ink);font-weight:600}
body.la-cat .sb-w .sb-sub{color:var(--c-mute);font-size:12.5px}
body.la-cat .sb-warm,html[data-theme="dark"] body.la-cat .sb-warm{background:var(--c-card)!important;border-color:var(--c-line)!important}
body.la-cat .sb-it{border-radius:var(--c-rm)}
body.la-cat .sb-it:hover{background:var(--c-chip)}
body.la-cat .sb-it+.sb-it{border-top:1px solid var(--c-line)}
body.la-cat .sb-cv,body.la-cat .tb-cov,body.la-cat .rv2-cv,body.la-cat .tb3d,body.la-cat .wg-top .c{border-radius:6px;box-shadow:0 0 0 1px rgba(42,36,32,.10)}
body.la-cat .sb-n{color:var(--c-mute)}body.la-cat .sb-n.top{color:var(--c-brand)}
body.la-cat .cat-right .wo-card.wg-umnyy{background:var(--c-card)!important;color:var(--c-ink2)}
body.la-cat .cat-right .wg-umnyy .wg-h,body.la-cat .cat-right .wg-umnyy .wg-t{color:var(--c-ink)!important}
body.la-cat .wg-umnyy p,body.la-cat .wg-umnyy .wg-ex{color:var(--c-ink2);opacity:1}
body.la-cat .cat-right .wg-umnyy::before,body.la-cat .cat-right .wg-umnyy::after{display:none!important}
body.la-cat .cat-right .wo-card.wg-umnyy{padding:14px 16px 16px!important;background-image:none!important}
body.la-cat .cat-right .wg-umnyy .wg-h{position:static!important;margin:0 0 8px}
body.la-cat .wg-umnyy .wg-go{height:38px;padding:0 18px;border-radius:999px;background:var(--c-brand);color:#fff;font:600 14px var(--c-font);box-shadow:none}
body.la-cat .wg-umnyy .wg-go:hover{background:var(--c-press)}
body.la-cat .wg-tags a,body.la-cat .wg-tags a.t1,body.la-cat .wg-tags a.t2{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--c-chip);color:var(--c-ink2);font:500 13px/1 var(--c-font)}
body.la-cat .wg-tags a:hover{background:var(--c-brand);color:#fff}
body.la-cat .secs .sec:hover{background:var(--c-chip)}
body.la-cat .secs .sec-tx b{font:600 14px var(--c-font);color:var(--c-ink)}
body.la-cat .ta-cov,body.la-cat .ta-av{border-radius:12px}body.la-cat .ta-av{border-radius:50%}
body.la-cat .tb-note,body.la-cat .rev-foot{background:var(--c-chip);border-radius:var(--c-rm)}

/* ---------- полки: заголовок, ссылка «Все», стрелки ---------- */
body.la-cat .cat-center .wo-card.shelf:not(.ls-shelf),body.la-cat.la-lnd .wo-card.shelf:not(.ls-shelf){margin:0 0 24px!important}
body.la-cat .cat-center .wo-card.shelf:not(.ls-shelf) .shelf-h,body.la-cat.la-lnd .wo-card.shelf:not(.ls-shelf) .shelf-h{align-items:center;gap:6px 10px;margin:0 0 10px}
body.la-cat .cat-center .wo-card.shelf:not(.ls-shelf) .shelf-h h2,body.la-cat.la-lnd .wo-card.shelf:not(.ls-shelf) .shelf-h h2{font:600 20px/1.3 var(--c-font)!important;color:var(--c-ink)!important}
body.la-cat .cat-center .shelf-h h2 svg,body.la-cat .gcard .a svg,body.la-cat.la-lnd .shelf-h h2 svg{color:var(--c-brand)}
body.la-cat .cat-center .shelf-h>a,body.la-cat.la-lnd .shelf-h>a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--c-chip);color:var(--c-ink2)!important;font:500 13px/1 var(--c-font)!important}
body.la-cat .cat-center .shelf-h>a:hover,body.la-cat.la-lnd .shelf-h>a:hover{background:var(--c-brand);color:#fff!important}
body.la-cat .sh-sub{font:400 13px/1.4 var(--c-font);color:var(--c-mute)}
body.la-cat .cat-center .sh-arrow,body.la-cat.la-lnd .sh-arrow{width:38px;height:38px;border:1px solid var(--c-line);background:var(--c-card)!important;color:var(--c-ink2);box-shadow:var(--c-pop)}
body.la-cat .cat-center .sh-arrow:hover,body.la-cat.la-lnd .sh-arrow:hover{color:var(--c-brand-ink);border-color:var(--c-brand)}
body.la-cat .cat-center .shelf-row,body.la-cat.la-lnd .shelf-row{gap:14px;padding:4px 2px 10px}
body.la-cat .cat-center .shelf-row .bcard,body.la-cat.la-lnd .shelf-row .bcard{flex:0 0 156px!important}
body.la-cat .sh-ruble .shelf-h h2,body.la-cat .sh-free .shelf-h h2{color:var(--c-ink)!important}
body.la-cat .sh-ruble .sh-note{color:var(--c-mute)}body.la-cat .sh-ruble .sh-note b{color:var(--c-ink)}
body.la-cat .st1-buy{border-top:1px solid var(--c-line)}
body.la-cat .st1-p b{color:var(--c-brand-ink)}body.la-cat .st1-need{color:var(--c-mute)}body.la-cat .st1-need.ok{color:#1f7a45}

/* ---------- карточка книги ---------- */
body.la-cat .cat-center .cat-grid,body.la-cat.la-lnd .cat-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;gap:14px!important;padding:2px 0}
body.la-cat .cat-center .bcard,body.la-cat .cat-center .gcard,body.la-cat .cat-center .sh-ruble .bcard,body.la-cat.la-lnd .bcard,body.la-cat.la-lnd .gcard,body.la-cat.la-lnd .sh-ruble .bcard{position:relative;display:flex;flex-direction:column;min-width:0;padding:8px 8px 10px!important;background:var(--c-card)!important;border:1px solid var(--c-line)!important;border-radius:14px;color:inherit;transition:border-color .15s,box-shadow .18s,transform .18s}
@media(hover:hover) and (pointer:fine){body.la-cat .cat-center .bcard:hover,body.la-cat .cat-center .gcard:hover,body.la-cat.la-lnd .bcard:hover,body.la-cat.la-lnd .gcard:hover{transform:translateY(-2px);border-color:rgba(198,77,83,.5)!important;box-shadow:0 8px 22px rgba(60,40,30,.10)}}
body.la-cat .cov{border-radius:10px!important;box-shadow:none!important;overflow:hidden}
body.la-cat .cov:has(img){background:var(--c-chip)!important}
body.la-cat .bcard:hover .cov,body.la-cat .gcard:hover .cov{box-shadow:none!important}
body.la-cat .cov::after{content:"";position:absolute;inset:0;left:0;top:0;bottom:0;width:auto;border-radius:inherit;background:none;box-shadow:inset 0 0 0 1px rgba(42,36,32,.10);pointer-events:none;z-index:1}
body.la-cat .cov.cov-story{box-shadow:none!important}
body.la-cat .cov .rs{position:absolute;z-index:3;display:flex;flex-direction:column;right:6px;top:6px;bottom:auto;transform:none;gap:4px;align-items:flex-end}
body.la-cat .cov .rb{display:inline-flex;align-items:center}
body.la-cat .cov .au,body.la-cat .cov .gfin{position:absolute;z-index:3;display:flex}
body.la-cat .cov .rb{border:0!important;border-radius:999px!important;padding:4px 8px!important;font:600 11px/1 var(--c-font)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(32,26,22,.80)!important;color:#fff!important}
body.la-cat .cov .rb s{display:inline;margin-right:4px;font-size:10.5px;font-weight:500;color:rgba(255,255,255,.7)!important;opacity:1}
body.la-cat .cov .rb.fr{background:rgba(255,255,255,.95)!important;color:#1f6b3f!important}
body.la-cat .cov .rb.dc{background:var(--c-press)!important;color:#fff!important}
body.la-cat .cov .rb.ex{background:var(--c-amber)!important;color:#2b1a05!important}
body.la-cat .cov .rb.rub{background:var(--c-amber)!important;color:#2b1a05!important}
body.la-cat .cov .gfin{left:6px;bottom:6px;border:0;border-radius:999px;padding:4px 8px 4px 6px;background:rgba(255,255,255,.95);color:#1f6b3f;font:600 11px/1 var(--c-font);box-shadow:none}
body.la-cat .cov .au{left:6px;bottom:6px;width:26px;height:26px;border-radius:999px;background:rgba(32,26,22,.80);align-items:center;justify-content:center;filter:none}
body.la-cat .cov .au svg{width:15px;height:15px}
body.la-cat .cov .gfin~.au{bottom:36px}
body.la-cat .cov .cov-story-b{right:6px;bottom:6px;width:30px;height:30px;box-shadow:none}
body.la-cat .bm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:10px 2px 0}
body.la-cat .bm .bt{height:2.6em;margin:0 0 6px;font:600 14px/1.3 var(--c-font);color:var(--c-ink)}
body.la-cat .gcard .bm .gn{display:inline-flex!important;align-items:center;align-self:flex-start;height:22px;max-width:100%;margin:0 0 6px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;background:var(--c-chip)!important;color:var(--c-ink2)!important;font:500 12px/1 var(--c-font)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] body.la-cat .gcard .bm .gn{color:var(--c-ink2)!important}
body.la-cat .bm .a{margin:0 0 5px;font-size:13px}
body.la-cat .bm .a b,body.la-cat .bcard .bm .a b,body.la-cat .gcard .bm .a b{font:500 13px var(--c-font)!important;color:var(--c-ink2)!important}
body.la-cat .bcard:hover .bm .a b,body.la-cat .gcard:hover .bm .a b{color:var(--c-brand-ink)!important}
body.la-cat .bm .st{font-size:12.5px;color:var(--c-mute)}
body.la-cat .bm .st .star,body.la-cat .bcard .bm .st .star,body.la-cat .gcard .bm .st .star{color:var(--c-amber)!important;font-weight:600}
body.la-cat .bm .st .star svg{fill:var(--c-amber)!important;stroke:var(--c-amber)!important;opacity:1}
body.la-cat .bm .st .star[style]{color:var(--c-mute)!important}
body.la-cat .bm .bmeta{margin-top:4px!important;font-size:12px!important;line-height:1.4!important;letter-spacing:0!important;color:var(--c-mute)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.la-cat .bm .upd-badge[style*="2e9e46"],body.la-cat .bm .upd-note{color:#1f7a45!important;font-size:12px!important;font-weight:600!important}
body.la-cat .bm .upd-badge[style*="c77d1a"]{color:#9a5a14!important;font-size:12px!important;font-weight:600!important}
html[data-theme="dark"] body.la-cat .bm .upd-badge[style*="2e9e46"],html[data-theme="dark"] body.la-cat .bm .upd-note{color:#6fcf97!important}
html[data-theme="dark"] body.la-cat .bm .upd-badge[style*="c77d1a"]{color:#e0a85c!important}
body.la-cat .bsig-n,body.la-cat .bcard .bsig-n{display:inline-flex;align-items:center;height:22px;padding:0 9px;border:0;border-radius:999px;background:var(--c-chip);color:var(--c-ink2);font:500 12px/1 var(--c-font)}
body.la-cat .bsig-p b{color:var(--c-brand-ink)}
body.la-cat .bd{display:none}
/* вид «список» */
html.cx-vl body.la-cat .cat-center .cat-grid,html.cx-vl body.la-cat.la-lnd .cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))!important;gap:10px!important}
html.cx-vl body.la-cat .cat-center .gcard,html.cx-vl body.la-cat.la-lnd .gcard{flex-direction:row;gap:14px;padding:12px!important}
html.cx-vl body.la-cat .gcard .cov{flex:0 0 112px;width:112px;align-self:flex-start}
html.cx-vl body.la-cat .gcard .bm{padding:0}
html.cx-vl body.la-cat .gcard .bm .bt{height:auto;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.cx-vl body.la-cat .gcard .bd{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--c-mute)}
html.cx-vl body.la-cat .gcard .bm .bmeta{white-space:normal}

/* ---------- страницы, пустое состояние, «ещё», скелетон ---------- */
body.la-cat .cat-pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 0 8px}
body.la-cat .cat-pg a,body.la-cat .cat-pg .gap{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink2);font:500 14px/1 var(--c-font);text-decoration:none;transition:background .15s,border-color .15s,color .15s}
body.la-cat .cat-pg .gap{border-color:transparent;background:transparent;color:var(--c-mute);min-width:24px;padding:0}
body.la-cat .cat-pg a:hover{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .cat-pg a.on{background:var(--c-brand);border-color:var(--c-brand);color:#fff;font-weight:600}
body.la-cat .cx-more-w{text-align:center;margin:18px 0 0}
body.la-cat .cx-more{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 22px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink2);font:600 14px var(--c-font);cursor:pointer}
body.la-cat .cx-more:hover{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .cx-more[disabled]{opacity:.6;cursor:progress}
body.la-cat .cx-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px 36px;text-align:center;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--c-r)}
body.la-cat .cx-empty svg{width:40px;height:40px;color:var(--c-mute)}
body.la-cat .cx-empty h3{margin:4px 0 0;font:600 18px/1.3 var(--c-font);color:var(--c-ink)}
body.la-cat .cx-empty p{margin:0;max-width:420px;font-size:14.5px;line-height:1.5;color:var(--c-mute)}
body.la-cat .cx-empty-a{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px}
body.la-cat .cx-btn{display:inline-flex;align-items:center;height:38px;padding:0 20px;border:1px solid var(--c-brand);border-radius:999px;background:var(--c-brand);color:#fff;font:600 14px/1 var(--c-font);text-decoration:none}
body.la-cat .cx-btn:hover{background:var(--c-press)}
body.la-cat .cx-btn.ghost{background:var(--c-card);color:var(--c-ink2);border-color:var(--c-line)}
body.la-cat .cx-btn.ghost:hover{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .cx-empty .cx-chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin-top:8px}
@keyframes cx-sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
body.la-cat .cx-skc{border:1px solid var(--c-line);border-radius:14px;background:var(--c-card);padding:8px 8px 14px}
body.la-cat .cx-skc i{display:block;border-radius:8px;background:linear-gradient(90deg,var(--c-chip) 25%,var(--c-hover) 37%,var(--c-chip) 63%);background-size:400% 100%;animation:cx-sk 1.5s ease-in-out infinite}
body.la-cat .cx-skc .a{aspect-ratio:2/3;border-radius:10px}
body.la-cat .cx-skc .b{height:13px;margin-top:12px}body.la-cat .cx-skc .c{height:13px;width:60%;margin-top:8px}
body.la-cat .cat-grid.cx-busy .gcard{opacity:.55;pointer-events:none}
@media(prefers-reduced-motion:reduce){body.la-cat .cx-skc i{animation:none}body.la-cat .bcard,body.la-cat .gcard{transition:none!important}}

/* ---------- поиск (poisk.php) ---------- */
body.la-cat .ps-head{margin:0 0 var(--c-gap)}
body.la-cat .ps-head h1{margin:0 0 12px;font:700 22px/1.25 var(--c-font);color:var(--c-ink)}
body.la-cat .ps-form{max-width:680px;height:48px;padding:0 5px 0 18px;align-items:center;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card)}
body.la-cat .ps-form input{font:400 15px var(--c-font);color:var(--c-ink)}
body.la-cat .ps-form:focus-within{border-color:var(--c-brand);box-shadow:var(--c-focus)}
body.la-cat .ps-form button{height:38px;padding:0 20px;border-radius:999px;background:var(--c-brand);font:600 14px var(--c-font)}
body.la-cat .ps-sg{border:1px solid var(--c-line);border-radius:var(--c-r);box-shadow:var(--c-pop)}
body.la-cat .ps-umnyy{padding:8px 14px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink2);font-size:13.5px}
body.la-cat .ps-umnyy b{color:var(--c-ink)}
body.la-cat .ps-did a{color:var(--c-brand-ink)}
body.la-cat .ps-count{margin:0 0 var(--c-gap);font:500 14px var(--c-font);color:var(--c-mute)}
body.la-cat .ps-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:2px 0 14px}
@media(min-width:1700px){body.la-cat .ps-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){body.la-cat .ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.la-cat .ps-pager{gap:6px;margin:22px 0 8px}
body.la-cat .ps-pager a,body.la-cat .ps-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--c-line);border-radius:999px;background:var(--c-card);color:var(--c-ink2);font:500 14px/1 var(--c-font)}
body.la-cat .ps-pager a:hover{border-color:var(--c-brand);color:var(--c-brand-ink)}
body.la-cat .ps-pager .cur{background:var(--c-brand);border-color:var(--c-brand);color:#fff;font-weight:600}
body.la-cat .ps-empty{border:1px solid var(--c-line);border-radius:var(--c-r);background:var(--c-card);box-shadow:none}
body.la-cat .ps-sec-h{font:600 18px/1.3 var(--c-font);color:var(--c-ink)}
body.la-cat .ps-auth a,body.la-cat .ps-gero{border:1px solid var(--c-line);border-radius:var(--c-r);background:var(--c-card);box-shadow:none}
body.la-cat .ps-auth a:hover,body.la-cat .ps-gero:hover{border-color:var(--c-brand)}

/* значки в заголовках полок: один фирменный цвет (у рублевой полки золотая звезда остаётся) */
body.la-cat .cat-center .shelf-h h2 svg:not([fill="#e0a500"]),body.la-cat .cat-center .shelf-h h2 svg:not([fill="#e0a500"]) [stroke],body.la-cat.la-lnd .shelf-h h2 svg:not([fill="#e0a500"]),body.la-cat.la-lnd .shelf-h h2 svg:not([fill="#e0a500"]) [stroke]{stroke:var(--c-brand)!important}
body.la-cat .sh-ruble .shelf-h h2 svg{stroke:#e0a500!important}

/* ---------- гостевая главная и витрина-лендинг: полки как в каталоге (секции .shelf без обёртки wo-card) ---------- */
body.la-cat.la-lnd .shelf{margin:0 0 24px}
body.la-cat.la-lnd .shelf-h{align-items:center;gap:6px 10px;margin:0 0 10px}
body.la-cat.la-lnd .shelf-h h2{font:600 20px/1.3 var(--c-font);color:var(--c-ink)}
body.la-cat.la-lnd .shelf-h h2 svg,body.la-cat.la-lnd .shelf-h h2 svg [stroke]{stroke:var(--c-brand)!important}
body.la-cat.la-lnd .shelf-h>a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--c-chip);color:var(--c-ink2)!important;font:500 13px/1 var(--c-font)}
body.la-cat.la-lnd .shelf-h>a:hover{background:var(--c-brand);color:#fff!important}
body.la-cat.la-lnd .shelf-row{gap:14px;padding:4px 2px 10px}
body.la-cat.la-lnd .shelf-row .bcard{flex:0 0 156px}
body.la-cat.la-lnd .bcard .bm .gn,body.la-cat.la-lnd .bcard .bm .bmeta{display:none}
body.la-cat.la-lnd .sh-arrow{width:38px;height:38px;border:1px solid var(--c-line);background:var(--c-card)!important;color:var(--c-ink2);box-shadow:var(--c-pop)}
body.la-cat.la-lnd .la-first{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.la-cat.la-lnd .la-first .shelf-h{margin-top:4px}
/* в WebView приложения шапки нет: панель не липнет */
body.la-app .cx-bar{position:static}