aside{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.categories,.popular{background:#fff;border:1px solid #ececec;border-radius:20px;padding:24px 22px;transition:box-shadow .25s,border-color .25s}.categories h3,.popular h3{color:#111;border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px;font-family:Inter,sans-serif;font-size:15px;font-weight:600}.categories ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.categories ul li a{color:#444;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:background .18s,color .18s,padding-left .18s;display:flex}.categories ul li a:after{content:"↗";color:#ccc;font-size:12px;transition:color .18s,transform .18s}.categories ul li:hover a{color:#000;background:#f7f7f7;padding-left:16px}.categories ul li:hover a:after{color:#888;transform:translate(2px,-2px)}.popular ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.popular ul li{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:background .18s;display:flex}.popular ul li:hover{background:#f7f7f7}.popularLeft{background:#f0f0f0;border-radius:12px;flex:0 0 76px;height:76px;position:relative;overflow:hidden}.popularLeft img,.popularLeft>div{object-fit:cover;transition:transform .35s;width:100%!important;height:100%!important}.popular ul li:hover .popularLeft img,.popular ul li:hover .popularLeft>div img{transform:scale(1.06)}.popularRight{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.popularRight a{text-decoration:none}.popularRight a h4{color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;line-height:1.5;transition:color .18s;display:-webkit-box;overflow:hidden}.popular ul li:hover .popularRight a h4{color:#555}.popularRight p{color:#ababab;font-family:Inter,sans-serif;font-size:11.5px}.categoriesHeader{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.categories h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.clearFilter{color:#555;cursor:pointer;white-space:nowrap;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:50px;align-items:center;gap:5px;padding:5px 11px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:flex}.clearFilter:hover{color:#fff;background:#111;border-color:#111}.clearFilterX{font-size:10px;line-height:1}@media (min-width:600px) and (max-width:1024px){aside{flex-direction:column-reverse;gap:28px;position:static}.popular,.categories{box-shadow:none;background:0 0;border:none;padding:0}.popular:hover,.categories:hover{box-shadow:none;border-color:#0000}.categories h3,.popular h3{border-bottom:none;margin-bottom:14px;padding-bottom:14px;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600}.categoriesHeader{padding-bottom:0}.popular ul{scrollbar-width:none;flex-direction:row;gap:14px;padding-bottom:6px;overflow-x:auto}.popular ul::-webkit-scrollbar{display:none}.popular ul li{background:0 0;border-radius:0;flex-direction:column;flex:none;width:clamp(140px,20vw,185px);padding:0}.popular ul li:hover{background:0 0}.popularLeft{flex:none;width:100%;height:clamp(100px,14vw,140px)}.popularRight{gap:4px}.categories ul{flex-flow:wrap;gap:8px}.categories ul li a{color:#333;background:#f2f2f2;border-radius:50px;padding:7px 15px;font-size:13px}.categories ul li:hover a{color:#fff;background:#111;padding-left:15px}.categories ul li a:after{display:none}}@media (max-width:599px){aside{flex-direction:column-reverse;gap:24px;position:static}.popular,.categories{box-shadow:none;background:0 0;border:none;padding:0}.popular:hover,.categories:hover{box-shadow:none;border-color:#0000}.categoriesHeader{padding-bottom:0}.categories h3,.popular h3{border-bottom:none;margin-bottom:12px;padding-bottom:10px;font-size:clamp(1.3rem,5vw,1.6rem);font-weight:600}.popular ul{scrollbar-width:none;flex-direction:row;gap:12px;padding-bottom:4px;overflow-x:auto}.popular ul::-webkit-scrollbar{display:none}.popular ul li{background:0 0;flex-direction:column;flex:0 0 145px;padding:0}.popular ul li:hover{background:0 0}.popularLeft{flex:none;width:100%;height:105px}.popularRight a h4{font-size:13px}.categories ul{flex-flow:wrap;gap:7px}.categories ul li a{color:#333;background:#f2f2f2;border-radius:50px;padding:6px 12px;font-size:12px}.categories ul li:hover a{color:#fff;background:#111;padding-left:12px}.categories ul li a:after{display:none}}