/* Tablet ve Küçük Ekranlar (991px ve altı) */
@media (max-width: 991.98px) {
    .hero-section {
        padding-top: 130px;
        text-align: center;
    }
    
    .hero-section .justify-content-lg-start {
        justify-content: center !important;
    }
    
    /* Mobil menü açıldığında bulanıklığı iptal edip solid renk verelim ki yazılar okunsun */
    .navbar.bg-white-mobile {
        background: var(--bg-main);
        box-shadow: var(--shadow-md);
    }
    
    .navbar-collapse {
        background: var(--bg-main);
        padding: 1.5rem;
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-lg);
        margin-top: 1rem;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
    }
    
    .nav-item {
        text-align: center;
        margin: 10px 0;
    }
}

/* Telefonlar (767px ve altı) */
@media (max-width: 767.98px) {
    :root {
        /* Mobilde padding ve boşlukları küçültelim */
        --container-max: 100%;
    }
    
    .display-4 {
        font-size: 2.5rem;
    }
    
    .display-5 {
        font-size: 2rem;
    }
    
    .display-6 {
        font-size: 1.75rem;
    }
    
    .section-padding {
        padding: 60px 0;
    }
    
    .premium-card {
        padding: 1.5rem;
    }
    
    .hero-badge {
        font-size: 0.75rem;
        padding: 6px 12px;
    }
    
    /* Kartların mobilde yükselme animasyonu ekrandan taşmasın diye yumuşatılır */
    .reveal-up {
        transform: translateY(20px);
    }
}

/* 4K Monitörler (1920px ve üstü) */
@media (min-width: 1920px) {
    .container {
        max-width: 1400px;
    }
    
    .hero-section {
        padding-top: 220px;
        padding-bottom: 150px;
    }
    
    .display-4 {
        font-size: 4rem;
    }
}