/* CAT0210 (02.10.2026): шапка и подшапка книжных страниц в стиле ленты. Подключает la_catalog_lib.php (la_hdr_on / la_cat_on).
   Токены --c-* берут значения у ленты (--la-* из la_feed.css), у гостя запасные значения тех же цветов. */
:root{--c-brand:var(--la-brand,#c64d53);--c-brand-ink:var(--la-brand-ink,#b4434a);--c-press:var(--la-brand-press,#b3434a);--c-amber:var(--la-amber,#e0894d);--c-ink:var(--la-ink,#2a2420);--c-ink2:var(--la-ink-2,#46403b);--c-mute:var(--la-mute,#766c66);--c-line:var(--la-line,#ebe5df);--c-chip:var(--la-chip,#f5f0eb);--c-hover:var(--la-hover,#faf6f1);--c-card:var(--la-card,#fff);--c-r:var(--la-radius,16px);--c-rm:var(--la-radius-m,12px);--c-gap:var(--la-gap,12px);--c-font:var(--la-font,'Golos Text','Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif);--c-focus:var(--la-focus,0 0 0 3px rgba(198,77,83,.35));--c-pop:var(--la-shadow-pop,0 12px 36px rgba(60,40,30,.16));--c-hdr:var(--la-shadow-hdr,0 1px 0 #ebe5df,0 10px 24px rgba(60,40,30,.08))}
html[data-theme="dark"]{--c-brand-ink:var(--la-brand-ink,#f0898e);--c-ink:var(--la-ink,#ece8e5);--c-ink2:var(--la-ink-2,#cfc8c3);--c-mute:var(--la-mute,#9d958f);--c-line:var(--la-line,#2a3040);--c-chip:var(--la-chip,#252a38);--c-hover:var(--la-hover,#222735);--c-card:var(--la-card,#1b1e27);--c-focus:var(--la-focus,0 0 0 3px rgba(240,137,142,.45));--c-pop:var(--la-shadow-pop,0 12px 36px rgba(0,0,0,.55));--c-hdr:var(--la-shadow-hdr,0 1px 0 #2a3040,0 10px 24px rgba(0,0,0,.4))}
/* ширина: шапка, подшапка и колонки одной ширины (в ленте это делает la_feed_cols.css, но только для страниц движка, не для наших) */
@media(min-width:1400px){body.la-eng .header-container .header-fixed1000,body.la-eng .header-container .container-fluid{width:min(1560px,calc(100vw - 48px))!important;max-width:none!important}body .la-hdr .la-wrap,body .la-subnav .la-wrap{max-width:min(1560px,calc(100vw - 48px))!important}}
@media(min-width:1200px) and (max-width:1399px){body.la-eng .header-container .header-fixed1000,body.la-eng .header-container .container-fluid{width:calc(100vw - 40px)!important;max-width:1360px!important}body .la-hdr .la-wrap,body .la-subnav .la-wrap{max-width:min(1360px,calc(100vw - 40px))!important}}
/* поле поиска в шапке вошедшего: без лишней рамки у контейнера (в ленте её нет) */
body.la-eng #wo_home_search .search-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
/* до 768 включительно поиск прячется, как в ленте (движок так и задумал; наш la_ui.css ставил display:flex и на 768 висела белая полоса, в тёмной теме особенно заметная) */
@media(max-width:768px){body.la-eng #wo_home_search{display:none!important}}
body:not(.la-eng) .la-hdr{background:var(--c-card);border:0;box-shadow:var(--c-hdr)}
body:not(.la-eng) .la-hdr:after{display:none}
body:not(.la-eng) .la-hdr .la-wrap{padding-top:12px;padding-bottom:12px}
body .la-search{height:42px;border-radius:999px;background:var(--c-chip);border:1px solid transparent;position:relative}
body .la-search .search-input{height:40px;color:var(--c-mute);font:400 14px var(--c-font)}
body .la-search .la-sico{color:var(--c-mute)}
body .la-find{display:inline-flex;align-items:center;height:32px;margin-right:5px;padding:0 16px;border-radius:999px;background:var(--c-brand);color:#fff;font:600 13px var(--c-font)}
body .la-themebtn{border:0;background:var(--c-chip);color:var(--c-ink2)}
body .la-auth a{border-radius:999px;font:600 13.5px var(--c-font);padding:9px 18px}
body .la-auth .log{border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink2)}
body .la-auth .reg{background:var(--c-brand);color:#fff}
body .la-subnav{background:var(--c-card);border:0;box-shadow:var(--c-hdr);font-family:var(--c-font)}
html[data-theme="dark"] body .la-subnav{background:var(--c-card)}
body .la-subnav a{font:500 14px var(--c-font);color:var(--c-ink2);border-radius:999px}
body .la-subnav a:hover{background:var(--c-chip);color:var(--c-brand-ink)}

html[data-theme="dark"] body .la-themebtn{background:var(--c-chip)}