.carousel-wrapper{align-items:center;margin:0 -20px;display:flex;position:relative}.carousel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:28px;padding:16px 24px 40px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;flex:0 0 calc(33.333% - 19px);min-width:300px}.carousel-nav{color:var(--color-primary);cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-60%);box-shadow:0 2px 8px #0000001a,0 6px 20px #0000001f}.carousel-nav:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-60%)scale(1.07);box-shadow:0 4px 12px #c9a84c4d,0 8px 24px #c9a84c33}.carousel-nav.prev{left:-4px}.carousel-nav.next{right:-4px}@media (max-width:1024px){.carousel-item{flex:0 0 calc(50% - 14px)}}@media (max-width:768px){.carousel-item{flex:0 0 86%;min-width:260px}.carousel-nav{display:none}.carousel-track{gap:16px;padding:12px 16px 32px}}