/* Fluent motion hints */
:root{scroll-behavior:smooth}
.fc-grid ul.products{scroll-snap-type:y mandatory}
.fc-grid ul.products > li{scroll-snap-align:start}

/* Connected animations & implicit transitions */
.fc-card, .chip, .fc-nav-item { transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s; }
.fc-card:hover{ transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.fc-nav-item.active .icon{fill:var(--primary);stroke:var(--primary)}
.fc-nav-item.active{background:var(--secondary)}

/* Spring-like drag (basic) */
.draggable{cursor:grab}
.draggable:active{cursor:grabbing}