/* Auto-generated Theme CSS - 2026-07-16 01:54:20 */

:root {
    /* Gold Palette */
    --gold-primary: #ddb778;
    --gold-primary-rgb: 221, 183, 120;
    --gold-secondary: #ebc991;
    --gold-secondary-rgb: 235, 201, 145;
    --gold-accent: #ebc991;
    --gold-dark: #755d35;
    --gold-dark-rgb: 117, 93, 53;
    --gold-light: #f5e6cc;
    --gold-cream: #fdf8f0;
    --gold-gradient: linear-gradient(135deg, #755d35, #ebc991);
    --gold-gradient-start: #755d35;
    --gold-gradient-end: #ebc991;
    --gold-gradient-90: linear-gradient(90deg, #755d35, #ebc991);
    --gold-gradient-reverse: linear-gradient(90deg, #ebc991, #755d35);
    --button-bg: #0d0d0d;
    --button-text: #ffffff;
    --button-hover-bg: #1a1a1a;
    --button-hover-text: #ebc991;

    /* Dark Palette */
    --dark-primary: #0d0d0d;
    --dark-secondary: #1a1a1a;
    --dark-tertiary: #2c2c2c;

    /* Text Colors */
    --text-color: #333333;
    --link-color: #755d35;
    --link-hover: #ebc991;

    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size-h1: 42px;
    --font-size-h2: 32px;
    --font-size-h3: 24px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-lead: 18px;

    /* Layout */
    --container-width: 1300px;
    --border-radius-btn: 10px;
    --border-radius-card: 18px;
    --header-style: transparent;
    --footer-bg: #0d0d0d;
}

/* Base Styles */
html { font-size: var(--font-size-base); }
body { font-family: var(--font-body); color: var(--text-color); font-size: var(--font-size-base); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }
p { font-size: var(--font-size-base); }
small, .small, .text-small { font-size: var(--font-size-small); }
.lead { font-size: var(--font-size-lead); }
a { color: var(--link-color); transition: color 0.3s; }
a:hover { color: var(--link-hover); }

.container { max-width: var(--container-width); margin: 0 auto; padding: 0 20px; }

/* Buttons */
.btn { border-radius: var(--border-radius-btn); font-family: var(--font-body); }
.btn-primary { background: var(--button-bg); color: var(--button-text); border: none; }
.btn-primary:hover { background: var(--button-hover-bg); color: var(--button-hover-text); }
.btn-secondary { background: var(--dark-primary); color: white; }
.btn-outline { border: 2px solid var(--gold-primary); color: var(--gold-primary); background: transparent; }
.btn-outline:hover { background: var(--gold-primary); color: var(--dark-primary); }

/* Cards */
.card { border-radius: var(--border-radius-card); }

/* Header */
.site-header { background: transparent; position: absolute; width: 100%; z-index: 100; }
.site-header.scrolled { background: var(--dark-primary); position: fixed; }

/* Footer */
.site-footer { background: var(--footer-bg); color: white; }

/* ===== HACIOĞLU REVIZE CUSTOM CSS ===== */

/* ===== REUSABLE GOLD BAR - TinyMCE'den kullanılabilir ===== */
/* Kullanım: <div class="gold-bar"></div> */
/* Sola yaslanmış: <div class="gold-bar gold-bar-left"></div> */
/* Sağa yaslanmış: <div class="gold-bar gold-bar-right"></div> */
/* Ortalanmış: <div class="gold-bar gold-bar-center"></div> */
.gold-bar {
    display: block;
    width: 33%;
    height: 18px;
    background: 
        linear-gradient(
            65deg,
            transparent 33%,
            rgba(255,255,255,0.85) 33.3%, rgba(255,255,255,0.85) 36.5%,
            transparent 36.8%,
            transparent 41%,
            rgba(255,255,255,0.85) 41.3%, rgba(255,255,255,0.85) 44.5%,
            transparent 44.8%,
            transparent 49%,
            rgba(255,255,255,0.85) 49.3%, rgba(255,255,255,0.85) 52.5%,
            transparent 52.8%,
            transparent 57%,
            rgba(255,255,255,0.85) 57.3%, rgba(255,255,255,0.85) 60.5%,
            transparent 60.8%
        ),
        linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991));
    clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%);
    pointer-events: none;
    margin: 15px 0;
}
.gold-bar-right {
    margin-left: auto;
    clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%);
}
.gold-bar-center {
    margin-left: auto;
    margin-right: auto;
    clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
}
@media (max-width: 768px) {
    .gold-bar { width: 50%; height: 12px; }
}
@media (max-width: 576px) {
    .gold-bar { width: 55%; height: 10px; }
}

/* ===== FONT DECLARATIONS ===== */
@font-face {
    font-family: 'Coranto Headline';
    src: url('../fonts/coranto-headline.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('../fonts/quiet-sans-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('../fonts/quiet-sans-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('../fonts/quiet-sans-semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiet Sans';
    src: url('../fonts/quiet-sans-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===== BODY - Fixed Header için padding-top ===== */
body {
    padding-top: 92px !important;
}

/* ===== FONT APPLICATIONS ===== */
/* P (paragraph) = Montserrat */
body,
p,
span,
li,
td,
th,
label,
input,
textarea,
select,
.btn,
.card-text,
.card-body,
.stat-label,
.timeline-text,
.news-excerpt,
.about-text,
.section-text {
    font-family: 'Montserrat', sans-serif !important;
}

/* H (headings) = Coranto Headline */
h1, h2, h3, h4, h5, h6,
.section-title,
.hero-title,
.hero-subtitle,
.stat-number,
.card-title,
.page-title,
.timeline-title,
.about-section h2,
.about-section h3,
.projects-section h2,
.news-section h2,
.cta-section h2 {
    font-family: 'Coranto Headline', 'Playfair Display', serif !important;
}

/* Menu font - Montserrat for nav */
.main-nav > a,
.main-nav .nav-dropdown > a,
.dropdown-menu a,
.mobile-nav a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}

/* ===== REVIZE 9: Header - SUMMA Tarzı (Antrasit, Sticky, Gold Bar) ===== */

/* Header Base - Antrasit arka plan, sticky */
.site-header {
    background: #1a1a1a !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    height: 92px !important;
    min-height: 92px !important;
    padding: 0 !important;
}

.site-header.scrolled {
    background: #1a1a1a !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

/* Header container padding düzenle - arkaplan full width */
.site-header .container {
    padding: 0 !important;
    height: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Header inner - içerik daha dar, Summa gibi */
.header-inner {
    height: 100% !important;
    padding: 0 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Logo - Summa tarzı kompakt */
.header-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-shrink: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    position: relative !important;
    gap: 0 !important;
}

.header-logo img {
    height: 72px !important;
    width: auto !important;
    max-width: 288px !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: block !important;
}

/* Logo altında gold gradient bar - logo genişliğinde, header bitişiğine sıfır */
.header-logo::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0px !important;
    left: 0 !important;
    width: 100% !important;
    height: 10px !important;
    background: linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991)) !important;
    border-radius: 0 !important;
    z-index: 999 !important;
}

/* Header alt border tamamen kaldır */
.site-header,
.site-header.scrolled {
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ===== REVIZE 7: Butonlar siyah ===== */
.btn-primary,
.hero-btn,
.hero .btn,
.hero-buttons .btn,
.about-section .btn,
.cta-section .btn {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-primary:hover,
.hero-btn:hover,
.hero .btn:hover,
.about-section .btn:hover,
.cta-section .btn:hover {
    background: #1a1a1a !important;
    color: var(--gold-primary) !important;
}

/* Card link'leri de siyah yap */
.card-link,
.news-card .card-link,
.card-footer a {
    color: #0d0d0d !important;
    font-weight: 600 !important;
}

.card-link:hover,
.news-card .card-link:hover,
.card-footer a:hover {
    color: var(--gold-primary) !important;
}

/* ===== REVIZE 1: Hakkımızda - FOKUS PLUS TEK KOLON LAYOUT ===== */

/* Eski about section gizle */
.about-section {
    display: none !important;
}

/* V2 artık kullanılmıyor */
.about-section-v2 {
    display: none !important;
}

/* Yeni About V3 Section - Tek Kolon Dikey Layout */
.about-section-v3 {
    padding: 80px 0 70px;
    background: #f7f6f3;
    position: relative;
}

/* about-section-v3::before gold line kaldırıldı */

.about-v3-inner {
    max-width: 820px;
    margin: 0 auto;
}

/* ÜST: Açıklama Metni */
.about-v3-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: #333 !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
    letter-spacing: 0.01em;
}

/* ORTA: Tırnak İşareti (sol) + Alıntı Yazısı (sağ) - Kutu İçinde */
.about-v3-quote-block {
    margin: 40px 0;
    padding: 0 0 22px 0;
    position: relative;
    display: flex;
    align-items: flex-start;
    background: transparent;
    border: none;
    overflow: visible;
}

/* Kutunun altına gold gradient border */
.about-v3-quote-block::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991));
}

/* Sol: Tırnak işareti kutusu - aynı arka plan */
.about-v3-quote-left {
    flex: 0 0 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: transparent;
}

.about-v3-quote-icon {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 140px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(135deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: block;
    user-select: none;
    padding-top: 10px;
}

/* Sağ: Alıntı yazısı kutusu */
.about-v3-quote-right {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 18px 10px 18px 0;
}

.about-v3-blockquote {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 23px !important;
    line-height: 1.75 !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
    font-style: italic !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    letter-spacing: 0.01em;
}

/* ALT: Devam Metni */
.about-v3-text-secondary {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: #555 !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

/* BUTON */
.about-v3-cta {
    margin-top: 35px;
}

.about-v3-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 34px;
    background: #0d0d0d;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: none;
    transition: all 0.3s ease;
}

.about-v3-btn:hover {
    background: #1a1a1a;
    color: var(--gold-primary, #755d35);
}

.about-v3-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.about-v3-btn:hover i {
    transform: translateX(4px);
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .about-section-v3 {
        padding: 55px 0 45px;
    }
    .about-v3-inner {
        max-width: 100%;
    }
    .about-v3-text {
        font-size: 14px !important;
    }
    .about-v3-quote-block {
        margin: 30px 0;
    }
    .about-v3-quote-left {
        flex: 0 0 74px;
    }
    .about-v3-quote-icon {
        font-size: 100px;
    }
    .about-v3-quote-right {
        padding: 12px 6px 12px 0;
    }
    .about-v3-blockquote {
        font-size: 21px !important;
    }
    .about-v3-text-secondary {
        font-size: 14px !important;
    }
}

@media (max-width: 576px) {
    .about-section-v3 {
        padding: 40px 0 35px;
    }
    .about-v3-text {
        font-size: 13px !important;
        line-height: 1.75 !important;
    }
    .about-v3-quote-block {
        margin: 25px 0;
    }
    .about-v3-quote-left {
        flex: 0 0 58px;
    }
    .about-v3-quote-icon {
        font-size: 80px;
    }
    .about-v3-quote-right {
        padding: 10px 4px 10px 0;
    }
    .about-v3-blockquote {
        font-size: 19px !important;
        line-height: 1.65 !important;
    }
    .about-v3-text-secondary {
        font-size: 13px !important;
    }
    .about-v3-btn {
        padding: 12px 24px;
        font-size: 12px;
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 400px) {
    .about-v3-quote-left {
        flex: 0 0 46px;
    }
    .about-v3-quote-icon {
        font-size: 60px;
    }
    .about-v3-quote-right {
        padding: 8px 2px 8px 0;
    }
    .about-v3-blockquote {
        font-size: 18px !important;
    }
}

/* ===== REVIZE 3 (eski 4): Hero - Summa tarzı, biraz daha büyük ===== */
/* Yeni değerler aşağıda YENİ REVİZELER bölümünde */

/* ===== REVIZE 10: Haberlerden sonra anasayfa bitecek, CTA gizle ===== */
.cta-section {
    display: none !important;
}

/* Timeline section da küçülsün */
.timeline-section {
    display: none !important;
}

/* ===== REVIZE 12: Yazı boyutları daha kompakt ===== */
.hero-title {
    font-size: 48px !important;
    line-height: 1.1 !important;
}

.hero-subtitle {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

.section-title {
    font-size: 32px !important;
}

.card-title {
    font-size: 18px !important;
}

.card-text,
.card-body p {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* ===== REVIZE 2: İkonlar büyüyecek + açıklama alanı ===== */
.stat-icon {
    font-size: 42px !important;
    margin-bottom: 15px !important;
    color: var(--gold-primary, #755d35) !important;
}

.stat-icon i {
    font-size: 42px !important;
}

.stat-item {
    text-align: center !important;
    padding: 30px 20px !important;
}

.stat-value {
    font-size: 36px !important;
    font-weight: 700 !important;
    font-family: 'Coranto Headline', 'Playfair Display', serif !important;
    color: var(--gold-primary, #755d35) !important;
    margin-bottom: 5px !important;
}

.stat-label {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: rgba(255,255,255,0.8) !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* ===== REVIZE 3: Yazı stili (eski about section - artık about-section-v2 kullanılıyor) ===== */

/* ===== REVIZE 11: Projeler sadeleştir - sadece ad ve çalışma alanı ===== */
.project-card .card-body .card-text:not(:first-child) {
    display: none !important;
}

.project-card .card-body {
    padding: 15px 20px !important;
    background: #0d0d0d !important;
}

.project-card .card-title {
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 5px !important;
}

.project-card .card-title a {
    color: #fff !important;
    text-decoration: none !important;
}

.project-card .card-text:first-child {
    font-size: 13px !important;
    color: var(--gold-primary, #755d35) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Proje card detaylarını gizle */
.project-card .card-overlay .card-status {
    display: inline-block !important;
}

.project-card .card-link,
.project-card .card-footer {
    display: none !important;
}

.project-card .card-image {
    height: 200px !important;
    overflow: hidden !important;
}

.project-card .card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Project card hover */
.project-card:hover .card-title {
    font-size: 18px !important;
    color: var(--gold-primary) !important;
}

/* ===== REVIZE 5: Haber Slider Stilleri ===== */
.news-swiper-container {
    position: relative;
    padding: 0;
    max-height: 600px;
    overflow: visible;
}

.news-swiper {
    overflow: hidden;
    max-height: 560px;
}
.news-swiper .swiper-wrapper {
    max-height: 520px;
}

.news-swiper .swiper-slide {
    height: auto !important;
    align-self: stretch;
}

.news-swiper .news-card {
    height: auto;
    max-height: 500px;
    display: flex;
    flex-direction: column;
}

.news-swiper .swiper-button-next,
.news-swiper .swiper-button-prev {
    color: var(--gold-primary, #755d35) !important;
    width: 40px !important;
    height: 40px !important;
}

.news-swiper .swiper-button-next::after,
.news-swiper .swiper-button-prev::after {
    font-size: 20px !important;
}

.news-swiper .swiper-pagination-bullet-active {
    background: var(--gold-primary, #755d35) !important;
}

.news-swiper .swiper-pagination {
    position: relative !important;
    margin-top: 20px !important;
}

/* News grid'i gizle (artık slider var) */
.news-section .news-grid {
    display: flex !important;
}

/* ===== REVIZE: Haberler Antrasit Section ===== */
.news-section.section-cream,
.news-section {
    background: #2a2a2a !important;
    padding: 60px 0 50px !important;
    margin-bottom: 0 !important;
}

/* Section label & title */
.news-section .section-label {
    color: var(--gold-secondary, #ebc991) !important;
}

.news-section .section-title {
    color: #ffffff !important;
}

/* News Card - Antrasit tema */
.news-section .news-card,
.news-section .card {
    background: #1a1a1a !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 0px !important;
    overflow: hidden;
    transition: all 0.3s ease !important;
}

.news-section .news-card:hover,
.news-section .card:hover {
    border-color: rgba(184,134,11,0.3) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3) !important;
    transform: translateY(-4px) !important;
}

/* Card image */
.news-section .card-image {
    height: 200px !important;
    overflow: hidden !important;
}

.news-section .card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.news-section .card:hover .card-image img {
    transform: scale(1.05) !important;
}

/* Card body */
.news-section .card-body {
    padding: 20px !important;
    background: #1a1a1a !important;
}

/* Meta - tarih */
.news-section .news-meta,
.news-section .news-date {
    color: rgba(255,255,255,0.45) !important;
    font-size: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
}

.news-section .news-date i {
    color: var(--gold-primary, #755d35) !important;
}

/* Card title */
.news-section .card-title,
.news-section .card-title a {
    color: #ffffff !important;
    font-family: 'Coranto Headline', 'Playfair Display', serif !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.news-section .card-title a:hover {
    color: var(--gold-secondary, #ebc991) !important;
}

/* Card text */
.news-section .card-text {
    color: rgba(255,255,255,0.55) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Card link */
.news-section .card-link {
    color: var(--gold-secondary, #ebc991) !important;
    font-size: 13px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.news-section .card-link:hover {
    color: #ffffff !important;
}

/* Tüm Haberler butonu */
.news-section .btn-primary {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

.news-section .btn-primary:hover {
    background: #1a1a1a !important;
    color: var(--gold-secondary, #ebc991) !important;
}

/* Swiper navigation - antrasit tema */
.news-section .swiper-button-next,
.news-section .swiper-button-prev {
    color: var(--gold-secondary, #ebc991) !important;
}

.news-section .swiper-pagination-bullet {
    background: rgba(255,255,255,0.3) !important;
}

.news-section .swiper-pagination-bullet-active {
    background: var(--gold-secondary, #ebc991) !important;
}

/* ===== REVIZE: About-News arası boşluk kısalt ===== */
.about-section-v3 {
    padding-bottom: 50px !important;
}

/* News section ile footer geçişi */
.news-section .text-center.mt-5 {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

/* ===== REVIZE 6: RESPONSIVE / MOBİL DÜZEN ===== */

/* TABLET (768px ve altı) */
@media (max-width: 768px) {
    /* Header */
    .site-header {
        min-height: 60px !important;
        padding: 5px 0 !important;
    }

    .header-inner {
        min-height: 50px !important;
        padding: 0 15px !important;
    }

    .header-logo img {
        height: 58px !important;          /* 64 -> -%10 */
        width: auto !important;
        max-width: 230px !important;      /* 256 -> -%10  (GORUNEN boyutu bu bagliyor) */
        max-height: 58px !important;      /* 64 -> -%10 */
    }

    .header-logo::after {
        width: 100% !important;
        height: 10px !important;
        bottom: -5px !important;
    }

    /* Hero - tablet responsive */
    .hero,
    .hero-slider,
    .hero-section {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        aspect-ratio: 1920 / 800 !important;
    }

    .hero .swiper-slide,
    .hero-slider .swiper-slide,
    .hero-slide {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        aspect-ratio: 1920 / 800 !important;
    }

    .hero-title {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    .hero-subtitle {
        font-size: 13px !important;
    }

    .hero-buttons .btn {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }

    /* Sections */
    .section-title {
        font-size: 24px !important;
    }

    .section-label {
        font-size: 12px !important;
    }

    section {
        padding: 40px 0 !important;
    }

    /* About */
    .about-section .about-content {
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .about-section h2 {
        font-size: 24px !important;
    }

    .about-section p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Eski about quote/info panel kuralları kaldırıldı - v2 kullanılıyor */

    /* Stats */
    .stats-section .stats-grid,
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .stat-number {
        font-size: 28px !important;
    }

    .stat-label {
        font-size: 12px !important;
    }

    /* Projects */
    .projects-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .project-card .card-title {
        font-size: 16px !important;
    }

    /* News Slider */
    .news-swiper-container {
        padding: 0 !important;
    }

    .news-swiper .swiper-button-next,
    .news-swiper .swiper-button-prev {
        display: none !important;
    }

    .card-title {
        font-size: 16px !important;
    }

    .card-text,
    .card-body p {
        font-size: 13px !important;
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .footer-logo img {
        height: 50px !important;
    }
}

/* MOBİL (576px ve altı) */
@media (max-width: 576px) {
    /* Header */
    .site-header {
        min-height: 50px !important;
    }

    .header-logo img {
        height: 52px !important;          /* 58 -> -%10 */
        width: auto !important;
        max-width: 209px !important;      /* 232 -> -%10  (GORUNEN boyutu bu bagliyor) */
        max-height: 52px !important;      /* 58 -> -%10 */
    }

    .header-logo::after {
        width: 100% !important;
        height: 10px !important;
        bottom: -5px !important;
    }

    /* Mobile dil değiştiricisi - yan yana flat modern */
.mobile-lang {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 20px 20px !important;
}
.mobile-lang a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    color: rgba(255,255,255,0.6) !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-right: none !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    width: auto !important;
    flex: 1 !important;
}
.mobile-lang a:last-child {
    border-right: 1px solid rgba(255,255,255,0.12) !important;
}
.mobile-lang a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.12) !important;
}
.mobile-lang a.active {
    color: #0d0d0d !important;
    background: var(--gold-gradient, linear-gradient(135deg, #755d35, #ebc991)) !important;
    border-color: transparent !important;
    font-weight: 600 !important;
}
.mobile-lang .lang-flag {
    width: 22px !important;
    height: 15px !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

/* Hamburger menu - her tarayıcıda beyaz */
.mobile-menu-toggle span {
    background-color: #ffffff !important;
}
.mobile-menu-toggle:hover span,
.mobile-menu-toggle:focus span {
    background-color: #ffffff !important;
}
.mobile-menu-toggle.active span {
    background-color: #ffffff !important;
}
    .main-nav {
        display: none !important;
    }

    .mobile-toggle {
        display: flex !important;
    }

    .lang-switcher {
        display: none !important;
    }

    /* Hero - mobil responsive */
    .hero,
    .hero-slider,
    .hero-section {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        aspect-ratio: 1920 / 800 !important;
    }

    .hero .swiper-slide,
    .hero-slider .swiper-slide,
    .hero-slide {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        aspect-ratio: 1920 / 800 !important;
    }

    .hero-slide img,
    .hero-slide video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .hero-title {
        font-size: 24px !important;
        padding: 0 15px !important;
    }

    .hero-subtitle {
        font-size: 12px !important;
        padding: 0 15px !important;
    }

    /* Container */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Sections */
    section {
        padding: 30px 0 !important;
    }

    .section-title {
        font-size: 22px !important;
    }

    /* Stats */
    .stats-section .stats-grid,
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .stat-item {
        padding: 15px 10px !important;
    }

    .stat-number {
        font-size: 24px !important;
    }

    .stat-label {
        font-size: 11px !important;
    }

    /* About */
    .about-section h2 {
        font-size: 22px !important;
    }

    .about-section p {
        font-size: 13px !important;
    }

    .about-section .btn {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }

    /* Eski about quote/info panel mobil kuralları kaldırıldı - v2 kullanılıyor */

    /* News */
    .news-swiper-container {
        padding: 0 !important;
    }

    /* Cards */
    .card-image img {
        height: 180px !important;
        object-fit: cover !important;
    }

    /* Buttons */
    .btn {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }

    .btn-primary {
        font-size: 13px !important;
    }

    /* Footer */
    .site-footer {
        padding: 30px 0 15px !important;
    }

    .footer-bottom {
        font-size: 12px !important;
    }

    /* Scroll to top button */
    .scroll-top {
        width: 35px !important;
        height: 35px !important;
        right: 15px !important;
        bottom: 15px !important;
    }
}

/* ===== REVIZE: News Gold Bar + Görsel Kapsama + Slider Okları ===== */

/* News Section - Başlığı ortala */
.news-section .section-header {
    text-align: center !important;
}

.news-section .section-title {
    text-align: center !important;
}

/* News Section Container - Relative konumlandırma */
.news-section {
    position: relative;
    overflow: visible !important;
    z-index: 5; /* footer(z0) USTUNDE tut — haber altbandi gold cizgisi footer'a gomulmesin. Footer CSS'ine dokunulmadi -> diger sayfalar etkilenmez */
}

/* Gold bar gölgesi için üst/alt sectionlarda da overflow visible */
.news-section + *,
* + .news-section {
    overflow: visible !important;
}

/* News Swiper Container - Relative konumlandırma için */
.news-swiper-container {
    position: relative;
    overflow: visible;
    margin: 0 60px;
}
@media (max-width: 768px) { /* ust bar ile ESIT olcu */
}
@media (max-width: 576px) { /* ust bar ile ESIT olcu */
}

.news-header {
    position: relative;
    display: block;
}

/* News Card Görsel - Tam kapsama */
.news-section .card-image {
    height: 220px !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative;
}

.news-section .card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* Swiper Navigation Butonları - Kare, Hero gibi */
.news-swiper-container .swiper-button-next,
.news-swiper-container .swiper-button-prev {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 15 !important;
    color: #ffffff !important;
}

.news-swiper-container .swiper-button-next:hover,
.news-swiper-container .swiper-button-prev:hover {
    background: rgba(184, 134, 11, 0.85) !important;
    border-color: var(--gold-secondary, #ebc991) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(184, 134, 11, 0.3) !important;
}

.news-swiper-container .swiper-button-next::after,
.news-swiper-container .swiper-button-prev::after {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

.news-swiper-container .swiper-button-next {
    right: -60px !important;
    left: auto !important;
}

.news-swiper-container .swiper-button-prev {
    left: -60px !important;
    right: auto !important;
}

/* News Swiper Pagination */
.news-section .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 25px !important;
    display: flex !important;
    justify-content: center !important;
}

.news-section .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: rgba(255, 255, 255, 0.25) !important;
    margin: 0 6px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.news-section .swiper-pagination-bullet-active {
    background: var(--gold-secondary, #ebc991) !important;
    width: 12px !important;
    height: 12px !important;
}

@media (max-width: 768px) {
@media (max-width: 768px) { /* ust bar ile ESIT olcu */
}
@media (max-width: 576px) { /* ust bar ile ESIT olcu */
}
    
    .news-section .card-image {
        height: 180px !important;
    }
    
    .news-swiper-container .swiper-button-next,
    .news-swiper-container .swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }
    
    .news-swiper-container .swiper-button-next::after,
    .news-swiper-container .swiper-button-prev::after {
        font-size: 16px !important;
    }

    .news-swiper-container {
        margin: 0 40px !important;
    }

    .news-swiper-container .swiper-button-next {
        right: -45px !important;
    }

    .news-swiper-container .swiper-button-prev {
        left: -45px !important;
    }
}

@media (max-width: 576px) {
@media (max-width: 768px) { /* ust bar ile ESIT olcu */
}
@media (max-width: 576px) { /* ust bar ile ESIT olcu */
}
    
    .news-section .card-image {
        height: 150px !important;
    }
    
    .news-swiper-container {
        padding: 0 !important;
        margin: 0 35px !important;
    }
    
    .news-swiper-container .swiper-button-next,
    .news-swiper-container .swiper-button-prev {
        width: 32px !important;
        height: 32px !important;
    }

    .news-swiper-container .swiper-button-next {
        right: -38px !important;
    }

    .news-swiper-container .swiper-button-prev {
        left: -38px !important;
    }
}

/* KÜÇÜK MOBİL (400px ve altı) */
@media (max-width: 400px) {
    .hero,
    .hero-slider,
    .hero-section {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        aspect-ratio: 1920 / 800 !important;
    }

    .hero .swiper-slide,
    .hero-slider .swiper-slide,
    .hero-slide {
        height: auto !important;
        min-height: unset !important;
        max-height: unset !important;
        aspect-ratio: 1920 / 800 !important;
    }

    .hero-title {
        font-size: 18px !important;
    }

    .hero-subtitle {
        font-size: 12px !important;
    }

    .section-title {
        font-size: 20px !important;
    }

    .stat-number {
        font-size: 20px !important;
    }

    .stats-section .stats-grid,
    .stats-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

/* ===== YENİ REVİZELER ===== */

/* ===== REVİZE 8: Footer Minimal ===== */
/* Footer logo dikeyde ortala ve büyüt */
.footer-logo {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.footer-logo img {
    max-width: 180px !important;
    height: auto !important;
    padding-bottom: 0 !important;
}

/* ===== REVİZE 3: Hero Slider - Responsive (tam ekran değil) ===== */
.hero,
.hero-slider,
.hero-section {
    height: auto !important;
    aspect-ratio: 1920 / 800 !important;
    max-height: unset !important;
    min-height: unset !important;
}

.hero .swiper-slide,
.hero-slider .swiper-slide,
.hero-slide {
    height: auto !important;
    aspect-ratio: 1920 / 800 !important;
    max-height: unset !important;
    min-height: unset !important;
}

/* ===== MOBİL HERO SLIDER +%20 YÜKSEKLİK ===== */
@media (max-width: 576px) {
.hero,
.hero-slider,
.hero-section {
    height: 57.5vw !important;
    min-height: unset !important;
    aspect-ratio: unset !important;
}
.hero .swiper-slide,
.hero-slider .swiper-slide,
.hero-slide {
    height: 57.5vw !important;
    min-height: unset !important;
    aspect-ratio: unset !important;
}
}

/* Hero - alt border kaldır */
.hero,
.hero-slider,
.hero-section {
    border-bottom: none !important;
    border: none !important;
    outline: none !important;
}

/* Hero içerik - Summa tarzı sol alt pozisyon */
.hero .container {
    position: relative;
    z-index: 10;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 80px;
}

.hero-content {
    max-width: 700px;
    text-align: left !important;
    margin: 0 !important;
}

.hero-title {
    font-size: 54px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em;
}

.hero-subtitle {
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 16px;
}

/* Hero Progress Bar - Dinamik Bar Sistemi (Aktif Gold, Diğerleri Antrasit) */
.hero-progress-bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-width: 1400px;
    height: 20px;
    background: transparent;
    z-index: 20;
    display: flex;
    gap: 1px;
    align-items: flex-end;
    padding: 0 3px;
    justify-content: center;
}

/* Dinamik Bar'lar - Varsayılan Antrasit Renkleri */
.hero-progress-bar .bar {
    flex: 1;
    height: 100%;
    background: #4a4a4a;
    transition: background 0.4s ease;
    position: relative;
    cursor: pointer;
}

.hero-progress-bar .bar:nth-child(odd) {
    background: #2a2a2a;
}

.hero-progress-bar .bar:nth-child(even) {
    background: #4a4a4a;
}

/* Aktif Bar - Gold Gradient */
.hero-progress-bar .bar.active {
    background: linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991));
    box-shadow: 0 0 10px rgba(184, 134, 11, 0.4);
}

/* Arka plan (eski kod - gerekli olmayabilir) */
.hero-progress-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    display: none;
}

/* İlerleme çubuğu (eski kod - gerekli olmayabilir) */
.hero-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: transparent;
    z-index: 2;
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-progress-bar {
        width: 95%;
        height: 14px;
    }
}

@media (max-width: 576px) {
    .hero-progress-bar {
        width: 98%;
        height: 10px;
    }
}

/* ===== REVİZE 5: Summa tarzı sürekli gold gradient line barlar ===== */
/* Bölüm geçişlerinde altın çizgi separator */
.section-gold-divider {
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent 0%, var(--gold-gradient-start, #755d35) 20%, var(--gold-gradient-end, #ebc991) 50%, var(--gold-gradient-start, #755d35) 80%, transparent 100%);
    border: none;
    margin: 0;
    padding: 0;
}

/* Stats section gold top bar */
.stats-section {
    position: relative;
}
.stats-section::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent 0%, var(--gold-gradient-start, #755d35) 20%, var(--gold-gradient-end, #ebc991) 50%, var(--gold-gradient-start, #755d35) 80%, transparent 100%);
}

/* About section gold top bar - artık about-section-v2 içinde tanımlı */

/* Projects section gold top bar - kaldırıldı */

section {
    position: relative;
}

/* ===== REVİZE 4: News section - home beyaz olayı kalk ===== */
/* Beyaz home news arkaplanını kaldır */
.news-section.section-cream {
    background: #2a2a2a !important;
}

/* ===== REVİZE 9 & 10: Projeler - Summa tarzı hover + gold line ===== */

/* PROJELER SAYFASI (projects.php) */
/* Açıklama ve ülke gizle */
.projects-section .project-country,
.projects-section .project-description,
.projects-section .btn-project-details {
    display: none !important;
}

.projects-section .project-content {
    padding: 14px 18px !important;
    background: #ebebeb;
}

.projects-section .project-content h3 {
    font-size: 1.05rem !important;
    margin: 0 0 5px 0 !important;
    color: #1a1a1a !important;
    font-family: 'Coranto Headline', 'Playfair Display', serif !important;
    font-weight: 400 !important;
    transition: color 0.3s ease;
}

.projects-section .project-card:hover .project-content h3 {
    color: var(--gold-primary, #755d35) !important;
}

/* Kategori etiketi projeler sayfasında */
.projects-section .project-card .project-cat-text {
    font-size: 0.72rem;
    color: var(--gold-primary, #755d35);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 600;
    display: block;
}

/* Hover dark overlay */
.projects-section .project-image {
    position: relative;
    overflow: hidden;
}

.project-hover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.4s ease;
    z-index: 2;
}

.project-card:hover .project-hover-overlay {
    background: rgba(0, 0, 0, 0.45) !important;
}

/* Gold bottom line on hover */
.project-hover-gold-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991));
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.project-card:hover .project-hover-gold-line {
    width: 100% !important;
}

/* ANASAYFADAKİ PROJE KARTLARI da aynı stil */
.projects-section .project-card.card .card-body {
    padding: 14px 18px !important;
}

/* Proje kartı - açıklama ve konum gizle (anasayfa) */
.projects-section .project-card .card-location,
.projects-section .project-card .card-text,
.projects-section .project-card .card-link {
    display: none !important;
}

.projects-section .project-card .card-body {
    background: #ebebeb !important;
}

.projects-section .project-card .card-title {
    color: #1a1a1a !important;
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    font-family: 'Coranto Headline', 'Playfair Display', serif !important;
    margin-bottom: 5px !important;
    transition: color 0.3s ease;
}

.projects-section .project-card:hover .card-title {
    color: var(--gold-primary, #755d35) !important;
}

/* Card overlay - sadece kategori badge göster */
.projects-section .project-card .card-overlay {
    background: rgba(0,0,0,0);
    transition: background 0.4s ease;
}

.projects-section .project-card:hover .card-overlay {
    background: rgba(0,0,0,0.4) !important;
}

/* Gold line for home project cards */
.projects-section .project-card .card-image {
    position: relative;
    overflow: hidden;
}

/* ===== REVİZE: Projeler Sayfası - Kategori Başlık Altına ===== */

/* Görseldeki kategori badge'ini gizle */
.projects-section .project-category {
    display: none !important;
}

/* Kategori yazısını başlık altına ekle (data-category'den) */
.projects-section .project-content::before {
    content: attr(data-category) !important;
    display: block !important;
    font-size: 0.72rem !important;
    color: var(--gold-primary, #755d35) !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-bottom: 0 !important;
    order: 2 !important;
    transition: color 0.4s ease !important;
}

/* Başlığı üstte tut, kategori altında */
.projects-section .project-content h3 {
    order: 1 !important;
}

.projects-section .project-country {
    order: 3 !important;
}

.projects-section .project-description {
    order: 4 !important;
}

.projects-section .btn-project-details {
    order: 5 !important;
}

/* Hover'da kategori yazısı rengi */
.projects-section .project-card:hover .project-content::before {
    color: var(--gold-secondary, #ebc991) !important;
}

/* ===== REVİZE: Projeler Sayfası - Summa tarzı Hover Efekti ===== */

/* Project content - transition ve relative konum */
.projects-section .project-content {
    position: relative !important;
    transition: background 0.4s ease, color 0.4s ease !important;
}

/* Gold gradient line - alt kısım (başlangıçta width: 0) */
.projects-section .project-content::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991)) !important;
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 2 !important;
}

/* Hover: Antrasit background */
.projects-section .project-card:hover .project-content {
    background: #1a1a1a !important;
}

/* Hover: Yazıları beyaz yap */
.projects-section .project-card:hover .project-content h3 {
    color: #ffffff !important;
}

.projects-section .project-card:hover .project-country {
    color: rgba(255,255,255,0.6) !important;
}

.projects-section .project-card:hover .project-description {
    color: rgba(255,255,255,0.5) !important;
}

.projects-section .project-card:hover .btn-project-details {
    color: var(--gold-secondary, #ebc991) !important;
}

/* Hover: Gold line genişlesin */
.projects-section .project-card:hover .project-content::after {
    width: 100% !important;
}

/* Tüm yazı elemanlarına transition ekle */
.projects-section .project-content h3,
.projects-section .project-country,
.projects-section .project-description,
.projects-section .btn-project-details {
    transition: color 0.4s ease !important;
}

/* ===== Operasyonlar Sayfası - Sağ Üst Gold Bar ===== */
.projects-section {
    position: relative;
    overflow: visible !important;
}

.projects-grid {
    position: relative;
}

.projects-grid::before {
    content: '';
    display: block;
    position: absolute;
    top: -60px;
    right: 0;
    width: 45%;
    height: 18px;
    background: 
        linear-gradient(
            68deg,
            transparent 68%,
            rgba(255,255,255,0.9) 68.3%, rgba(255,255,255,0.9) 70%,
            transparent 70.3%,
            transparent 72.5%,
            rgba(255,255,255,0.9) 72.8%, rgba(255,255,255,0.9) 74.5%,
            transparent 74.8%,
            transparent 77%,
            rgba(255,255,255,0.9) 77.3%, rgba(255,255,255,0.9) 79%,
            transparent 79.3%,
            transparent 81.5%,
            rgba(255,255,255,0.9) 81.8%, rgba(255,255,255,0.9) 83.5%,
            transparent 83.8%
        ),
        linear-gradient(90deg, var(--gold-gradient-start, #755d35), var(--gold-gradient-end, #ebc991));
    clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%);
    z-index: 2;
    pointer-events: none;
}

/* ===== Filtreleme alt çizgi kaldırıldı (yedek: border-bottom: 2px solid #e0e0e0) ===== */
.filter-tabs {
    border-bottom: none !important;
}

/* ===== REVİZE 11: Antrasit arka plan bazı bölümlere ===== */
.projects-section:not(.projects-page .projects-section) {
    background: #FDFCFA !important;
}

/* ===== REVİZE: Tüm breadcrumb'ları gizle (iletişim hariç) ===== */
/* Page banner içindeki breadcrumb'lar - iletişim sayfası hariç tümü gizle */
.page-banner .breadcrumb,
.activity-banner .breadcrumb {
    display: none !important;
}

/* İletişim sayfasında breadcrumb görünür kalacak */
body.page-contact .page-banner .breadcrumb,
.contact-page .page-banner .breadcrumb {
    display: flex !important;
}

/* Breadcrumb spacing & icon alignment */
.breadcrumb {
    gap: 10px;
}

.breadcrumb .fas.fa-chevron-right {
    line-height: 1.5 !important;
}

/* ===== REVİZE 2 (Faaliyetler): İkon açıklamaları ekle, görseller büyüsün ===== */
/* Activities page card görselleri büyüsün */
.page-banner {
    height: 550px !important;
    min-height: 450px !important;
}

/* Activities ikon kartları - açıklama ekle */
.activities .item .short-desc {
    font-size: 12px;
    color: #777;
    line-height: 1.5;
    margin-top: 8px;
    font-family: 'Montserrat', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.activities .item.active .short-desc {
    color: rgba(184,134,11,0.8);
}

/* Activities featured section görseli büyüsün */
.featured-section {
    padding: 0 !important;
}

.featured-detail {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.featured-detail::before {
    display: none !important;
}

.featured-inner {
    padding: 50px 70px !important;
    background: #f9f8f6;
}

/* ===== REVİZE 6 (Logonun altında gold parent) ===== */
/* Zaten custom-revize.css'te header-logo::after ile yapılmış */

/* ===== REVİZE Responsive / Mobil ===== */
@media (max-width: 768px) {
    .hero .container {
        padding-bottom: 50px;
    }

    .page-banner {
        height: 380px !important;
        min-height: 300px !important;
    }

    .projects-section .project-content {
        padding: 12px 15px !important;
    }
}

@media (max-width: 576px) {
    .hero .container {
        padding-bottom: 40px;
    }

    .page-banner {
        height: 300px !important;
        min-height: 250px !important;
    }
}


/* ===== NEWS DETAIL PAGE - LIGHT BACKGROUND FIX ===== */
.page-banner.page-banner-small {
    height: 300px !important;
    min-height: 200px !important;
}

.news-detail-section {
    background: #ffffff !important;
    color: #1a1a1a;
}

.news-detail-section .news-title {
    color: #1a1a1a !important;
}

.news-detail-section .news-excerpt {
    color: #555555 !important;
}

.news-detail-section .news-content {
    color: #333333;
}

.news-detail-section .news-date,
.news-detail-section .news-category {
    color: #666666;
}


/* ===== REVIZE: HABERLER SLIDER — MOBIL (sadece <=767px) =====
   Sorun: mobil "oklari gizle" kurali (L~938) dosyanin ilerisindeki global
   ".news-swiper-container .swiper-button-*" kurali ile AYNI specificity'de
   (0,2,0) ve o kural daha sonra geldigi icin `display:flex !important` kazaniyordu
   -> oklar mobilde gorunuyordu. Bu blok dosya SONUNDA oldugu icin sira ile kazanir.
   Masaustu (>=768px) hic etkilenmez. */
@media (max-width: 767px) {
    /* 1) Oklar kalkti — yerine dokunmatik kaydirma (Swiper native swipe) */
    .news-swiper-container .swiper-button-next,
    .news-swiper-container .swiper-button-prev,
    .news-swiper .swiper-button-next,
    .news-swiper .swiper-button-prev,
    .news-section .swiper-button-next,
    .news-section .swiper-button-prev {
        display: none !important;
    }

    /* 2) Oklarin yeri bosaldi -> slider tam genislik.
       Kenar bosluklarini ust .container (padding: 0 15px) verir. */
    .news-swiper-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3) Peek: sonraki kart konteyner kenarinda kesilsin (slidesPerView:1.15 ile) */
    .news-swiper {
        overflow: hidden !important;
    }

    /* 4) UX: yatay swipe akici olsun, dikey sayfa scroll'u engellenmesin */
    .news-swiper .swiper-wrapper {
        touch-action: pan-y;
    }

    /* 5) Kaydirma ipucu: pagination biraz daha belirgin (tek dokunma hedefi) */
    .news-section .swiper-pagination {
        margin-top: 18px !important;
    }
    .news-section .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        margin: 0 5px !important;
    }
    .news-section .swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important;
    }
}


/* ═══════════════ HABERLER — DEKORATIF GOLD BARLAR (SVG) ═══════════════
   Section'in ust-sol ve alt-sag kenarinda, disariya tasan dekoratif seritler.
   Onceki surum bu barlari CSS gradient + clip-path ile ciziyordu (6 tekrarli
   tanim + ic ice @media). Artik tek kaynak: assets/svg/*.svg

   Tasarim notlari:
   - SVG'ler tek parca kompozisyon (masaustu 1850x34, mobil 290x9): blok+serit+bar
     hepsi cizimin icinde. Kutu genisligi %72 -> kompozisyonun TAMAMI oransal olarak
     kuculur; kirpma/parcalama YOK, dekor kenardan kenara uzanmaz.
   - aspect-ratio viewBox orani ile BIREBIR => background-size:100% 100% gerilme
     YAPMAZ; capraz kesim acisi ve serit kalinliklari korunur.
   - Tasma kendi yuksekliginin YUZDESI (translateY) -> ekran buyudukce bar da
     buyur, tasma orani sabit kalir. Sabit px kullanilsaydi denge bozulurdu.
   - Salt dekoratif: pointer-events yok, HTML'de aria-hidden.
   - z-index:30 -> footer birlesiminde barlar ustte kalir. */
.news-gold-bar,
.news-gold-bar-bottom {
    position: absolute;
    width: 52%;                       /* dekor: kose vurgusu. %72-86 "neredeyse tam ekran"
                                         goruntusu veriyordu -> bar bozuk gibi okunuyordu. */
    max-width: 900px;                 /* ultra-genis ekranda asiri buyumesin */
    /* KALINLIK: cizim orani 1850/34; paydayi 34 -> 47.6 (x1.4) buyuterek bar dikeyde
       %40 kalinlasir. Bar kisaltilinca (1180->900px) yukseklik 21.7->16.5px'e dusmustu
       ("ciliz"). Oran kirildigi icin cizim dikeyde gerilir; bu SVG'lere
       preserveAspectRatio="none" eklendigi icin bant degil GERME olur. Tek yan etki:
       capraz kesim acisi bir miktar dikleşir (dekor icin kabul edilebilir). */
    aspect-ratio: 1850 / 47.6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 30;
}

/* Ust serit — sol yapisik, section'in USTUNE tasar */
.news-gold-bar {
    top: 0;
    /* -10px: kutu olculerek left:0'da (tam yapisik) dogrulandi, ama gercek cihazda
       (iOS Safari) kosede bosluk goruluyordu ve masaustu emulasyonunda uretilemedi.
       Sebep bulunamadigi icin sonuc garantiye alindi: bar sol kenarin 10px disina
       tasar -> kose her cihazda kesin yapisik. Kirpilan kisim cizimin duz altin
       blogu (mobil 0-52px, masaustu 0-238px) -> gorsel kayip yok.
       body{overflow-x:hidden} oldugu icin yatay kaydirma olusmaz. */
    left: -10px;
    transform: translateY(-55%);
    background-image: url('../svg/dekstop2-2.svg');
}

/* Alt serit — sag yapisik, FOOTER'in uzerine tasar */
.news-gold-bar-bottom {
    bottom: 0;
    right: -10px;                     /* bkz. .news-gold-bar aciklamasi */
    transform: translateY(55%);
    background-image: url('../svg/desktop1.svg');
}

/* Tablet/mobil (<=768px): dar ekran icin ayri cizim — serit sayisi az, oran farkli */
@media (max-width: 768px) {
    .news-gold-bar,
    .news-gold-bar-bottom {
        /* MOBIL: kisa dursun, tutundugu uca tam yapissin (musteri karari 2026-07-16).
           Dar ekranda oransal olarak biraz daha uzun; yoksa bar cok kucuk kalir. */
        width: 62%;
        max-width: none;
        /* KALINLIK — mobil: cizim orani 290/9; payda 9 -> 17 (x1.9).
           12.6 (x1.4) hala ince kaldi (390px ekranda 10.5px) -> 17 ile ~14.2px.
           Masaustu 1850/47.6 (x1.4) DEGISMEDI — talep yalnizca mobil icindi. */
        aspect-ratio: 290 / 17;
    }
    .news-gold-bar        { background-image: url('../svg/mobile2.svg'); }
    .news-gold-bar-bottom { background-image: url('../svg/mobile1.svg'); }
}

/* Hareket azaltma tercihi: dekor sabit kalsin (zaten animasyonsuz) — ek kural gerekmiyor */


/* ═══════════════ ANASAYFA — CEO MESAJI ═══════════════
   Hakkimizda bolumunun ("Devamini Oku" butonunun) hemen altinda, ayri <section>.
   Arka plan ve kolon genisligi .about-section-v3 ile BIREBIR esitlendi (#f7f6f3 / 820px)
   -> gorsel olarak ayni bolumun devami gibi akar, dikis gorunmez.
   Icerik DB'den (home_ceo_*), font ailesi .about-v3-blockquote ile ayni (Georgia italic).
   Altin ton: --gold-primary (#ddb778) krem zeminde okunmaz (kontrast 1.9:1);
   #a8823c gorseldeki tonu verir ve buyuk/kalin metin icin erisilebilir (3.9:1). */
.home-ceo-section {
    background: #f7f6f3;              /* = .about-section-v3 */
    padding: 0 0 70px;                /* ust bosluk about'un 50px padding-bottom'undan gelir */
}
.home-ceo-message {
    max-width: 820px;                 /* = .about-v3-inner */
    margin: 0 auto;
    padding: 38px 42px 34px;
    border: 1px solid #e6e2d9;
    background: transparent;
}
.home-ceo-title {
    /* font-family YOK: global "h1..h6 { font-family:'Coranto Headline' !important }"
       kurali zaten sitenin baslik serif'ini veriyor ve gorseldeki tona uyuyor.
       Burada Georgia tanimlasaydim ezilir, olu kural olarak kalirdi. */
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #a8823c;
    margin: 0 0 22px;
    line-height: 1.3;
}
/* Govde: alinti blogu ile ayni tipografi ailesi (Georgia italic) */
.home-ceo-body p {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-style: italic;
    font-size: 16px;
    line-height: 1.75;
    color: #2c2c2c;
    margin: 0 0 18px;
}
.home-ceo-body p:last-child { margin-bottom: 0; }
/* Imza: altin cizgi + isim ayni satirda */
.home-ceo-sign {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}
.home-ceo-rule {
    flex: 0 0 42px;
    height: 2px;
    background: #a8823c;
}
.home-ceo-name {
    /* !important sart: global Montserrat kurali span'i sans-serif'e cekiyordu,
       gorselde ise imza serif. Baslikla ayni aile -> imza blogu butun gorunur. */
    font-family: 'Coranto Headline', 'Playfair Display', Georgia, serif !important;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #1a1a1a;
}
/* Unvan: isimle hizali (cizgi 42px + gap 14px = 56px girinti).
   MASAUSTU: unvan ve sirket TEK SATIR, aralarinda " - " ayraci (musteri talebi).
   MOBIL (<=768): ayrac gizlenir, sirket alt satira duser (ilk tasarimdaki gibi).
   nowrap sadece masaustunde: kutuda 678px bosluk var, metin ~350px -> tasma yok. */
.home-ceo-role {
    white-space: nowrap;
    margin: 8px 0 0 56px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #6b6b6b;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .home-ceo-section { padding: 0 0 50px; }
    .home-ceo-message { padding: 28px 22px 26px; }
    .home-ceo-title   { font-size: 17px; margin-bottom: 18px; letter-spacing: 1px; }
    .home-ceo-body p  { font-size: 15px; line-height: 1.72; margin-bottom: 16px; }
    .home-ceo-sign    { margin-top: 26px; gap: 12px; }
    .home-ceo-rule    { flex-basis: 32px; }
    .home-ceo-name    { font-size: 16px; }
    .home-ceo-role    { margin-left: 44px; font-size: 10px; letter-spacing: 1.2px;
                        white-space: normal; }   /* mobil: alt alta serbest */
    .home-ceo-role-sep     { display: none; }    /* mobilde ayrac yok */
    .home-ceo-role-company { display: block; }   /* mobilde sirket alt satirda */
}
@media (max-width: 480px) {
    .home-ceo-message { padding: 24px 18px 22px; }
    .home-ceo-body p  { font-size: 14.5px; }
    .home-ceo-name    { font-size: 15px; }
}