.site-header.site-header--web .web-catalog-menu { position:relative; }
.site-header.site-header--web .web-catalog-menu__trigger { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:10px 9px; border:0; border-radius:5px; background:transparent; color:#3c4960; font:700 14px/1.5 var(--body,sans-serif); white-space:nowrap; cursor:pointer; }
.site-header.site-header--web .web-catalog-menu__trigger svg { width:21px; height:21px; color:var(--blue,#2156ed); }
.site-header.site-header--web .web-catalog-menu__trigger:hover,
.site-header.site-header--web .web-catalog-menu__trigger.is-active { color:#2156ed; background:#edf3ff; }
.site-header.site-header--web .web-catalog-menu__panel { position:absolute; z-index:85; top:calc(100% + 14px); inset-inline-start:0; display:grid; grid-template-columns:164px minmax(0,1fr); width:min(760px,calc(100vw - 48px)); min-height:332px; color:#f1f1f4; background:#25262f; border-radius:12px; box-shadow:0 14px 36px #12131d40; text-align:start; }
.site-header.site-header--web .web-catalog-menu__panel::before { content:""; position:absolute; top:-8px; inset-inline-start:24px; width:16px; height:16px; background:#101116; transform:rotate(45deg); }
.site-header.site-header--web .web-catalog-menu__sections { position:relative; padding-block:10px; background:#101116; border-start-start-radius:12px; border-end-start-radius:12px; }
.site-header.site-header--web .web-catalog-menu__sections button { display:block; width:100%; min-height:62px; padding:15px 18px; border:0; background:transparent; color:#e9e9ee; text-align:start; font:700 17px/1.5 var(--body,sans-serif); cursor:pointer; }
.site-header.site-header--web .web-catalog-menu__sections button[aria-selected=true] { color:white; background:#365ff5; }
.site-header.site-header--web .web-catalog-menu__genres { min-width:0; padding:24px 28px; }
.site-header.site-header--web .web-catalog-menu__heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.site-header.site-header--web .web-catalog-menu__heading strong { color:#acaebb; font-size:13px; font-weight:500; }
.site-header.site-header--web .web-catalog-menu__heading a { display:inline-flex; flex-direction:row; align-items:center; justify-content:flex-start; min-height:24px; gap:6px; color:#b6c7ff; font-size:12px; white-space:nowrap; }
.site-header.site-header--web .web-catalog-menu__heading svg { width:15px; height:15px; }
.site-header.site-header--web .web-catalog-menu__panel:dir(ltr) .web-catalog-menu__heading svg { transform:rotate(180deg); }
.site-header.site-header--web .web-catalog-menu__links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 18px; }
.site-header.site-header--web .web-catalog-menu__links a { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; min-height:44px; padding-block:8px; color:#e3e3ea; font-size:15px; line-height:1.5; font-weight:700; text-decoration:none; }
.site-header.site-header--web .web-catalog-menu__links a:hover,
.site-header.site-header--web .web-catalog-menu__links a[aria-current=page] { color:#9db4ff; }
.site-header.site-header--web .web-catalog-menu a:focus-visible,
.site-header.site-header--web .web-catalog-menu button:focus-visible { outline:2px solid #88a5ff; outline-offset:-2px; border-radius:4px; }
@media(max-width:980px) {
 .site-header.site-header--web .site-nav .web-catalog-menu__trigger { width:100%; }
 .site-header.site-header--web .site-nav .web-catalog-menu__panel { position:relative; top:auto; width:100%; margin-block:8px; }
 .site-header.site-header--web .reader-mobile-nav .web-catalog-menu__trigger { display:flex; flex-direction:column; justify-content:center; gap:3px; width:100%; min-height:100%; padding:6px 2px; font-size:11px; font-weight:500; border-radius:0; }
 .site-header.site-header--web .reader-mobile-nav .web-catalog-menu__trigger svg { width:18px; height:18px; color:inherit; }
 .site-header.site-header--web .reader-mobile-nav .web-catalog-menu__panel { position:fixed; top:120px; inset-inline:16px; width:auto; max-height:calc(100dvh - 140px); overflow-y:auto; overscroll-behavior:contain; }
 .site-header.site-header--web .web-catalog-menu__panel::before { display:none; }
}
@media(max-width:600px) {
 .site-header.site-header--web .web-catalog-menu__panel { grid-template-columns:100px minmax(0,1fr); min-height:300px; }
 .site-header.site-header--web .web-catalog-menu__sections button { min-height:54px; padding:12px 10px; font-size:13px; }
 .site-header.site-header--web .web-catalog-menu__genres { padding:16px 12px; }
 .site-header.site-header--web .web-catalog-menu__heading { flex-wrap:wrap; gap:8px; margin-bottom:12px; }
 .site-header.site-header--web .web-catalog-menu__heading strong { font-size:11px; }
 .site-header.site-header--web .web-catalog-menu__links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 10px; }
 .site-header.site-header--web .web-catalog-menu__links a { font-size:12px; overflow-wrap:anywhere; }
}
@media(max-width:400px) {
 .site-header.site-header--web .reader-mobile-nav .web-catalog-menu__trigger { font-size:10px; }
 .site-header.site-header--web .web-catalog-menu__panel { grid-template-columns:86px minmax(0,1fr); }
 .site-header.site-header--web .web-catalog-menu__sections button { font-size:12px; }
}