.mobile-catalog:not([open]){display:none}
.mobile-catalog[open]{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;box-sizing:border-box;width:min(92vw,420px);height:100%;height:100dvh;max-width:100%;max-height:100%;margin:0;padding:0;border:0;background:#fff;color:#18181b;box-shadow:8px 0 32px #0003}
.mobile-catalog::backdrop{background:rgba(17,18,24,.55)}
.mobile-catalog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid #e4e4e7;flex-shrink:0}
.mobile-catalog__header h2{margin:0;font-size:22px;font-weight:700;color:inherit}
.mobile-catalog__close{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid #e4e4e7;border-radius:12px;background:#f4f4f5;color:#18181b;font-size:28px;cursor:pointer}
.mobile-catalog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(24px + env(safe-area-inset-bottom))}
.mobile-catalog__tree{list-style:none;margin:0;padding:0}
.mobile-catalog__tree>li{border-bottom:1px solid #ececf0}
.mobile-catalog__branch>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 4px;list-style:none;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.mobile-catalog__branch>summary::-webkit-details-marker{display:none}
.mobile-catalog__branch>summary::after{content:"›";font-size:24px;line-height:1;flex:none;transition:transform .15s}
.mobile-catalog__branch[open]>summary::after{transform:rotate(90deg)}
.mobile-catalog__children{padding:0 0 8px 12px;border-left:2px solid #e4e4e7;margin-bottom:8px}
.mobile-catalog a{display:block;padding:12px 4px;color:#18181b;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.mobile-catalog a:hover{text-decoration:underline}
.mobile-catalog__category-link{font-size:13px;font-weight:600}
.mobile-catalog__leaf{font-size:15px}
.mobile-catalog .mobile-catalog__all{margin-top:20px;padding:12px 16px;text-align:center;background:var(--store-accent,#5b5cf0);color:var(--store-accent-text,#fff);border-radius:12px;font-weight:600}
.mobile-catalog :is(a,button,summary):focus-visible{outline:2px solid #18181b;outline-offset:2px}