.carousel-container{position:relative;overflow:hidden;border:3px solid var(--theme-border);box-shadow:8px 8px var(--theme-shadow);margin:0 auto 20px}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;position:relative}.carousel-slide img{width:100%;display:block;object-fit:cover;height:60vh}@media(max-width:768px){.carousel-slide img{height:40vh}}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--theme-carousel-control-bg);border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;z-index:10}.carousel-button:hover{background-color:var(--theme-accent);transform:translateY(-50%);animation:none}.carousel-button:active{border-top:2px solid var(--theme-border);border-left:2px solid var(--theme-border)}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.carousel-dots{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10}.carousel-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:rgba(255,255,255,.5);cursor:pointer;transition:background-color .3s ease}.carousel-dot.active{background-color:var(--theme-accent)}.carousel-dot:hover{background-color:var(--theme-accent);transform:none;animation:none}.carousel-dot.active:hover{background-color:var(--theme-accent);transform:none;animation:none}.carousel-dot:active{border-top:2px solid var(--theme-border);border-left:2px solid var(--theme-border)}