html[dir=rtl] .first-item{text-align:right}html[dir=rtl] .commodity-filter h2{text-align:center}.commodity-filter{width:260px;margin-right:20px}.commodity-filter .grid-container{display:flex;flex-direction:column;background-color:#fff}.commodity-filter .commodity-filter-item{position:relative;display:flex;align-items:center;color:#000;width:100%;padding:10px 0}.commodity-filter .commodity-filter-item.commodity-filter-item-active,.commodity-filter .commodity-filter-item:hover{border-right:none;color:var(--color-main);background-color:#ecf2ff}.commodity-filter .first-item{text-align:left;font-size:14px}.commodity-filter-item{font-size:12px;padding:20px 0}.commodity-filter-item .list{padding-left:10px;padding-right:10px;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:999}.commodity-filter-item .list-item{position:absolute;top:0;left:100%;background-color:#fff;z-index:2001;width:100%;box-shadow:5px 5px 5px silver}.commodity-filter-item .list-item li{text-indent:10px;font-size:12px;padding:5px 0;color:var(--color-black)!important}.commodity-filter-item .list-item li.active,.commodity-filter-item .list-item li:hover{color:var(--color-main)!important}.commodity-wrap{align-items:flex-start;margin-top:-13px!important}.commodity-wrap ul{list-style:none;margin:0;padding:0}.commodity .commodity-wrap{min-height:calc(100vh - 361.5px)}.commodity-filter h2{width:100%;font-weight:600;font-size:16px;color:var(--color-title);border-bottom:1px solid var(--color-border);padding:20px 0;margin-bottom:20px}.commodity-filter-item{width:100%;font-weight:400;font-size:14px;color:var(--color-black);padding:12px 0;cursor:pointer}.commodity-filter-item-active,.commodity-filter-item:hover{color:var(--color-main);border-right:2px solid var(--color-main)}.commodity-content{width:100%;display:flex}.commodity-content-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,165px));grid-column-gap:11px;grid-row-gap:20px;align-content:center;padding:22px 28px}.commodity-content-pagination{width:100%;text-align:center;padding:40px 0}.commodity .no-data{display:flex;justify-content:center}