.carousel-container{position:relative;width:100%;overflow:hidden;padding:0 48px}.carousel{display:flex;gap:24px;transition:transform .3s ease-in-out}.carousel-item{flex:0 0 auto;width:calc(100% - 48px)}@media (min-width:768px){.carousel-item{width:calc(50% - 24px)}}@media (min-width:1024px){.carousel-item{width:calc(33.333% - 24px)}}.carousel-next,.carousel-prev{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:opacity .3s ease}.carousel-prev{left:0}.carousel-next{right:0}.carousel-next:disabled,.carousel-prev:disabled{cursor:not-allowed;opacity:.5}.carousel-container:focus{outline:2px solid #4a90e2;outline-offset:2px}@media (prefers-reduced-motion:reduce){.carousel{transition:none}}