.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;background:var(--theme-surface)}.carousel-image-button{display:block;width:100%;height:auto;padding:0;border:0;border-radius:0;background:var(--theme-surface);box-shadow:none;cursor:zoom-in}.carousel-image-button:hover,.carousel-image-button:focus,.carousel-image-button:active{border:0;box-shadow:none;transform:none;animation:none}.carousel-image-button picture{display:block;background:var(--theme-surface)}.carousel-slide img{width:100%;display:block;object-fit:contain;height:60vh;background:var(--theme-surface)}@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)}html.carousel-lightbox-open,html.carousel-lightbox-open body{overflow:hidden}.carousel-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.carousel-lightbox[hidden]{display:none}.carousel-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}.carousel-lightbox-dialog{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.carousel-lightbox-image{display:block;width:auto;max-width:min(92vw,1600px);max-height:90vh;object-fit:contain;border:3px solid var(--theme-border);box-shadow:8px 8px var(--theme-shadow);background:var(--theme-background)}.carousel-lightbox-close,.carousel-lightbox-button{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:none;border-radius:50%;background-color:var(--theme-carousel-control-bg);color:currentColor;cursor:pointer;transition:background-color .3s ease}.carousel-lightbox-close:hover,.carousel-lightbox-button:hover{background-color:var(--theme-accent);transform:none;animation:none}.carousel-lightbox-close svg,.carousel-lightbox-button svg{width:1.5rem;height:1.5rem}.carousel-lightbox-close{top:1rem;right:1rem}.carousel-lightbox-button.prev{left:1rem}.carousel-lightbox-button.next{right:1rem}@media(max-width:768px){.carousel-lightbox{padding:1rem}.carousel-lightbox-image{max-width:96vw;max-height:82vh}.carousel-lightbox-close,.carousel-lightbox-button{width:2.5rem;height:2.5rem}}