.car{overflow:hidden}
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0}
.track::-webkit-scrollbar{display:none}
.track .card{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;transition:transform .3s,border-color .3s,box-shadow .3s}
.track .card:hover{transform:translateY(-6px);box-shadow:0 12px 30px var(--shadow)}
@media(max-width:900px){.track .card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){.track .card{flex-basis:100%}}
.ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.ctl button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:18px;cursor:pointer}
.ctl button:hover{border-color:var(--lime);color:var(--accent)}
#dots{display:flex;gap:8px}
#dots button{width:10px;height:10px;padding:0;border-radius:50%;background:var(--line);border:0;transition:width .3s,background .3s}
#dots button.on{width:28px;border-radius:6px;background:var(--lime)}