.es-sub-nav-bar{width:100%;min-width:100%;height:270px;padding-top:72px;background:url(../img/sub-nav-bg.6d57e5f6.png) no-repeat;background-size:cover;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:25px;color:#fff}.es-sub-nav-bar .es-sub-nav-title{font-size:55px;font-weight:700}.es-sub-nav-bar .es-sub-nav-breadcrumb{display:flex;flex-direction:row;align-items:center;gap:15px;font-size:18px}.es-sub-nav-bar .es-sub-nav-breadcrumb span{color:#eac262}html[dir=rtl] .first-item{text-align:right}html[dir=rtl] .commodity-filter h2{text-align:center}.commodity-filter ul{display:flex;flex-direction:column;gap:15px}.commodity-filter .first-item{text-align:left;font-size:14px}.commodity-filter-item{width:100%;font-weight:400;font-size:12px;color:var(--color-black);padding:20px 0;padding-left:15px;cursor:pointer;border:1px solid #ededed}.commodity-filter-item img{width:40px;height:40px;margin-right:10px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.commodity-filter-item-active,.commodity-filter-item:hover{color:var(--color-main);border-right:2px solid var(--color-main)}.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}.commodity-center{width:2000px;max-width:2000px}.commodity-wrap{align-items:flex-start}.commodity-wrap ul{list-style:none;margin:0;padding:0}.commodity .commodity-wrap{min-height:calc(100vh - 361.5px)}.commodity-filter{width:390px;border-right:1px solid var(--color-border);padding:30px 20px;background-color:#f9f9f9;box-shadow:2px 0 5px rgba(0,0,0,.1)}.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-content{width:calc(100% - 380px)}.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-list-type{grid-template-columns:repeat(auto-fit,minmax(100%,165px))}.commodity-content-pagination{width:100%;text-align:center;padding:40px 0}.commodity .no-data{display:flex;justify-content:center}