.category_block{padding-top:120px}.category_banner{border-radius:12px;overflow:hidden;height:530px;position:relative}.category_banner img{width:100%;height:100%;max-width:3000px;max-height:20000px;object-fit:cover;object-position:center}.category_nav{position:absolute;left:15px;bottom:15px;padding:15px;width:225px;height:120px;box-sizing:border-box;border-radius:10px;gap:10px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between}.category_title{font-size:1.13rem;font-weight:500;line-height:1.1;max-width:100px}.category_nav p{color:#B4B5BB;font-size:.88rem;font-weight:500;line-height:1.1}.category_button{display:block;width:32px;height:32px;border-radius:8px;background-color:#F8F8F8;background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 6.11111V4.88897H11V6.11111H0Z' fill='%23161719'/%3e%3cpath d='M6.11111 11H4.88897V5.34215e-08L6.11111 0L6.11111 11Z' fill='%23161719'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:11px;background-position:center;transition:all .4s linear;cursor:pointer}.category_button:hover{background-color:#e0e0e0}.category_container.open .category_button{background-image:url("data:image/svg+xml;charset=UTF-8, %3csvg width='9' height='1' viewBox='0 0 9 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.90517 1H0V6.74428e-05H3.90517L5.01724 0L9 6.74428e-05V1H5.01724H3.90517Z' fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:11px;background-position:center;background-color:var(--black)}.category_nav_top{display:flex;justify-content:space-between}.category_items{display:grid;gap:10px;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;max-height:0;box-sizing:border-box;overflow:hidden;transition:all .5s linear}.open .category_items{max-height:2000px;padding:10px 0 0}.category_items li{opacity:0;transition:all .3s linear}.category_items li.show{opacity:1}.category_items a{padding:10px 30px 20px;background:#F8F8F8;border-radius:10px;display:block;height:100%;box-sizing:border-box;display:flex;gap:10px;flex-direction:column;text-align:center}.category_item_image{max-width:100px;height:113px;max-height:113px;text-align:center;width:100%;margin:0 auto}.category_item_image img{max-width:300px;max-height:113px;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px}.category_item_title{font-size:1rem;line-height:1.1}@media screen and (min-width:1520px){.category_item_title{font-size:1.2rem}.category_title{font-size:1.3rem}}@media screen and (max-width:1199px){.category_item_image{max-height:90px}.category_item_image img{max-width:90px}.category_item_title{font-size:.87rem}.category_items a{padding:10px 15px 15px}.category_block{padding-top:100px}}@media screen and (max-width:992px){.category_items{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:992px){.category_items{grid-template-columns:repeat(3,1fr)}.category_banner{height:400px}.category_block{padding-top:80px}}@media screen and (max-width:767px){.category_banner{height:334px}.category_container.open .category_button{background-size:15px}}@media screen and (max-width:575px){.category_items{grid-template-columns:repeat(2,1fr)}.category_item_image{max-height:60px}.category_item_image img{max-width:60px}.category_title{font-size:1rems}.category_nav p{font-size:.75rem}.category_nav{padding:5px 6px 15px 15px}.category_title{padding:10px 0 0}.category_nav{width:199px;height:97px;left:10px;bottom:10px}}