.wc-carousel-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    padding: 4rem 2rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-radius: 1.5rem;
    overflow: hidden;
}

.wc-carousel-title {
    color: #1e293b;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

.wc-carousel-marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 1rem 0;
}

.wc-carousel-track {
    display: flex;
    gap: 1.5rem;
    width: max-content;
    animation: wc-scroll 25s linear infinite;
}

.wc-carousel-track:hover {
    animation-play-state: paused;
}

.wc-carousel-card {
    align-items: center;
    background: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    width: 250px;
    padding: 2.5rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease;
}

.wc-carousel-card:hover {
    transform: translateY(-5px);
}

.wc-card-icon {
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
}

.wc-card-title {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

/* Individual card font colors */
.green-card .wc-card-title { color: #166534; }
.yellow-card .wc-card-title { color: #92400e; }
.pink-card .wc-card-title { color: #9f1239; }
.blue-card .wc-card-title { color: #1e40af; }
.indigo-card .wc-card-title { color: #3730a3; }
.rose-card .wc-card-title { color: #be123c; }

@keyframes wc-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 6 - 1.5rem * 6));
    }
}