.popular-brands{padding:5.55556vw 5.55556vw 0}.popular-brands .title-wrap .brands-title{color:#000;height:7.22222vw;font-size:5vw;font-weight:500;line-height:7.22222vw}.popular-brands .title-wrap .link-more{display:none}.popular-brands .brands-desc{color:#000;height:3.88889vw;font-size:2.77778vw;font-weight:400;line-height:3.88889vw}.popular-brands .brands-wrap{grid-template-columns:repeat(4,1fr);row-gap:4.44444vw;padding-top:5vw;padding-bottom:5.55556vw;display:grid}.popular-brands .brands-wrap .brands-wrap-item{text-align:center}.popular-brands .brands-wrap .brands-wrap-item img{width:8.88889vw;height:8.88889vw}.popular-brands .brands-wrap .brands-wrap-item p{color:#000;height:3.88889vw;font-size:2.77778vw;font-weight:400;line-height:3.88889vw}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){html .popular-brands{padding:20px 20px 0}html .popular-brands .title-wrap{display:flex}html .popular-brands .title-wrap .brands-title{flex:1;height:28px;font-size:20px;line-height:28px}html .popular-brands .title-wrap .link-more{padding-top:5px;display:block}html .popular-brands .brands-desc{height:14px;font-size:12px;font-weight:400;line-height:14px}html .popular-brands .brands-wrap{grid-template-columns:repeat(12,1fr);row-gap:16px;padding-top:30px;padding-bottom:20px;display:grid}html .popular-brands .brands-wrap .brands-wrap-item img{width:40px;height:40px}html .popular-brands .brands-wrap .brands-wrap-item p{height:22px;font-size:14px;line-height:18px}html .popular-brands .link-more{display:none}}
@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.popular-brands .brands-wrap.skeleton .brands-wrap-item .img{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:100%;width:8.88889vw;height:8.88889vw;animation:2s infinite loading;display:inline-block}.popular-brands .brands-wrap.skeleton .brands-wrap-item .p{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:3.88889vw;width:11.1111vw;height:3.88889vw;margin:0 auto;animation:2s infinite loading}@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){html .popular-brands .brands-wrap.skeleton .brands-wrap-item .img{width:40px;height:40px}html .popular-brands .brands-wrap.skeleton .brands-wrap-item .p{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:22px;width:50px;height:22px;animation:2s infinite loading}}