/* Reserve layout before scripts and image downloads complete. */
.sv-responsive-image {
    display: contents;
}

#fixed-topbar {
    aspect-ratio: 2002 / 175;
}

#fixed-topbar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#slider {
    aspect-ratio: 1134 / 438;
}

#slider #move {
    height: 100%;
    margin-right: 0;
    transition: transform .6s ease;
    will-change: transform;
}

#slider #move li {
    flex: 0 0 100%;
    transition: none;
}

#slider #move li a {
    display: block;
    width: 100%;
    height: 100%;
}

#slider #move li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#slider #line {
    width: 100%;
    transform-origin: right center;
    animation: sv-slider-progress 3s linear infinite;
}

@keyframes sv-slider-progress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

#main .container-course .card.tab1 {
    display: block;
}

/* Match the existing 4/2/1 carousel layout before JS measures the track. */
.sv-car-item {
    width: calc((100% - 60px) / 4);
}

@media (max-width: 1023px) {
    .sv-car-item { width: calc((100% - 20px) / 2); }
}

@media (max-width: 600px) {
    .sv-car-item { width: 100%; }
}