.carousel-container{background:#f8f9fa;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:0 auto;overflow:hidden;position:relative}.slides-container{column-gap:10px;display:flex;min-height:250px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel-slide{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex:0 0 auto;justify-content:center;max-width:33.333%;min-width:33.333%;scroll-snap-align:start}.carousel-image{display:block;object-fit:cover;width:100%}.carousel-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;padding:15px 20px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:60px;z-index:10}.carousel-btn:hover{background:rgba(0,0,0,.9)}.carousel-prev{left:20px}.carousel-next{right:20px}@media (max-width:968px){.carousel-slide{max-width:calc(50% - 10px);min-width:calc(50% - 10px)}.carousel-container{border-radius:0;margin:0;max-width:100%}}@media (max-width:768px){.carousel-slide{max-width:100%;min-width:100%}.carousel-slides{gap:15px;padding:15px}.carousel-btn{font-size:1.5rem;height:50px;padding:10px 15px;width:50px}.carousel-prev{left:10px}.carousel-next{right:10px}}