/* Ziyaretçi Tarafı Font Yüklemeleri */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@400;600&family=Roboto:wght@400;700&family=Open+Sans:wght@400;700&family=Playfair+Display:wght@700&display=swap');

body { font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; }
:root { --dark: #0d1b2a; --gold: #d4af37; --bg: #f4f7f9; --text: #1b263b; --success: #1e8e3e; --card-shadow: 0 10px 30px -5px rgba(0,0,0,0.05); }
body { font-family: 'Montserrat', sans-serif; background-color: var(--bg); margin: 0; color: var(--text); display: flex; flex-direction: column; min-height: 100vh; scroll-behavior: smooth; }

/* NAVBAR & HEADER */
.navbar {
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    padding: 0; position: sticky; top: 0; z-index: 1000;
    box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 4px 20px rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.nav-container {
    max-width: 1400px; margin: 0 auto;
    display: flex; align-items: center;
    padding: 0 28px; height: 68px; gap: 20px;
}
.mobile-menu-btn { display: none; }
.nav-logo {
    display: flex; align-items: center; text-decoration: none; flex-shrink: 0;
}
.nav-logo img { max-height: 42px; width: auto; }
.nav-logo-text {
    font-size: 22px; font-weight: 900; color: var(--dark);
    letter-spacing: -0.5px; font-family: inherit;
}
.nav-logo-text span { color: var(--gold); font-weight: 600; }

.nav-center { display: flex; align-items: center; margin: 0 auto; }
.nav-links {
    display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; align-items: center;
}
.nav-links li a {
    color: #475569; text-decoration: none;
    font-size: 13px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.3px; transition: all 0.2s;
    padding: 8px 16px; border-radius: 8px; font-family: inherit;
}
.nav-links li a:hover { color: var(--dark); background: rgba(0,0,0,0.04); }

.nav-right {
    display: flex; align-items: center; gap: 10px; flex-shrink: 0;
}
.nav-user-link {
    color: #475569; text-decoration: none; font-size: 13px;
    font-weight: 700; display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; border-radius: 8px; transition: all 0.2s; font-family: inherit;
}
.nav-user-link:hover { color: var(--gold); background: rgba(212,175,55,0.06); }
.nav-logout-link {
    color: #ef4444; text-decoration: none; font-size: 14px;
    width: 34px; height: 34px; display: flex; align-items: center;
    justify-content: center; border-radius: 8px; transition: all 0.2s;
}
.nav-logout-link:hover { background: #fef2f2; }
.nav-cta-btn {
    background: linear-gradient(135deg, var(--gold), #c9952e);
    color: #fff !important; padding: 10px 24px; border-radius: 8px;
    font-weight: 700; border: none; cursor: pointer;
    text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px;
    transition: all 0.2s; text-decoration: none; font-family: inherit;
    box-shadow: 0 4px 12px rgba(212,175,55,0.25);
}
.nav-cta-btn:hover { filter: brightness(110%); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(212,175,55,0.35); }

.header { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); padding: 60px 20px 100px 20px; text-align: center; border-bottom: 1px solid #cbd5e0; }
.header h1 { font-family: 'Playfair Display'; font-size: 38px; margin-bottom: 20px; color: var(--dark); }
.faq-box { background: #ffffff; border: 1px solid #cbd5e0; padding: 25px; border-radius: 12px; max-width: 850px; margin: 0 auto 40px auto; text-align: left; font-size: 15px; line-height: 1.8; color: #475569; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
.mode-switcher { display: flex; justify-content: center; gap: 15px; margin-top: 40px; }
.mode-btn { background: #ffffff; border: 1px solid #cbd5e0; color: #64748b; padding: 12px 28px; border-radius: 30px; cursor: pointer; font-size: 13px; font-weight: 600; transition: 0.4s; }
.mode-btn.active { background: var(--gold); color: #fff; border-color: var(--gold); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }

/* CONTENT & CALCULATOR */
.content-wrapper { flex: 1; margin-top: 40px; margin-bottom: 60px; padding: 0 20px; max-width: 1450px; margin-left: auto; margin-right: auto; width: 100%; box-sizing: border-box; position: relative; z-index: 10;}
.calculator-card { background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(15px); border-radius: 20px; box-shadow: 0 30px 60px rgba(13, 27, 42, 0.08), 0 0 0 1px rgba(255,255,255,0.8) inset; padding: 45px; border-top: 6px solid var(--gold); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.calculator-card:hover { transform: translateY(-5px); box-shadow: 0 40px 70px rgba(13, 27, 42, 0.12), 0 0 0 1px rgba(255,255,255,0.8) inset; }
.calc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.calc-group label { display: block; font-size: 12px; font-weight: 700; color: #415a77; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.8px; display: flex; align-items: center; }
.input-wrap { position: relative; }

/* -- PRO INPUT VE CUSTOM SELECT (Açılır Kutu) TASARIMI -- */
.input-wrap input, .input-wrap select { width: 100%; padding: 16px 12px 16px 50px; border: 2px solid transparent; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 15px; box-sizing: border-box; transition: all 0.3s ease; background-color: #f8fafc; color: var(--dark); font-weight: 600; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); }
.input-wrap input:focus, .input-wrap select:focus { border-color: var(--gold); background: #fff; outline: none; box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.15), inset 0 2px 4px rgba(0,0,0,0.02); transform: translateY(-2px); }
.input-wrap i { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: #adb5bd; font-size: 16px; z-index: 2; pointer-events: none;}
.currency-input::before { content: "₺"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: #adb5bd; font-weight: 700; font-size: 17px; z-index: 2; pointer-events: none;}
.currency-input input { padding-left: 45px !important; }
.no-icon input { padding-left: 15px !important; }
input:disabled { background: #f1f3f5; cursor: not-allowed; opacity: 0.6; }

/* AÇILIR KUTU OK İŞARETİNİ GÜZELLEŞTİRME */
.input-wrap select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23adb5bd%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 15px top 50%;
    background-size: 12px auto;
    padding-right: 40px;
    cursor: pointer;
}

.calc-btn { background: linear-gradient(135deg, var(--gold) 0%, #b48600 100%); color: #fff; border: none; padding: 22px; width: 100%; margin-top: 30px; border-radius: 12px; font-weight: 800; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); font-size: 16px; box-shadow: 0 10px 25px rgba(212, 175, 55, 0.4); position: relative; overflow: hidden; }
.calc-btn::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); animation: shine 3s infinite; }
@keyframes shine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }
.calc-btn:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 15px 35px rgba(212, 175, 55, 0.5); }

/* RESULTS */
#result-panel { display: none; margin-top: 50px; border-top: 2px solid #f1f5f9; padding-top: 40px; }
.score-box { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 30px; display: flex; align-items: center; gap: 40px; margin-bottom: 40px; box-shadow: var(--card-shadow); }
.circle { width: 100px; height: 100px; border-radius: 50%; border: 8px solid var(--gold); display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 800; color: var(--dark); }
.stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px; flex: 1; text-align: center; }
.stat-item span { font-size: 10px; color: #6c757d; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 8px; }
.stat-item b { font-size: 18px; color: var(--dark); }
.stat-item .highlight-val { color: var(--success); font-size: 22px; }
.stat-item .org-val { color: #5c677d; font-weight: 700; border-bottom: 1px dashed var(--gold); }

/* -- DÄ°ÄžER ALANLAR (Sponsor, Modallar vb) -- */
.sponsor-banner { margin-top: 40px; background: #ffffff; border-radius: 12px; padding: 25px 35px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e2e8f0; border-left: 6px solid var(--gold); box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; }
.sponsor-banner:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); border-color: var(--gold); }
.sponsor-banner-content { text-align: left; }
.sponsor-banner-badge { display: inline-block; background: var(--gold); color: #fff; font-size: 11px; font-weight: 800; padding: 5px 12px; border-radius: 4px; margin-bottom: 10px; text-transform: uppercase; }
.sponsor-banner h4 { margin: 0 0 8px 0; color: var(--dark); font-size: 22px; font-family: 'Playfair Display', serif; }
.sponsor-banner p { margin: 0; font-size: 13px; color: #475569; line-height: 1.6; max-width: 600px; }
.sponsor-btn { background: var(--gold); color: #fff; border: none; padding: 14px 25px; border-radius: 6px; font-weight: 700; font-size: 13px; cursor: pointer; transition: 0.3s; text-transform: uppercase; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.sponsor-btn:hover { filter: brightness(110%); transform: translateY(-2px); box-shadow: 0 8px 15px rgba(0,0,0,0.15); }

.company-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin: 60px 0 100px 0; }
.card { background: #fff; border-radius: 14px; padding: 30px 20px; text-align: center; transition: 0.4s; border: 1px solid #edf2f7; box-shadow: var(--card-shadow); position: relative; display: flex; flex-direction: column; }
.card:hover { transform: translateY(-10px); border-color: rgba(212, 175, 55, 0.3); }
.compare-btn { position: absolute; top: 15px; right: 15px; background: #f8fafc; border: 1px solid #e2e8f0; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: 0.3s; z-index: 5; }
.company-logo-wrap { height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 28px; color: var(--dark); }
.card h3 { font-size: 18px; margin: 0 0 10px 0; color: var(--dark); font-family: 'Playfair Display'; font-weight: 700; }
.badge { display: inline-block; background: #e6f4ea; color: var(--success); font-size: 10px; font-weight: 800; padding: 4px 14px; border-radius: 30px; margin-bottom: 20px; }
.info-container { background: #f8fafc; border-radius: 10px; padding: 15px; margin-bottom: 20px; }
.info-row { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 10px; }
.info-label { color: #718096; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.info-value { color: var(--dark); font-weight: 700; }
.card-btn { background: transparent; border: 1px solid #e2e8f0; color: var(--dark); padding: 10px; border-radius: 8px; font-size: 11px; font-weight: 700; cursor: pointer; text-transform: uppercase; transition: 0.3s; margin-top:auto;}
.card:hover .card-btn { background: var(--gold); color: #fff; border-color: var(--gold); }

#compare-bar { position: fixed; bottom: -100px; left: 0; width: 100%; background: rgba(255, 255, 255, 0.95); padding: 15px 0; z-index: 9999; transition: 0.5s; border-top: 3px solid var(--gold); display: flex; justify-content: center; align-items: center; gap: 30px; backdrop-filter: blur(10px); }
#compare-bar.active { bottom: 0; }
.slot { width: 140px; height: 40px; border: 1px dashed #cbd5e0; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #475569; }

.footer { background: #f8fafc; color: #475569; padding: 80px 20px 0 20px; border-top: 1px solid #e2e8f0; margin-top: auto; }
.f-container { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; padding-bottom: 60px; }
.f-col h4 { color: var(--dark); margin-bottom: 25px; font-family: 'Playfair Display'; font-size: 20px; position: relative; padding-bottom: 12px; font-weight: 800; }
.f-bottom { background: #f1f5f9; padding: 25px 20px; border-top: 1px solid #e2e8f0; }

@media (max-width: 1200px) { .company-grid { grid-template-columns: repeat(3, 1fr); } .stats-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .company-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr; } .f-container { grid-template-columns: 1fr; gap: 40px; } .nav-links { display: none; } }

/* --- NÄ°NJA TOOLTIP (ZIRHLI BÄ°LGÄ° BALONCUKLARI) --- */
.tooltip-wrapper {
    color: #a0aec0 !important;
    margin-left: 8px !important;
    cursor: help !important;
    position: relative !important;
    display: inline-block !important;
    pointer-events: auto !important;
}
.tooltip-wrapper i {
    font-size: 15px !important;
    pointer-events: none !important;
}
.tooltip-wrapper:hover { color: var(--gold) !important; }
.tooltip-wrapper::after {
    content: attr(data-title);
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1a202c;
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 11.5px;
    white-space: normal;
    width: 220px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    z-index: 999999;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    pointer-events: none;
    text-transform: none;
}
.tooltip-wrapper::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #1a202c transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 999998;
    pointer-events: none;
}
.tooltip-wrapper:hover::after, .tooltip-wrapper:hover::before { opacity: 1; visibility: visible; }
.tooltip-wrapper:hover::after { bottom: calc(100% + 10px); }
.tooltip-wrapper:hover::before { bottom: calc(100% + 4px); }

/* --- ANA SAYFA BLOG KARTLARI --- */
.home-blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1100px; margin: 0 auto 80px auto; padding: 0 20px; }
.hb-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-decoration: none; color: inherit; transition: 0.3s; border: 1px solid #edf2f7; display: flex; flex-direction: column; }
.hb-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(212,175,55,0.15); border-color: var(--gold); }
.hb-img { width: 100%; height: 200px; object-fit: cover; border-bottom: 3px solid var(--gold); }
.hb-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.hb-kat { color: var(--gold); font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.hb-title { font-family: 'Playfair Display'; font-size: 18px; margin: 0 0 10px 0; color: var(--dark); line-height: 1.4; font-weight:700;}
.hb-desc { font-size: 13px; color: #718096; margin: 0 0 15px 0; line-height: 1.6; flex: 1; }
.hb-footer { font-size: 12px; color: #aeb8c3; font-weight: 600; border-top: 1px dashed #edf2f7; padding-top: 15px; display: flex; justify-content: space-between;}

/* --- LİSANSLI ŞİRKETLER VİTRİNİ (PRO TASARIM EKLENTİSİ) --- */
.company-grid { 
    display: grid !important; 
    grid-template-columns: repeat(4, 1fr) !important; 
    gap: 30px !important; 
    margin: 50px 0 80px 0 !important; 
}

.company-card { 
    background: #ffffff; 
    border-radius: 16px; 
    padding: 35px 25px; 
    text-align: center; 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 
    border: 1px solid #edf2f7; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); 
    display: flex; 
    flex-direction: column; 
    height: 100%; 
    box-sizing: border-box;
}

.company-card:hover { 
    transform: translateY(-8px); 
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.12); 
    border-color: var(--gold); 
}

.company-logo {
    height: 100px; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; 
    background-color: #f1f5f9; 
    border: 1px solid #e2e8f0; 
    border-radius: 12px; 
    padding: 15px; 
    box-sizing: border-box; 
    transition: all 0.4s ease;
}

.company-card:hover .company-logo {
    background-color: #fff; 
    border-color: var(--gold); 
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.1);
}

.company-logo img { 
    max-width: 100%; 
    max-height: 100%; 
    object-fit: contain; 
    transition: transform 0.4s ease;
}

.company-logo i {
    font-size: 50px;
    color: #cbd5e0;
    transition: color 0.4s ease;
}

.company-card:hover .company-logo img { 
    transform: scale(1.08); 
}
.company-card:hover .company-logo i {
    color: var(--gold);
}

.company-name { 
    font-size: 19px; 
    color: var(--dark); 
    font-family: 'Playfair Display', serif; 
    font-weight: 700; 
    margin: 0 0 15px 0; 
}

.company-badge-wrap {
    margin-bottom: 25px;
}

.company-badge { 
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0fdf4; 
    color: #16a34a; 
    padding: 6px 14px; 
    border-radius: 30px; 
    font-size: 11px; 
    font-weight: 800; 
    border: 1px solid #bbf7d0; 
}

.company-btn { 
    background: #f8fafc; 
    color: var(--dark); 
    border: 1px solid #e2e8f0; 
    padding: 14px; 
    width: 100%; 
    border-radius: 8px; 
    font-weight: 700; 
    font-size: 13px; 
    cursor: pointer; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    transition: all 0.3s ease; 
    margin-top: auto; 
    font-family: 'Poppins', sans-serif;
}

.company-card:hover .company-btn { 
    background: var(--gold); 
    color: #fff; 
    border-color: var(--gold); 
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);
}

@media (max-width: 1200px) { .company-grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 900px) { .company-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .company-grid { grid-template-columns: 1fr !important; } }

/* =========================================================================
   REKLAM ZIRHLARI (AD ARMOR) - TASARIMI KORUYAN RESPONSIVE KURALLAR
   ========================================================================= */

/* 1. KULE REKLAMLARI (SaÄŸ/Sol) */
.gokdelen-reklam {
    position: fixed;
    top: 150px;
    width: 160px;
    z-index: 99;
}
.gokdelen-sol { left: 15px; }
.gokdelen-sag { right: 15px; }

.gokdelen-reklam a {
    display: block;
    width: 100%;
}
.gokdelen-reklam img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    display: block;
}

/* Kapatma Butonu Tasarımı */
.reklam-kapat-btn {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #ef4444;
    color: white;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 12px;
    z-index: 100;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: 0.3s;
}
.reklam-kapat-btn:hover { background: #b91c1c; transform: scale(1.1); }

/* KRİTİK: Laptop veya daha küçük ekranlarda kuleleri GİZLE (Tasarımı ezmesini engeller) */
@media (max-width: 1400px) {
    .gokdelen-reklam { display: none !important; }
}

/* 2. İÇERİK İÇİ & HEADER REKLAM KUTULARI */
.header-ad, 
.makale-reklam-kutu {
    max-width: 100%; /* Asla kapsayıcıdan dışarı taşmasın */
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.header-ad img, 
.makale-reklam-kutu img {
    max-width: 100%; /* Resim çok büyükse bile %100'e sığsın (Lastik gibi esner) */
    height: auto; /* En-boy oranı bozulmasın */
    border-radius: 8px;
    display: block;
    margin: 0 auto;
}

/* 3. NATIVE REKLAM KARTI DÃœZELTMESÄ° */
.native-ad-card {
    border: 2px dashed var(--gold) !important;
    background: #fffdfa !important;
    position: relative;
    box-sizing: border-box;
    max-width: 100%; /* Taşmaları engelle */
    overflow: hidden;
}

/* --- FOOTER.PHP CSS --- */
.pro-footer { background-color: #f8f9fc; color: #334155; font-family: 'Inter', sans-serif; padding: 60px 0 30px; border-top: 1px solid #e2e8f0; margin-top: 50px; }
.pro-footer .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.pf-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px; margin-bottom: 40px; }
.pf-col { flex: 1; min-width: 160px; }
.pf-col-large { flex: 1.5; min-width: 250px; }
.pf-col h4 { font-size: 15px; font-weight: 700; color: #0f172a; margin-top: 0; margin-bottom: 20px; }
.pf-col ul { list-style: none; padding: 0; margin: 0; }
.pf-col ul li { margin-bottom: 12px; }
.pf-col ul li a { color: #64748b; text-decoration: none; font-size: 13px; transition: color 0.3s; }
.pf-col ul li a:hover { color: var(--gold, #ff6b00); }
.pf-socials { display: flex; gap: 10px; margin-bottom: 30px; }
.pf-socials a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #ffffff; color: #64748b; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.05); text-decoration: none; transition: all 0.3s ease; border: 1px solid #e2e8f0; }
.pf-socials a:hover { background: var(--gold, #ff6b00); color: #fff; transform: translateY(-3px); border-color: var(--gold, #ff6b00); }
.pf-apps { display: flex; flex-direction: column; gap: 10px; }
.pf-apps a img { height: 40px; border-radius: 6px; transition: transform 0.2s; }
.pf-apps a:hover img { transform: scale(1.02); }
.pf-middle { border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 30px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.pf-company p { margin: 6px 0; font-size: 13px; color: #475569; line-height: 1.6; }
.pf-company strong { color: #0f172a; font-size: 14px; display: block; margin-bottom: 8px; }
.pf-badges { display: flex; gap: 25px; align-items: center; }
.badge-item { display: flex; align-items: center; gap: 10px; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; line-height: 1.3; }
.badge-item i { font-size: 30px; color: #cbd5e0; transition: 0.3s; }
.badge-item:hover i { color: var(--gold, #ff6b00); }
.badge-item span { letter-spacing: 0.5px; }
.pf-bottom { padding-top: 25px; text-align: left; font-size: 12px; color: #94a3b8; line-height: 1.8; }
.pf-copyright { display: flex; justify-content: space-between; margin-bottom: 15px; font-weight: 500; color:#64748b;}
@media (max-width: 768px) {
    .pf-top { flex-direction: column; gap: 30px; }
    .pf-middle { flex-direction: column; text-align: center; }
    .pf-badges { justify-content: center; margin-top: 15px; }
    .pf-copyright { flex-direction: column; text-align: center; gap: 10px; }
}

/* --- MODALLAR.PHP CSS --- */
.modal-overlay { opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); backdrop-filter: blur(0px); display: flex !important; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); z-index: 9999; justify-content: center; align-items: center;}
.modal-overlay.active { opacity: 1 !important; visibility: visible !important; backdrop-filter: blur(8px); }
.modal-content { transform: scale(0.8) translateY(30px); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; background: white; border-radius: 12px; position: relative; }
.modal-overlay.active .modal-content { transform: scale(1) translateY(0); opacity: 1; }
.calc-btn.loading { pointer-events: none; opacity: 0.7; color: transparent !important; position: relative; }
.calc-btn.loading::after { content: ""; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px; border: 3px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
html { scroll-behavior: smooth; }
[id^="skorla-alani"] { scroll-margin-top: 100px; }
.progress-bar-fill { transition: width 1s ease-in-out; }

/* --- SIRKETLER ALANI CSS --- */
.premium-section-title { text-align: center; margin-bottom: 60px; position: relative; scroll-margin-top: 100px; }
.trust-badge { display: inline-flex; align-items: center; background: rgba(34, 197, 94, 0.08); color: #15803d; padding: 8px 24px; border-radius: 50px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; border: 1px solid rgba(34, 197, 94, 0.3); margin-bottom: 20px; box-shadow: 0 8px 20px rgba(34, 197, 94, 0.12); transition: all 0.3s ease; }
.trust-badge:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(34, 197, 94, 0.18); background: rgba(34, 197, 94, 0.12); }
.premium-heading { font-size: 38px; color: var(--dark, #0d1b2a); font-family: 'Playfair Display', serif; margin: 0 0 16px 0; font-weight: 800; letter-spacing: -0.5px; }
.highlight-text { position: relative; display: inline-block; color: var(--gold, #ff6b00); z-index: 1; }
.highlight-text::after { content: ""; position: absolute; bottom: 2px; left: -2%; width: 104%; height: 12px; background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 10" xmlns="http://www.w3.org/2000/svg"><path d="M0 8 Q 50 0 100 8" fill="none" stroke="%23ff6b00" stroke-width="3" stroke-linecap="round"/></svg>') no-repeat center center; background-size: 100% 100%; z-index: -1; opacity: 0.6; }
.premium-desc { color: #64748b; font-size: 16px; max-width: 650px; margin: 0 auto; line-height: 1.7; font-weight: 500; }
.premium-desc b { color: var(--dark, #0d1b2a); font-weight: 700; }
@media (max-width: 768px) { .premium-heading { font-size: 28px; } .premium-desc { font-size: 14px; padding: 0 15px; } }
/* --- AUTO EXTRACTED FROM PHP FILES --- */

/* From: blog-yazi.php */

    .header { display: none !important; }
    
    .yazi-hero { background: linear-gradient(135deg, var(--dark, #0d1b2a) 0%, #1b263b 100%); padding: 70px 20px 140px 20px; text-align: center; color: white; margin-top: -1px; }
    .breadcrumb { font-size: 12px; color: #94a3b8; margin-bottom: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .breadcrumb a { color: var(--gold, #ff6b00); text-decoration: none; transition: 0.3s; }
    .breadcrumb a:hover { filter: brightness(120%); }
    .yazi-hero h1 { font-family: 'Playfair Display', serif; font-size: 42px; margin: 0 auto; color: #ffffff; line-height: 1.3; max-width: 900px; font-weight: 800; }
    .yazi-kat { display: inline-block; background: rgba(255, 107, 0, 0.15); color: var(--gold); padding: 6px 18px; border-radius: 30px; font-size: 12px; font-weight: 800; margin-top: 25px; border: 1px solid rgba(255, 107, 0, 0.3); text-transform: uppercase; letter-spacing: 0.5px; }
    
    .yazi-container { max-width: 1100px; margin: -70px auto 100px auto; background: white; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.08); padding: 50px; position: relative; z-index: 10; border-top: 5px solid var(--gold); }
    .yazi-ust-grid { display: flex; gap: 40px; margin-bottom: 50px; align-items: stretch; border-bottom: 1px solid #edf2f7; padding-bottom: 40px;}
    .yazi-gorsel-alani { flex: 1; height: 380px; overflow: hidden; border-radius: 12px; border: 1px solid #e2e8f0; background: #f8fafc; box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
    .yazi-img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
    
    .sirket-kunyesi { width: 340px; height: auto; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
    .sirket-kunyesi h4 { font-family: 'Playfair Display'; font-size: 22px; color: var(--dark); margin: 0 0 15px 0; text-align: center; }
    .sk-logo { height: 60px; display: flex; align-items: center; justify-content: center; font-size: 40px; color: var(--dark); margin-bottom: 15px; }
    .sk-row { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 10px; border-bottom: 1px dashed #cbd5e0; padding-bottom: 8px; color:#475569;}
    .sk-row b { color: var(--dark); }
    .temsilci-badge { text-align: center; padding: 12px; border-radius: 8px; font-size: 11px; font-weight: 800; border: 2px dashed; margin-top: 15px; letter-spacing: 0.5px;}
    .temsilci-var { background: #f0fdf4; color: #166534; border-color: #bbf7d0; }
    .temsilci-yok { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
    
    .yazi-icerik { font-size: 17px; line-height: 1.9; color: #334155; overflow-wrap: break-word; }
    .yazi-icerik h2, .yazi-icerik h3, .yazi-icerik h4 { color: var(--dark, #0d1b2a); font-family: 'Playfair Display', serif; margin-top: 40px; margin-bottom: 20px; font-weight: 700; line-height: 1.3; }
    .yazi-icerik h2 { font-size: 28px; border-bottom: 2px solid #edf2f7; padding-bottom: 12px; }
    .yazi-icerik h3 { font-size: 24px; color: var(--gold); }
    .yazi-icerik p { margin-bottom: 20px; }
    .yazi-icerik img { max-width: 100%; height: auto; border-radius: 12px; margin: 25px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.08); display: block;}
    .yazi-icerik ul, .yazi-icerik ol { margin-bottom: 20px; padding-left: 20px; color: #475569;}
    .yazi-icerik li { margin-bottom: 10px; }
    .yazi-icerik blockquote { border-left: 4px solid var(--gold); background: #f8fafc; padding: 25px 30px; margin: 35px 0; font-style: italic; border-radius: 0 12px 12px 0; color: var(--dark); font-size: 19px; font-family: 'Playfair Display', serif; }
    .yazi-icerik a { color: var(--gold); text-decoration: none; border-bottom: 1px dashed var(--gold); font-weight: 600;}
    .yazi-icerik a:hover { color: var(--dark); border-color: var(--dark);}

    .seo-keywords-wrapper { margin-top: 50px; padding: 30px; background: #f8fafc; border-radius: 12px; border: 1px solid #e2e8f0; display: flex; flex-direction: column; gap: 15px; clear: both; }
    .seo-keywords-title { font-size: 13px; color: var(--dark, #0d1b2a); font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 8px; }
    .seo-tags-container { display: flex; flex-wrap: wrap; gap: 10px; }
    .seo-tag { background: #ffffff; color: #475569; padding: 8px 20px; border-radius: 30px; font-size: 13px; font-weight: 600; border: 1px solid #cbd5e0; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.02); display: inline-block; cursor: pointer;}
    .seo-tag:hover { background: var(--gold, #ff6b00); color: #ffffff; border-color: var(--gold, #ff6b00); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255,107,0,0.2); }

    .yazi-nav { display: flex; justify-content: space-between; gap: 20px; margin-top: 60px; padding-top: 40px; border-top: 2px solid #f1f5f9; clear: both; }
    .nav-box { flex: 1; display: flex; align-items: center; gap: 20px; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; text-decoration: none; transition: 0.3s; background: #ffffff; min-height: 80px;}
    .nav-box:hover { border-color: var(--gold); background: #fcfdfe; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.06); }
    .nav-img { width: 70px; height: 70px; border-radius: 8px; object-fit: cover; flex-shrink: 0; background: var(--dark); border: 1px solid #eee; }
    .nav-info { flex: 1; }
    .nav-info span { font-size: 11px; font-weight: 800; color: var(--gold); text-transform: uppercase; display: block; margin-bottom: 6px; letter-spacing: 0.5px;}
    .nav-info b { font-size: 15px; color: var(--dark); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700;}
    .nav-right { text-align: right; flex-direction: row-reverse; }

    /* REKLAM KUTULARI ÖZEL CSS */
    .makale-reklam-kutu { margin-bottom: 40px; border-radius: 12px; overflow: hidden; text-align: center; }
    .makale-reklam-kutu img { width: 100%; max-width: 100%; height: auto; border-radius: 12px; display: block; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
    .makale-reklam-text { background: #f0f4f8; border: 1px dashed #cbd5e0; padding: 30px; border-radius: 12px; }
    .makale-reklam-text h4 { font-family: 'Playfair Display'; font-size: 22px; color: var(--dark); margin-top: 0; margin-bottom: 10px; }
    .makale-reklam-text p { color: #475569; font-size: 15px; margin-bottom: 20px; }
    .makale-reklam-btn { display: inline-block; background: var(--gold); color: white; padding: 12px 25px; border-radius: 6px; font-weight: bold; text-decoration: none; transition: 0.3s; }
    .makale-reklam-btn:hover { background: var(--dark); }

    /* DİKKAT: Footer'dan gelen genel kuleleri bu sayfada saklıyoruz. Kendi kulelerimizi göstereceğiz! */
    #ad-sol-kule, #ad-sag-kule { display: none !important; }

    @media (max-width: 850px) {
        .yazi-ust-grid { flex-direction: column; }
        .yazi-gorsel-alani { height: 250px; }
        .sirket-kunyesi { width: 100%; height: auto; }
        .yazi-nav { flex-direction: column; }
        .yazi-hero h1 { font-size: 28px; }
        .yazi-container { padding: 30px 20px; }
    }


/* From: blog.php */

    .header { display: none !important; }

    .blog-hero { 
        background: linear-gradient(135deg, var(--dark, #0d1b2a) 0%, #1b263b 100%);
        padding: 80px 20px 120px 20px; 
        text-align: center; 
        color: white; 
        margin-top: -1px;
    }
    .blog-hero h1 { 
        font-family: 'Playfair Display', serif; 
        font-size: 42px; 
        margin: 0 auto 15px auto; 
        color: #ffffff; 
        font-weight: 800;
        letter-spacing: -0.5px;
    }
    .blog-hero p { color: #cbd5e0; font-size: 16px; max-width: 600px; margin: 0 auto; line-height: 1.7; }

    .filter-container {
        max-width: 900px; margin: -35px auto 60px auto; background: #ffffff; padding: 15px 25px;
        border-radius: 50px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.06); position: relative; z-index: 10; border: 1px solid #edf2f7;
    }
    .filter-btn { padding: 12px 24px; border-radius: 30px; font-size: 12px; font-weight: 800; text-decoration: none; color: #64748b; transition: all 0.3s ease; text-transform: uppercase;}
    .filter-btn:hover { color: var(--dark, #0d1b2a); background: #f8fafc; }
    .filter-btn.active { background: var(--gold, #ff6b00); color: #ffffff; box-shadow: 0 8px 20px rgba(255, 107, 0, 0.25); }

    .premium-blog-grid { max-width: 1200px; margin: 0 auto 40px auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 35px; padding: 0 20px; }
    .premium-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.04); transition: all 0.4s ease; border: 1px solid #edf2f7; display: flex; flex-direction: column; text-decoration: none; }
    .premium-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: #e2e8f0; }
    .premium-card-img-wrap { width: 100%; height: 230px; overflow: hidden; }
    .premium-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
    .premium-card:hover .premium-card-img { transform: scale(1.05); }
    .premium-card-body { padding: 30px; display: flex; flex-direction: column; flex-grow: 1; }
    .premium-card-tag { display: inline-block; background: rgba(255, 107, 0, 0.08); color: var(--gold, #ff6b00); padding: 6px 14px; border-radius: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 15px; align-self: flex-start;}
    .premium-card-title { font-size: 20px; color: var(--dark, #0d1b2a); font-family: 'Playfair Display', serif; font-weight: 700; margin: 0 0 15px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .premium-card-desc { color: #64748b; font-size: 14px; line-height: 1.7; margin-bottom: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; }
    .premium-card-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed #e2e8f0; padding-top: 20px; margin-top: auto; }
    .premium-card-date { font-size: 12px; color: #94a3b8; font-weight: 600; display: flex; align-items: center; gap: 6px; }
    .premium-card-read { font-size: 12px; color: var(--gold, #ff6b00); font-weight: 800; text-transform: uppercase; display: flex; align-items: center; gap: 5px; transition: 0.3s; }
    .premium-card:hover .premium-card-read { gap: 10px; }
    
    /* YENÄ°: Sayfalama (Pagination) CSS */
    .pagination { display: flex; justify-content: center; gap: 10px; margin-bottom: 80px; padding: 0 20px;}
    .page-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--dark); font-weight: 700; text-decoration: none; border: 1px solid #e2e8f0; transition: 0.3s; }
    .page-link:hover { background: #f1f5f9; border-color: #cbd5e0; }
    .page-link.active { background: var(--gold); color: #fff; border-color: var(--gold); box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3); }


/* From: etiket.php */

    .header { display: none !important; }

    .blog-hero { 
        background: linear-gradient(135deg, var(--dark, #0d1b2a) 0%, #1b263b 100%);
        padding: 80px 20px 120px 20px; 
        text-align: center; 
        color: white; 
        margin-top: -1px;
    }
    .blog-hero h1 { 
        font-family: 'Playfair Display', serif; 
        font-size: 38px; 
        margin: 0 auto 15px auto; 
        color: #ffffff; 
        font-weight: 800;
    }
    .blog-hero h1 span { color: var(--gold, #ff6b00); }
    .blog-hero p { color: #cbd5e0; font-size: 16px; max-width: 600px; margin: 0 auto; line-height: 1.7; }

    .premium-blog-grid { max-width: 1200px; margin: -50px auto 40px auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 35px; padding: 0 20px; position: relative; z-index: 10; }
    .premium-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.06); transition: all 0.4s ease; border: 1px solid #edf2f7; display: flex; flex-direction: column; text-decoration: none; }
    .premium-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: #e2e8f0; }
    .premium-card-img-wrap { width: 100%; height: 230px; overflow: hidden; }
    .premium-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
    .premium-card:hover .premium-card-img { transform: scale(1.05); }
    .premium-card-body { padding: 30px; display: flex; flex-direction: column; flex-grow: 1; }
    .premium-card-tag { display: inline-block; background: rgba(255, 107, 0, 0.08); color: var(--gold, #ff6b00); padding: 6px 14px; border-radius: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 15px; align-self: flex-start;}
    .premium-card-title { font-size: 20px; color: var(--dark, #0d1b2a); font-family: 'Playfair Display', serif; font-weight: 700; margin: 0 0 15px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .premium-card-desc { color: #64748b; font-size: 14px; line-height: 1.7; margin-bottom: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; }
    .premium-card-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed #e2e8f0; padding-top: 20px; margin-top: auto; }
    .premium-card-date { font-size: 12px; color: #94a3b8; font-weight: 600; display: flex; align-items: center; gap: 6px; }
    .premium-card-read { font-size: 12px; color: var(--gold, #ff6b00); font-weight: 800; text-transform: uppercase; display: flex; align-items: center; gap: 5px; transition: 0.3s; }
    .premium-card:hover .premium-card-read { gap: 10px; }
    
    .pagination { display: flex; justify-content: center; gap: 10px; margin-bottom: 80px; padding: 0 20px;}
    .page-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--dark); font-weight: 700; text-decoration: none; border: 1px solid #e2e8f0; transition: 0.3s; }
    .page-link:hover { background: #f1f5f9; border-color: #cbd5e0; }
    .page-link.active { background: var(--gold); color: #fff; border-color: var(--gold); box-shadow: 0 5px 15px rgba(255, 107, 0, 0.3); }


/* From: finansman-hesaplama.php */

    #ad-sol-kule, #ad-sag-kule { display: none !important; }
    .kredi-kiyas-kutu { background: #fdfbf7; border: 2px dashed #f59e0b; border-radius: 12px; padding: 25px; margin-top: 30px; position: relative; }
    .kredi-kiyas-baslik { background: #f59e0b; color: #fff; padding: 6px 15px; border-radius: 20px; font-size: 12px; font-weight: 800; position: absolute; top: -15px; left: 25px; text-transform: uppercase; letter-spacing: 1px; }
    .kredi-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 15px; text-align: center; }
    .kredi-item { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #fde68a; }
    .kredi-item span { font-size: 11px; color: #78350f; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 5px; }
    .kredi-item b { font-size: 18px; color: #b45309; }
    .kredi-fark { grid-column: 1 / -1; background: #dcfce7; color: #166534; padding: 15px; border-radius: 8px; font-weight: 800; font-size: 15px; margin-top: 15px; border: 1px solid #bbf7d0; box-shadow: 0 4px 10px rgba(22, 163, 74, 0.1); }
    .premium-score-box { display: flex; align-items: center; gap: 20px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); padding: 20px 25px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05); margin-bottom: 25px; }
    .score-badge { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 75px; height: 75px; border-radius: 50%; background: #10b981; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: all 0.4s ease; flex-shrink: 0; }
    .score-badge span { font-size: 32px; font-weight: 900; line-height: 1; font-family: 'Montserrat', sans-serif; }
    .score-text h4 { margin: 0 0 5px 0; font-size: 20px; color: #0f172a; font-family: 'Playfair Display', serif; }
    .score-text p { margin: 0; font-size: 13px; color: #475569; line-height: 1.5; }


/* From: finansman-hesaplama.php */

    .faq-wrapper { max-width: 850px; margin: 80px auto 40px auto; padding: 0 20px; font-family: 'Montserrat', sans-serif; box-sizing: border-box; }
    .faq-header { text-align: center; margin-bottom: 45px; }
    .faq-badge { display: inline-block; padding: 8px 18px; border-radius: 30px; background: rgba(212, 175, 55, 0.1); color: #b48600; border: 1px solid rgba(212, 175, 55, 0.3); font-size: 12px; font-weight: 800; letter-spacing: 1px; margin-bottom: 15px; text-transform: uppercase; }
    .faq-title { font-size: 32px; color: #0f172a; font-family: 'Playfair Display', serif; margin: 0 0 10px 0; font-weight: 800; }
    .faq-desc { color: #64748b; font-size: 15px; margin: 0; line-height: 1.6; }
    
    .faq-item { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.3s ease; overflow: hidden; box-sizing: border-box; width: 100%; }
    .faq-item:hover { border-color: #cbd5e1; box-shadow: 0 8px 25px rgba(0,0,0,0.05); }
    .faq-item.active { border-color: #d4af37; box-shadow: 0 8px 25px rgba(212, 175, 55, 0.15); }
    
    .faq-btn { width: 100%; text-align: left; padding: 22px 25px; background: transparent; border: none; font-size: 16px; font-weight: 700; color: #1e293b; cursor: pointer; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; transition: color 0.3s; }
    .faq-item.active .faq-btn { color: #b48600; }
    .faq-icon { width: 32px; height: 32px; border-radius: 50%; background: #f8fafc; display: flex; justify-content: center; align-items: center; color: #94a3b8; transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease; flex-shrink: 0; font-size: 14px; }
    .faq-item.active .faq-icon { background: #d4af37; color: #fff; transform: rotate(180deg); }
    
    .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); background: #fafbfc; box-sizing: border-box; width: 100%; }
    .faq-text { padding: 0 25px 22px 25px; color: #475569; font-size: 15px; line-height: 1.7; margin: 0; border-top: 1px dashed transparent; transition: border-color 0.4s ease; box-sizing: border-box; }
    .faq-item.active .faq-text { border-top-color: #e2e8f0; padding-top: 20px; }


/* From: giris.php */

    .vip-hero {
        background: linear-gradient(135deg, var(--dark) 0%, #1b263b 100%);
        padding: 70px 20px 120px 20px;
        text-align: center;
        color: white;
    }
    .vip-hero h1 {
        font-family: 'Playfair Display', serif;
        font-size: 36px;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
    }
    
    .login-page-container {
        display: flex;
        justify-content: center;
        padding: 0 20px;
        margin-top: -60px;
        margin-bottom: 80px;
        position: relative;
        z-index: 10;
    }

    .login-wrapper { background: #ffffff; padding: 40px; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.08); width: 100%; max-width: 550px; border-top: 5px solid var(--gold); }
    
    .tabs { display: flex; margin-bottom: 25px; border-bottom: 2px solid #edf2f7; }
    .tab { flex: 1; text-align: center; padding: 15px; color: #718096; cursor: pointer; font-weight: 700; transition: 0.3s; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;}
    .tab.active { color: var(--gold); border-bottom: 2px solid var(--gold); margin-bottom: -2px; }
    
    .form-box { display: none; } .form-box.active { display: block; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)} }
    
    .input-group { position: relative; margin-bottom: 15px; }
    .input-group i { position: absolute; left: 18px; top: 16px; color: #adb5bd; font-size: 16px; }
    .input-group input, .input-group select { width: 100%; padding: 15px 15px 15px 50px; border: 1px solid #e2e8f0; border-radius: 8px; background: #ffffff; color: #1a202c; outline: none; transition: 0.3s; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-size: 13px; appearance: auto; }
    .input-group input:focus, .input-group select:focus { border-color: var(--gold); background: #fff; box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1); }
    
    .checkbox-group { display: flex; flex-direction: column; gap: 12px; margin: 20px 0; background:#f8fafc; padding:15px; border-radius:8px; border:1px solid #e2e8f0;}
    .checkbox-label { font-size: 11px; color: #4a5568; display: flex; align-items: flex-start; gap: 10px; cursor: pointer; line-height: 1.5; font-weight: 600;}
    .checkbox-label input[type="checkbox"] { margin-top: 2px; accent-color: var(--gold); transform: scale(1.1); cursor:pointer;}
    .checkbox-label a { color: var(--gold); text-decoration: none; border-bottom: 1px dashed var(--gold); }
    
    .submit-btn { background: var(--gold); color: #fff; border: none; padding: 18px; width: 100%; border-radius: 8px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; transition: 0.3s ease-in-out; box-shadow: 0 8px 15px rgba(0,0,0,0.1); }
    .submit-btn:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.15); transform: translateY(-2px); filter: brightness(105%); }

    .alert { padding: 16px; border-radius: 8px; font-size: 13px; font-weight: 600; margin-bottom: 20px; text-align: center; line-height:1.6;}
    .alert-err { background: #fff5f5; color: #c53030; border: 1px solid #feb2b2; }
    .alert-suc { background: #f0fff4; color: #276749; border: 1px solid #9ae6b4; }
    
    .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
    @media (max-width: 500px) { .grid-2 { grid-template-columns: 1fr; } }


/* From: iletisim.php */

    /* ÃœST ALAN - Kurumsal Mavi Gradient */
    .contact-hero { background: linear-gradient(135deg, #0052cc 0%, #0a2540 100%); padding: 80px 20px 110px 20px; text-align: center; color: white; }
    .contact-container { max-width: 1000px; margin: -70px auto 80px auto; display: grid; grid-template-columns: 1fr 1.5fr; gap: 30px; padding: 0 20px; position: relative; z-index: 10; }
    
    /* SOL BÄ°LGÄ° KARTI - Kurumsal Mavi Gradient */
    .contact-info-card { background: linear-gradient(135deg, #0052cc 0%, #0a2540 100%); color: white; border-radius: 16px; padding: 40px; box-shadow: 0 20px 40px rgba(0,82,204,0.15); border-top: 5px solid var(--gold); position: relative; overflow: hidden; }
    .contact-info-card h3 { font-family: 'Playfair Display'; font-size: 24px; margin-bottom: 25px; color: white; position: relative; z-index: 2; }
    .info-item { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; font-size: 14px; color: #e2e8f0; position: relative; z-index: 2; }
    
    .info-item i { width: 38px; height: 38px; background: rgba(255,255,255,0.1); color: var(--gold); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; border: 1px solid rgba(255,255,255,0.2); }

    /* SAÄž FORM KARTI */
    .contact-form-card { background: white; border-radius: 16px; padding: 50px; box-shadow: 0 20px 50px rgba(0,0,0,0.08); border: 1px solid #edf2f7; }
    .form-group { margin-bottom: 20px; }
    .form-group label { display: block; font-size: 13px; font-weight: 700; color: #334155; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
    .form-input { width: 100%; padding: 14px 18px; border: 1px solid #cbd5e0; border-radius: 8px; font-size: 15px; font-family: 'Inter'; transition: 0.3s; background: #f8fafc; box-sizing: border-box; }
    .form-input:focus { border-color: var(--gold); outline: none; background: #fff; box-shadow: 0 0 0 4px rgba(255,107,0,0.1); }
    
    .contact-btn { background: var(--gold); color: white; border: none; padding: 18px 35px; border-radius: 8px; font-weight: 800; cursor: pointer; transition: 0.3s; width: 100%; font-size: 16px; letter-spacing: 1px; margin-top: 10px;}
    .contact-btn:hover { background: #0052cc; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

    .alert { padding: 15px 20px; border-radius: 8px; margin-bottom: 25px; font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 10px; }
    .alert-success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
    .alert-danger { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }

    @media (max-width: 850px) { .contact-container { grid-template-columns: 1fr; margin-top: 20px; } .contact-form-card { padding: 30px; } }


/* From: index.php */

    /* DİKKAT: Footer'dan gelen genel kuleleri bu sayfada saklıyoruz. Ana sayfaya özel kulelerimizi göstereceğiz! */
    #ad-sol-kule, #ad-sag-kule { display: none !important; }
    
    /* YENİ: BANKA VE NBM KARTLARI İÇİN ÖZEL STİLLER */
    .kredi-kiyas-kutu { background: #fdfbf7; border: 2px dashed #f59e0b; border-radius: 12px; padding: 25px; margin-top: 30px; position: relative; }
    .kredi-kiyas-baslik { background: #f59e0b; color: #fff; padding: 6px 15px; border-radius: 20px; font-size: 12px; font-weight: 800; position: absolute; top: -15px; left: 25px; text-transform: uppercase; letter-spacing: 1px; }
    .kredi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 15px; text-align: center; }
    .kredi-item span { font-size: 11px; color: #78350f; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 5px; }
    .kredi-item b { font-size: 18px; color: #b45309; }
    .kredi-fark { grid-column: 1 / -1; background: #fee2e2; color: #991b1b; padding: 15px; border-radius: 8px; font-weight: 800; font-size: 15px; margin-top: 10px; border: 1px solid #fecaca; }

    .nbm-kutu { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 12px; padding: 25px; margin-top: 25px; position: relative; }
    .nbm-baslik { display: flex; align-items: center; gap: 10px; color: #166534; font-weight: 800; font-size: 16px; margin-bottom: 20px; border-bottom: 2px solid #dcfce7; padding-bottom: 10px; }
    .nbm-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .nbm-item { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; }
    .nbm-item span { font-size: 12px; color: #475569; font-weight: 600; }
    .nbm-item b { font-size: 15px; color: #0f172a; }
    .nbm-sonuc { grid-column: 1 / -1; background: #16a34a; color: #fff; padding: 15px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 16px; box-shadow: 0 4px 10px rgba(22, 163, 74, 0.2); }


/* From: sayfa.php */

    /* =========================================
       KURUMSAL (DİNAMİK) SAYFA ÖZEL TASARIMI 
       ========================================= */
       
    .legal-hero {
        background: linear-gradient(135deg, var(--dark) 0%, #1b263b 100%);
        padding: 90px 20px 130px 20px;
        text-align: center;
        position: relative;
    }
    .legal-hero h1 {
        font-family: 'Playfair Display', serif;
        font-size: 38px;
        color: #ffffff;
        margin-bottom: 15px;
        letter-spacing: 0.5px;
    }
    .legal-breadcrumb { color: #94a3b8; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
    .legal-breadcrumb a { color: var(--gold); text-decoration: none; transition: 0.3s; }
    .legal-breadcrumb a:hover { color: #ffffff; }
    
    .legal-container {
        max-width: 900px;
        margin: -80px auto 80px auto;
        position: relative;
        z-index: 10;
        padding: 0 20px;
    }
    .legal-card {
        background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 20px 50px rgba(0,0,0,0.08);
        padding: 70px 80px;
        border-top: 5px solid var(--gold);
    }
    
    .dinamik-sayfa-icerigi { font-family: 'Inter', sans-serif; color: #475569; line-height: 1.85; font-size: 16px; }
    
    .dinamik-sayfa-icerigi h1, .dinamik-sayfa-icerigi h2, .dinamik-sayfa-icerigi h3, .dinamik-sayfa-icerigi h4, .dinamik-sayfa-icerigi h5 {
        color: var(--dark) !important; 
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        margin-top: 40px;
        margin-bottom: 15px;
        line-height: 1.4;
    }
    
    .dinamik-sayfa-icerigi h2 { font-size: 26px; border-bottom: 2px solid #f1f5f9; padding-bottom: 12px; }
    .dinamik-sayfa-icerigi h3 { font-size: 20px; }
    .dinamik-sayfa-icerigi p { margin-bottom: 24px; text-align: justify; }
    .dinamik-sayfa-icerigi strong, .dinamik-sayfa-icerigi b { color: #0f172a; font-weight: 700; }
    
    .dinamik-sayfa-icerigi ul, .dinamik-sayfa-icerigi ol { padding-left: 0; margin-bottom: 30px; list-style: none; }
    .dinamik-sayfa-icerigi ul li { position: relative; padding-left: 30px; margin-bottom: 12px; }
    .dinamik-sayfa-icerigi ul li::before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 2px; color: var(--gold); font-size: 15px; }
    
    .dinamik-sayfa-icerigi a { color: var(--gold); text-decoration: none; font-weight: 600; border-bottom: 1px dashed var(--gold); transition: 0.3s; padding-bottom: 2px; }
    .dinamik-sayfa-icerigi a:hover { border-bottom-style: solid; color: var(--dark); border-color: var(--dark); }
    
    /* =========================================
       YENÄ°: AKILLI SSS (AKORDEON) TASARIMI
       ========================================= */
    .faq-accordion {
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        margin-bottom: 15px;
        background: #fff;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    }
    .faq-accordion:hover {
        border-color: var(--gold);
        box-shadow: 0 6px 15px rgba(212, 175, 55, 0.1);
    }
    .faq-header {
        width: 100%;
        text-align: left;
        padding: 22px 25px;
        background: none;
        border: none;
        font-size: 16px;
        font-weight: 700;
        color: var(--dark);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: 'Inter', sans-serif;
        transition: 0.3s;
        line-height: 1.4;
    }
    .faq-header.active {
        color: var(--gold);
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
    }
    .faq-header i {
        color: #cbd5e0;
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s;
        font-size: 18px;
        margin-left: 15px;
        flex-shrink: 0;
    }
    .faq-header.active i {
        transform: rotate(180deg);
        color: var(--gold);
    }
    .faq-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        background: #fff;
    }
    .faq-content {
        padding: 25px;
        font-size: 15px;
        color: #475569;
        line-height: 1.8;
    }
    
    /* DİKKAT: Footer'dan gelen genel kuleleri bu sayfada saklıyoruz. Kendi kulelerimizi göstereceğiz! */
    #ad-sol-kule, #ad-sag-kule { display: none !important; }


    /* =========================================
       KURUMSAL (DİNAMİK) SAYFA ÖZEL TASARIMI 
       ========================================= */
       
    .legal-hero {
        background: linear-gradient(135deg, var(--dark) 0%, #1b263b 100%);
        padding: 90px 20px 130px 20px;
        text-align: center;
        position: relative;
    }
    .legal-hero h1 {
        font-family: 'Playfair Display', serif;
        font-size: 38px;
        color: #ffffff;
        margin-bottom: 15px;
        letter-spacing: 0.5px;
    }
    .legal-breadcrumb { color: #94a3b8; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
    .legal-breadcrumb a { color: var(--gold); text-decoration: none; transition: 0.3s; }
    .legal-breadcrumb a:hover { color: #ffffff; }
    
    .legal-container {
        max-width: 900px;
        margin: -80px auto 80px auto;
        position: relative;
        z-index: 10;
        padding: 0 20px;
    }
    .legal-card {
        background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 20px 50px rgba(0,0,0,0.08);
        padding: 70px 80px;
        border-top: 5px solid var(--gold);
    }
    
    .dinamik-sayfa-icerigi { font-family: 'Inter', sans-serif; color: #475569; line-height: 1.85; font-size: 16px; }
    
    .dinamik-sayfa-icerigi h1, .dinamik-sayfa-icerigi h2, .dinamik-sayfa-icerigi h3, .dinamik-sayfa-icerigi h4, .dinamik-sayfa-icerigi h5 {
        color: var(--dark) !important; 
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        margin-top: 40px;
        margin-bottom: 15px;
        line-height: 1.4;
    }
    
    .dinamik-sayfa-icerigi h2 { font-size: 26px; border-bottom: 2px solid #f1f5f9; padding-bottom: 12px; }
    .dinamik-sayfa-icerigi h3 { font-size: 20px; }
    .dinamik-sayfa-icerigi p { margin-bottom: 24px; text-align: justify; }
    .dinamik-sayfa-icerigi strong, .dinamik-sayfa-icerigi b { color: #0f172a; font-weight: 700; }
    
    .dinamik-sayfa-icerigi ul, .dinamik-sayfa-icerigi ol { padding-left: 0; margin-bottom: 30px; list-style: none; }
    .dinamik-sayfa-icerigi ul li { position: relative; padding-left: 30px; margin-bottom: 12px; }
    .dinamik-sayfa-icerigi ul li::before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 2px; color: var(--gold); font-size: 15px; }
    
    .dinamik-sayfa-icerigi a { color: var(--gold); text-decoration: none; font-weight: 600; border-bottom: 1px dashed var(--gold); transition: 0.3s; padding-bottom: 2px; }
    .dinamik-sayfa-icerigi a:hover { border-bottom-style: solid; color: var(--dark); border-color: var(--dark); }
    
    /* =========================================
       YENÄ°: AKILLI SSS (AKORDEON) TASARIMI
       ========================================= */
    .faq-accordion {
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        margin-bottom: 15px;
        background: #fff;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    }
    .faq-accordion:hover {
        border-color: var(--gold);
        box-shadow: 0 6px 15px rgba(212, 175, 55, 0.1);
    }
    .faq-header {
        width: 100%;
        text-align: left;
        padding: 22px 25px;
        background: none;
        border: none;
        font-size: 16px;
        font-weight: 700;
        color: var(--dark);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: 'Inter', sans-serif;
        transition: 0.3s;
        line-height: 1.4;
    }
    .faq-header.active {
        color: var(--gold);
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
    }
    .faq-header i {
        color: #cbd5e0;
        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.3s;
        font-size: 18px;
        margin-left: 15px;
        flex-shrink: 0;
    }
    .faq-header.active i {
        transform: rotate(180deg);
        color: var(--gold);
    }
    .faq-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        background: #fff;
    }
    .faq-content {
        padding: 25px;
        font-size: 15px;
        color: #475569;
        line-height: 1.8;
    }
    
    /* DİKKAT: Footer'dan gelen genel kuleleri bu sayfada saklıyoruz. Kendi kulelerimizi göstereceğiz! */
    #ad-sol-kule, #ad-sag-kule { display: none !important; }

    @media (max-width: 768px) {
        .legal-card { padding: 25px 15px; }
        .legal-hero { padding: 50px 15px 70px 15px; }
        .legal-hero h1 { font-size: 30px; }
        .dinamik-sayfa-icerigi { font-size: 15px; }
        .faq-header { font-size: 15px; padding: 18px 20px; }
        .faq-content { padding: 20px; font-size: 14px; }
    }

/* ==================================================================== */
/* 📱 KAPSAMLI MOBİL VE TABLET RESPONSIVE DÜZENLEMESİ (KURUMSAL TASARIM) */
/* ==================================================================== */

@media (max-width: 1024px) {
    .content-wrapper { padding: 0 15px; margin-top: 20px; }
    .calculator-card { padding: 30px 20px; }
    .calc-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .header h1 { font-size: 28px; }
}

@media (max-width: 768px) {
    body { font-size: 14px; }
    .header { padding-bottom: 40px; padding-top: 20px; }
    .header h1 { font-size: 24px; }
    .header p { font-size: 13px; padding: 0 10px; }
    
    .nav-container { flex-wrap: wrap; padding: 0 16px; height: 60px; position: relative; }

    /* Hamburger Menu */
    .mobile-menu-btn {
        display: flex !important; background: none; border: none; cursor: pointer;
        flex-direction: column; gap: 5px; padding: 8px;
        border-radius: 8px; transition: background 0.2s; order: 3;
    }
    .mobile-menu-btn:hover { background: rgba(0,0,0,0.04); }
    .mobile-menu-btn span {
        width: 22px; height: 2px; background: var(--dark);
        border-radius: 2px; transition: 0.3s; display: block;
    }
    .mobile-menu-btn.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .mobile-menu-btn.active span:nth-child(2) { opacity: 0; }
    .mobile-menu-btn.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

    .nav-center {
        display: none; width: 100%; order: 4;
        border-top: 1px solid #e2e8f0; padding: 16px 0; margin-top: 8px;
    }
    .nav-center.open { display: block; }
    .nav-links { flex-direction: column; gap: 4px; width: 100%; }
    .nav-links li a { display: block; padding: 12px 16px; border-radius: 8px; font-size: 14px; width: 100%; box-sizing: border-box; }
    .nav-links li a:hover { background: rgba(0,0,0,0.04); }

    .nav-right { order: 2; margin-left: auto; gap: 6px; }
    .nav-cta-btn { padding: 8px 16px; font-size: 11px; }
    .nav-user-link { padding: 6px 10px; font-size: 12px; }

    .content-wrapper { margin-top: 10px; padding: 0 10px; }
    .calculator-card { padding: 25px 15px; border-radius: 12px; }
    .calc-grid { grid-template-columns: 1fr; gap: 12px; }
    .mode-switcher { flex-direction: column; width: 100%; max-width: 320px; margin: 0 auto 20px auto; }
    .mode-btn { width: 100%; border-radius: 8px; margin-bottom: 10px; }

    /* Analiz Tamamlandı Alanı Düzeltmesi */
    .premium-score-box {
        flex-direction: column !important;
        text-align: center;
        padding: 20px 15px;
        gap: 15px;
    }
    .score-badge { width: 65px; height: 65px; margin: 0 auto; }
    .score-badge span { font-size: 28px; }
    .score-text h4 { font-size: 18px; margin-top: 10px; }
    .score-text p { font-size: 13px; margin:0; }

    .stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px;
    }
    .stats-grid .stat-item:last-child {
        grid-column: 1 / -1;
    }

    .kredi-kiyas-kutu { padding: 20px 15px; }
    .kredi-grid { grid-template-columns: 1fr; gap: 15px; text-align: center; }

    .pf-top { flex-direction: column; text-align: center; gap: 30px; }
    .pf-col { width: 100%; }
    .pf-middle { flex-direction: column; text-align: center; gap: 20px; }
    .pf-badges { justify-content: center; flex-wrap: wrap; }
    .pf-bottom { flex-direction: column; text-align: center; gap: 15px; }

    .modal-content { width: 95%; padding: 25px 20px; max-height: 90vh; overflow-y: auto; }
    .grid-2 { grid-template-columns: 1fr; gap: 15px; }
    #il-ilce-wrapper { flex-direction: column; }
    #il-wrap, #ilce-wrap { width: 100% !important; }
}

@media (max-width: 480px) {
    .header h1 { font-size: 22px; }
    .stats-grid { grid-template-columns: 1fr !important; } 
    .premium-score-box { border-radius: 12px; }
}

/* ADSENSE SEO & CLS KORUMASI */
.adsense-slot { min-height: 250px; background: #f8fafc; border-radius: 8px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin: 20px 0; text-align: center; }
.adsense-article-top { min-height: 90px; }
.header-ad { min-height: 90px; }


/* =============================================
   HERO & CALCULATOR TASARIMI (index.php)
============================================= */
.fhero {
    background: radial-gradient(circle at top right, #0f4c3a 0%, #06281e 100%);
    padding: 80px 20px; color: #fff; overflow: hidden; position: relative;
}
.fhero::before {
    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 40%);
    pointer-events: none; z-index: 1;
}
.fhero-inner {
    max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 450px;
    gap: 60px; align-items: center; position: relative; z-index: 2;
}
.fhero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15);
    padding: 6px 16px; border-radius: 30px; font-size: 11px; font-weight: 800;
    text-transform: uppercase; letter-spacing: 1px; color: #94a3b8; margin-bottom: 24px;
}
.fhero-badge::before { content:''; width:6px; height:6px; background:#3b82f6; border-radius:50%; }
.fhero-title {
    font-size: 48px; font-weight: 900; line-height: 1.1; margin: 0 0 20px; font-family: inherit;
    letter-spacing: -1px;
}
.fhero-title span, .fhero-title em { color: #60a5fa; display: block; font-style: normal; }
.fhero-desc {
    font-size: 16px; color: #94a3b8; line-height: 1.6; margin: 0 0 40px; font-family: inherit;
}
.fhero-stats {
    display: flex; gap: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1);
}
.fhero-stat-val {
    display: block; font-size: 28px; font-weight: 900; color: #fff; margin-bottom: 4px;
}
.fhero-stat-lbl {
    font-size: 11px; font-weight: 700; text-transform: uppercase; color: #94a3b8; letter-spacing: 0.5px;
}

/* Hesap Makinesi Kartı */
.fcalc-card {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 24px; padding: 32px; backdrop-filter: blur(20px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
.fcalc-tabs {
    display: flex; gap: 8px; background: rgba(0,0,0,0.2); padding: 6px;
    border-radius: 12px; margin-bottom: 30px;
}
.fcalc-tab {
    flex: 1; text-align: center; padding: 10px; border-radius: 8px;
    color: #94a3b8; font-size: 13px; font-weight: 700; cursor: pointer;
    background: transparent; border: none;
    transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 6px;
}
.fcalc-tab.active {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff; box-shadow: 0 4px 12px rgba(249,115,22,0.3);
}

.fcalc-label {
    display: block; font-size: 11px; font-weight: 800; text-transform: uppercase;
    letter-spacing: 1px; color: #94a3b8; margin-bottom: 10px;
}
.fcalc-input-wrap {
    position: relative; margin-bottom: 15px;
}
.fcalc-input-wrap i, .fcalc-input-icon {
    position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
    color: rgba(255,255,255,0.4); font-size: 15px; font-weight: 700; z-index: 2; font-family: inherit;
}
.fcalc-input {
    width: 100%; padding: 16px 16px 16px 45px; background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15); border-radius: 12px;
    color: #fff; font-size: 18px; font-weight: 800; font-family: inherit;
    box-sizing: border-box; transition: all 0.2s; outline: none;
}
.fcalc-input:focus { border-color: #60a5fa; background: rgba(255,255,255,0.12); }

/* Range Slider */
.fcalc-range {
    -webkit-appearance: none; width: 100%; height: 6px; background: rgba(255,255,255,0.1);
    border-radius: 3px; outline: none; margin: 10px 0 24px;
}
.fcalc-range::-webkit-slider-thumb {
    -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;
    background: #10b981; cursor: pointer; transition: transform 0.1s;
    box-shadow: 0 0 10px rgba(16,185,129,0.5);
}
.fcalc-range::-webkit-slider-thumb:hover { transform: scale(1.2); }
.fcalc-range-labels {
    display: flex; justify-content: space-between; margin-top: -16px; margin-bottom: 24px;
    font-size: 11px; color: #64748b; font-weight: 600;
}

/* Sonuç Alanı */
.fcalc-result {
    background: rgba(0,0,0,0.2); border-radius: 16px; padding: 20px;
    margin-bottom: 24px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center; text-align: center; border: 1px solid rgba(255,255,255,0.05);
}
.fcalc-result-item { position: relative; }
.fcalc-result-val {
    display: block; font-size: 18px; font-weight: 900; color: #fff; margin-bottom: 4px;
}
.fcalc-result-lbl {
    font-size: 10px; color: #94a3b8; font-weight: 600; text-transform: uppercase;
}

.fcalc-btn {
    width: 100%; padding: 16px; border: none; border-radius: 12px;
    background: linear-gradient(135deg, #f97316, #ea580c); color: #fff;
    font-size: 15px; font-weight: 800; cursor: pointer; transition: all 0.2s;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    box-shadow: 0 4px 15px rgba(249,115,22,0.3); font-family: inherit;
    text-decoration: none; box-sizing: border-box;
}
.fcalc-btn:hover { filter: brightness(110%); transform: translateY(-2px); color: #fff; }

.fcalc-note {
    margin-top: 16px; font-size: 11px; color: #64748b; text-align: center;
    display: flex; align-items: flex-start; justify-content: center; gap: 6px; line-height: 1.4;
}

@media(max-width: 960px) {
    .fhero-inner { grid-template-columns: 1fr; gap: 40px; }
    .fhero-title { font-size: 36px; }
}


/* =============================================
   KURUMSAL SIRKET KARTLARI (sirketler_alani.php)
============================================= */
.premium-section-title {
    text-align: center; max-width: 700px;
    margin: 60px auto 40px; padding: 0 20px;
}
.trust-badge {
    display: inline-flex; align-items: center;
    background: rgba(30,142,62,0.08); color: #1e8e3e;
    padding: 8px 20px; border-radius: 30px;
    font-size: 12px; font-weight: 800; letter-spacing: 1px;
    text-transform: uppercase; margin-bottom: 20px;
}
.premium-heading {
    font-size: 36px; font-weight: 900; color: var(--dark);
    line-height: 1.15; margin: 0 0 16px; font-family: inherit;
}
.highlight-text { color: var(--gold); }
.premium-desc {
    font-size: 16px; color: #64748b; line-height: 1.7; margin: 0;
    font-family: inherit;
}

.corp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 28px; max-width: 1280px; margin: 0 auto; padding: 0 20px 60px;
}
.corp-card {
    background: var(--card-bg, #fff); border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.06); padding: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex; flex-direction: column;
    overflow: hidden; position: relative;
}
.corp-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.1);
}
.corp-card-header {
    display: flex; align-items: center; gap: 16px;
    padding: 28px 28px 20px;
}
.corp-logo-box {
    width: 70px; height: 70px; border-radius: 16px;
    background: #f8fafc; border: 1px solid rgba(0,0,0,0.06);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; overflow: hidden;
}
.corp-logo-box img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.corp-logo-box i { font-size: 24px; color: var(--gold); }
.corp-card-info { flex: 1; min-width: 0; }
.corp-card-name {
    font-size: 18px; font-weight: 800; color: var(--dark);
    margin: 0 0 8px; font-family: inherit; line-height: 1.2;
}
.corp-bddk-badge {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 11px; font-weight: 700; color: #1e8e3e;
    background: rgba(30,142,62,0.08);
    padding: 3px 10px; border-radius: 20px;
}
.corp-bddk-badge i { font-size: 10px; }
.corp-card-stats {
    display: flex; flex-wrap: wrap; gap: 8px;
    padding: 0 28px 20px;
}
.corp-stat {
    display: flex; align-items: center; gap: 5px;
    font-size: 12px; color: #64748b; font-weight: 600;
    background: #f8fafc; padding: 5px 10px; border-radius: 8px;
    font-family: inherit;
}
.corp-stat i { font-size: 11px; color: var(--gold); }
.corp-card-actions {
    display: flex; gap: 10px; padding: 0 28px 28px;
    margin-top: auto;
}
.corp-btn-teklif {
    flex: 1; padding: 14px 16px; border-radius: 12px;
    background: linear-gradient(135deg, var(--gold), #c9952e);
    color: #fff; border: none; font-size: 13px;
    font-weight: 700; cursor: pointer; transition: all 0.2s;
    display: flex; align-items: center; justify-content: center; gap: 6px;
    font-family: inherit; box-shadow: 0 4px 12px rgba(212,175,55,0.25);
}
.corp-btn-teklif:hover { transform: translateY(-1px); filter: brightness(110%); }
.corp-btn-incele {
    flex: 1; padding: 14px 16px; border-radius: 12px;
    background: #f8fafc; color: var(--dark);
    border: 1.5px solid rgba(0,0,0,0.08); font-size: 13px;
    font-weight: 700; text-decoration: none; transition: all 0.2s;
    display: flex; align-items: center; justify-content: center; gap: 6px;
    font-family: inherit;
}
.corp-btn-incele:hover { background: var(--dark); color: #fff; border-color: var(--dark); }

/* Native Reklam Kart */
.corp-ad-card {
    border: 2px dashed rgba(212,175,55,0.3);
    background: rgba(212,175,55,0.02);
}
.corp-ad-badge {
    position: absolute; top: 12px; right: 12px;
    font-size: 9px; font-weight: 800; text-transform: uppercase;
    letter-spacing: 1px; background: var(--gold); color: #fff;
    padding: 3px 10px; border-radius: 20px;
    display: flex; align-items: center; gap: 4px;
}
.corp-ad-desc {
    font-size: 13px; color: #64748b; line-height: 1.5;
    padding: 0 28px 20px; margin: 0; font-family: inherit;
}


/* =============================================
   FIRMA PROFIL SAYFASI (firma.php)
============================================= */
.firma-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 60px 20px; text-align: center; color: white; margin-bottom: 0;
}
.firma-hero-logo {
    width: 90px; height: 90px; background: rgba(255,255,255,0.1);
    border-radius: 20px; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px auto; font-size: 36px; color: #60a5fa;
    border: 1px solid rgba(255,255,255,0.15);
}
.firma-hero-logo img { max-width: 70%; max-height: 70%; object-fit: contain; }
.firma-hero h1 { font-size: 36px; font-weight: 800; margin: 0 0 12px 0; font-family: inherit; }
.firma-hero p { font-size: 16px; color: #94a3b8; margin: 0 0 24px 0; }
.firma-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.firma-badge {
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
    color: #e2e8f0; padding: 8px 16px; border-radius: 30px;
    font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px;
}

.firma-layout {
    max-width: 1200px; margin: 0 auto; padding: 50px 20px;
    display: grid; grid-template-columns: 1fr 340px; gap: 40px; align-items: start;
    font-family: inherit;
}
@media(max-width: 1024px) { .firma-layout { grid-template-columns: 1fr; } }

.firma-section-header {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px; margin-bottom: 28px;
}
.firma-section-header h2 {
    font-size: 22px; font-weight: 800; color: var(--dark); margin: 0;
    display: flex; align-items: center; gap: 10px; font-family: inherit;
}
.firma-section-header h2 i { color: var(--gold); font-size: 18px; }
.firma-article-count {
    font-size: 13px; color: #64748b; font-weight: 600;
    background: #f8fafc; padding: 6px 14px; border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.06);
}

/* Sidebar Box */
.sidebar-box {
    background: #fff; border-radius: 16px; padding: 28px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.06);
    margin-bottom: 24px;
}
.sidebar-box h3 {
    font-size: 17px; font-weight: 800; color: var(--dark); margin: 0 0 20px;
    display: flex; align-items: center; gap: 10px; font-family: inherit;
}
.sidebar-box-highlight { border-top: 3px solid var(--gold); }

.firma-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.firma-stat-item {
    display: flex; align-items: center; gap: 12px;
    background: #f8fafc; border-radius: 12px; padding: 14px;
    border: 1px solid rgba(0,0,0,0.04);
}
.firma-stat-icon {
    width: 38px; height: 38px; border-radius: 10px;
    background: rgba(212,175,55,0.08);
    display: flex; align-items: center; justify-content: center;
    color: var(--gold); font-size: 15px; flex-shrink: 0;
}
.firma-stat-val { font-size: 16px; font-weight: 800; color: var(--dark); line-height: 1.2; }
.firma-stat-lbl { font-size: 11px; color: #64748b; font-weight: 600; text-transform: uppercase; margin-top: 2px; }

.firma-form-success {
    background: rgba(30,142,62,0.06); border: 1px solid rgba(30,142,62,0.15);
    color: #1e8e3e; padding: 24px; border-radius: 12px; text-align: center;
}
.firma-form-success i { font-size: 32px; display: block; margin-bottom: 10px; }
.firma-form-success strong { font-size: 16px; display: block; margin-bottom: 4px; }
.firma-form-success p { font-size: 13px; margin: 0; opacity: 0.8; }

.firma-empty-state {
    padding: 80px 40px; text-align: center;
    background: #fff; border-radius: 16px;
    border: 2px dashed rgba(0,0,0,0.08); color: #64748b;
}
.firma-empty-state i { font-size: 48px; color: #e2e8f0; margin-bottom: 16px; display: block; }
.firma-empty-state h3 { font-size: 20px; font-weight: 800; color: var(--dark); margin: 0 0 8px; }
.firma-empty-state p { font-size: 14px; margin: 0; }

/* Sidebar form */
.sidebar-box .form-group { margin-bottom: 16px; }
.sidebar-box .form-group label {
    display: block; font-size: 13px; font-weight: 700;
    color: var(--dark); margin-bottom: 8px;
}
.sidebar-box .form-group input,
.sidebar-box .form-group textarea {
    width: 100%; padding: 12px 14px; border: 1.5px solid rgba(0,0,0,0.08);
    border-radius: 10px; background: #f8fafc; font-size: 14px;
    font-family: inherit; box-sizing: border-box; transition: all 0.2s;
    color: var(--dark);
}
.sidebar-box .form-group input:focus,
.sidebar-box .form-group textarea:focus {
    border-color: var(--gold); background: #fff;
    box-shadow: 0 0 0 3px rgba(212,175,55,0.1); outline: none;
}
.btn-teklif {
    width: 100%; padding: 14px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, var(--gold), #c9952e);
    color: #fff; font-size: 15px; font-weight: 700; cursor: pointer;
    transition: all 0.2s; font-family: inherit;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    box-shadow: 0 4px 12px rgba(212,175,55,0.25);
}
.btn-teklif:hover { filter: brightness(110%); transform: translateY(-1px); }


/* =============================================
   HESAPLAMA ALANI TL IKONU
============================================= */
.fcalc-input-icon {
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    color: rgba(255,255,255,0.3); font-size: 16px; font-weight: 700;
    font-family: inherit; z-index: 2;
}


/* =============================================
   MOBIL RESPONSIVE EKLER
============================================= */
@media(max-width: 480px) {
    .corp-grid { grid-template-columns: 1fr; }
    .corp-card-actions { flex-direction: column; }
    .firma-stats-grid { grid-template-columns: 1fr; }
    .premium-heading { font-size: 26px; }
}

/* =============================================
   TAM KAPSAMLI YENI NESIL MOBIL RESPONSIVE (YENI BILESENLER)
============================================= */
/* 0. Global Kapsayıcı Düzeltmeleri */
html, body { overflow-x: hidden !important; width: 100%; margin: 0; padding: 0; }
.content-wrapper, .container { max-width: 100vw; box-sizing: border-box; overflow-x: hidden; }

@media (max-width: 768px) {
    /* Navbar Düzenlemeleri */
    .nav-container { flex-wrap: wrap !important; padding: 0 10px !important; height: auto !important; min-height: 60px !important; justify-content: space-between !important; }
    .nav-logo { flex: 1 1 auto; max-width: 60%; }
    .nav-logo img { max-height: 32px !important; }
    .nav-right { flex: 0 0 auto; order: 2 !important; margin-left: auto; margin-right: 5px; gap: 4px !important; }
    .mobile-menu-btn { order: 3 !important; }
    .nav-center { display: none !important; order: 4 !important; width: 100% !important; margin-top: 10px !important; }
    .nav-center.open { display: block !important; }
    .nav-cta-btn { display: none !important; } /* Mobilde çok yer kapladığı için gizle */
    .nav-user-link { font-size: 0 !important; padding: 8px !important; background: transparent !important; } /* Sadece ikon kalsın */
    .nav-user-link i { font-size: 20px !important; margin: 0 !important; color: var(--dark); }
    
    /* Hero Alanı Düzenlemeleri */
    .fhero { padding: 40px 15px !important; overflow: hidden; }
    .fhero-inner { grid-template-columns: 1fr !important; gap: 30px !important; }
    .fhero-title { font-size: 28px !important; line-height: 1.2 !important; }
    .fhero-desc { font-size: 14px !important; }
    .fhero-stats { 
        flex-direction: column !important; gap: 15px !important; align-items: stretch !important; 
        border-top: 1px solid rgba(255,255,255,0.1) !important; padding-top: 20px !important; 
    }
    .fhero-stat { 
        border-left: none !important; padding-left: 0 !important; 
        display: flex !important; flex-direction: row !important; align-items: center !important; gap: 15px !important; 
        border-bottom: 1px solid rgba(255,255,255,0.05) !important; padding-bottom: 10px !important;
    }
    .fhero-stat:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
    .fhero-stat-val { font-size: 24px !important; margin-bottom: 0 !important; min-width: 100px; text-align: right; }
    .fhero-stat-lbl { font-size: 14px !important; margin-bottom: 0 !important; flex: 1; }
    
    /* Hesap Makinesi Düzenlemeleri */
    .fcalc-card { padding: 20px 15px !important; border-radius: 16px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; }
    .fcalc-tabs { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: 10px !important; -webkit-overflow-scrolling: touch; }
    .fcalc-tab { font-size: 12px !important; padding: 8px 12px !important; flex: 0 0 auto !important; white-space: nowrap !important; }
    
    .fcalc-result { 
        grid-template-columns: 1fr !important; gap: 8px !important; padding: 15px !important; background: rgba(0,0,0,0.2) !important;
    }
    .fcalc-result > div[style*="width:1px"], .fcalc-result > div[style*="width: 1px"] { display: none !important; }
    .fcalc-result-item { 
        border-bottom: 1px solid rgba(255,255,255,0.05) !important; padding-bottom: 10px !important; margin-bottom: 5px !important; 
        display: flex !important; justify-content: space-between !important; align-items: center !important; 
    }
    .fcalc-result-item:last-child { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .fcalc-result-lbl { margin-bottom: 0 !important; font-size: 13px !important; text-align: left !important; }
    .fcalc-result-val { font-size: 20px !important; text-align: right !important; }
    
    .fcalc-input-wrap { padding: 0 !important; }
    .fcalc-range { margin-top: 15px !important; }
    .fcalc-btn { font-size: 14px !important; padding: 14px !important; margin-top: 15px !important; }
    
    /* Şirket Kartları Düzenlemeleri */
    .corp-grid { grid-template-columns: 1fr !important; gap: 20px !important; padding: 0 5px !important; width: 100% !important; box-sizing: border-box !important; }
    .corp-card { flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 20px !important; width: 100% !important; box-sizing: border-box !important; }
    .corp-logo-wrap { margin: 0 auto 15px auto !important; }
    .corp-card-content { padding: 0 !important; width: 100% !important; box-sizing: border-box !important; }
    .corp-meta-grid { grid-template-columns: 1fr 1fr !important; width: 100% !important; margin-top: 15px !important; gap: 10px !important; }
    .corp-card-actions { width: 100% !important; margin-top: 20px !important; padding: 0 !important; gap: 10px !important; flex-direction: column !important; }
    .corp-btn-teklif, .corp-btn-incele { width: 100% !important; justify-content: center !important; }
    
    /* Firma Sayfası Spesifik */
    .firma-hero { padding: 40px 15px !important; text-align: center !important; }
    .firma-badges { justify-content: center !important; flex-wrap: wrap !important; gap: 10px !important; }
    .firma-icerik-grid { grid-template-columns: 1fr !important; gap: 20px !important; padding: 0 10px !important; overflow: hidden !important; width: 100% !important; box-sizing: border-box !important; }
    .firma-bilgi-kart { padding: 20px !important; width: 100% !important; box-sizing: border-box !important; }
    
    /* Form ve Input Düzenlemeleri (Yatay Taşma Engelleme) */
    form { width: 100% !important; box-sizing: border-box !important; }
    input, textarea, select { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
    .form-group { width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; }
    
    /* Blog ve Listeler */
    .premium-blog-grid, .firma-blog-grid, .blog-grid { 
        grid-template-columns: 1fr !important; padding: 0 10px !important; gap: 20px !important; 
        width: 100% !important; box-sizing: border-box !important; overflow: hidden !important;
    }
    .premium-blog-card, .blog-card, .premium-card { width: 100% !important; box-sizing: border-box !important; }
    .premium-blog-img img, .premium-card-img { width: 100% !important; }
    
    /* Firma Sayfası Spesifik (Taşmayı Engelle) */
    .firma-layout { padding: 30px 10px !important; width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; grid-template-columns: 1fr !important; }
    
    /* Ortak Elemanlar */
    .premium-section-title { padding: 0 15px !important; box-sizing: border-box !important; }
    .premium-heading { font-size: 24px !important; }
}

/* =============================================
   BLOG / MAKALE DETAY SAYFASI (blog-yazi.php) EKSÝK STÝLLERÝ
============================================= */
.article-page-container {
    max-width: 1200px; margin: 40px auto; padding: 0 20px;
    display: grid; grid-template-columns: 1fr 340px; gap: 40px; align-items: start;
    font-family: 'Inter', sans-serif; box-sizing: border-box; width: 100%;
}
@media(max-width: 1024px) {
    .article-page-container { grid-template-columns: 1fr; }
}
.premium-article-wrapper {
    background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); overflow: hidden; margin-bottom: 40px;
    width: 100%; box-sizing: border-box;
}
.premium-article-cover { width: 100%; height: auto; max-height: 500px; object-fit: cover; display: block; }
.premium-article-body { padding: 40px; box-sizing: border-box; width: 100%; }
@media(max-width: 768px) {
    .premium-article-body { padding: 20px; }
}
.premium-article-header-meta {
    display: flex; flex-wrap: wrap; gap: 15px; align-items: center; font-size: 14px; color: #64748b; margin-bottom: 25px;
}
.premium-category-badge { background: #3b82f6; color: #fff; padding: 4px 12px; border-radius: 20px; font-weight: 600; font-size: 13px; }
.premium-share-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; border-bottom: 1px solid #f1f5f9; padding-bottom: 20px; }
.premium-share-btn { width: 36px; height: 36px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; text-decoration: none; transition: 0.3s; }
.btn-whatsapp { background: #25D366; } .btn-twitter { background: #1DA1F2; } .btn-facebook { background: #1877F2; } .btn-linkedin { background: #0A66C2; }
.premium-article-content { font-size: 16px; line-height: 1.8; color: #334155; overflow-wrap: break-word; word-wrap: break-word; max-width: 100%; }
.premium-article-content h2, .premium-article-content h3 { color: #0f172a; margin: 30px 0 15px 0; max-width: 100%; word-break: break-word; }
.premium-article-content img { max-width: 100%; height: auto; border-radius: 12px; margin: 20px 0; }
.premium-author-box { display: flex; gap: 20px; background: #f8fafc; padding: 30px; border-radius: 12px; margin-top: 40px; border: 1px solid #e2e8f0; width: 100%; box-sizing: border-box; }
.premium-author-avatar { width: 60px; height: 60px; background: #e0e7ff; color: #4f46e5; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; flex-shrink: 0; }
.premium-author-info h4 { margin: 0 0 10px 0; font-size: 18px; color: #0f172a; }
.premium-author-info p { margin: 0; font-size: 14px; color: #64748b; line-height: 1.6; }

.article-sidebar-sticky { position: sticky; top: 100px; width: 100%; box-sizing: border-box; }
.company-card-widget { background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); padding: 30px; text-align: center; margin-bottom: 30px; width: 100%; box-sizing: border-box; }
.company-card-logo { width: 80px; height: 80px; margin: 0 auto 20px; background: #f8fafc; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.05); overflow: hidden; }
.company-card-logo img { width: 60%; height: auto; }
.company-card-name { font-size: 20px; color: #0f172a; margin: 0 0 15px; }
.company-card-badges { display: flex; flex-direction: column; gap: 10px; margin-bottom: 25px; width: 100%; }
.company-card-badge-item { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; color: #64748b; background: #f8fafc; padding: 10px; border-radius: 8px; }
.company-card-btn { display: block; background: #ff6b00; color: #fff; text-decoration: none; padding: 12px; border-radius: 8px; font-weight: 700; transition: 0.3s; margin-bottom: 10px; width: 100%; box-sizing: border-box; }
.company-card-btn:hover { background: #e65c00; color: #fff; }

.sidebar-widget { background: #fff; padding: 25px; border-radius: 16px; box-shadow: 0 5px 20px rgba(0,0,0,0.03); margin-bottom: 30px; width: 100%; box-sizing: border-box; }
.sidebar-widget .widget-title { font-size: 18px; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; gap: 10px; }
.popular-post-item { display: flex; gap: 15px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1f5f9; text-decoration: none; color: inherit; }
.popular-post-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.popular-post-img { width: 70px; height: 70px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.popular-post-info h4 { font-size: 14px; margin: 0 0 5px 0; color: #0f172a; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.popular-post-info span { font-size: 12px; color: #94a3b8; }

.ilgili-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; width: 100%; box-sizing: border-box; }
@media(max-width: 768px) {
    .ilgili-grid { grid-template-columns: 1fr !important; width: 100% !important; padding: 0 10px !important; box-sizing: border-box !important; }
    .company-card-widget { padding: 20px; }
    .premium-author-box { flex-direction: column; text-align: center; align-items: center; }
}

/* MENÜ GÖRÜNÜRLÜK KESÝN ÇÖZÜMÜ */
.nav-center.open { display: block !important; }
.nav-center.open .nav-links { display: flex !important; flex-direction: column !important; width: 100% !important; background: #fff !important; z-index: 1005 !important; padding: 15px 0 !important; }
.nav-center.open .nav-links li { width: 100% !important; text-align: center !important; border-bottom: 1px solid #f1f5f9; }
.nav-center.open .nav-links li:last-child { border-bottom: none; }


.text-blue-500 { color: #3b82f6 !important; }
.text-indigo-500 { color: #6366f1 !important; }
.text-red-500 { color: #ef4444 !important; }
.firma-layout .premium-blog-grid { margin-top: 0 !important; }
.firma-layout { max-width: 1150px !important; justify-content: center; }