/*footer.css*/
.modern-pill {
    background: rgba(148, 163, 184, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 50px;
    padding: 3px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .footer-section.footer-right {
        width: 100% !important;
        margin-top: 25px;
        display: flex !important;
        justify-content: center !important;
    }

    .modern-copyright-group {
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .modern-pill {
        justify-content: center;
        width: fit-content;
    }
}


#hacker-hapishanesi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.96);
    z-index: 2147483647;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    user-select: none;
}

.hacker-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 0 50px red, 0 0 100px rgba(255, 0, 0, 0.5);
    border: 5px solid #ff4757;
    font-family: 'Courier New', Courier, monospace;
    animation: titreme 0.5s infinite;
}

.hacker-icon {
    font-size: 70px;
    margin-bottom: 20px;
}

.hacker-content h2 {
    color: #d9534f;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.ceza-mesaji {
    font-size: 16px;
    color: #333;
    background: #fff1f2;
    padding: 20px;
    border-left: 5px solid #ff4757;
    margin-bottom: 20px;
    font-weight: 700;
    border-radius: 5px;
}

.sayac-kutusu {
    font-size: 24px;
    font-weight: bold;
    color: #d9534f;
    margin: 20px 0;
    border: 2px dashed #d9534f;
    padding: 10px;
    display: inline-block;
    border-radius: 10px;
}

.alt-bilgi {
    font-size: 13px;
    color: #94a3b8;
    margin-top: 15px;
    font-family: sans-serif;
}

@keyframes titreme {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}


#hacker-hapishanesi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.96);
    z-index: 2147483647;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    user-select: none;
}

.hacker-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 0 50px red, 0 0 100px rgba(255, 0, 0, 0.5);
    border: 5px solid #ff4757;
    font-family: 'Courier New', Courier, monospace;
    animation: titreme 0.5s infinite;
}

.hacker-icon {
    font-size: 70px;
    margin-bottom: 20px;
}

.hacker-content h2 {
    color: #d9534f;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.ceza-mesaji {
    font-size: 16px;
    color: #333;
    background: #fff1f2;
    padding: 20px;
    border-left: 5px solid #ff4757;
    margin-bottom: 20px;
    font-weight: 700;
    border-radius: 5px;
}

.sayac-kutusu {
    font-size: 24px;
    font-weight: bold;
    color: #d9534f;
    margin: 20px 0;
    border: 2px dashed #d9534f;
    padding: 10px;
    display: inline-block;
    border-radius: 10px;
}

.alt-bilgi {
    font-size: 13px;
    color: #94a3b8;
    margin-top: 15px;
    font-family: sans-serif;
}

@keyframes titreme {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/* HACKER EKRAN KİLİDİ TASARIMI */
#hacker-hapishanesi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.96);
    /* Simsiyah */
    z-index: 2147483647;
    /* Her şeyin en üstünde */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    user-select: none;
}

.hacker-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 0 50px red, 0 0 100px rgba(255, 0, 0, 0.5);
    border: 5px solid #ff4757;
    font-family: 'Courier New', Courier, monospace;
    animation: titreme 0.5s infinite;
}

.hacker-icon {
    font-size: 70px;
    margin-bottom: 20px;
}

.hacker-content h2 {
    color: #d9534f;
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.ceza-mesaji {
    font-size: 16px;
    color: #333;
    background: #fff1f2;
    padding: 20px;
    border-left: 5px solid #ff4757;
    margin-bottom: 20px;
    font-weight: 700;
    border-radius: 5px;
}

.sayac-kutusu {
    font-size: 24px;
    font-weight: bold;
    color: #d9534f;
    margin: 20px 0;
    border: 2px dashed #d9534f;
    padding: 10px;
    display: inline-block;
    border-radius: 10px;
}

.alt-bilgi {
    font-size: 13px;
    color: #94a3b8;
    margin-top: 15px;
    font-family: sans-serif;
}

@keyframes titreme {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/* POP-UP STİLİ */
#hacker-hapishanesi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    user-select: none;
}

.hacker-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 0 50px red;
    border: 5px solid red;
    font-family: 'Courier New', Courier, monospace;
    animation: titreme 0.5s infinite;
}

.hacker-icon {
    font-size: 60px;
    margin-bottom: 20px;
}

.hacker-content h2 {
    color: #d9534f;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}

.ceza-mesaji {
    font-size: 16px;
    color: #333;
    background: #f9f9f9;
    padding: 15px;
    border-left: 5px solid #d9534f;
    margin-bottom: 20px;
    font-weight: bold;
}

.sayac-kutusu {
    font-size: 22px;
    font-weight: bold;
    color: #d9534f;
    margin: 20px 0;
    border: 2px dashed #d9534f;
    padding: 10px;
    display: inline-block;
}

.alt-bilgi {
    font-size: 13px;
    color: #777;
    margin-top: 10px;
}

@keyframes titreme {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

/* --- SOL TARAF DİKEY DÜZEN (ORTALANMIŞ VERSİYON) --- */

.brand-vertical-box {
    display: flex !important;
    flex-direction: column !important;
    /* Alt alta diz */

    align-items: center !important;

    justify-content: center !important;
    gap: 15px !important;
    /* Aradaki boşluk */
}

/* Slogan Ayarı */
.footer-mini-slogan {
    font-size: 11px !important;

    color: #b3b3b3 !important;

    opacity: 1 !important;

    margin: 0 !important;
    padding-left: 2px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

body.dark-mode .footer-mini-slogan {
    color: #b3b3b3 !important;
}

/* Eski dikey çizgiyi (v-divider) siliyoruz */
.v-divider {
    display: none !important;
}

/* =======================================================
   SİSTEM GENELİ: ZORLA BEYAZ ARKA PLAN (HARD RESET)
   ======================================================= */

/* 1. TÜM GRİ RENK DEĞİŞKENLERİNİ BEYAZA ÇEVİR */
:root {
    --soft-bg: #ffffff !important;
    --main-bg: #ffffff !important;
    --body-bg: #ffffff !important;
}

/* 2. GÜNDÜZ MODUNDA HTML VE BODY'Yİ BEYAZA KİLİTLE */
html:not(.dark-mode),
body:not(.dark-mode) {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* 3. İNATÇI SAYFALARIN (İLETİŞİM, YASAL VB.) ARKAPLANLARINI EZ */
/* Bu sınıflar diğer dosyalarda gri yapılmıştı, şimdi beyaz yapıyoruz */
body:not(.dark-mode) .category-master-layout,
body:not(.dark-mode) .category-main-content,
body:not(.dark-mode) .modern-contact-area,
/* İletişim Sayfası */
body:not(.dark-mode) .legal-page-wrapper,
/* Yasal Sayfa */
body:not(.dark-mode) .flow-main-wrapper,
/* Yayın Akışı */
body:not(.dark-mode) .single-post-wrapper,
/* İçerik Sayfası */
body:not(.dark-mode) .container,
body:not(.dark-mode) .container-fluid {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* 4. FOOTER ZEMİNİNİ DE UYDUR */
body:not(.dark-mode) .modern-footer-compact,
body:not(.dark-mode) .footer-action-bar {
    background-color: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    /* Çok hafif bir ayrım çizgisi */
}

/* Footer RSS Buton Hizalama */
.rss-btn-footer {
    display: inline-flex !important;
    /* Blok seviyesinden flex seviyesine çekiyoruz */
    align-items: center;
    gap: 5px;
    /* İkon ile yazı arasındaki boşluk */
    vertical-align: middle;
}

.rss-btn-footer i {
    font-size: 14px;
    /* Diğer ikonlarla aynı boyutta olsun */
    color: #f26522;
    /* RSS Turuncusu */
}

/* Hover durumunda footer'ın genel rengine uyum sağlasın */
.rss-btn-footer:hover i {
    color: #fff;
}

/* RSS MODAL ÖZEL AYARLAR */
#rssModal .modal-card {
    max-width: 450px !important;
    /* Daha kompakt, şık dursun */
    height: auto !important;
    min-height: auto !important;
    padding: 30px !important;
}

/* Dark Mode Uyumu */
body.dark-mode .rss-copy-wrapper {
    background: #1e293b !important;
    border-color: #334155 !important;
}

body.dark-mode #rssUrlInput {
    color: #cbd5e1 !important;
}

body.dark-mode #copyBtnRSS {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

/* --- A. MEVCUT FOOTER VE TEMEL YAPILAR --- */
.modern-footer-compact {
    background: #fff;
    padding: 35px 0;
    border-top: 1px solid #f1f5f9;
    font-family: 'Outfit', sans-serif;
    width: 100%;
    margin-top: auto !important;
    flex-shrink: 0;
    position: relative;
    z-index: 999;
    margin-top: -1.5px !important;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.footer-reveal {
    opacity: 1 !important;
    transition: none !important;
}

.footer-reveal.active {
    opacity: 1 !important;
}

/* Sayfa Arka Plan Düzeltmeleri */
.category-master-layout,
.container.mt-4,
.flow-main-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background-color: #f8fafc !important;
}

body.dark-mode .category-master-layout,
body.dark-mode .container.mt-4,
body.dark-mode .flow-main-wrapper {
    background-color: #18181b !important;
}

.modern-contact-area {
    background-color: #f8fafc !important;
}

body.dark-mode .modern-contact-area {
    background-color: #18181b !important;
}

/* Footer İçerik */
.footer-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.footer-section {
    display: flex;
    align-items: center;
}

.reverse-logo-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo-text-outside {
    font-weight: 900;
    font-size: 1.25rem;
    background: linear-gradient(135deg, #7209b7, #4361ee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logo-box-inside {
    background: linear-gradient(135deg, #7209b7, #4361ee);
    padding: 6px 14px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.15);
}

.logo-text-white {
    color: #fff;
    font-weight: 900;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

.v-divider {
    width: 1px;
    height: 35px;
    background: #e2e8f0;
    margin: 0 20px;
}

.footer-mini-slogan {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.3;
}

/* Footer Linkler ve Sosyal Medya */
.footer-action-bar {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    background: #f8fafc !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

.footer-inline-link {
    font-size: 10px !important;
    color: #64748b !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 10px;
    border-radius: 12px;
}

.footer-inline-link:hover {
    transform: translateY(-3px) scale(1.1) !important;
    color: #4361ee !important;
    background: rgba(67, 97, 238, 0.05);
    text-shadow: 0 0 10px rgba(67, 97, 238, 0.2);
}

.footer-inline-link i {
    transition: all 0.4s ease !important;
}

.footer-inline-link:hover i {
    transform: rotate(15deg) scale(1.2) !important;
    color: #7209b7 !important;
}

.footer-social-side {
    display: flex !important;
    gap: 12px !important;
    padding: 0 15px !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    align-items: center !important;
}

/* --- 1. GOOGLE PLAY STORE (YEŞİL TEMA) --- */

/* Normal Hali (Kutu ve Yeşil İkon) */
.social-circle.gp {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* İkon Rengi (Google Yeşili) */
.social-circle.gp i {
    color: #34a853 !important;
    /* YEŞİL */
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    display: block !important;
}

/* Hover (Üstüne Gelince) - Kutu Beyazlaşsın */
.social-circle.gp:hover {
    background: #ffffff !important;
    border-color: #fff !important;
    transform: scale(1.15) translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(52, 168, 83, 0.4) !important;
    /* Yeşil Gölge */
}

/* Hover - İkon Yerine Logo Gelsin */
.social-circle.gp:hover i {
    color: transparent !important;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d0/Google_Play_Arrow_logo.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
}


/* --- 2. APP STORE (MAVİ TEMA) --- */

/* Normal Hali (Kutu ve Mavi İkon) */
.social-circle.as {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* İkon Rengi (App Store Mavisi - İşte Burası!) */
.social-circle.as i {
    color: #007AFF !important;
    /* MAVİ */
    font-size: 16px !important;
    /* Elma logosu biraz daha belirgin olsun */
    transition: all 0.3s ease !important;
    display: block !important;
}

/* Hover (Üstüne Gelince) - Kutu Beyazlaşsın */
.social-circle.as:hover {
    background: #ffffff !important;
    border-color: #fff !important;
    transform: scale(1.15) translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(0, 122, 255, 0.4) !important;
    /* Mavi Gölge */
}

/* Hover - İkon Yerine Logo Gelsin */
.social-circle.as:hover i {
    color: transparent !important;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/67/App_Store_%28iOS%29.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
}

.social-circle {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    font-size: 14px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    text-decoration: none !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
}

.social-circle.fb i {
    color: #1877f2 !important;
}

.social-circle.tw i {
    color: #000000 !important;
}

.social-circle.ig i {
    color: #e1306c !important;
}

.social-circle.yt i {
    color: #ff0000 !important;
}

.social-circle:hover {
    transform: translateY(-5px) scale(1.1) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.social-circle.fb:hover {
    background: #1877f2 !important;
    box-shadow: 0 8px 20px rgba(24, 119, 242, 0.35) !important;
}

.social-circle.tw:hover {
    background: #000000 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

.social-circle.ig:hover {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
    box-shadow: 0 8px 20px rgba(225, 48, 108, 0.35) !important;
}

.social-circle.yt:hover {
    background: #ff0000 !important;
    box-shadow: 0 8px 20px rgba(255, 0, 0, 0.35) !important;
}

.social-circle:hover i {
    color: #ffffff !important;
}

.copyright-group {
    text-align: right;
}

.copyright-mini {
    font-size: 11px;
    color: #1e293b;
    font-weight: 850;
    margin: 0;
}

.legal-warning {
    font-size: 10px;
    color: #cbd5e1;
    font-weight: 600;
    margin: 0;
}

.read-more-btn-mini,
.flow-read-more {
    background: linear-gradient(135deg, #7209b7, #4361ee) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.2) !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px !important;
}

.read-more-btn-mini:hover,
.flow-read-more:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 20px rgba(114, 9, 183, 0.3) !important;
    filter: brightness(1.1) !important;
    color: #fff !important;
}

.footer-btn-icon {
    font-size: 12px;
    display: inline-block;
    margin-left: 12px;
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.read-more-btn-mini:hover .footer-btn-icon,
.flow-read-more:hover .footer-btn-icon {
    transform: translateX(8px) rotate(360deg) !important;
}

/* --- B. ORTAK MODAL SİSTEMİ --- */
.custom-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.custom-modal-overlay.active {
    display: flex !important;
}

.modal-card {
    background: #ffffff !important;
    width: 100%;
    border-radius: 35px !important;
    padding: 35px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

/* Yasal Modal için Maksimum Genişlik */
#legalModal .modal-card {
    max-width: 520px;
}

/* Cookie Modal için Maksimum Genişlik */
#cookieDetailsModal .modal-card {
    max-width: 600px !important;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
}

.modal-title-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

.modal-icon-box {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #7209b7, #4361ee);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 8px 15px rgba(114, 9, 183, 0.2);
}

.modal-title {
    font-size: 1.1rem !important;
    font-weight: 900 !important;
    color: #1e293b;
    margin: 0;
}

.modal-title-sub {
    color: #94a3b8;
    font-weight: 600;
}

.modal-close {
    background: #f8fafc;
    border: none;
    font-size: 24px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-modal-confirm {
    width: 100%;
    background: linear-gradient(90deg, #7209b7, #4361ee, #7209b7);
    background-size: 200% auto;
    color: #fff;
    border: none;
    padding: 16px;
    border-radius: 18px;
    font-weight: 850;
    margin-top: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: 0.4s;
    box-shadow: 0 8px 20px rgba(67, 97, 238, 0.2);
}

.btn-modal-confirm:hover {
    background-position: right center;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(114, 9, 183, 0.35);
}

.modal-inner-scroll {
    max-height: 350px;
    overflow-y: auto;
    padding-right: 5px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.modal-inner-scroll::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

.legal-alert-premium {
    background: #f8fafc;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    border: 1px solid #edf2f7;
    margin-bottom: 20px;
}

.legal-alert-premium i {
    color: #4361ee;
    font-size: 1.1rem;
}

.legal-section h4 {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.legal-section h4 i {
    color: #7209b7;
    font-size: 11px;
}

.legal-section p {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.7;
    text-align: justify;
    margin: 0;
}

/* --- C. COOKIE ÖZEL CSS --- */
.cookie-bubble {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 340px;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px);
    border-radius: 28px;
    padding: 22px;
    z-index: 999999;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(114, 9, 183, 0.1);

    /* Başlangıç pozisyonu: Aşağıda ve %50 küçültülmüş */
    transform: translateY(150%) scale(0.5);

    /* Geçiş efekti ayarları */
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cookie-bubble.active {
    transform: translateY(0) scale(1);
}

.bubble-content {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.bubble-icon {
    width: 45px;
    height: 45px;
    background: #f1f5f9;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7209b7;
    font-size: 1.3rem;
}

.bubble-text strong {
    font-size: 14px;
    color: #1e293b;
    display: block;
    font-weight: 850;
}

.bubble-text p {
    font-size: 12px;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
    font-weight: 600;
}

.bubble-actions {
    display: flex;
    gap: 10px;
}

.btn-details {
    flex: 1;
    text-align: center;
    padding: 10px;
    border-radius: 12px;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 850;
    text-decoration: none !important;
    display: block;
    transition: 0.3s;
}

.btn-accept-quick {
    flex: 2;
    border: none;
    padding: 10px;
    border-radius: 12px;
    background: linear-gradient(135deg, #7209b7, #4361ee);
    color: white;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    width: 100%;
}

/* Sekmeler */
.modal-tabs-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

.modal-tabs {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 10px;
}

.tab-btn {
    flex: 1;
    border: 1px solid transparent;
    background: #f8fafc;
    padding: 12px;
    font-size: 11px;
    font-weight: 900;
    color: #94a3b8;
    cursor: pointer;
    border-radius: 12px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.tab-btn.active {
    background: rgba(67, 97, 238, 0.08);
    color: #4361ee;
    border-color: rgba(67, 97, 238, 0.1);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.4s;
}

/* Cookie Switch ve Kartlar */
.cis-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #f1f5f9;
}

.cis-title-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cis-title-group h4 {
    margin: 0;
    font-size: 14px;
    color: #1e293b;
    font-weight: 850;
}

.status-pill-mini {
    font-size: 9px;
    font-weight: 900;
    padding: 3px 8px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #e2e8f0;
    color: #475569;
}

.switch-hap {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    flex-shrink: 0;
}

.switch-hap input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-hap {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: .4s;
    border-radius: 34px;
}

.slider-hap:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider-hap {
    background: linear-gradient(135deg, #7209b7, #4361ee);
}

input:checked+.slider-hap:before {
    transform: translateX(16px);
}

/* Cookie Kartları */
.cookie-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
}

.cc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #1e293b;
    margin-bottom: 5px;
}

.cc-badge {
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 800;
    text-transform: uppercase;
}

.cc-badge.req {
    background: #f1f5f9;
    color: #475569;
}

.cc-badge.perf {
    background: #eff6ff;
    color: #3b82f6;
}

.cc-badge.func {
    background: #f5f3ff;
    color: #8b5cf6;
}

.cc-badge.mark {
    background: #fffbeb;
    color: #f59e0b;
}

.cc-meta {
    display: flex;
    gap: 12px;
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
    margin-top: 6px;
}

.cl-title {
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 25px 0 10px 0;
    color: #94a3b8;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 5px;
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Onay Kutusu */
.approval-id-box {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 11px;
    color: #64748b;
}

.gradient-text-id {
    background: linear-gradient(135deg, #7209b7, #4361ee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-family: monospace;
    font-size: 15px;
}

/* Cookie Gizleme Animasyonu */
.cookie-bubble.gizle-sag {
    transform: translateX(150%) scale(0.5) !important;
    opacity: 0 !important;
    pointer-events: none;
}

/* --- D. DARK MODE ENTEGRASYONU --- */
body.dark-mode .modern-footer-compact {
    background: #18181b !important;
    border-top: none !important;
    box-shadow: 0 -2px 0 #18181b, 0 -10px 30px rgba(0, 0, 0, 0.3) !important;
    outline: 1px solid #18181b;
    opacity: 1 !important;
    transition: none !important;
}

body.dark-mode .footer-action-bar {
    background: #111113 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .footer-social-side {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .footer-inline-link {
    color: #94a3b8 !important;
}

body.dark-mode .footer-inline-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff !important;
}

body.dark-mode .social-circle {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .social-circle.tw i {
    color: #ffffff !important;
}

body.dark-mode .social-circle.tw:hover {
    background: #ffffff !important;
}

body.dark-mode .social-circle.tw:hover i {
    color: #000000 !important;
}

body.dark-mode .modal-card {
    background: #18181b !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #fff;
}

body.dark-mode .modal-header {
    border-color: rgba(255, 255, 255, 0.05);
}

body.dark-mode .modal-title {
    color: #fff !important;
}

body.dark-mode .legal-alert-premium {
    background: #27272a;
    border-color: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
}

body.dark-mode .legal-section h4 {
    color: #f1f5f9 !important;
}

body.dark-mode .legal-section p {
    color: #94a3b8 !important;
}

body.dark-mode .modal-close {
    background: #27272a;
    color: #fff;
}

/* Cookie Dark Mode */
body.dark-mode .cookie-bubble {
    background: #27272a !important;
    border-color: rgba(255, 255, 255, 0.06);
}

body.dark-mode .bubble-text strong {
    color: #fff;
}

body.dark-mode .btn-details {
    background: #3f3f46;
    color: #cbd5e1;
}

body.dark-mode .tab-btn {
    background: #27272a;
    color: #94a3b8;
    border-color: transparent;
}

body.dark-mode .tab-btn.active {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .cookie-card {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .cc-head {
    color: #fff;
}

body.dark-mode .cis-title-group h4 {
    color: #fff;
}

body.dark-mode .cis-header-row {
    border-color: #27272a;
}

body.dark-mode .approval-id-box {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .policy-text p,
body.dark-mode .cookie-card p {
    color: #94a3b8 !important;
}

/* Progress Bar */
.universal-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    z-index: 999999;
    pointer-events: none;
}

.universal-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #4361ee 0%, #7209b7 50%, #f72585 100%);
    box-shadow: 0 0 10px rgba(67, 97, 238, 0.6);
    transition: width 0.15s ease-out;
}

/* --- E. RESPONSIVE FIXES (TABLET YATAY & MOBİL YATAY) --- */
@media (max-width: 1100px) {
    .footer-content-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .v-divider {
        display: none;
    }

    .copyright-group {
        text-align: center;
    }
}

/* =======================================================
   TABLET YATAY (LANDSCAPE) MODU - OTO AÇILMA FIX
   ======================================================= */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {

    /* 1. Overlay Ayarı: 'display: flex' KOMUTUNU SİLDİK. 
       Böylece sadece butona basınca JS ile açılacak. */
    #cookieDetailsModal.custom-modal-overlay {
        align-items: center !important;
        /* Açıldığında dikey ortala */
        justify-content: center !important;
        /* Açıldığında yatay ortala */
        padding: 20px !important;
    }

    /* 2. Modal Kart Ayarı */
    #cookieDetailsModal .modal-card {
        width: 60% !important;
        max-width: 600px !important;
        height: auto !important;
        max-height: 80vh !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    /* 3. İçerik ve Butonlar */
    #cookieDetailsModal .modal-inner-scroll {
        flex: 1 !important;
        overflow-y: auto !important;
        min-height: 0 !important;
        padding: 0 15px !important;
    }

    #cookieDetailsModal .modal-header,
    #cookieDetailsModal .approval-id-box,
    #cookieDetailsModal .modal-tabs-wrapper,
    #cookieDetailsModal .btn-modal-confirm {
        flex-shrink: 0 !important;
    }

    #cookieDetailsModal .btn-modal-confirm {
        margin: 15px 0 0 0 !important;
    }
}

/* =======================================================
   MOBİL YATAY MOD (SIKIŞTIRMA) - OTO AÇILMA FIX
   ======================================================= */
@media screen and (max-height: 500px) and (orientation: landscape) {

    /* Mobil yatayda da overlay'e display komutu vermiyoruz */
    #cookieDetailsModal.custom-modal-overlay {
        align-items: center !important;
        padding: 10px !important;
    }

    #cookieDetailsModal .modal-card {
        width: 96% !important;
        height: 94vh !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        /* Margin fix */
        padding: 10px 15px !important;
        border-radius: 15px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Header Küçültme */
    #cookieDetailsModal .modal-header {
        padding: 5px 0 !important;
        margin-bottom: 5px !important;
        min-height: 30px !important;
    }

    #cookieDetailsModal .modal-icon-box {
        width: 30px !important;
        height: 30px !important;
        font-size: 0.9rem !important;
    }

    #cookieDetailsModal .modal-title {
        font-size: 1rem !important;
    }

    /* İçerik Sıkıştırma */
    #cookieDetailsModal .approval-id-box {
        padding: 4px !important;
        margin: 5px 0 !important;
        font-size: 9px !important;
    }

    #cookieDetailsModal .modal-tabs-wrapper {
        margin-bottom: 5px !important;
    }

    #cookieDetailsModal .tab-btn {
        padding: 6px !important;
        font-size: 10px !important;
    }

    /* Scroll ve Yazılar */
    #cookieDetailsModal .modal-inner-scroll {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 5px !important;
    }

    #cookieDetailsModal p,
    #cookieDetailsModal .cis-header-row h4 {
        font-size: 11px !important;
    }

    #cookieDetailsModal .cookie-card {
        padding: 6px !important;
        margin-bottom: 4px !important;
    }

    /* Buton Fix */
    #cookieDetailsModal .btn-modal-confirm {
        margin-top: 5px !important;
        padding: 8px !important;
        font-size: 11px !important;
        min-height: 35px !important;
        width: 100% !important;
        flex-shrink: 0 !important;
    }
}

/* GENEL MOBİL FIX */
@media screen and (max-width: 1366px) and (orientation: portrait) {
    .cookie-bubble {
        left: 50% !important;
        right: auto !important;
        bottom: 20px !important;
        width: 92% !important;
        max-width: 450px !important;
        height: auto !important;
        min-height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translate(-50%, 150%) !important;
    }

    .cookie-bubble.active {
        transform: translate(-50%, 0) !important;
    }

    .bubble-content {
        align-items: flex-start !important;
    }

    .bubble-actions {
        width: 100%;
        margin-top: 10px;
    }
}

/* --- SCROLL FIX (KRİTİK: Kaydırmayı Düzelten Kod) --- */
#cookieDetailsModal .modal-inner-scroll {
    flex: 1 1 auto !important;
    /* İçeriğin esnemesini sağlar */
    overflow-y: auto !important;
    /* Kaydırma çubuğunu açar */
    min-height: 0 !important;
    /* Firefox/Chrome hatasını önler */
    padding-bottom: 20px !important;
    /* En alta boşluk bırakır */

    /* Scrollbar'ı gizle (Daha temiz görünüm için) */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#cookieDetailsModal .modal-inner-scroll::-webkit-scrollbar {
    display: none;
}

/* --- YENİ KOMPAKT KUTU TASARIMI --- */
.cookie-info-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #f1f5f9;
    padding: 10px 12px;
    /* İç boşluğu azalttık */
    border-radius: 14px;
    margin-bottom: 8px;
    /* Kutular arası mesafeyi kıstık */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.01);
    transition: all 0.2s ease;
}

/* Kutu Hover Efekti */
.cookie-info-section:hover {
    border-color: #e2e8f0;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

/* Sol Taraf (İkon + Metin) */
.cis-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    /* Yazının yayılmasına izin ver */
}

/* İkon Kutusu */
.cis-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    /* İkonun ezilmesini engelle */
}

/* İkon Renkleri */
.cis-icon-box.locked {
    background: #f1f5f9;
    color: #64748b;
}

.cis-icon-box.blue {
    background: #eff6ff;
    color: #3b82f6;
}

.cis-icon-box.orange {
    background: #fff7ed;
    color: #f97316;
}

/* Yazı Alanı Düzenlemesi */
.cis-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cis-head {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cis-head h4 {
    margin: 0;
    font-size: 12.5px !important;
    /* Başlık boyutu */
    font-weight: 800;
    color: #1e293b;
}

.cis-text p {
    margin: 0;
    font-size: 10.5px !important;
    /* Açıklama boyutu (Kompakt) */
    color: #94a3b8;
    line-height: 1.3;
    max-width: 95%;
}

/* "ZORUNLU" Etiketi */
.status-pill-mini {
    font-size: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #e2e8f0;
    color: #475569;
    font-weight: 800;
    letter-spacing: 0.5px;
}

/* Sağ Taraf (Switch/Check) */
.cis-action {
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.checked-icon {
    font-size: 18px;
    color: #cbd5e1;
}

/* Switch (Anahtar) Küçültme */
.switch-hap {
    width: 34px !important;
    height: 18px !important;
}

.slider-hap:before {
    height: 12px !important;
    width: 12px !important;
    left: 3px !important;
    bottom: 3px !important;
}

input:checked+.slider-hap:before {
    transform: translateX(16px) !important;
}

/* --- DARK MODE AYARLARI --- */
body.dark-mode .cookie-info-section {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .cis-head h4 {
    color: #fff;
}

body.dark-mode .cis-text p {
    color: #71717a;
}

body.dark-mode .cis-icon-box.locked {
    background: #27272a;
    color: #52525b;
}

body.dark-mode .cis-icon-box.blue {
    background: rgba(59, 130, 246, 0.15);
    color: #60a5fa;
}

body.dark-mode .cis-icon-box.orange {
    background: rgba(249, 115, 22, 0.15);
    color: #fdba74;
}

body.dark-mode .status-pill-mini {
    background: #27272a;
    color: #52525b;
}

/* =======================================================
   SCROLL FIX - MOBİL & TABLET (KESİN ÇÖZÜM)
   ======================================================= */
/* 1. Modal Gövdesini Esnek Yap */
#cookieDetailsModal .modal-body {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    /* Dışarı taşmayı engelle */
    height: 100% !important;
    /* Yüksekliği doldur */
    min-height: 0 !important;
    /* Flexbox taşma fix */
}

/* 2. Scroll Alanını Zorla Aç */
#cookieDetailsModal .modal-inner-scroll {
    flex: 1 1 auto !important;
    /* Esnek ol ama içeriği ezme */
    overflow-y: auto !important;
    /* Dikey kaydırmayı aç */
    min-height: 0 !important;
    /* Firefox/Chrome flex hatasını düzelt */
    padding-bottom: 20px !important;
    /* En altta biraz boşluk bırak */
    max-height: none !important;
    /* Eski yükseklik sınırını kaldır */

    /* Mobilde scroll bar'ı gizle (Daha şık durur) */
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    /* iOS'ta akıcı kaydırma */
}

#cookieDetailsModal .modal-inner-scroll::-webkit-scrollbar {
    display: none;
}

/* 3. Buton ve Header'ın Küçülmesini Engelle */
#cookieDetailsModal .modal-header,
#cookieDetailsModal .approval-id-box,
#cookieDetailsModal .modal-tabs-wrapper,
#cookieDetailsModal .btn-modal-confirm {
    flex-shrink: 0 !important;
    /* Asla ezilme */
}

/* 4. Butonun Altında Boşluk Bırak (Mobil Landscape Fix) */
#cookieDetailsModal .btn-modal-confirm {
    margin-top: auto !important;
    /* Scroll bitince butona dayan */
    margin-bottom: 5px !important;
}

/* =======================================================
   GLOBAL SCROLL & TAŞMA FIX (MASAÜSTÜ, TABLET, MOBİL)
   Amaç: İçerik ne olursa olsun kutudan taşmasın, 
   header ve buton sabit kalsın, sadece orta kısım kaysın.
   ======================================================= */

/* 1. Modal Gövdesini Esnek Kutuya Çevir */
#cookieDetailsModal .modal-body {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    /* Karttan dışarı taşmayı yasakla */
    height: 100% !important;
    /* Kartın boyunu doldur */
    min-height: 0 !important;
    /* Flexbox hesaplama hatasını önle */
}

/* 2. Scroll Alanını (Yazıların Olduğu Yer) Ayarla */
#cookieDetailsModal .modal-inner-scroll {
    flex: 1 1 auto !important;
    /* Kalan tüm boşluğu bu alan kaplasın */
    overflow-y: auto !important;
    /* Sığmazsa kaydırma çubuğu çıkar */
    min-height: 0 !important;
    /* İçerik çok olsa bile kutuyu patlatma */
    height: auto !important;
    max-height: none !important;
    /* Eski yükseklik sınırlarını kaldır */
    padding-bottom: 15px !important;
}

/* 3. Header, Tablar ve Butonun Küçülmesini Engelle */
/* Bunlar "flex-shrink: 0" ile korunur, asla ezilmezler */
#cookieDetailsModal .modal-header,
#cookieDetailsModal .approval-id-box,
#cookieDetailsModal .modal-tabs-wrapper,
#cookieDetailsModal .btn-modal-confirm {
    flex-shrink: 0 !important;
}

/* 4. Politika Metninin Sağa Taşmasını Engelle */
/* Uzun linkler veya kelimeler varsa satır aşağı indirsin */
.policy-text {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
}

/* 5. Scroll Bar Güzelleştirme (Opsiyonel - Masaüstünde şık dursun) */
#cookieDetailsModal .modal-inner-scroll::-webkit-scrollbar {
    width: 6px;
}

#cookieDetailsModal .modal-inner-scroll::-webkit-scrollbar-track {
    background: transparent;
}

#cookieDetailsModal .modal-inner-scroll::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
}

/* =======================================================
   1. KUTU BÜYÜME SORUNU İÇİN GLOBAL FIX (KRİTİK)
   ======================================================= */
/* Modal Gövdesini Kilitle */
#cookieDetailsModal .modal-body {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    /* Dışarı taşmayı engelle */
    min-height: 0 !important;
}

/* Scroll Alanını Esnet ve Kaydır */
#cookieDetailsModal .modal-inner-scroll {
    flex: 1 1 auto !important;
    /* Esnek ol */
    overflow-y: auto !important;
    /* Sığmayan yeri kaydır */
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 25px !important;
}

/* =======================================================
   2. POLİTİKA SAYFASI PREMIUM TASARIM
   ======================================================= */

/* Üst Başlık Kartı */
.policy-header-wrapper {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.ph-icon-box {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7209b7;
    font-size: 18px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.ph-content p {
    font-size: 11px !important;
    margin: 3px 0 0 0 !important;
    line-height: 1.3;
}

/* Bilgi Kutusu */
.info-box-premium {
    background: #eff6ff;
    border: 1px dashed #bfdbfe;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    gap: 12px;
    margin: 15px 0;
}

.ib-icon {
    color: #3b82f6;
    font-size: 18px;
    margin-top: 2px;
}

.ib-text h5 {
    margin: 0 0 5px 0;
    font-size: 12px;
    font-weight: 800;
    color: #1e3a8a;
}

.ib-text p {
    margin: 0;
    font-size: 11px !important;
    color: #334155;
}

/* Liste Kutusu (Çerez Türleri) */
.type-list-box {
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.type-list-box p {
    margin-bottom: 5px !important;
    font-size: 12px !important;
    color: #1e293b;
}

.type-list-box ul {
    padding-left: 20px;
    margin: 0 0 10px 0;
}

.type-list-box li {
    font-size: 11px;
    color: #64748b;
    margin-bottom: 4px;
}

.divider-line {
    height: 1px;
    background: #f1f5f9;
    margin: 10px 0;
}

/* Bölüm Başlıkları */
.section-divider {
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 5px;
    margin: 25px 0 15px 0;
    letter-spacing: 1px;
}

/* Kategori Başlıkları (Kutulu İkonlar) */
.category-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 10px 0;
}

.ch-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.category-header span {
    font-size: 13px;
    font-weight: 800;
    color: #1e293b;
}

/* İkon Renkleri */
.category-header.locked .ch-icon {
    background: #f1f5f9;
    color: #64748b;
}

.category-header.blue .ch-icon {
    background: #eff6ff;
    color: #3b82f6;
}

.category-header.purple .ch-icon {
    background: #faf5ff;
    color: #a855f7;
}

.category-header.orange .ch-icon {
    background: #fff7ed;
    color: #f97316;
}

/* Çerez Kartları (Ayarlar sayfasındakiyle uyumlu) */
.cookie-card {
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01);
    transition: 0.2s;
}

.cookie-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.cc-head {
    margin-bottom: 3px !important;
}

.cookie-card p {
    font-size: 10.5px !important;
    color: #64748b;
    margin: 0 0 5px 0 !important;
}

/* --- DARK MODE --- */
body.dark-mode .policy-header-wrapper {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .ph-icon-box {
    background: #27272a;
    color: #fff;
}

body.dark-mode .info-box-premium {
    background: #1e293b;
    border-color: #334155;
}

body.dark-mode .ib-text h5 {
    color: #60a5fa;
}

body.dark-mode .ib-text p {
    color: #cbd5e1;
}

body.dark-mode .type-list-box {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .type-list-box p {
    color: #e2e8f0;
}

body.dark-mode .category-header span {
    color: #fff;
}

body.dark-mode .category-header.locked .ch-icon {
    background: #27272a;
    color: #a1a1aa;
}

body.dark-mode .category-header.blue .ch-icon {
    background: rgba(59, 130, 246, 0.2);
}

body.dark-mode .category-header.purple .ch-icon {
    background: rgba(168, 85, 247, 0.2);
}

body.dark-mode .category-header.orange .ch-icon {
    background: rgba(249, 115, 22, 0.2);
}

body.dark-mode .cookie-card {
    background: #18181b;
    border-color: #27272a;
}

/* =======================================================
   MODAL BOYUT KİLİTLEME (TABLAR ARASI ZIPLAMAYI ÖNLER)
   Bu kod; Masaüstü, Tablet ve Mobilde kutunun boyunu sabitler.
   ======================================================= */

/* 1. Modal Kartına Sabit Yükseklik Veriyoruz */
#cookieDetailsModal .modal-card {
    /* Yükseklik Ayarı: Ekranın %80'ini kapla ve orada kal */
    height: 80vh !important;
    max-height: 650px !important;
    /* Masaüstünde çok devasa olmasın */
    min-height: 400px !important;
    /* Çok da küçülmesin */

    /* Flex Düzeni (İçeriği hizalamak için şart) */
    display: flex !important;
    flex-direction: column !important;

    /* Taşmayı Önleme */
    overflow: hidden !important;
    position: relative !important;
}

/* 2. İçerik Alanını (Scroll) Esnek Yapıyoruz */
/* Bu kısım, kalan boşluğu otomatik doldurur */
#cookieDetailsModal .modal-inner-scroll {
    flex: 1 1 auto !important;
    /* Kalan tüm alanı kapla */
    height: 100% !important;
    /* Alanı doldur */
    overflow-y: auto !important;
    /* İçerik sığmazsa kaydır */
    min-height: 0 !important;
    /* Flexbox taşma hatasını önle */
    padding-bottom: 20px !important;
}

/* 3. Header ve Butonun Boyutunu Koru */
/* Bunlar asla küçülüp ezilmesin */
#cookieDetailsModal .modal-header,
#cookieDetailsModal .approval-id-box,
#cookieDetailsModal .modal-tabs-wrapper,
#cookieDetailsModal .btn-modal-confirm {
    flex-shrink: 0 !important;
}

/* 4. Mobil Yatay Mod İçin Özel Kilit (Telefon yan çevrilince) */
@media screen and (max-height: 500px) and (orientation: landscape) {
    #cookieDetailsModal .modal-card {
        height: 90vh !important;
        /* Yatayda ekranı biraz daha fazla kapla */
        max-height: none !important;
    }
}

/* --- METİN KUTUSU (GÜZEL BİR YAR) --- */
.text-content-box {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    /* Çok hafif bir çerçeve */
    border-left: 4px solid #7209b7;
    /* Sol tarafa mor bir vurgu çizgisi */
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    /* Alttaki kutuyla mesafe */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    /* Hafif gölge */
}

.text-content-box p {
    font-size: 11.5px !important;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 10px !important;
    text-align: justify;
    /* Yazıyı iki yana yasla, düzenli dursun */
}

.text-content-box p:last-child {
    margin-bottom: 0 !important;
}

/* Dark Mode Uyumu */
body.dark-mode .text-content-box {
    background: #1e1e21;
    /* Koyu modda hafif açık siyah */
    border-color: #27272a;
    border-left-color: #7209b7;
    /* Mor çizgi aynı kalsın */
}

body.dark-mode .text-content-box p {
    color: #a1a1aa;
}

/* =======================================================
   YASAL HAKLAR MODALI - YATAY MOD (LANDSCAPE) FİX
   ======================================================= */

/* 1. TABLET YATAY MOD (iPad / Galaxy Tab vb.) */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {

    /* Dış Kaplayıcıyı Merkezle */
    #legalModal.custom-modal-overlay {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px !important;
    }

    /* Modal Kartını Kilitle */
    #legalModal .modal-card {
        width: 60% !important;
        /* Genişlik: Ekranın %60'ı */
        max-width: 550px !important;
        /* Genişlik Sınırı */

        height: auto !important;
        /* Yükseklik: İçeriğe göre */
        max-height: 85vh !important;
        /* Yükseklik Sınırı: Ekranın %85'i */

        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        /* Dışarı taşmayı engelle */

        /* Pozisyon Sıfırlama (Flex Merkezleyecek) */
        position: relative !important;
        top: auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    /* İçerik Alanını (Scroll) Esnet */
    #legalModal .modal-inner-scroll {
        flex: 1 !important;
        /* Kalan boşluğu doldur */
        overflow-y: auto !important;
        /* Sığmazsa kaydır */
        min-height: 0 !important;
        /* Flex hatasını önle */
        padding-right: 10px !important;
    }

    /* Sabit Kalacak Elemanlar */
    #legalModal .modal-header,
    #legalModal .legal-alert-premium,
    #legalModal .btn-modal-confirm {
        flex-shrink: 0 !important;
        /* Asla küçülme */
    }
}

/* 2. MOBİL YATAY MOD (Telefon Yan Çevrilince) */
@media screen and (max-height: 500px) and (orientation: landscape) {

    #legalModal .modal-card {
        width: 96% !important;
        height: 94vh !important;
        /* Ekranı tam doldur */
        max-width: 600px !important;

        margin: 0 auto !important;
        padding: 10px 15px !important;
        /* İç boşluğu kıs */

        display: flex !important;
        flex-direction: column !important;
    }

    /* Header'ı Küçült */
    #legalModal .modal-header {
        padding: 5px 0 !important;
        margin-bottom: 5px !important;
        min-height: 35px !important;
        flex-shrink: 0 !important;
    }

    /* Gereksiz Büyük İkonu Gizle veya Küçült */
    #legalModal .modal-icon-box {
        width: 32px !important;
        height: 32px !important;
        font-size: 1rem !important;
    }

    #legalModal .modal-title {
        font-size: 1rem !important;
    }

    /* Premium Uyarı Kutusunu Sıkıştır */
    #legalModal .legal-alert-premium {
        padding: 8px !important;
        margin-bottom: 5px !important;
        font-size: 10px !important;
        flex-shrink: 0 !important;
    }

    /* İçerik Alanı */
    #legalModal .modal-inner-scroll {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 5px !important;
    }

    /* Yazı Boyutlarını Küçült */
    #legalModal .legal-section h4 {
        font-size: 11px !important;
        margin-bottom: 3px !important;
    }

    #legalModal .legal-section p {
        font-size: 10.5px !important;
        line-height: 1.4 !important;
    }

    #legalModal .legal-section {
        margin-bottom: 10px !important;
    }

    /* Butonu En Alta Sabitle */
    #legalModal .btn-modal-confirm {
        margin-top: 5px !important;
        padding: 8px !important;
        font-size: 11px !important;
        min-height: 35px !important;
        flex-shrink: 0 !important;
    }
}

/* =======================================================
   1. GLOBAL MODAL & SCROLL FIX (HAYAT KURTARAN KOD)
   Kutu boyutunu kilitler, taşmayı önler, scroll'u açar.
   ======================================================= */
#cookieDetailsModal .modal-body {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    /* Dışarı taşmayı engelle */
    min-height: 0 !important;
    /* Flex hatasını önle */
}

#cookieDetailsModal .modal-inner-scroll {
    flex: 1 1 auto !important;
    /* Kalan tüm boşluğu kapla */
    overflow-y: auto !important;
    /* Sığmazsa kaydır */
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 25px !important;

    /* Scrollbar'ı gizle (Premium görünüm) */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#cookieDetailsModal .modal-inner-scroll::-webkit-scrollbar {
    display: none;
}

/* =======================================================
   2. POLİTİKA SAYFASI PREMIUM TASARIM (YENİ STİL)
   ======================================================= */

/* --- ÜST BİLGİ KUTULARI --- */
.policy-header-wrapper {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.ph-icon-box {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7209b7;
    font-size: 18px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}

.ph-content h4 {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 800;
}

.ph-content p {
    font-size: 11px !important;
    margin: 3px 0 0 0 !important;
    line-height: 1.3;
    color: #64748b;
}

/* --- METİN KUTUSU (GÜZEL YAR) --- */
.text-content-box {
    background: #fff;
    border-left: 3px solid #7209b7;
    /* Sol vurgu çizgisi */
    border-radius: 0 12px 12px 0;
    padding: 10px 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.text-content-box p {
    font-size: 11px !important;
    color: #475569;
    margin-bottom: 8px !important;
    line-height: 1.5;
    text-align: justify;
}

.text-content-box p:last-child {
    margin-bottom: 0 !important;
}

/* --- MAVİ BİLGİ KUTUSU --- */
.info-box-premium {
    background: #eff6ff;
    border: 1px dashed #bfdbfe;
    border-radius: 12px;
    padding: 12px;
    display: flex;
    gap: 12px;
    margin: 15px 0;
    align-items: flex-start;
}

.ib-icon {
    color: #3b82f6;
    font-size: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}

.ib-text h5 {
    margin: 0 0 3px 0;
    font-size: 12px;
    font-weight: 800;
    color: #1e3a8a;
}

.ib-text p {
    margin: 0;
    font-size: 11px !important;
    color: #334155;
    line-height: 1.4;
}

/* --- BÖLÜM BAŞLIĞI --- */
.section-divider {
    font-size: 10px;
    font-weight: 900;
    color: #94a3b8;
    text-transform: uppercase;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 5px;
    margin: 25px 0 10px 0;
    letter-spacing: 1px;
    display: block;
}

/* --- KATEGORİ KUTULARI (COMPACT GROUP) --- */
.cookie-category-box {
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 14px;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.01);
}

/* Kategori Başlığı */
.ccb-header {
    background: #f8fafc;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.ccb-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
}

.ccb-title {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ccb-title h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    color: #1e293b;
}

.badge-mini {
    font-size: 8px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Renk Varyasyonları */
.ccb-icon.locked {
    background: #e2e8f0;
    color: #475569;
}

.badge-mini.red {
    background: #fee2e2;
    color: #ef4444;
}

.ccb-icon.blue {
    background: #eff6ff;
    color: #3b82f6;
}

.badge-mini.blue {
    background: #eff6ff;
    color: #3b82f6;
}

.ccb-icon.purple {
    background: #faf5ff;
    color: #a855f7;
}

.badge-mini.purple {
    background: #faf5ff;
    color: #a855f7;
}

.ccb-icon.orange {
    background: #fff7ed;
    color: #f97316;
}

.badge-mini.orange {
    background: #fff7ed;
    color: #f97316;
}

/* Liste Elemanları */
.ccb-list {
    padding: 0;
}

.c-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px dashed #f1f5f9;
}

.c-item:last-child {
    border-bottom: none;
}

.ci-info {
    display: flex;
    flex-direction: column;
    width: 65%;
}

.ci-info strong {
    font-size: 11px;
    color: #334155;
    font-weight: 700;
}

.ci-info span {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 1px;
}

.ci-meta {
    font-size: 9px;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
    text-align: center;
}

/* --- DARK MODE UYUMU --- */
body.dark-mode .policy-header-wrapper {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .ph-icon-box {
    background: #27272a;
    color: #fff;
}

body.dark-mode .text-content-box {
    background: #18181b;
    border-left: 3px solid #7209b7;
    color: #a1a1aa;
}

body.dark-mode .info-box-premium {
    background: #1e293b;
    border-color: #334155;
}

body.dark-mode .ib-text h5 {
    color: #60a5fa;
}

body.dark-mode .ib-text p {
    color: #cbd5e1;
}

body.dark-mode .cookie-category-box {
    background: #18181b;
    border-color: #27272a;
}

body.dark-mode .ccb-header {
    background: #27272a;
    border-color: #3f3f46;
}

body.dark-mode .ccb-title h5 {
    color: #fff;
}

body.dark-mode .c-item {
    border-color: #27272a;
}

body.dark-mode .ci-info strong {
    color: #e2e8f0;
}

body.dark-mode .ci-meta {
    background: #27272a;
    color: #94a3b8;
}

body.dark-mode .text-content-box p {
    color: #94a3b8 !important;
}

.hap-uyari-badge {
    display: inline-block;
    background: rgba(148, 163, 184, 0.1);
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    padding: 4px 15px;
    border-radius: 50px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

body.dark-mode .hap-uyari-badge {
    background: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
    border-color: rgba(255, 255, 255, 0.1);
}

/* =======================================================
   YATAY MOD (LANDSCAPE) FİNAL FIX
   (Otomatik Açılma ve Kapanmama Sorunu Çözüldü)
   ======================================================= */

/* 1. TABLET YATAY (iPad Pro / Galaxy Tab vb.) */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {

    /* ÖNEMLİ: Buradan 'display: flex' komutunu kaldırdık! 
       Artık sadece JS tetiklediğinde açılacak. */
    #legalModal.custom-modal-overlay,
    #cookieDetailsModal.custom-modal-overlay {
        align-items: center !important;
        justify-content: center !important;
        padding: 20px !important;
    }

    /* Modal Kart Boyutlandırma */
    .modal-card {
        width: 60% !important;
        max-width: 600px !important;
        height: auto !important;
        max-height: 85vh !important;
        /* Ekranın %85'ine sığdır */

        /* Flex Kilitleri */
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    /* Scroll Alanını Aç */
    .modal-inner-scroll {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        min-height: 0 !important;
        padding-right: 10px !important;
    }

    /* Header ve Butonları Koru */
    .modal-header,
    .approval-id-box,
    .modal-tabs-wrapper,
    .btn-modal-confirm,
    .legal-alert-premium {
        flex-shrink: 0 !important;
    }
}

/* 2. MOBİL YATAY (Telefon Yan Çevrilince) */
@media screen and (max-height: 500px) and (orientation: landscape) {

    /* Overlay Ayarları (Display komutu yok!) */
    .custom-modal-overlay {
        align-items: center !important;
        padding: 5px !important;
    }

    /* Kartı Ekrana Yay */
    .modal-card {
        width: 96% !important;
        height: 96vh !important;
        /* Neredeyse tam ekran */
        max-width: 650px !important;
        margin: 0 auto !important;
        padding: 10px 20px !important;

        display: flex !important;
        flex-direction: column !important;
    }

    /* Header'ı Ufalt */
    .modal-header {
        padding: 5px 0 !important;
        margin-bottom: 5px !important;
        min-height: 30px !important;
    }

    .modal-icon-box {
        width: 28px !important;
        height: 28px !important;
        font-size: 14px !important;
    }

    .modal-title {
        font-size: 14px !important;
    }

    /* İçerik Alanı (Scroll) */
    .modal-inner-scroll {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        padding: 5px !important;
        min-height: 0 !important;
    }

    /* Yazıları Küçült (Daha çok şey sığsın) */
    p,
    li,
    .legal-section p {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    h4,
    h5 {
        font-size: 12px !important;
    }

    /* Gereksiz Boşlukları Sil */
    .legal-alert-premium,
    .policy-header-wrapper,
    .info-box-premium {
        margin-bottom: 8px !important;
        padding: 8px !important;
    }

    /* Butonu En Alta Çak */
    .btn-modal-confirm {
        margin-top: 5px !important;
        padding: 8px !important;
        min-height: 35px !important;
        font-size: 11px !important;
        flex-shrink: 0 !important;
    }
}

/* =======================================================
   SADECE YASAL HAKLAR MODALI (LEGAL) - YATAY MOD FİX
   ======================================================= */

@media screen and (orientation: landscape) {

    /* 1. OTOMATİK AÇILMAYI ENGELLEME (KRİTİK) */
    #legalModal:not(.active) {
        display: none !important;
    }

    #legalModal.active {
        display: flex !important;
    }

    /* 2. GENEL YATAY AYARLAR (Tüm Cihazlar İçin Temel) */
    #legalModal .modal-card {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

    /* Scroll Alanını Aç */
    #legalModal .modal-inner-scroll {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        min-height: 0 !important;
        padding-bottom: 10px !important;
    }

    /* Sabit Kalacaklar */
    #legalModal .modal-header,
    #legalModal .legal-alert-premium,
    #legalModal .btn-modal-confirm {
        flex-shrink: 0 !important;
        pointer-events: auto !important;
        z-index: 10 !important;
    }
}

/* =======================================================
   TABLET YATAY MOD (1024px ile 1366px arası)
   ======================================================= */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    #legalModal .modal-card {
        width: 65% !important;
        /* Genişlik ideal seviyeye çekildi */
        max-width: 650px !important;
        height: 85vh !important;
        /* Yükseklik ekranın %85'ine sabitlendi */
        max-height: 600px !important;
        /* Çok uzamasını engelle */
        padding: 20px !important;
    }

    /* Header ve boşlukları tablette biraz kıstık ki içerik sığsın */
    #legalModal .modal-header {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    #legalModal .legal-alert-premium {
        margin-bottom: 10px !important;
        padding: 10px !important;
    }
}

/* =======================================================
   BÜYÜK TABLETLER YATAY MOD (iPad Pro 12.9" vb. - 1367px Üzeri)
   ======================================================= */
@media screen and (min-width: 1367px) and (orientation: landscape) and (max-height: 1024px) {
    #legalModal .modal-card {
        width: 50% !important;
        /* Büyük ekranda çok yayılmasın */
        max-width: 700px !important;
        height: 80vh !important;
        /* Yükseklik kilitli */
        max-height: 700px !important;
    }
}

/* =======================================================
   MOBİL YATAY MOD (Max Height 500px) - BURAYA DOKUNMADIM
   Senin beğendiğin ayar aynen korundu.
   ======================================================= */
@media screen and (max-height: 500px) and (orientation: landscape) {
    #legalModal .modal-card {
        width: 96% !important;
        height: 94vh !important;
        max-width: 600px !important;
        padding: 8px 15px !important;
    }

    #legalModal .modal-header {
        padding: 5px 0 !important;
        margin-bottom: 5px !important;
        min-height: 30px !important;
    }

    #legalModal .legal-alert-premium {
        padding: 6px !important;
        margin-bottom: 5px !important;
        font-size: 10px !important;
    }

    #legalModal .btn-modal-confirm {
        margin-top: 5px !important;
        padding: 8px !important;
        min-height: 35px !important;
    }
}

/* =======================================================
   COOKIE BULUTU - MOBİL & TABLET (TAM ORTALA & KOMPAKT)
   ======================================================= */

/* 1. MOBİL VE TABLET (DİKEY MOD) - EKRAN ORTASI */
@media screen and (max-width: 1024px) {
    .cookie-bubble {
        /* Konumlandırma: Tam Orta Alt */
        left: 50% !important;
        right: auto !important;
        bottom: 30px !important;

        /* Animasyon ve Ortalama İçin Transform */
        transform: translate(-50%, 150%) !important;
        /* Başlangıçta altta gizli */

        /* Boyutlandırma */
        width: 90% !important;
        /* Ekranın %90'ını kapla (Kenarlardan boşluk) */
        max-width: 420px !important;
        /* Tablette çok devasa olmasın */

        padding: 12px 15px !important;
        border-radius: 20px !important;

        /* İçerik Düzeni: Yan Yana */
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    /* Aktif Olunca Sahneye Çık */
    .cookie-bubble.active {
        transform: translate(-50%, 0) !important;
    }

    /* Kapanırken Aşağı Düşsün */
    .cookie-bubble.gizle-sag {
        transform: translate(-50%, 150%) !important;
        opacity: 0 !important;
    }

    /* İçerik ve İkon Ayarı */
    .bubble-content {
        margin: 0 !important;
        gap: 10px !important;
        align-items: center !important;
        flex: 1 !important;
    }

    .bubble-icon {
        width: 36px !important;
        height: 36px !important;
        font-size: 1.1rem !important;
        flex-shrink: 0;
    }

    .bubble-text strong {
        display: none !important;
    }

    /* Başlık gizli, yer açalım */
    .bubble-text p {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    .bubble-actions {
        margin: 0 !important;
        gap: 8px !important;
        flex-shrink: 0;
        display: flex !important;
    }

    .btn-details,
    .btn-accept-quick {
        padding: 8px 12px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
    }
}

/* 2. YATAY MOD (LANDSCAPE) - BÜYÜMEYİ ENGELLEME VE ORTALAMA */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .cookie-bubble {
        left: 50% !important;
        right: auto !important;
        bottom: 15px !important;
        transform: translate(-50%, 150%) !important;

        /* KRİTİK AYAR: "width: auto" ile içeriği sıkıştır, yayılmasını engelle */
        width: auto !important;
        max-width: 80% !important;
        /* Ekranın %80'inden büyük olmasın */
        min-width: 320px !important;

        padding: 8px 15px !important;
        justify-content: center !important;
        /* İçeriği merkeze çek */
    }

    .cookie-bubble.active {
        transform: translate(-50%, 0) !important;
    }

    /* İçeriğin fazla yayılmasını engelle */
    .bubble-content {
        flex: 0 1 auto !important;
        /* Gerektiği kadar yer kapla, uzama */
    }

    /* Yazı çok uzunsa kes, kutuyu patlatmasın */
    .bubble-text p {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 250px !important;
    }
}

/* =======================================================
   YASAL HAKLAR MODALI - TÜM CİHAZLAR FİNAL FIX
   Yazı-Buton arası boşluk ve Scroll optimizasyonu
   ======================================================= */

/* --- 1. GENEL KART YAPISI (TÜM EKRANLAR) --- */
#legalModal .modal-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    height: auto !important;
    max-height: 85vh !important;
    /* Taşmayı önleyen ana kilit */
}

#legalModal .modal-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
    /* Flexbox taşma önleyici kritik kod */
}

/* --- 2. SCROLL ALANI (Yazı biter bitmez butonun gelmesini sağlar) --- */
#legalModal .modal-inner-scroll {
    flex: 0 1 auto !important;
    /* İçerik kadarsın, fazlasını kaplama */
    overflow-y: auto !important;
    padding-right: 10px !important;
    /* Yazılarla buton arasındaki o garip boşluğu siler: */
    margin-bottom: 0 !important;
}

/* --- 3. BUTON (Yazı kısaysa hemen altında, uzunsa en altta sabit) --- */
#legalModal .btn-modal-confirm {
    margin-top: 15px !important;
    /* Yazıyla buton arasına sadece 15px nefes payı */
    flex-shrink: 0 !important;
    /* Asla ezilme */
}

/* --- 4. MASAÜSTÜ (1025px+) --- */
@media screen and (min-width: 1025px) {
    #legalModal .modal-card {
        width: 100% !important;
        max-width: 600px !important;
        min-width: 550px !important;
        padding: 30px !important;
        margin: 0 auto !important;
    }
}

/* --- 5. TABLET VE BÜYÜK TABLET (601px - 1024px) --- */
@media screen and (max-width: 1024px) {
    #legalModal .modal-card {
        width: 85% !important;
        max-width: 550px !important;
        padding: 20px !important;
    }

    /* Yatay Tablet Fix */
    @media (orientation: landscape) {
        #legalModal .modal-card {
            max-height: 92vh !important;
            padding: 15px !important;
        }
    }
}

/* --- 6. MOBİL DİKEY (600px-) --- */
@media screen and (max-width: 600px) {
    #legalModal .modal-card {
        width: 94% !important;
        padding: 15px !important;
        max-height: 88vh !important;
    }
}

/* --- 7. MOBİL VE TABLET YATAY (Landscape Agresif Fix) --- */
@media screen and (max-height: 500px) and (orientation: landscape) {
    #legalModal .modal-card {
        width: 98% !important;
        max-height: 96vh !important;
        padding: 10px 15px !important;
    }

    #legalModal .modal-header {
        margin-bottom: 5px !important;
        padding-bottom: 5px !important;
    }

    #legalModal .modal-icon-box {
        display: none !important;
    }

    /* Yer kazanmak için */
    #legalModal .legal-alert-premium {
        padding: 5px !important;
        margin-bottom: 8px !important;
    }

    #legalModal .btn-modal-confirm {
        margin-top: 10px !important;
        padding: 8px !important;
        font-size: 11px !important;
        min-height: 35px !important;
    }
}

/* --- 8. SCROLLBAR TASARIMI --- */
#legalModal .modal-inner-scroll::-webkit-scrollbar {
    width: 4px;
}

#legalModal .modal-inner-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

/* --- MODAL GİRİŞ ANİMASYONU (Daha Yavaş & Smooth) --- */

@keyframes customZoomIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes customFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#legalModal.active {
    /* Arka planın gelme süresini de biraz uzattık (0.5s) */
    animation: customFadeIn 0.5s ease-out forwards;
}

#legalModal.active .modal-card {
    /* BURASI HIZI AYARLAR: 0.7s yaptık (Daha yavaş) */
    animation: customZoomIn 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* --- GENEL FOOTER KÜÇÜLTME (SOL TARAF MUAF) --- */

/* 1. Ana Kapsayıcı ve Boşluklar */
.modern-footer-compact {
    padding: 15px 0 10px 0 !important;
    /* Dikey alan daraltıldı */
}

.footer-container {
    gap: 15px !important;
    /* Bölümler arası mesafe optimize edildi */
}

/* 2. Market Butonları (Orta Kısım Küçültme) */
.market-buttons {
    gap: 8px !important;
    margin-top: 10px !important;
}

.market-btn {
    padding: 5px 10px !important;
    min-width: 110px !important;
    transform: scale(0.85);
    /* Market butonları %15 küçültüldü */
    transform-origin: left center;
}

.market-btn i {
    font-size: 16px !important;
}

.btn-text .top-txt {
    font-size: 7px !important;
}

.btn-text .main-txt {
    font-size: 11px !important;
}

/* 3. Alt Bilgi Çizgisi (Linkler ve Yasal Metinler) */
.footer-bottom {
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.footer-bottom-links {
    gap: 12px !important;
}

.footer-bottom-links a,
.footer-legal-info span,
.footer-copyright-text {
    font-size: 10px !important;
    /* Alt metinler bir tık daha zarif yapıldı */
}

/* 4. Mobilde Sıkıştırma Ayarları */
@media (max-width: 768px) {
    .footer-content-wrapper {
        gap: 12px !important;
    }

    /* Sol taraf (Logo) orijinal hizasında kalsın diye dokunmadık */
    .market-buttons {
        justify-content: center;
        transform: scale(0.9);
        /* Mobilde butonları bir tık daha topladık */
    }
}

/*footer.css bitiş/*