.category{cursor:pointer;direction:rtl;flex-shrink:0;align-items:center;width:150px;height:50px;transition:transform .2s;display:flex;position:relative}.category:hover{transform:translateY(-2px)}.category:active{transform:translateY(0)}.category .rhombus-bg{background-color:#f9af46;border-radius:3px;width:25px;height:25px;rotate:45deg}.category .left-box{background-color:#262626;border:1px solid #a0a0a0;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-end;width:120px;height:45px;transition:border-color .2s;display:flex}.category:hover .left-box{border-color:#f9af46}.category .left-box .top{color:#ededed;white-space:nowrap;text-overflow:ellipsis;align-items:center;width:80px;height:27px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.category .left-box .bottom{color:#f9af46;justify-content:end;width:80px;height:15px;padding-left:20px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;display:flex}.category .rhombus{background-color:#262626;border:2px solid #f9af46;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;right:10px;rotate:45deg}.category .rhombus img{width:auto;height:25px;rotate:-45deg}@media only screen and (max-width:900px){.category{width:140px;height:48px}.category .rhombus{width:35px;height:35px}.category .rhombus img{height:20px}.category .left-box{width:110px;height:42px}.category .left-box .top{width:65px;font-size:13px}.category .left-box .bottom{font-size:10px}}@media only screen and (max-width:768px){.category{width:130px;height:46px}.category .rhombus{width:33px;height:33px}.category .rhombus img{height:19px}.category .left-box{width:105px;height:40px}.category .left-box .top{width:62px;font-size:12px}.category .left-box .bottom{font-size:10px}}@media only screen and (max-width:650px){.category{width:120px;height:44px}.category .rhombus{width:31px;height:31px;right:8px}.category .rhombus img{height:18px}.category .left-box{width:98px;height:38px}.category .left-box .top{width:58px;font-size:11px}.category .left-box .bottom{width:58px;padding-left:15px;font-size:9px}}@media only screen and (max-width:500px){.category{width:110px;height:42px}.category .rhombus{width:29px;height:29px}.category .rhombus img{height:17px}.category .left-box{width:90px;height:36px}.category .left-box .top{width:54px;font-size:11px}.category .left-box .bottom{width:54px;font-size:9px}}@media only screen and (max-width:420px){.category{width:105px;height:40px}.category .rhombus{width:27px;height:27px;right:7px}.category .rhombus img{height:16px}.category .left-box{width:85px;height:34px}.category .left-box .top{width:52px;font-size:10px}.category .left-box .bottom{width:52px;padding-left:12px;font-size:8px}}@media only screen and (max-width:360px){.category{width:100px;height:38px}.category .rhombus{width:26px;height:26px}.category .rhombus img{height:15px}.category .left-box{width:80px;height:32px}.category .left-box .top{width:48px;font-size:10px}.category .left-box .bottom{width:48px;padding-left:10px;font-size:8px}}@media only screen and (max-width:320px){.category{width:95px;height:36px}.category .rhombus{width:24px;height:24px;right:6px}.category .rhombus img{height:14px}.category .left-box{width:76px;height:30px}.category .left-box .top{width:46px;font-size:9px}.category .left-box .bottom{width:46px;padding-left:8px;font-size:7px}}
.categoryBox-cotainer{align-items:center;width:87%;height:90px;margin-top:15px;display:flex}.categoryBox-cotainer .categ-mainbox{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;align-items:center;gap:25px;width:90%;height:100%;padding:0 10px;display:flex;overflow:auto hidden}.categoryBox-cotainer .categ-mainbox::-webkit-scrollbar{display:none}.categoryBox-cotainer svg{color:#ededed;cursor:pointer;flex-shrink:0;width:auto;height:20px;transition:transform .2s}.categoryBox-cotainer svg:hover{color:#f9af46;transform:scale(1.15)}.categoryBox-cotainer svg:active{transform:scale(.95)}.categoryBox-cotainer .right-arrow,.left-arrow{justify-content:center;align-items:center;width:5%;height:100%;display:flex}@media only screen and (max-width:900px){.categoryBox-cotainer{width:92%;height:80px}.categoryBox-cotainer .categ-mainbox{gap:20px;padding:0 8px}.categoryBox-cotainer svg{height:18px}}@media only screen and (max-width:768px){.categoryBox-cotainer{width:94%;height:75px}.categoryBox-cotainer .categ-mainbox{gap:18px;padding:0 7px}.categoryBox-cotainer svg{height:17px}.categoryBox-cotainer .right-arrow,.left-arrow{width:6%}}@media only screen and (max-width:650px){.categoryBox-cotainer{width:96%;height:70px;margin-top:12px}.categoryBox-cotainer .categ-mainbox{gap:15px;width:88%;padding:0 6px}.categoryBox-cotainer svg{height:16px}.categoryBox-cotainer .right-arrow,.left-arrow{width:6%}}@media only screen and (max-width:500px){.categoryBox-cotainer{width:98%;height:65px;margin-top:10px}.categoryBox-cotainer .categ-mainbox{gap:12px;width:86%;padding:0 5px}.categoryBox-cotainer svg{height:15px}.categoryBox-cotainer .right-arrow,.left-arrow{width:7%}}@media only screen and (max-width:420px){.categoryBox-cotainer{height:60px;margin-top:8px}.categoryBox-cotainer .categ-mainbox{gap:10px;width:84%;padding:0 4px}.categoryBox-cotainer svg{height:14px}.categoryBox-cotainer .right-arrow,.left-arrow{width:8%}}@media only screen and (max-width:360px){.categoryBox-cotainer{height:58px}.categoryBox-cotainer .categ-mainbox{gap:8px;width:82%;padding:0 3px}.categoryBox-cotainer svg{height:13px}.categoryBox-cotainer .right-arrow,.left-arrow{width:9%}}@media only screen and (max-width:320px){.categoryBox-cotainer{height:55px}.categoryBox-cotainer .categ-mainbox{gap:7px;width:80%;padding:0 2px}.categoryBox-cotainer svg{height:12px}.categoryBox-cotainer .right-arrow,.left-arrow{width:10%}}