.carousel-container{position:relative;overflow:hidden;width:100%;aspect-ratio:1/1;border-radius:var(--radius-xl);background-color:var(--color-background-alt);box-shadow:var(--shadow-md)}.carousel-inner{display:flex;height:100%;transition:transform .3s ease-in-out}.carousel-item{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:contain;transition:opacity var(--transition-base)}.carousel-container.placeholder,.carousel-placeholder{display:flex;align-items:center;justify-content:center}.carousel-placeholder{width:100%;height:100%}.carousel-placeholder img{max-width:50%;max-height:50%;object-fit:contain;opacity:.3}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.8);border:1px solid var(--color-border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.carousel-button:hover{background-color:#fff;box-shadow:var(--shadow-sm)}.carousel-button svg{color:var(--color-text-primary);width:20px;height:20px}.carousel-button-prev{left:var(--spacing-sm)}.carousel-button-next{right:var(--spacing-sm)}.carousel-indicators{position:absolute;bottom:var(--spacing-md);left:50%;transform:translateX(-50%);display:flex;gap:var(--spacing-sm);z-index:10}.carousel-indicator{width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.6);border:1px solid var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast)}.carousel-indicator.active{background-color:var(--color-primary);border-color:var(--color-primary)}.carousel-counter{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:rgba(0,0,0,.5);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.875rem;z-index:10}@media (max-width:768px){.carousel-button{display:none}}