.ms-wrap{position:relative;margin:0 -15px 10px;contain:content}
.ms-track{display:flex;overflow:hidden;gap:4px;padding:12px 15px 14px;overscroll-behavior:contain;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.ms-track.ms-dragging{cursor:grabbing}
.ms-track-inner{display:flex;flex-wrap:nowrap;gap:4px;transition:transform .3s ease;will-change:transform}
.ms-card{flex:0 0 120px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px 6px 10px;border-radius:14px;border:2px solid transparent;text-decoration:none!important;color:#555;transition:border-color .2s,box-shadow .2s}
.ms-card:hover{border-color:#ccc;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.ms-card img{height:90px;width:auto;max-width:90px;object-fit:contain;margin-bottom:8px;pointer-events:none}
.ms-card span{font-size:15px;font-weight:400;color:#555;text-align:center;line-height:1.3}
.ms-card:hover span{color:#0069ff}
.ms-track-inner:not(.ms-touched) .ms-card:first-child{border-color:#ccc;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.ms-fade{position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1}
.ms-fade--l{left:0;background:linear-gradient(90deg,#fff 0,transparent)}
.ms-fade--r{right:0;background:linear-gradient(270deg,#fff 0,transparent)}
@media(min-width:1025px){.ms-card{flex:0 0 130px}.ms-card img{height:100px;max-width:100px}}
@media(max-width:600px){.ms-card{flex:0 0 110px;padding:10px 6px}.ms-card img{height:85px;max-width:85px}.ms-card span{font-size:13px}}