/* Minimal, clean styling modeled after your image */
.catcarousel-wrap{display:flex;align-items:center;gap:12px;position:relative;font-family:Arial,Helvetica,sans-serif}
.catcarousel-viewport{overflow:hidden;flex:1}
.catcarousel-list{display:flex;gap:18px;padding:20px 10px;margin:0;list-style:none;scroll-snap-type:x mandatory;overflow:auto;scroll-behavior:smooth}
.catcarousel-list::-webkit-scrollbar{display:none}
.catcarousel-item{flex:0 0 auto;width:120px;display:flex;justify-content:center;align-items:center;scroll-snap-align:center}
.catcarousel-card{text-align:center;text-decoration:none;color:#333;display:flex;flex-direction:column;align-items:center;gap:8px}
.catcarousel-icon-wrapper{width:96px;height:96px;border-radius:50%;background:#fff;border:2px solid #f0f0f0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(20,20,20,0.06)}
.catcarousel-icon-wrapper img{max-width:56%;max-height:56%;object-fit:contain;opacity:0.95}
.catcarousel-title{font-size:13px;line-height:1.1;max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#6b6b6b}
.catcarousel-arrow{background:#fff;border:1px solid #eee;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(20,20,20,0.06);font-size:22px}
.catcarousel-arrow:focus{outline:3px solid rgba(0,120,255,0.12)}
/* Responsive tuning */
@media (max-width:720px){
  .catcarousel-item{width:92px}
  .catcarousel-icon-wrapper{width:76px;height:76px}
  .catcarousel-title{font-size:12px}
}