/* Real Events Section - Desktop Styles */

/* Title - Desktop */
.real-events-title {
    color: var(--10, #FFF);
    text-align: center;
    font-family: "FRIZON", 'Noto Sans JP', sans-serif;
    font-size: 3.375rem; /* 54px */
    font-style: normal;
    font-weight: 400;
    line-height: 3.375rem; /* 54px - 100% */
}

/* Slider Container - Desktop */
.slider-container {
    width: 100%; /* Reset mobile viewport width */
    height: 27.686rem; /* 442.967px height on desktop */
    margin-left: 0; /* Reset mobile offset */
    max-width: 80rem; /* 1280px max width */
    margin: 0 auto; /* Center the container */
}

/* Slider Track - Desktop */
.slider-track {
    height: 27.686rem; /* 442.967px height on desktop */
}

/* Navigation Arrows - Desktop */
.slider-arrow {
    display: flex; /* Ensure arrows are visible on desktop */
    z-index: 15; /* Higher z-index than gradient overlay */
}

.slider-prev {
    left: 6.25rem; /* 100px from left on desktop */
}

.slider-next {
    right: 3.313rem; /* 53px from right on desktop */
}

/* Dots Container - Desktop */
.dots-container {
    display: flex; /* Show on desktop */
    margin-bottom: 5rem; /* 80px bottom margin on desktop */
}

/* Real Events Container - Desktop */
.real-events-container {
    max-width: 80rem; /* 1280px max width */
    margin: 0 auto;
}

.real-events {
    padding: 6rem 2rem 0; /* More padding on desktop */
}