.portfolio-carousel {
    position: relative;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel-item {
    min-width: 100%;
    padding: var(--spacing-md);
}

.carousel-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 1rem 1.5rem;
    cursor: pointer;
    font-size: 1.5rem;
    border-radius: 50%;
    transition: var(--transition);
    z-index: 10;
}

.carousel-btn:hover {
    background: var(--color-secondary);
}

.carousel-prev {
    left: 10px;
}

.carousel-next {
    right: 10px;
}