.carousel{width:100%;padding:0 40px;position:relative}.carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;gap:12px;padding:4px 0;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-track.dragging{cursor:grabbing;scroll-snap-type:none}.carousel-track>*{scroll-snap-align:start;flex:none;min-width:160px}.carousel-arrow{background:var(--white);border:1.5px solid var(--border);width:36px;height:36px;color:var(--p);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.carousel-arrow:hover{border-color:var(--p);color:var(--p)}.carousel-arrow-left{left:0}.carousel-arrow-right{right:0}.carousel-dots{margin-top:var(--space-sm);padding:var(--space-xs)0;justify-content:center;gap:6px;display:flex}.carousel-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dot.active{background:var(--p);border-radius:4px;width:20px}@media (max-width:768px){.carousel{padding:0 30px}.carousel-arrow{width:28px;height:28px;font-size:16px}}