/* Başlangıçta sadece masaüstü slider görünür */
.desktop-slider {
    display: block;
}

.mobile-slider {
    display: none;
}

/* Mobilde tam tersi: mobil görünür, masaüstü gizlenir */
@media (max-width: 768px) {
    .desktop-slider {
        display: none !important;
    }

    .mobile-slider {
        display: block !important;
    }

    .mobile-slide {
        height: 60vw;
        background-size: cover;
        background-position: center;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 20px;
    }

        .mobile-slide .slider-content h1 {
            font-size: 1.4rem;
        }

        .mobile-slide .slider-content p {
            font-size: 1rem;
        }
}