html[dir=rtl] .first-item{text-align:right}html[dir=rtl] .commodity-filter h2{text-align:center}.commodity-filter .first-item{text-align:left;font-size:14px}.commodity-filter-item{font-size:12px;padding:20px 0}.commodity-filter-item .list{display:flex;align-items:center}.commodity-filter-item .list-item{margin-top:15px}.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}.browse-earn-fab[data-v-53e8f5c3]{position:fixed;left:24px;bottom:48px;z-index:2000;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff0050,#ff4d6d);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(255,0,80,.4);font-size:12px;cursor:pointer}.browse-earn-fab i[data-v-53e8f5c3]{font-size:22px}.browse-earn-fab--right[data-v-53e8f5c3]{left:auto;right:24px}.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{width:180px;border-right:1px solid var(--color-border)}.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%}.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}