/* --- ANA SAYFA: MODERN SLIDER --- */
.modern-slider {
    position: relative;
    width: 100%;
    height: calc(100vh - 80px);
    max-height: 800px;
    overflow: hidden;
}
.slider-wrapper {
    display: flex;
    width: 300%; /* Slayt sayısı kadar %100 (3 slide için) */
    height: 100%;
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.modern-slider .slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.hero-text {
    background-color: rgba(0,0,0,0.4);
    padding: 2rem 3rem;
    max-width: 600px;
    color: var(--white-color);
    border-radius: 5px;
}
.slider-control {
    position: absolute; top: 50%; transform: translateY(-50%); background: none; color: white;
    border: none; font-size: 3rem; cursor: pointer; z-index: 10; text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.slider-control.prev { left: 1.5rem; }
.slider-control.next { right: 1.5rem; }
.slider-pagination {
    position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);
    display: flex; gap: 0.8rem; align-items: center; z-index: 10;
}
.slider-pagination .dot {
    width: 12px; height: 12px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5);
    border: none; cursor: pointer; transition: all 0.4s; padding: 0;
}
.slider-pagination .dot.active { background-color: white; transform: scale(1.2); }