.sx-category-popular{overflow:hidden;margin:0 0 18px;border:1px solid #c7d1dc;border-top:3px solid #173b63;border-radius:7px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.07);font:13px/1.45 Arial,sans-serif}.sx-category-popular *{box-sizing:border-box}.sx-category-popular-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 12px}.sx-category-popular-head span{display:block;margin-bottom:2px;color:#2864d7;font-size:9px;font-weight:800;letter-spacing:1px}.sx-category-popular-head h2{position:relative;margin:0!important;padding-bottom:8px;color:#1f2d3d!important;font-size:15px!important;font-weight:800!important;text-transform:uppercase}.sx-category-popular-head h2:after{content:"";position:absolute;bottom:0;left:0;width:44px;height:2px;background:#173b63}.sx-category-popular-nav{display:flex;gap:6px}.sx-category-popular-nav button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bdc8d5;border-radius:50%;background:#fff;color:#344256;cursor:pointer}.sx-category-popular-nav button:hover{border-color:#2864d7;background:#2864d7;color:#fff}.sx-category-popular-nav button:hover i{color:#fff}.sx-category-popular-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,1fr);grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;overflow-x:auto;padding:0 17px 17px;scrollbar-width:none;scroll-snap-type:x proximity}.sx-category-popular-track::-webkit-scrollbar{display:none}.sx-category-popular-card{display:grid;grid-template-columns:82px minmax(0,1fr) 32px;align-items:center;min-height:108px;overflow:hidden;border:1px solid #d6dee7;border-radius:6px;background:#f8fafc;color:#263548;text-decoration:none!important;scroll-snap-align:start;transition:transform .18s,border-color .18s,box-shadow .18s}.sx-category-popular-card:hover{transform:translateY(-2px);border-color:#90acd0;box-shadow:0 7px 18px rgba(15,23,42,.1);color:#263548}.sx-category-popular-image{display:grid;place-items:center;align-self:stretch;padding:7px;border-right:1px solid #e0e6ed;background:#fff}.sx-category-popular-image img{display:block;width:100%;height:88px;object-fit:contain}.sx-category-popular-info{min-width:0;padding:9px 8px}.sx-category-popular-info strong{display:-webkit-box;overflow:hidden;margin-bottom:6px;color:#344256;font-size:12px;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sx-category-popular-info>b{display:block;margin-bottom:4px;color:#1260b7;font-size:15px;font-weight:850}.sx-category-popular-info small{display:block;overflow:hidden;color:#7a8797;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.sx-category-popular-info small i{margin-right:3px;color:#8492a6}.sx-category-popular-card>em{align-self:stretch;display:flex;align-items:center;justify-content:center;border-left:1px solid #e0e6ed;color:#6b7280;font-size:31px;font-style:normal;font-weight:300}.sx-category-popular-card:first-child>em{color:#173b63}
@media(max-width:1250px){.sx-category-popular-track{grid-template-columns:none;grid-auto-columns:minmax(250px,42%)}}@media(max-width:767px){.sx-category-popular{margin-bottom:13px}.sx-category-popular-head{padding:13px}.sx-category-popular-track{grid-template-columns:none;grid-auto-columns:82%;padding:0 13px 13px}.sx-category-popular-card{grid-template-columns:76px minmax(0,1fr) 30px;min-height:100px}.sx-category-popular-image img{height:80px}.sx-category-popular-nav{display:none}}