.carousel{position:relative;overflow:hidden}.carousel-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.carousel-wrapper::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 100%;scroll-snap-align:start;position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,8%)}.carousel-card img{display:block;width:100%;border-radius:16px 16px 0 0}.carousel-card p{padding:.75rem;font-size:.95rem}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.8);border:none;width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.5rem;cursor:pointer;user-select:none}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.carousel-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.carousel-dots span{width:.75rem;height:.75rem;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer}.carousel-dots span.active{background:rgba(0,0,0,.7)}