.collectioncards{grid-template-columns:repeat(2,minmax(0,1fr))}.collection{min-height:200px}.collection img{width:40%;height:160px}.collection h3{font-size:30px}#filters{gap:14px}#filters>button{padding:12px 26px;font-size:15px}#categoryList{display:block}.treerow{display:flex;align-items:center;padding-left:calc(var(--depth)*12px);border-radius:8px}.treerow:hover{background:#f0e9f5}#categoryList .treerow>button:first-child{flex:1;min-width:0;border:0;background:transparent;padding:10px 8px;font-size:11px;line-height:1.5;display:flex;justify-content:space-between;gap:8px}#categoryList .treerow .tree-toggle{flex:0 0 28px;justify-content:center;min-height:30px;padding:4px;font-size:18px;border:0;background:transparent}#categoryList .treerow.selected{background:#ebe0f3}#categoryList .treerow.selected button{color:#653891;font-weight:700}.treechildren{margin-left:4px;border-left:1px solid #e3d6ed}.tree-all{width:100%;margin-bottom:12px}#breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:70%;font-size:10px}#breadcrumb button{border:0;padding:4px 0;background:none;font-size:10px;color:#8a719c}#breadcrumb button:hover{text-decoration:underline}#breadcrumb button[aria-current]{font-weight:700;color:#674484}#breadcrumb>span{color:#baa6c7}.catalogtools{align-items:start}.levelintro{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-top:25px}.levelintro h3{font-size:23px;margin:0 0 8px}.levelintro p{font-size:11px;color:#8b7995;margin:0 0 20px}.levelintro button{font-size:10px;padding:8px 12px;background:transparent}#levelCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:25px}#levelCards[hidden]{display:none}.levelcard{display:flex;align-items:center;padding:12px;gap:10px;min-height:80px;border:1px solid #e5dbe9;border-radius:12px;text-align:left;background:white;transition:background .2s,transform .2s}.levelcard:hover{background:#f0e8f7;transform:translateY(-2px)}.levelcard img{width:46px;height:56px;object-fit:contain;flex-shrink:0}.levelcard>div{flex:1;min-width:0}.levelcard b{display:block;font-size:11px;line-height:1.4}.levelcard small{display:block;font-size:9px;color:#9b87a6;margin-top:6px}.levelcard>span{font-size:16px;color:#8d6aa7}.treebranch{min-width:0}@media(max-width:1050px){#levelCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.categorypanel{overflow:visible}.sidebarhead{margin-bottom:12px}#categoryList{display:block;overflow:auto;max-height:290px;padding:10px;border:1px solid #e2d7e9;border-radius:12px;scrollbar-width:thin;background:#f6f2f9}#categoryList button{max-width:none;flex-shrink:1}.treerow{padding-left:calc(var(--depth)*10px)}.sidebar-note{display:none}#breadcrumb{max-width:100%}.catalogtools{flex-direction:column;gap:15px}.catalogtools>label{align-self:end}.collection{min-height:220px;display:flex}.collection img{width:35%;height:130px;position:static}.collection h3{font-size:25px}.collection p{font-size:10px}.collectionarrow{position:static}.levelintro{margin-top:18px}.levelintro h3{font-size:21px}.levelcard{padding:10px;gap:8px}.levelcard img{width:40px;height:48px}}@media(max-width:480px){.collection{display:block;min-height:230px}.collection img{position:absolute;bottom:12px;right:12px;width:60%;height:115px}.collection h3{font-size:23px}.collectionarrow{position:absolute}.levelcard b{font-size:10px}.levelcard img{width:32px}.levelcard>span{display:none}#filters{justify-content:start;gap:12px}#filters>button{font-size:14px;min-width:130px}#levelCards{grid-template-columns:repeat(2,minmax(0,1fr))}}


@media(min-width:761px){#categoryList{max-height:620px;overflow:auto;scrollbar-width:thin;padding-right:4px}}