/* =================================================PERFORMANS & MOBİL UYUM ================================================= */

/* Tablet ve Küçük Masaüstü (992px ve altı) */
@media (max-width: 1100px) {
    .main-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        padding-top: 100px;
    }

    .left-panel, .side-panel {
        width: 100%;
        max-width: 500px;
        order: 2; /* Panelleri aşağı al, ana sayacı yukarı çıkar */
    }

    .container {
        order: 1; /* Sayaç en üstte görünsün */
        width: 100%;
        max-width: 450px;
        margin-top: 0;
    }

    .grand-actions {
        max-width: 90%;
    }
}

/* Mobil Cihazlar (768px ve altı) */
@media (max-width: 768px) {
    /* Hero Alanı (Landing Page) */
    .hero-title {
        font-size: 2.2rem;
    }

    .main-logo {
        font-size: 11px;
        letter-spacing: 4px;
    }

    /* Panel Sayfası Butonlar */
    .action-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0 20px;
    }

    .action-buttons button {
        width: 100%;
        justify-content: center;
    }

    /* Alt Üçlü Butonlar (Grand Actions) */
    .grand-actions {
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
    }

    .grand-btn {
        width: 100%;
        height: auto;
        padding: 25px;
        flex-direction: row;
        justify-content: flex-start;
        gap: 20px;
    }

    .grand-icon {
        margin-bottom: 0;
    }

    .grand-content {
        text-align: left;
    }

    /* Isı Haritası (Heatmap) */
    .heatmap-grid {
        grid-template-columns: repeat(6, 1fr); /* Mobilde 12 sütun sığmaz, 6'ya düşür */
    }

    /* 404 ve İletişim Sayfası */
    .error-code {
        font-size: 100px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }
}

/* Çok Küçük Ekranlar (480px ve altı) */
@media (max-width: 480px) {
    .container {
        width: 95%;
    }

    #timer {
        font-size: 3rem;
    }

    .daily-ring {
        width: 130px;
        height: 130px;
    }

    .daily-ring svg {
        width: 130px;
        height: 130px;
    }

    .daily-ring circle {
        cx: 65;
        cy: 65;
        r: 58;
    }

    .day-inside {
        font-size: 20px;
    }

    .logoPnggg {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 768px) {
    .privacy-container {
        margin: 80px 15px 40px 15px; /* Mobilde kenarlardan 15px boşluk bırakır */
        padding: 25px 20px; /* İç boşluğu daraltarak metne daha fazla yer açar */
        border-radius: 15px;
    }

    .privacy-container h1 {
        font-size: 26px; /* Başlığı mobilde küçülttük */
        text-align: center;
    }

    .privacy-container h2 {
        font-size: 18px; /* Alt başlıkları küçülttük */
        margin-top: 25px;
    }

    .privacy-container p, 
    .privacy-container li {
        font-size: 14px; /* Okunabilirliği korumak için ideal mobil boyut */
        line-height: 1.5; /* Satır arasını biraz daralttık */
    }

    .affiliate-notice {
        padding: 12px;
        font-size: 13px;
        border-left-width: 3px;
    }

    .back-home {
        display: block;
        text-align: center;
        padding: 15px;
        background: rgba(139, 92, 246, 0.05);
        border-radius: 10px;
        margin-top: 20px;
    }
}

/* Çok küçük ekranlar için (iPhone SE vb.) */
@media (max-width: 480px) {
    .privacy-container {
        padding: 20px 15px;
    }
    
    .privacy-container h1 {
        font-size: 22px;
    }
}

/* ================================================= TERMS & PRIVACY RESPONSIVE ================================================= */

@media (max-width: 768px) {
    .terms-container, .privacy-container {
        margin: 80px 15px 40px 15px;
        padding: 25px 20px;
        border-radius: 15px;
    }

    .terms-container h1, .privacy-container h1 {
        font-size: 26px;
        text-align: center;
    }

    .terms-container h2, .privacy-container h2 {
        font-size: 18px;
        margin-top: 25px;
    }

    .terms-container p, .terms-container li,
    .privacy-container p, .privacy-container li {
        font-size: 14px;
        line-height: 1.5;
    }

    .disclaimer-box, .affiliate-notice {
        padding: 12px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .hero-section {
        padding: 80px 15px 40px; /* Üst boşluğu mobilde daralttık */
    }

    .hero-title-new {
        font-size: 2.8rem; /* Mobilde daha okunaklı boyut */
        letter-spacing: -1px;
    }

    .hero-sub {
        font-size: 16px;
        padding: 0 10px;
    }

    .glass-card-grid {
        margin: 30px auto;
        padding: 0 15px;
    }

    .glass-card {
        padding: 20px; /* Kart iç boşluğunu azalttık */
    }
}