:root {
    --accent-line: #003366;
    --card-bg: #ffffff;
}

.carousel-container {
    position: relative;
    width: 100%;
    min-height: 60vh;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: grab;
    color: #ffffff;
}

.carousel-container:active {
    cursor: grabbing;
}

/* Noua linie subțire din SVG */
.curve-svg {
    position: absolute;
    left: 50%;
    top: -900px; /* Centrul geometric corespunde cu ancora */
    width: 2400px;
    height: 2400px;
    transform: translate(-50%, -50%); /* Centrare precisă */
    pointer-events: none;
    z-index: 0; /* Stă în spate */
}

/* Punctul invizibil de ancoră */
.wheel-anchor {
    position: absolute;
    left: 50%;
    top: -900px;
    width: 0;
    height: 0;
    z-index: 1; /* Aduce departamentele deasupra liniei */
}

/* --- Responsive Layout Carousel --- */
@media (max-width: 768px) {
    .curve-svg, .wheel-anchor {
        left: calc(50vw - 1200px); 
        top: 50%; 
    }

    .carousel-container {
        align-items: center; 
        min-height: 100vh;
        min-height: 100dvh;
    }
}