/* Genel Sıfırlama ve Temel Stiller */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 1.6;
    background-color: #fff;
    color: #333;
    overflow-x: hidden;
}

body.fullscreen-menu-active {
    overflow: hidden;
}

/* Navbar Stilleri */
.navbar {
    background-color: #ffffff;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; /* Fullscreen menu will be 1000 or higher */
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    height: 100%;
    padding: 0 25px;
}

.navbar-logo img,
.fullscreen-menu-logo img {
    height: 45px;
    display: block;
}

.nav-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin-right: auto;
    padding-left: 30px;
}

.nav-item {
    margin-left: 25px; /* Adjusted for more languages if needed */
}

.nav-item:first-child {
    margin-left: 0;
}

.nav-link {
    color: #2c3e50;
    text-decoration: none;
    font-size: 0.95rem; /* Slightly smaller to accommodate more languages */
    font-weight: 500;
    padding: 8px 10px; /* Adjusted padding */
    border-radius: 4px;
    position: relative;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #c8a75a;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #c8a75a;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link:hover::after {
    width: 80%;
}

.navbar-right-elements {
    display: flex;
    align-items: center;
    gap: 20px; /* Space between lang switcher and menu icon */
}

.lang-switcher-desktop {
    display: flex;
    align-items: center;
    font-size: 0.85rem; /* Smaller font for more languages */
    font-weight: 500;
}

.lang-switcher-desktop .lang-link {
    color: #555;
    text-decoration: none;
    padding: 5px;
    margin: 0 2px; /* Space between lang links */
    transition: color 0.3s ease;
    border-radius: 3px;
}

.lang-switcher-desktop .lang-link.active {
    color: #c8a75a;
    font-weight: 700;
}

.lang-switcher-desktop .lang-link:not(.active):hover {
    color: #c8a75a;
    background-color: rgba(200, 167, 90, 0.05);
}

/* Mobil Menü Hamburger İkonu (Açma Butonu) */
.menu-icon {
    display: none;
    width: 28px;
    height: 22px;
    position: relative;
    cursor: pointer;
    z-index: 1000; /* Navbar'ın üzerinde olmalı */
}

.menu-icon .line {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #2c3e50;
    border-radius: 3px;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-icon .line1 { top: 0; }
.menu-icon .line2 { top: 50%; transform: translateY(-50%); }
.menu-icon .line3 { bottom: 0; }

/* Optional: Hamburger animates to X when it opens the menu */
.menu-icon.opened .line1 {
    transform: translateY(calc(11px - 1.5px)) rotate(45deg);
}
.menu-icon.opened .line2 {
    opacity: 0;
}
.menu-icon.opened .line3 {
    transform: translateY(calc(-11px + 1.5px)) rotate(-45deg);
}


/* Tam Ekran Mobil Menü Stilleri */
.fullscreen-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    z-index: 1001; /* Her şeyin üzerinde */
    display: flex;
    flex-direction: column; /* Top bar and content */
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%); /* Sağdan kayarak gelmesi için */
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                visibility 0s linear 0.45s,
                transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.fullscreen-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
    transition-delay: 0s;
}

.fullscreen-menu-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
    height: 80px; /* Navbar ile aynı yükseklik */
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05); /* Subtle separator */
}

.fullscreen-close-icon {
    width: 28px;
    height: 22px;
    position: relative;
    cursor: pointer;
}

.fullscreen-close-icon .line { /* X için çizgiler */
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #2c3e50;
    border-radius: 3px;
    top: 50%;
    left: 50%;
}

.fullscreen-close-icon .line-close1 {
    transform: translate(-50%, -50%) rotate(45deg);
}
.fullscreen-close-icon .line-close2 {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.fullscreen-menu-content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 80px; /* Top bar yüksekliği kadar boşluk bırakabilir */
}

.fullscreen-nav {
    list-style: none;
}

.fullscreen-nav li {
    margin: 20px 0; /* Reduced margin for more items */
    opacity: 0;
    transform: translateY(25px);
}

.fullscreen-menu.active .fullscreen-nav li {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
}

.fullscreen-menu.active .fullscreen-nav li:nth-child(1) { transition-delay: 0.20s; }
.fullscreen-menu.active .fullscreen-nav li:nth-child(2) { transition-delay: 0.25s; }
.fullscreen-menu.active .fullscreen-nav li:nth-child(3) { transition-delay: 0.30s; }
.fullscreen-menu.active .fullscreen-nav li:nth-child(4) { transition-delay: 0.35s; }
.fullscreen-menu.active .fullscreen-nav li:nth-child(5) { transition-delay: 0.40s; }
.fullscreen-menu.active .fullscreen-nav li:nth-child(6) { transition-delay: 0.45s; } /* Dil switcher için */


.fullscreen-nav-link {
    font-size: 2rem; /* Adjusted for more links potentially */
    color: #2c3e50;
    text-decoration: none;
    padding: 8px 20px; /* Adjusted padding */
    display: block;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.fullscreen-nav-link:hover {
    color: #c8a75a;
    letter-spacing: 1.5px;
}

.fullscreen-lang-switcher-item {
    margin-top: 30px !important; /* Adjusted margin */
}

.fullscreen-lang-switcher {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem; /* Adjusted font size */
}

.fullscreen-lang-switcher .fullscreen-lang-link {
    color: #555;
    text-decoration: none;
    padding: 5px 8px; /* Adjusted padding */
    margin: 0 3px; /* Adjusted margin */
    transition: color 0.3s ease;
    font-weight: 500;
    border-radius: 3px;
}

.fullscreen-lang-switcher .fullscreen-lang-link.active {
    color: #c8a75a;
    font-weight: 700;
}

.fullscreen-lang-switcher .fullscreen-lang-link:not(.active):hover {
    color: #c8a75a;
    background-color: rgba(200, 167, 90, 0.05);
}

/* Responsive Ayarlamalar */
@media screen and (max-width: 1024px) { /* Adjusted breakpoint for language switcher */
    .nav-item { margin-left: 15px; } /* Reduce space for nav items */
    .nav-link { font-size: 0.9rem; padding: 8px 5px; }
    .lang-switcher-desktop { gap: 0; font-size: 0.8rem; }
    .lang-switcher-desktop .lang-link { margin: 0 1px; padding: 5px 3px;}
    .navbar-right-elements { gap: 15px; }
}


@media screen and (max-width: 991px) {
    .nav-menu,
    .lang-switcher-desktop {
        display: none;
    }
    .menu-icon {
        display: block;
    }
    .navbar-right-elements {
        gap: 0; /* Hamburger will be the only item */
    }
    .navbar-container {
        padding: 0 20px;
    }
    .fullscreen-nav-link {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 480px) {
    .navbar-logo img,
    .fullscreen-menu-logo img {
        height: 40px;
    }
    .fullscreen-menu-top-bar { height: 70px; padding: 0 15px; }
    .fullscreen-nav-link { font-size: 1.6rem; }
    .fullscreen-lang-switcher { font-size: 1.1rem; }
    .navbar { height: 70px; }
    .navbar-container { padding: 0 15px; }
}

/* =============================================== */
/* PREMIUM FOOTER STYLES (v2)          */
/* =============================================== */

.site-footer-premium {
    background-color: #101010; /* Çok koyu, neredeyse siyah */
    color: #bcbcbc; /* Genel metin için daha açık, yumuşak gri */
    padding: 80px 0 40px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Yeni font ailesi */
    font-weight: 400; /* Genel font ağırlığı */
    border-top: 4px solid #c8a75a; /* Üstte altın rengi daha belirgin bir çizgi */
    overflow: hidden; /* İçerik taşmalarını engelle */
}

.footer-container-premium {
    width: 100%;
    max-width: 1180px; /* Biraz daha daraltılmış container */
    margin: 0 auto;
    padding: 0 20px; /* Kenar boşlukları */
    
}

/* Footer Üst Kısım: Logo ve Slogan */
.footer-premium-top {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #252525; /* Daha yumuşak bir ayırıcı */
}

.footer-premium-logo-link {
    display: inline-block;
    margin-bottom: 20px;
}

.footer-premium-logo-img {
    max-height: 55px; /* Logo yüksekliği */
    width: auto;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.footer-premium-logo-link:hover .footer-premium-logo-img {
    opacity: 0.9;
    transform: scale(1.05);
}

/* Siyah logoyu beyaza çevirmek için CSS filtresi */
/* BU YÖNTEM SADECE BASİT, TEK RENK SİYAH LOGOLARDA İYİ SONUÇ VERİR! */
/* EN İYİSİ AYRI BİR BEYAZ LOGO DOSYASI KULLANMAKTIR (logo-white.png) */
.footer-logo-filtered-white {
    filter: brightness(0) invert(1);
}

.footer-premium-slogan {
    font-size: 1.15rem; /* Biraz daha büyük slogan */
    color: #d5d5d5;
    font-style: normal; /* İtalik yerine normal */
    font-weight: 300; /* İnce slogan */
    letter-spacing: 0.3px;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Footer Ana Kısım: Sütunlar */
.footer-premium-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px; /* Sütunlar arası boşluk */
    margin-bottom: 60px;
}

.footer-premium-column {
    flex: 1;
    min-width: 260px;
    padding: 0 10px;
}

.footer-premium-heading {
    color: #ffffff;
    font-size: 1rem; /* 16px - daha zarif başlık boyutu */
    margin-bottom: 20px;
    font-weight: 600; /* Yarı-kalın başlıklar */
    letter-spacing: 0.5px; /* Harf aralığı */
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
}

.footer-premium-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px; /* Daha kısa çizgi */
    height: 2.5px; /* Biraz daha kalın çizgi */
    background-color: #c8a75a;
}

.footer-premium-links {
    list-style: none;
    padding: 0;
}

.footer-premium-links li {
    margin-bottom: 10px;
}

.footer-premium-links li a,
.footer-premium-contact a {
    color: #bcbcbc;
    text-decoration: none;
    font-weight: 400;
    transition: color 0.25s ease, padding-left 0.25s ease;
}

.footer-premium-links li a:hover,
.footer-premium-contact a:hover {
    color: #c8a75a;
    padding-left: 4px;
}

.footer-premium-contact p {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start; /* İkon ve çok satırlı metin hizalaması için */
}

.footer-premium-contact i {
    color: #c8a75a;
    margin-right: 10px;
    font-size: 0.95rem;
    width: 18px;
    text-align: center;
    margin-top: 4px; /* Metinle dikey hizalama için ince ayar */
}
.footer-premium-contact span {
    line-height: 1.6; /* Metin için satır yüksekliği */
}


/* Sosyal Medya İkonları */
.footer-premium-social {
    margin-top: 5px;
    display: flex;
    gap: 12px;
}

.footer-premium-social a {
    color: #bcbcbc;
    font-size: 1.4rem; /* Biraz daha küçük ikonlar */
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid #333; /* Daha belirgin çerçeve */
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

.footer-premium-social a:hover {
    color: #101010;
    background-color: #c8a75a;
    border-color: #c8a75a;
    transform: translateY(-2px) scale(1.05); /* Hafif yukarı ve büyüme */
}

/* Footer Alt Kısım */
.footer-premium-bottom {
    text-align: center;
    padding-top: 30px;
    margin-top: 20px; /* Üst kısımla boşluk azaltıldı */
    border-top: 1px solid #252525;
    font-size: 0.8rem; /* Daha küçük alt metin */
    color: #888;
    line-height: 1.7;
}
.footer-premium-bottom p {
    margin: 4px 0;
}
.footer-premium-bottom .made-with-love {
    font-weight: 400;
}
.footer-premium-bottom .made-with-love i {
    font-size: 0.85em;
    margin-left: 2px;
    color: #c8a75a; /* Yıldız rengi */
}


/* Premium Footer Responsive Ayarlamaları */
@media screen and (max-width: 991px) {
    .footer-premium-main {
        gap: 30px;
    }
    .footer-premium-column {
        min-width: calc(50% - 30px); /* Tablette iki sütun */
        padding: 0 5px;
    }
}

@media screen and (max-width: 767px) {
    .site-footer-premium {
        padding: 50px 0 25px 0;
    }
    .footer-premium-top {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .footer-premium-logo-img {
        max-height: 45px;
    }
    .footer-premium-slogan {
        font-size: 1rem;
    }
    .footer-premium-main {
        flex-direction: column;
        gap: 35px;
    }
    .footer-premium-column {
        min-width: 100%;
        text-align: center;
        padding: 0;
    }
    .footer-premium-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .footer-premium-contact p {
        justify-content: center;
        text-align: left; /* Mobil için sola yaslı olabilir ama ikonla ortalı */
        padding: 0 10%; /* Mobil için metin genişliğini biraz kısıtla */
    }
     .footer-premium-contact p i {
        margin-top: 2px; /* Mobil için ince ayar */
    }
    .footer-premium-social {
        justify-content: center;
    }
    .footer-premium-bottom {
        margin-top: 30px;
    }
}


/* =============================================== */
/* V3 HOMEPAGE STYLES (Sade ve Klasik Premium)   */
/* =============================================== */

/* Genel v3 Sayfa Ayarları ve Yardımcı Sınıflar */
.v3-homepage .section-padding-v3 {
    padding: 90px 0;
}

.v3-homepage .bg-light-v3 {
    background-color: #f8f9fa; /* Temiz, çok açık gri */
}

.v3-homepage .bg-dark-v3 {
    background-color: #181818; /* Koyu arkaplan, siyaha yakın */
    color: #fff;
}

.v3-homepage .container {
    width: 100%;
    max-width: 1160px; /* Konteyner genişliği */
    margin: 0 auto;
    padding: 0 20px;
}

.v3-homepage .text-center {
    text-align: center;
}

.v3-homepage .v3-section-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; /* Şık bir serif font */
    font-size: 2.8rem; /* 44.8px */
    font-weight: 700; /* Kalın başlıklar */
    color: #1f2937; /* Koyu mavi-gri tonu */
    margin-bottom: 15px;
    line-height: 1.25;
}

.v3-homepage .bg-dark-v3 .v3-section-title,
.v3-homepage .bg-dark-v3 .v3-section-subtitle {
    color: #fff;
}

.v3-homepage .v3-section-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Temiz sans-serif */
    font-size: 1.1rem; /* 17.6px */
    color: #566573; /* Yumuşak gri */
    max-width: 720px;
    margin: 0 auto 60px auto;
    line-height: 1.7;
    font-weight: 400;
}

.v3-homepage .v3-lead-paragraph {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.15rem; /* 18.4px */
    color: #495057;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 400;
}

/* v3 Buton Stilleri */
.v3-homepage .btn {
    display: inline-block;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 14px 32px;
    font-size: 0.95rem; /* 15.2px */
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px; /* Hafif yuvarlak köşeler */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    border: 2px solid transparent;
    letter-spacing: 0.5px;
    text-transform: uppercase; /* Buton metni büyük harf */
}

.v3-homepage .btn-primary {
    background-color: #c8a75a; /* Ana vurgu rengi */
    color: #ffffff;
    border-color: #c8a75a;
}

.v3-homepage .btn-primary:hover {
    background-color: #b89a4e; /* Biraz daha koyu hover */
    border-color: #b89a4e;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(200, 167, 90, 0.25);
}

.v3-homepage .btn-secondary {
    background-color: #343a40; /* Koyu gri */
    color: #ffffff;
    border-color: #343a40;
}

.v3-homepage .btn-secondary:hover {
    background-color: #23272b;
    border-color: #23272b;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}


/* 1. v3 Hero Video Bölümü */
.v3-hero-section {
    height: 70vh; /* Ekran yüksekliğinin %70'i */
    min-height: 500px; /* Minimum yükseklik */
    max-height: 750px; /* Maksimum yükseklik */
    position: relative;
    overflow: hidden; /* Video taşmalarını gizle */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #111; /* Video yüklenemezse görünen renk */
}

.v3-hero-video-wrapper {
    position: absolute;
    top: 50%; /* Videoyu dikeyde ortalamak için */
    left: 0;
    width: 100%;
    height: 150%; /* Videonun üst ve alt kısımlarının taşmasını sağlar, böylece ortası görünür */
    transform: translateY(-50%);
    z-index: 1;
}

#heroVideoV3 {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Videonun alanı orantılı kaplaması */
}

.v3-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)); /* Hafif bir gradyan */
    z-index: 2;
}

.v3-hero-content {
    position: relative;
    z-index: 3;
    color: #fff;
    max-width: 750px; /* İçerik genişliği */
}

.v3-hero-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 3.8rem; /* 60.8px */
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.6);
    opacity: 0;
    transform: translateY(20px);
    animation: v3HeroFadeInUp 1s ease-out 0.3s forwards;
}

.v3-hero-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.25rem; /* 20px */
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 35px;
    opacity: 0;
    transform: translateY(20px);
    animation: v3HeroFadeInUp 1s ease-out 0.6s forwards;
}

.v3-hero-btn {
    opacity: 0;
    transform: translateY(20px);
    animation: v3HeroFadeInUp 1s ease-out 0.9s forwards;
    padding: 16px 35px; /* Buton boyutu */
}

@keyframes v3HeroFadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. v3 Kısa Tanıtım Bölümü */
.v3-about-section {
    background-color: #fff;
}
.v3-about-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px; /* Resim ve metin arası boşluk */
}
.v3-about-image {
    flex: 1 1 400px; /* Esnek genişlik, temel 400px */
    min-width: 300px;
}
.v3-about-image img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* Yumuşak köşeler */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.v3-about-text {
    flex: 1.5 1 500px; /* Metin alanı biraz daha geniş */
    min-width: 300px;
}
.v3-about-text .v3-section-title {
    margin-bottom: 25px;
}
.v3-about-text p {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1rem; /* 16px */
    color: #495057;
    margin-bottom: 20px;
    line-height: 1.75;
    font-weight: 400;
}
.v3-about-btn {
    margin-top: 20px;
}

/* 3. v3 Galeri Bölümü */
.v3-gallery-section .v3-section-subtitle {
    margin-bottom: 70px;
}
.v3-gallery-masonry {
    column-count: 3; /* Masaüstü için 3 sütun */
    column-gap: 20px;
}
.v3-gallery-item {
    margin-bottom: 20px;
    break-inside: avoid-column; /* Öğe bölünmesini engelle */
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease;
}
.v3-gallery-item:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.v3-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v3-gallery-item:hover img {
    transform: scale(1.05);
}
.v3-gallery-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 30, 35, 0.6); /* Koyu overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.35s ease;
    border-radius: 6px;
}
.v3-gallery-item:hover .v3-gallery-item-overlay {
    opacity: 1;
}
.v3-gallery-item-overlay i {
    color: #fff;
    font-size: 2rem; /* Büyüteç ikonu boyutu */
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s ease 0.1s, opacity 0.3s ease 0.1s;
}
.v3-gallery-item:hover .v3-gallery-item-overlay i {
    transform: scale(1);
    opacity: 1;
}

/* 4. v3 SSS Bölümü */
.v3-faq-section {
    background-color: #fff;
}
.v3-faq-accordion {
    max-width: 800px;
    margin: 0 auto;
}
.v3-faq-item {
    background-color: #f8f9fa; /* Soru için hafif arkaplan */
    margin-bottom: 12px;
    border-radius: 8px;
    border: 1px solid #e9ecef; /* İnce border */
}
.v3-faq-question {
    background-color: transparent;
    color: #212529; /* Koyu soru metni */
    cursor: pointer;
    padding: 20px 25px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.05rem; /* 16.8px */
    font-weight: 600;
    transition: color 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.v3-faq-item.active .v3-faq-question,
.v3-faq-question:hover {
    color: #c8a75a; /* Vurgu rengi */
}
.v3-faq-question i {
    font-size: 0.9rem;
    transition: transform 0.3s ease;
}
.v3-faq-item.active .v3-faq-question i {
    transform: rotate(180deg);
}
.v3-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0.25, 0.1, 0.25, 1), padding 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
    background-color: #fff; /* Cevap için beyaz arkaplan */
    border-top: 1px solid #e9ecef; /* Soru ile cevap arası ince çizgi */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.v3-faq-answer p {
    padding: 20px 25px;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.7;
    color: #495057;
    font-size: 0.95rem; /* 15.2px */
    margin: 0;
    font-weight: 400;
}

/* 5. v3 Kapanış / İletişim Çağrısı Bölümü */
.v3-cta-section .v3-cta-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 2.6rem; /* 41.6px */
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.v3-cta-section .v3-cta-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.1rem; /* 17.6px */
    color: rgba(255,255,255,0.85);
    max-width: 650px;
    margin: 0 auto 40px auto;
    line-height: 1.7;
    font-weight: 300;
}
.v3-cta-btn {
    padding: 16px 40px; /* Biraz daha büyük buton */
}

/* v3 Responsive Ayarlamalar */
@media screen and (max-width: 991px) { /* Tablet */
    .v3-homepage .section-padding-v3 { padding: 70px 0; }
    .v3-homepage .v3-section-title { font-size: 2.4rem; }
    .v3-hero-title { font-size: 3rem; }
    .v3-hero-subtitle { font-size: 1.15rem; }
    .v3-about-container { gap: 40px; }
    .v3-about-text { order: 1; } /* Mobil için metin üste */
    .v3-about-image { order: 2; margin-top: 30px; max-width: 380px; margin-left: auto; margin-right: auto;}
    .v3-gallery-masonry { column-count: 2; }
}

@media screen and (max-width: 767px) { /* Mobil */
    .v3-homepage .section-padding-v3 { padding: 60px 0; }
    .v3-homepage .v3-section-title { font-size: 2rem; }
    .v3-homepage .v3-section-subtitle { font-size: 1rem; margin-bottom: 50px; }
    .v3-hero-section { height: 75vh; min-height: 450px; }
    .v3-hero-title { font-size: 2.3rem; }
    .v3-hero-subtitle { font-size: 1.05rem; margin-bottom: 30px; }
    .v3-hero-btn { padding: 14px 28px; font-size: 0.9rem; }
    .v3-about-container { flex-direction: column; text-align: center; }
    .v3-about-text .v3-section-title { text-align: center; }
    .v3-about-btn { margin: 20px auto 0 auto; display: table; }
    .v3-gallery-masonry { column-count: 1; column-gap: 15px; } /* Mobilde tek sütun */
    .v3-gallery-item { margin-bottom: 15px; }
    .v3-faq-question { font-size: 1rem; padding: 18px 20px; }
    .v3-faq-answer p { font-size: 0.9rem; padding: 15px 20px;}
    .v3-cta-section .v3-cta-title { font-size: 2rem; }
    .v3-cta-section .v3-cta-subtitle { font-size: 1rem; }
}

/* =============================================== */
/* V3 HOMEPAGE - PAKETLER BÖLÜMÜ                 */
/* =============================================== */

.v3-homepage .bg-very-light-v3 { /* Paketler bölümü için yeni, çok açık bir arkaplan */
    background-color: #fdfdff; /* Neredeyse beyaz, hafif bir ton farkı */
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.v3-packages-section .v3-section-subtitle {
    margin-bottom: 70px;
}

.v3-packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 35px; /* Kartlar arası boşluk */
}

.v3-package-card {
    background-color: #ffffff;
    border-radius: 10px; /* Daha yuvarlak köşeler */
    box-shadow: 0 8px 25px rgba(44, 62, 80, 0.08); /* Yumuşak, belirgin gölge */
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    border: 1px solid #e9ecef; /* İnce çerçeve */
}

.v3-package-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(44, 62, 80, 0.12);
}

.v3-package-image {
    width: 100%;
    height: 240px; /* Sabit resim yüksekliği */
    overflow: hidden;
}

.v3-package-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmin alanı orantılı kaplaması */
    display: block;
    transition: transform 0.4s ease;
}

.v3-package-card:hover .v3-package-image img {
    transform: scale(1.05); /* Hover'da hafif zoom */
}

.v3-package-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: left; /* İçerik sola yaslı */
}

.v3-package-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.6rem; /* 25.6px */
    font-weight: 700;
    color: #1f2937; /* Koyu başlık */
    margin-bottom: 15px;
    line-height: 1.3;
}

.v3-package-description {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem; /* 15.2px */
    color: #566573; /* Yumuşak açıklama metni */
    line-height: 1.65;
    margin-bottom: 25px;
    flex-grow: 1; /* Butonun en alta itilmesi için */
    min-height: 80px; /* Açıklama alanı için minimum yükseklik */
}

.v3-package-button {
    margin-top: auto; /* Butonu kartın en altına iter */
    align-self: flex-start; /* Butonu sola yaslar */
    display: inline-flex; /* İkonla metni hizalamak için */
    align-items: center;
    padding: 12px 25px !important; /* Buton boyutu için !important gerekebilir */
}

.v3-package-button i.fab.fa-whatsapp {
    font-size: 1.2em; /* WhatsApp ikonu boyutu */
    margin-right: 8px;
}

/* Paketler Bölümü Responsive */
@media screen and (max-width: 767px) {
    .v3-packages-grid {
        grid-template-columns: 1fr; /* Mobilde tek sütun */
        gap: 30px;
    }
    .v3-package-card {
        text-align: center; /* Mobil için kart içeriği ortalı */
    }
    .v3-package-content {
        text-align: center;
    }
    .v3-package-title {
        font-size: 1.45rem;
    }
    .v3-package-description {
        font-size: 0.9rem;
        min-height: auto; /* Mobilde min yükseklik kalkabilir */
    }
    .v3-package-button {
        align-self: center; /* Butonu ortala */
        width: auto; /* Tam genişlik olmasın */
        max-width: 90%;
    }
}



/* =============================================== */
/* V3 PACKAGES PAGE STYLES                       */
/* (assets/css/style.css dosyasına eklenecek)    */
/* =============================================== */

.v3-packages-page {
    background-color: #fff; /* Sayfa geneli için temiz beyaz */
}

/* Paketler Sayfası Başlığı (Banner ile) */
.v3-page-header {
    padding: 100px 0; /* Görselle daha iyi görünmesi için padding artırıldı */
    text-align: center;
    position: relative; /* Overlay için */
    background-image: url('../images/paketler_banner.jpg'); /* Banner görseli yolu */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
}

.v3-page-header::before { /* Okunurluk için overlay katmanı */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55); /* Koyu overlay, opaklığı ayarlayabilirsiniz */
    z-index: 1;
}

.v3-page-header .container { /* Başlık ve alt başlık içeriğinin overlay üzerinde kalması için */
    position: relative;
    z-index: 2;
}

.v3-page-header .v3-page-main-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    color: #fff;
}

.v3-page-header .v3-page-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    color: rgba(255,255,255,0.9);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7;
    font-weight: 300;
}

/* Tekil Paket Gösterim Alanı */
.v3-package-item {
    padding: 80px 0;
    border-bottom: 1px solid #e9ecef;
}

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

.v3-package-item:nth-child(even) {
    background-color: #fdfdff; /* Çok hafif ton farkı */
}

.v3-package-item-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.v3-package-item-image-wrapper {
    flex: 0 0 45%; /* Sol taraf için %45 */
    max-width: 45%;
    position: relative;
}

.v3-package-item-image-wrapper img {
    width: 100%;
    height: auto;
    max-height: 700px; /* Örnek dikey uzun resim için */
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.1);
}

.v3-package-item-details {
    flex: 1; /* Kalan alanı kapla */
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.v3-package-item-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 25px;
    text-align: center; /* Sağ sütun içinde ortalı */
    width: 100%;
}

.v3-package-item-description {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
    color: #495057;
    line-height: 1.75;
    margin-bottom: 30px;
    font-weight: 400;
}

.v3-package-features-title {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
    display: inline-block;
}

.v3-package-item-features {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem;
    color: #566573;
}

.v3-package-item-features li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}

.v3-package-item-features li i.fa-check-circle {
    color: #c8a75a;
    margin-right: 10px;
    font-size: 1.1em;
    margin-top: 3px;
}

.v3-package-price-info {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 25px;
    font-style: italic;
}

/* Güncellenmiş WhatsApp Buton Stili */
.v3-packages-page .btn.v3-package-item-button.btn-whatsapp-custom {
    background-color: transparent;
    border: 2px solid #c8a75a; /* Ana vurgu rengiyle çerçeve */
    color: #c8a75a; /* Ana vurgu renginde metin */
    padding: 12px 28px !important; /* !important gerekebilir, diğer butonlardan padding farklıysa */
    text-transform: none; /* WhatsApp için genellikle küçük harf */
    font-weight: 600;
    letter-spacing: 0.3px;
    box-shadow: none;
    align-self: flex-start; /* Butonu sola yasla */
    margin-top: auto; /* İçerik azsa bile butonu en alta iter */
    display: inline-flex;
    align-items: center;
}

.v3-packages-page .btn.v3-package-item-button.btn-whatsapp-custom:hover {
    background-color: #c8a75a;
    border-color: #c8a75a;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(200, 167, 90, 0.2);
}

.v3-packages-page .btn.v3-package-item-button.btn-whatsapp-custom i.fab.fa-whatsapp {
    font-size: 1.3em;
    margin-right: 10px;
    vertical-align: middle;
}


/* Paketler Sayfası Responsive Ayarları */
@media screen and (max-width: 991px) { /* Tablet */
    .v3-page-header .v3-page-main-title { font-size: 2.5rem; }
    .v3-package-item-container {
        flex-direction: column;
        gap: 30px;
    }
    .v3-package-item-image-wrapper {
        max-width: 100%;
        height: 400px;
    }
    .v3-package-item-image-wrapper img {
        max-height: 400px;
    }
    .v3-package-item-details {
        padding-left: 0;
        text-align: center;
    }
    .v3-package-item-title {
        text-align: center;
        font-size: 2rem;
    }
    .v3-package-features-title {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .v3-package-item-features li {
        justify-content: center;
        text-align: left;
        padding: 0 5%; /* Mobil için madde genişliğini daralt */
    }
    .v3-packages-page .btn.v3-package-item-button.btn-whatsapp-custom { /* Butonu ortala */
        align-self: center;
    }
}

@media screen and (max-width: 576px) { /* Mobil */
    .v3-page-header { padding: 50px 0; }
    .v3-page-header .v3-page-main-title { font-size: 2rem; }
    .v3-page-header .v3-page-subtitle { font-size: 1rem; }
    .v3-package-item { padding: 50px 0; }
    .v3-package-item-image-wrapper {
        height: 300px;
    }
    .v3-package-item-image-wrapper img {
        max-height: 300px;
    }
    .v3-package-item-title {
        font-size: 1.8rem;
    }
    .v3-package-item-description {
        font-size: 0.95rem;
    }
    .v3-package-item-features {
        font-size: 0.9rem;
    }
    .v3-packages-page .btn.v3-package-item-button.btn-whatsapp-custom {
        width: auto; /* Tam genişlik olmasın */
        max-width: 90%;
        padding: 10px 20px !important;
    }
}
/* =============================================== */
/* V3 HAKKIMIZDA PAGE STYLES                     */
/* (assets/css/style.css dosyasına eklenecek)    */
/* =============================================== */

.v3-about-page .section-padding-v3 { /* Hakkımızda sayfası için padding ayarı */
    padding: 90px 0;
}
.v3-about-page .bg-light-v3 {
    background-color: #f8f9fa;
}
.v3-about-page .bg-dark-v3 { /* CTA için aynı koyu arkaplanı kullanabiliriz */
    background-color: #181818;
    color: #fff;
}
.v3-about-page .container {
    width: 100%;
    max-width: 1100px; /* Hakkımızda sayfası için biraz daha dar container */
    margin: 0 auto;
    padding: 0 20px;
}
.v3-about-page .text-center {
    text-align: center;
}

/* Temiz Sayfa Başlığı (Banner Yok) */
.v3-page-title-section-clean {
    padding: 80px 0 70px 0;
    background-color: #fff; /* Veya #f8f9fa gibi çok açık bir renk */
    text-align: center;
    border-bottom: 1px solid #e9ecef;
}
.v3-page-main-title-clean {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 3.2rem; /* 51.2px */
    color: #1f2937;
    margin-bottom: 15px;
    font-weight: 700;
}
.v3-page-subtitle-clean {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.15rem; /* 18.4px */
    color: #566573;
    max-width: 650px;
    margin: 0 auto;
    line-height: 1.7;
    font-weight: 300;
}

/* Giriş Bölümü */
.v3-about-intro-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}
.v3-about-intro-image {
    flex: 1 1 380px; /* Resim alanı */
    min-width: 300px;
}
.v3-about-intro-image img {
    width: 100%;
    height: auto;
    max-height: 550px; /* Resim yüksekliği sınırı */
    object-fit: cover; /* Resmin orantısını koruyarak alanı kaplaması */
    border-radius: 8px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}
.v3-about-intro-text {
    flex: 1.5 1 500px; /* Metin alanı */
}
.v3-section-title-alt { /* Alternatif başlık stili, daha az baskın */
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.5rem; /* 40px */
    color: #2c3e50;
    margin-bottom: 25px;
    line-height: 1.3;
    font-weight: 700;
    border-left: 4px solid #c8a75a; /* Solunda altın rengi çizgi */
    padding-left: 20px;
}
.v3-about-intro-text .v3-lead-paragraph {
    font-size: 1.2rem; /* 19.2px */
    font-weight: 400;
    color: #343a40;
    margin-bottom: 20px;
}
.v3-about-intro-text p:not(.v3-lead-paragraph) {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem; /* 16px */
    color: #5a6878;
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 400;
}

/* Sanatsal Yaklaşım Bölümü */
.v3-artistic-approach-section .v3-section-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.6rem;
    color: #1f2937;
    margin-bottom: 20px;
}
.v3-artistic-approach-section .v3-section-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    color: #566573;
    margin-bottom: 60px;
}
.v3-approach-points {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    text-align: left; /* Madde içerikleri sola yaslı */
}
.v3-approach-point {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.v3-approach-point:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.v3-approach-icon {
    font-size: 2.5rem; /* 40px */
    color: #c8a75a;
    margin-bottom: 20px;
    line-height: 1;
    text-align: center; /* İkonu ortala */
    width: 100%;
}
.v3-approach-point h3 {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.25rem; /* 20px */
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 10px;
    text-align: center;
}
.v3-approach-point p {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem; /* 15.2px */
    color: #5a6878;
    line-height: 1.7;
    text-align: center;
    font-weight: 400;
}

/* Neden Ben? Bölümü */
.v3-why-me-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}
.v3-why-me-text {
    flex: 1.5 1 500px;
}
.v3-why-me-text .v3-section-title-alt {
    font-size: 2.2rem; /* Biraz daha küçük */
}
.v3-why-me-text p:first-of-type { /* Başlık altındaki ilk paragraf */
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    color: #495057;
    margin-bottom: 25px;
    line-height: 1.7;
    font-weight: 400;
}
.v3-why-me-text ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.v3-why-me-text ul li {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
    color: #5a6878;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    line-height: 1.6;
    font-weight: 400;
}
.v3-why-me-text ul li i {
    position: absolute;
    left: 0;
    top: 5px;
    color: #c8a75a;
    font-size: 1.1em;
}
.v3-why-me-image {
    flex: 1 1 400px;
    min-width: 300px;
}
.v3-why-me-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* İletişim Çağrısı (CTA) Bölümü (Anasayfadaki .v3-cta-section stilini kullanabilir) */
/* .v3-about-page .v3-cta-section {} Eğer özel bir stil gerekirse buraya */
.v3-about-page .v3-cta-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.6rem;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.v3-about-page .v3-cta-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    color: rgba(255,255,255,0.85);
    max-width: 650px;
    margin: 0 auto 40px auto;
    line-height: 1.7;
    font-weight: 300;
}


/* Hakkımızda Sayfası Responsive Ayarları */
@media screen and (max-width: 991px) { /* Tablet */
    .v3-about-page .section-padding-v3 { padding: 70px 0; }
    .v3-page-main-title-clean { font-size: 2.8rem; }
    .v3-section-title-alt { font-size: 2.2rem; }
    .v3-about-intro-container,
    .v3-why-me-content {
        flex-direction: column;
        text-align: center;
    }
    .v3-about-intro-image,
    .v3-why-me-image {
        order: -1; /* Resmi üste al */
        max-width: 450px;
        margin: 0 auto 40px auto;
    }
    .v3-about-intro-text .v3-section-title-alt,
    .v3-why-me-text .v3-section-title-alt {
        text-align: center;
        border-left: none;
        padding-left: 0;
        border-bottom: 3px solid #c8a75a; /* Ortada alta çizgi */
        display: inline-block; /* Çizginin metin kadar olması için */
        margin-bottom: 30px;
    }
     .v3-why-me-text ul li {
        padding-left: 0; /* Madde işaretleri için mobil ayarı */
        text-align: left; /* Liste içeriği sola yaslı kalsın */
    }
    .v3-why-me-text ul li i {
        position: relative; left: -5px; top: 3px; margin-right: 8px; /* İkonu metin başına al */
    }
}

@media screen and (max-width: 767px) { /* Mobil */
    .v3-page-main-title-clean { font-size: 2.2rem; }
    .v3-page-subtitle-clean { font-size: 1rem; }
    .v3-section-title-alt { font-size: 2rem; }
    .v3-artistic-approach-section .v3-section-title { font-size: 2rem; }
    .v3-artistic-approach-section .v3-section-subtitle { font-size: 1rem; }
    .v3-approach-points { grid-template-columns: 1fr; } /* Mobilde tek sütun */
    .v3-about-page .v3-cta-title { font-size: 2rem; }
}




/* ==================================================== */
/* V3 CONTACT PAGE STYLES (v3d - Refined Elegance)    */
/* (assets/css/style.css dosyasına eklenecek)         */
/* ==================================================== */

.contact-page-v3d {
    background-color: #f9f9f9; /* Genel sayfa arkaplanı için çok açık gri */
}

.contact-page-v3d .section-padding-v3d {
    padding: 90px 0;
}
@media (max-width: 768px) {
    .contact-page-v3d .section-padding-v3d { padding: 70px 0; }
}

.contact-page-v3d .container-v3d {
    width: 100%;
    max-width: 1140px; /* İçerik için maksimum genişlik */
    margin: 0 auto;
    padding: 0 20px;
}

.contact-page-v3d .text-center {
    text-align: center;
}

/* Sayfa Başlığı */
/* Sayfa Başlığı (Üst Boşluk Artırılmış Hali) */
.contact-page-v3d .page-header-v3d {
    padding: 130px 0 70px 0; /* YENİ HALİ: Üst padding 80px'den 130px'e çıkarıldı */
    background-color: #fff; 
    border-bottom: 1px solid #e9ecef; 
}
.contact-page-v3d .page-title-v3d {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 3rem; /* 48px */
    color: #22272c; /* Koyu, sofistike başlık */
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1.2;
}
.contact-page-v3d .page-subtitle-v3d {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem; /* 17.6px */
    color: #6c757d; /* Yumuşak alt başlık rengi */
    max-width: 750px;
    margin: 0 auto;
    line-height: 1.7;
    font-weight: 400;
}

/* Ana İçerik Sarmalayıcısı */
.contact-content-wrapper-v3d {
    /* Arkaplanı ana sayfa ile aynı: .contact-page-v3d background-color: #f9f9f9; */
}

.contact-layout-v3d { /* Bilgi ve Formu içeren ana grid */
    display: grid;
    grid-template-columns: 1fr; /* Mobil için tek sütun */
    gap: 40px; /* Mobil için dikey boşluk */
    background-color: #ffffff; /* Gridin iç arkaplanı beyaz */
    padding: 50px; /* Grid çevresine iç boşluk */
    border-radius: 10px; /* Grid alanına yumuşak köşe */
    box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.1); /* Hafif, yayvan gölge */
}
@media (min-width: 992px) { /* Masaüstü için iki sütun */
    .contact-layout-v3d {
        grid-template-columns: minmax(340px, 0.9fr) 1.1fr; /* Sol (bilgi) biraz daha dar, sağ (form) biraz daha geniş */
        gap: 60px; /* Sütunlar arası boşluk */
        padding: 60px 70px; /* Masaüstü için daha fazla iç boşluk */
    }
}

/* Blok Başlıkları (İletişim Detayları / Mesaj Bırakın) */
.contact-section-heading-v3d {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.9rem; /* 30.4px - Daha zarif başlık boyutu */
    color: #22272c;
    margin-bottom: 25px;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px; /* Çizgi için yer */
}
.contact-section-heading-v3d::after { /* Başlık altı zarif çizgi */
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #c8a75a; /* Altın vurgu */
}

/* Sol Blok: İletişim Bilgileri */
.contact-details-block-v3d {
    /* Arkaplanı .contact-layout-v3d'den alıyor */
}
.contact-section-intro-v3d {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem; /* 15.2px */
    color: #5a687b;
    margin-bottom: 30px;
    line-height: 1.75;
    font-weight: 400;
}
.contact-info-item-v3d {
    display: flex;
    align-items: flex-start; /* İkon ve uzun metinler için daha iyi hizalama */
    margin-bottom: 25px; /* Öğeler arası daha fazla boşluk */
}
.contact-info-item-v3d i { /* Genel ikon stili */
    font-size: 1.2rem; /* 19.2px */
    color: #c8a75a;
    margin-right: 18px;
    width: 20px; /* İkon için hizalama alanı */
    text-align: center;
    margin-top: 5px; /* Dikey hizalama için ince ayar */
}
.contact-info-item-v3d .info-text strong {
    display: block;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem; /* 16px - Başlıklar daha belirgin */
    font-weight: 600;
    color: #22272c;
    margin-bottom: 6px;
}
.contact-info-item-v3d .info-text span,
.contact-info-item-v3d .info-text a {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem; /* 15.2px */
    color: #5a687b;
    text-decoration: none;
    line-height: 1.6;
    font-weight: 400;
    transition: color 0.25s ease;
}
.contact-info-item-v3d .info-text a:hover {
    color: #c8a75a;
    text-decoration: underline;
}

.contact-social-heading-v3d {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.05rem; /* 16.8px */
    font-weight: 600;
    color: #22272c;
    margin-top: 40px;
    margin-bottom: 18px;
}
.contact-social-icons-v3d {
    display: flex;
    gap: 18px; /* İkonlar arası boşluk */
}
.contact-social-icons-v3d a {
    color: #4a5568;
    font-size: 1.3rem; /* 20.8px - Sosyal ikonlar biraz daha küçük */
    width: 40px; /* İkon alanı */
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #d8dde3; /* Daha yumuşak border */
    border-radius: 50%;
    transition: all 0.3s ease;
}
.contact-social-icons-v3d a:hover {
    color: #fff;
    border-color: #c8a75a;
    background-color: #c8a75a;
    transform: scale(1.05) translateY(-2px); /* Hafif efekt */
}

/* Sağ Blok: İletişim Formu */
.contact-form-block-v3d {
    /* Arkaplanı .contact-layout-v3d'den alıyor */
}

.form-row-v3d {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* Inputlar arası boşluk */
    margin-bottom: 0; /* .form-group zaten margin alacak */
}
.form-group-v3d {
    margin-bottom: 25px;
    width: 100%; /* Varsayılan tam genişlik */
}
.form-row-v3d .form-group-v3d { /* Yan yana olanlar için margin-bottom'ı sıfırla */
    margin-bottom: 0;
}
.form-group-v3d.half-width { /* Yan yana gelince eşit paylaşım */
    flex: 1;
    min-width: calc(50% - 12.5px); /* Gap'i hesaba kat */
}
.form-group-v3d label {
    display: block;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.85rem; /* 13.6px - Daha küçük, şık etiketler */
    font-weight: 500;
    color: #4a5568;
    margin-bottom: 10px; /* Etiket ve input arası boşluk */
}
.form-group-v3d input[type="text"],
.form-group-v3d input[type="email"],
.form-group-v3d input[type="tel"],
.form-group-v3d textarea {
    width: 100%;
    padding: 15px 20px; /* Daha ferah input */
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.95rem; /* 15.2px */
    color: #22272c; /* Koyu yazı */
    background-color: #fdfdff; /* Neredeyse beyaz input arkaplanı */
    border: 1px solid #d8dde3; /* Yumuşak border */
    border-radius: 6px;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
    line-height: 1.6;
}
.form-group-v3d input[type="text"]::placeholder,
.form-group-v3d input[type="email"]::placeholder,
.form-group-v3d input[type="tel"]::placeholder,
.form-group-v3d textarea::placeholder {
    color: #a0aec0; /* Soluk placeholder */
    font-weight: 400;
}
.form-group-v3d input[type="text"]:focus,
.form-group-v3d input[type="email"]:focus,
.form-group-v3d input[type="tel"]:focus,
.form-group-v3d textarea:focus {
    border-color: #c8a75a;
    background-color: #fff;
    box-shadow: 0 0 0 3.5px rgba(200, 167, 90, 0.15); /* Daha yumuşak altın focus */
    outline: none;
}
.form-group-v3d textarea {
    resize: vertical;
    min-height: 140px;
}
.form-group-v3d label small {
    font-weight: 400;
    color: #718096;
    margin-left: 5px;
    text-transform: lowercase; /* isteğe bağlı küçük harf */
}

.form-submit-area-v3d {
    margin-top: 15px; /* Butonun üstündeki boşluk */
    text-align: right; /* Butonu sağa yasla */
}
.contact-page-v3d .btn.btn-submit-v3d {
    width: auto; /* Tam genişlik olmasın, sağa yaslı */
    min-width: 180px; /* Minimum buton genişliği */
    padding: 15px 35px !important;
    font-size: 0.95rem !important; /* Buton yazı boyutu */
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: #c8a75a;
    border-color: #c8a75a;
    color: #fff;
    border-radius: 6px;
}
.contact-page-v3d .btn.btn-submit-v3d:hover {
    background-color: #b38f4e;
    border-color: #b38f4e;
    transform: translateY(-2px) scale(1.02); /* Hafif hover efekti */
    box-shadow: 0 6px 18px rgba(200, 167, 90, 0.3);
}
.contact-page-v3d .btn.btn-submit-v3d i {
    margin-left: 10px;
    font-size: 0.9em;
    transition: transform 0.3s ease;
}
.contact-page-v3d .btn.btn-submit-v3d:hover i {
    transform: translateX(3px);
}
.contact-page-v3d .btn.btn-submit-v3d:disabled {
    background-color: #cbd5e0;
    border-color: #cbd5e0;
    color: #718096;
}
.contact-page-v3d .btn.btn-submit-v3d:disabled i { margin-right: 8px; }

/* Form Durum Mesajları */
.form-status-v3d {
    margin-top: 20px;
    padding: 12px 18px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: center;
    display: none;
    line-height: 1.6;
    border-width: 1px;
    border-style: solid;
}
.form-status-v3d.success {
    background-color: #e7f4e4;
    color: #2f855a;
    border-color: #cfe0c9;
    display: block;
}
.form-status-v3d.error {
    background-color: #fff5f5;
    color: #c53030;
    border-color: #feb2b2;
    display: block;
}

/* Harita Placeholder (v3b class'ı kalmış, önemli değil) */
.contact-page-v3d .map-placeholder-v3b {
    background-color: #f0f2f5;
}
.contact-page-v3d .map-placeholder-v3b .container-v3b {
    padding-top: 60px;
    padding-bottom: 60px;
}


/* Responsive İyileştirmeler (v3d) */
@media (max-width: 767px) { /* Mobil için ek iyileştirmeler */
    .contact-page-v3d .section-padding-v3d { padding: 50px 0; }
    .contact-page-v3d .page-header-v3d { padding: 50px 0 40px 0; }
    .contact-page-v3d .page-title-v3d { font-size: 2.2rem; }
    .contact-page-v3d .page-subtitle-v3d { font-size: 1rem; }

    .contact-layout-v3d {
        padding: 30px 20px; /* Mobilde grid iç boşluğu */
        gap: 30px; /* Mobil için bloklar arası dikey boşluk */
    }
    .contact-section-heading-v3d { font-size: 1.6rem; margin-bottom:20px; text-align:center;}
    .contact-section-heading-v3d::after {left:50%; transform:translateX(-50%);}
    
    .contact-info-v3c .contact-info-header { /* Mobil için bilgi başlığını da ortala */
        flex-direction: column;
        align-items: center;
    }
    .contact-info-v3c .contact-info-main-icon { margin-right:0; margin-bottom:10px;}

    .form-row-v3d { flex-direction: column; gap: 0; } /* Inputlar alt alta */
    .form-group-v3d.half-width { min-width: 100%; margin-bottom: 25px; }
    .form-row-v3d .form-group-v3d:last-child {margin-bottom:0;} /* Yan yana olanların sonuncusu için */
    
    .form-submit-area-v3d { text-align: center; } /* Butonu mobilde ortala */
    .contact-page-v3d .btn.btn-submit-v3d { width: 100%; max-width:300px; }
}





/* assets/css/style.css - Galeri Stilleri Güncellemesi */

/* Filtre Butonları (Değişiklik Yok - Aynen Kalabilir) */
.v3-gallery-filters {
    margin-bottom: 50px;
    text-align: center; /* Zaten vardı, kontrol amaçlı */
}
.v3-gallery-filters .btn.btn-filter {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    background-color: transparent;
    color: #495057;
    border: 1px solid #d8dde3;
    padding: 10px 22px;
    margin: 5px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s ease;
}
.v3-gallery-filters .btn.btn-filter:hover,
.v3-gallery-filters .btn.btn-filter.active {
    background-color: #c8a75a;
    color: #fff;
    border-color: #c8a75a;
}

/* Masonry Galeri Izgarası - JavaScript ile Yönetilecek */
.v3-gallery-grid-masonry {
    width: 100%;
    /* column-count ve column-gap buradan kaldırıldı. */
    /* Masonry.js bu div'e position: relative ekleyecektir. */
    /* İsteğe bağlı: Eğer JS yüklenmezse diye bir fallback minimum yükseklik */
    min-height: 300px; 
}

/* Masonry Galeri Öğesi */
.v3-gallery-item-masonry {
    /* Genişlikler farklı ekran boyutlarına göre ayarlanacak. 
       Masonry bunları kullanarak sütunları oluşturacak.
       Aşağıdaki genişlikler örnek olup, gutter ile birlikte düşünülmelidir.
       Örn: 3 sütun için %33.333 - gutter payı */
    width: calc(33.333% - 10px); /* Büyük ekranlar için 3 sütun (15px gutter varsayımıyla ~5px her iki yandan) */
    /* Veya Masonry'ye columnWidth opsiyonu ile sabit bir genişlik verilebilir.
       Şimdilik yüzdesel genişlik kullanalım ve JS'de gutter tanımlayalım. */
    margin-bottom: 15px; /* Resimler arası dikey boşluk (Masonry gutter bunu da etkileyebilir) */
    /* break-inside: avoid-column; CSS columns kullanmadığımız için artık gereksiz. */
    position: relative; /* Overlay için zaten vardı */
    overflow: hidden; /* Zaten vardı */
    border-radius: 8px; /* Zaten vardı */
    box-shadow: 0 5px 15px rgba(0,0,0,0.07); /* Zaten vardı */
    transition: box-shadow 0.3s ease; /* Zaten vardı */
    background-color: #eee; /* Resim yüklenene kadar placeholder rengi */
}
.v3-gallery-item-masonry:hover {
     box-shadow: 0 8px 25px rgba(0,0,0,0.12); /* Zaten vardı */
}

.v3-gallery-item-masonry img {
    width: 100%;
    height: auto; /* Orantıyı koru, Masonry bunu kullanacak */
    display: block;
    border-radius: 8px;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.v3-gallery-item-masonry:hover img {
    transform: scale(1.05);
}

/* Overlay ve Title stilleri (Değişiklik Yok - Aynen Kalabilir) */
.v3-gallery-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(26, 32, 44, 0.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.35s ease;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
.v3-gallery-item-masonry:hover .v3-gallery-item-overlay {
    opacity: 1;
}
.v3-gallery-item-overlay i {
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 10px;
    transform: translateY(10px);
    opacity: 0;
    transition: transform 0.3s ease 0.1s, opacity 0.3s ease 0.1s;
}
.v3-gallery-item-overlay .v3-gallery-item-title {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 500;
    transform: translateY(10px);
    opacity: 0;
    transition: transform 0.3s ease 0.15s, opacity 0.3s ease 0.15s;
}
.v3-gallery-item-masonry:hover .v3-gallery-item-overlay i,
.v3-gallery-item-masonry:hover .v3-gallery-item-overlay .v3-gallery-item-title {
    transform: translateY(0);
    opacity: 1;
}

/* Galeri Sayfası Responsive Genişlik Ayarları (JS Masonry için) */
/* Bu genişlikler Masonry'nin sütun sayısını belirlemesine yardımcı olacak */
@media screen and (min-width: 1200px) {
    .v3-gallery-item-masonry {
        width: calc(25% - 12px); /* 4 sütun (15px gutter için (15*3)/4 = 11.25 -> ~12px) */
    }
}
@media screen and (max-width: 1199px) and (min-width: 769px) {
    .v3-gallery-item-masonry {
        width: calc(33.333% - 10px); /* 3 sütun */
    }
}
@media screen and (max-width: 768px) and (min-width: 577px) {
    .v3-gallery-item-masonry {
        width: calc(50% - 8px); /* 2 sütun */
    }
}
@media screen and (max-width: 576px) {
    .v3-gallery-item-masonry {
        width: 100%; /* Tek sütun */
        /* Gutter mobil için JS'de 0 ayarlanabilir veya CSS'de ayarlanır */
    }
}



/* ======================================================= */
/* V4.2 BUSINESS SHOT PAGE STYLES (Ultimate Elegance)   */
/* (assets/css/style.css dosyasına eklenecek)            */
/* ======================================================= */

.v42bs-page {
    overflow-x: hidden;
    background-color: #fff; /* Sayfa geneli için temiz beyaz */
}

.v42bs-page .section-padding-v42bs {
    padding: 100px 0;
}
.v42bs-page .bg-light-v42bs {
    background-color: #f8f9fc; /* Çok açık, neredeyse beyaz */
    border-top: 1px solid #eef0f3;
    border-bottom: 1px solid #eef0f3;
}
.v42bs-page .bg-dark-v42bs {
    background-color: #1f2937; /* Koyu, kurumsal ve şık bir mavi-gri */
    color: #fff;
}
.v42bs-page .container-v42bs {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px;
}
.v42bs-page .text-center-v42bs {
    text-align: center;
}

/* Genel Başlık ve Metin Stilleri */
.v42bs-section-header {
    margin-bottom: 60px;
}
.v42bs-section-heading {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 2.6rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 18px;
    line-height: 1.3;
}
.v42bs-section-heading-alt {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 2.3rem;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 20px;
    line-height: 1.35;
    padding-bottom: 10px;
    position: relative;
}
.v42bs-section-heading-alt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; /* Sol hizalı başlıklar için */
    width: 60px;
    height: 3px;
    background-color: #c8a75a;
}
.v42bs-page .text-center-v42bs .v42bs-section-heading-alt::after { /* Ortalanmış başlıklar için */
    left: 50%;
    transform: translateX(-50%);
}

.v42bs-section-intro {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    color: #525f7f;
    max-width: 800px;
    line-height: 1.8;
    font-weight: 400;
}
.v42bs-page .text-center-v42bs .v42bs-section-intro { margin-left:auto; margin-right:auto;}

.v42bs-lead-paragraph {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.2rem; /* Biraz daha büyük */
    color: #334155;
    margin-bottom: 25px;
    line-height: 1.9; /* Daha ferah */
    font-weight: 400;
}
.v42bs-page p { /* Genel paragraf */
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    color: #5a687b;
    font-weight: 400;
    margin-bottom: 20px;
}

/* Butonlar (v3 buton stillerini miras alabilir veya özelleştirilebilir) */
.v42bs-page .btn {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    padding: 16px 38px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
}
.v42bs-page .btn-primary {
    background-color: #c8a75a;
    color: #fff;
    border-color: #c8a75a;
}
.v42bs-page .btn-primary:hover {
    background-color: #b38f4e;
    border-color: #b38f4e;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(200, 167, 90, 0.25);
}


/* 1. Hero Bölümü */
.v42bs-hero-section {
    height: 80vh;
    min-height: 550px;
    max-height: 800px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    color: #fff;
}
.v42bs-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #1a202c;
}
.v42bs-hero-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.v42bs-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 32, 44, 0.65); /* Koyu, sofistike overlay */
    z-index: 2;
}
.v42bs-hero-content-wrapper {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 0 20px;
}
.v42bs-hero-content-wrapper .container-v42bs { /* Eğer HTML'de bu sarmalayıcıyı kullandıysak */
    /* max-width ve margin zaten .container-v42bs'den geliyor */
}
.v42bs-hero-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 3.5rem; /* 56px */
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    letter-spacing: 0.5px;
}
.v42bs-hero-subtitle {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.2rem; /* 19.2px */
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 40px;
    opacity: 0.9;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.v42bs-hero-cta { /* .btn-primary stilini kullanacak */
    padding: 18px 40px !important;
    font-size: 1.05rem !important;
}

/* 2. Değer Yaratıyoruz Bölümü */
.v42bs-value-section {
    background-color: #fff;
}
.v42bs-value-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}
@media (min-width: 992px) {
    .v42bs-value-grid {
        grid-template-columns: 1.2fr 0.8fr; /* Metin sola, resim sağa */
        gap: 70px;
    }
    .v42bs-value-text { order: 1; }
    .v42bs-value-image { order: 2; }
}
.v42bs-value-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 15px 45px -10px rgba(0,0,0,0.12);
}
.v42bs-value-text .v42bs-section-heading-alt {
    text-align: left; /* Başlık sola yaslı */
}
.v42bs-value-text .v42bs-section-heading-alt::after {
    left: 0; /* Çizgi de sola yaslı */
    transform: none;
}

/* 3. Çözümlerimiz Bölümü */
.v42bs-solutions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}
.v42bs-solution-card {
    background-color: #fff;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0 10px 30px -10px rgba(100, 116, 139, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid transparent; /* Hover için */
}
.v42bs-solution-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px -10px rgba(100, 116, 139, 0.2);
    border-top-color: #c8a75a;
}
.v42bs-solution-icon {
    font-size: 2.8rem;
    color: #c8a75a;
    margin-bottom: 25px;
}
.v42bs-solution-title {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 15px;
}
.v42bs-solution-card p { /* Açıklama */
    font-size: 0.95rem;
    color: #525f7f;
    line-height: 1.65;
    font-weight: 400;
    min-height: 60px; /* Eşit yükseklik için */
}

/* 4. Öne Çıkan Projeler (Yatay Şerit) */
.v42bs-projects-strip-section .v42bs-section-intro {
    margin-bottom: 50px;
}
.v42bs-projects-horizontal-scroll {
    overflow-x: auto;
    padding: 10px 0 25px 0; /* Alt scrollbar için ve item gölgesi için */
    white-space: nowrap; /* Flex yerine bunu da kullanabiliriz */
    -webkit-overflow-scrolling: touch;
}
.v42bs-projects-strip-inner {
    display: inline-flex; /* white-space: nowrap ile uyumlu */
    gap: 25px;
}
.v42bs-project-item {
    width: 380px; /* Her bir proje öğesinin genişliği */
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 25px -5px rgba(100, 116, 139, 0.12);
    overflow: hidden;
    display: flex;
    flex-direction: column; /* Medya üstte, info altta */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    flex-shrink: 0; /* Küçülmeyi engelle */
}
.v42bs-project-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px -5px rgba(100, 116, 139, 0.2);
}
.v42bs-project-media {
    width: 100%;
    height: 220px; /* Medya alanı yüksekliği */
    position: relative;
    overflow: hidden;
    background-color: #eef0f3;
}
.v42bs-project-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.v42bs-project-item:hover .v42bs-project-media img {
    transform: scale(1.04);
}
.v42bs-project-media a { display: block; width:100%; height:100%; position:relative;}

.v42bs-media-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.8rem;
    color: rgba(255,255,255,0.9);
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    opacity: 0; /* Başlangıçta gizli */
}
.v42bs-project-media a:hover .v42bs-media-icon {
    opacity: 1;
    background-color: rgba(200, 167, 90, 0.8); /* Altın rengi hover */
    color: #fff;
}
.v42bs-project-info {
    padding: 20px 25px;
    flex-grow: 1;
    text-align: left;
}
.v42bs-project-title {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.05rem; /* 16.8px */
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 8px;
    line-height: 1.4;
}
.v42bs-project-description {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.85rem; /* 13.6px */
    color: #525f7f;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 0;
    /* Metin kısaltma için (isteğe bağlı)
    height: 4.8em; // Yaklaşık 3 satır
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
}

/* 5. Müşteri Yorumları */
.v42bs-testimonials-section {
    background-color: #fff; /* Temiz arkaplan */
}
.v42bs-testimonials-grid { /* Slider yerine basit grid */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 30px;
    margin-top: 40px;
}
.v42bs-testimonial-card {
    background-color: #f8f9fc;
    padding: 35px;
    border-radius: 10px;
    border: 1px solid #eef0f3;
    text-align: left; /* Yorumlar sola yaslı */
    position: relative;
}
.v42bs-testimonial-quote {
    font-family: 'Georgia', 'Times New Roman', Times, serif;
    font-size: 1.1rem; /* 17.6px */
    color: #334155;
    line-height: 1.8;
    margin-bottom: 25px;
    font-style: italic;
    padding-left: 35px; /* Tırnak için yer */
    position: relative;
}
.v42bs-testimonial-quote::before {
    content: "\f10d"; /* Font Awesome quote-left */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 1.5rem; /* Daha küçük tırnak */
    color: #c8a75a;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0px;
}
.v42bs-testimonial-author-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #eef0f3;
}
.v42bs-author-name {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #1a202c;
    margin: 0;
}
.v42bs-author-company {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.85rem;
    color: #525f7f;
    font-weight: 500;
    margin: 0;
}

/* 6. Final CTA Bölümü (bg-dark-v42bs tanımlı) */
.v42bs-final-cta .v42bs-cta-icon {
    font-size: 3rem;
    color: #c8a75a;
    margin-bottom: 25px;
    display: block;
}
.v42bs-final-cta .v42bs-cta-title-on-dark {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.v42bs-final-cta .v42bs-cta-subtitle-on-dark {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.1rem;
    color: rgba(255,255,255,0.85);
    max-width: 700px;
    margin: 0 auto 40px auto;
    line-height: 1.75;
    font-weight: 300;
}
.v42bs-final-cta-button { /* .btn-primary ve .btn-lg stillerini kullanacak */
    /* padding, font-size vb. zaten tanımlı olmalı */
}

/* Responsive İyileştirmeler (v4.2-bs) */
@media screen and (max-width: 991px) {
    .v42bs-page .section-padding-v42bs { padding: 80px 0; }
    .v42bs-hero-title { font-size: 2.8rem; }
    .v42bs-section-heading { font-size: 2.2rem; }
    .v42bs-section-heading-alt { font-size: 2rem; text-align:center;}
    .v42bs-section-heading-alt::after { left:50%; transform:translateX(-50%);}
    .v42bs-value-grid { grid-template-columns: 1fr; text-align: center; }
    .v42bs-value-image { order: -1; margin-bottom: 30px; max-width: 480px; margin-left:auto; margin-right:auto; }
    .v42bs-solutions-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}

@media screen and (max-width: 767px) {
    .v42bs-page .section-padding-v42bs { padding: 60px 0; }
    .v42bs-hero-title { font-size: 2rem; }
    .v42bs-hero-subtitle { font-size: 1.05rem; }
    .v42bs-section-heading { font-size: 1.9rem; }
    .v42bs-section-heading-alt { font-size: 1.8rem; }
    .v42bs-lead-paragraph { font-size: 1.1rem; }
    .v42bs-project-item { width: 300px; /* Mobilde yatay kaydırma için biraz daha dar */ }
    .v42bs-testimonials-grid { grid-template-columns: 1fr; }
    .v42bs-testimonial-content { padding: 30px 25px; }
    .v42bs-testimonial-quote { font-size: 1rem; }
    .v42bs-final-cta .v42bs-cta-title-on-dark { font-size: 1.9rem; }
}


/* admin_style.css sonuna eklenebilir */
.admin-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 8px; /* Checkbox ve label arası boşluk */
    margin-top: 5px; /* Üstündeki label ile arasına boşluk */
}
.admin-checkbox {
    width: 17px; /* Checkbox boyutu */
    height: 17px;
    accent-color: #007bff; /* İşaretlendiğindeki renk (tarayıcıya göre değişebilir) */
    cursor: pointer;
    position: relative;
    top: -1px; /* Dikey hizalama için ince ayar */
}
.admin-checkbox-label {
    font-weight: normal !important; /* Label'ın genel kalınlığını ezer */
    font-size: 0.9rem !important;   /* Label yazı boyutu */
    color: #495057 !important;     /* Label rengi */
    margin-bottom: 0 !important;   /* Alttaki form-text-admin ile çakışmaması için */
    cursor: pointer;
}

/* assets/css/admin_style.css - Mevcut dashboard stillerinin altına veya sonuna ekleyin */

/* =============================================== */
/* ADMIN PANEL - DASHBOARD EK STİLLERİ           */
/* =============================================== */

.quick-access-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Linkler arası boşluk */
    margin-top: 10px;
    margin-bottom: 15px;
}

.quick-link {
    background-color: #f0f2f5; /* Hafif arkaplan */
    padding: 12px 18px;
    border-radius: 6px;
    color: #334155; /* Koyu metin */
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #dce1e5;
}

.quick-link:hover {
    background-color: #e4e7eb;
    color: #007bff; /* Vurgu rengi */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    text-decoration: none;
}

.quick-link i {
    margin-right: 8px;
    color: #007bff; /* İkon rengi */
    opacity: 0.8;
}
.quick-link:hover i {
    opacity: 1;
}

/* assets/css/admin_style.css - Mevcut stillerin altına ekleyin */

/* =============================================== */
/* ADMIN PANEL - ÇOKLU RESİM ÖNİZLEME STİLİ      */
/* =============================================== */

.image-preview-admin-multiple {
    width: 100%;
    min-height: 100px; 
    border: 2px dashed #dce1e5;
    border-radius: 6px;
    margin-top: 10px;
    padding: 10px;
    display: flex; /* Resimleri yan yana sığdığı kadar diz */
    flex-wrap: wrap; /* Sığmazsa alt satıra geçir */
    gap: 10px; /* Resimler arası boşluk */
    align-items: flex-start;
    background-color: #f8f9fa;
}

.image-preview-admin-multiple .thumb-preview {
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Dosya adı için */
}

.image-preview-admin-multiple .thumb-preview img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.image-preview-admin-multiple .thumb-preview .thumb-name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    color: white;
    font-size: 0.7rem;
    padding: 3px 5px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image-preview-admin-multiple > span { /* "Seçilen resimler..." yazısı için */
    color: #6c757d;
    font-style: italic;
    font-size: 0.9rem;
    align-self: center; /* Dikeyde ortala */
    width: 100%; /* Eğer başka resim yoksa tam genişlik */
    text-align: center;
}

/* assets/css/style.css dosyasının sonuna eklenecek Lightbox2 stilleri */

/* Lightbox Overlay (Karartılmış Arkaplan) */
.lb-dataContainer, 
.lb-container {
    background-color: #fff; /* Resim ve bilgi alanı için beyaz arkaplan */
}
.lightboxOverlay {
    background-color: rgba(26, 32, 44, 0.9) !important; /* Daha koyu ve opak overlay */
}

/* Kapatma Butonu (X) */
.lb-data .lb-close {
    display: block;
    position: absolute;
    top: -35px; /* Resmin biraz üzerinde */
    right: -30px; /* Resmin biraz sağında */
    width: 40px;
    height: 40px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS14Ij48cGF0aCBkPSJNMTggNmwLMTIgMTJNNiA2bDEyIDEyIi8+PC9zdmc+) no-repeat center center; /* Beyaz X ikonu SVG */
    background-size: 24px 24px; /* İkon boyutu */
    opacity: 0.7;
    transition: opacity 0.2s ease;
    text-indent: -9999px; /* "Close" yazısını gizle */
}
.lb-data .lb-close:hover {
    opacity: 1;
}

/* Navigasyon Okları (İleri/Geri) */
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    opacity: 0.6; /* Başlangıçta biraz soluk */
    transition: opacity 0.2s ease;
    width: 40%; /* Okların tıklama alanını genişlet */
}
.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {
    opacity: 1; /* Hover'da belirginleşsin */
}

/* Okların Görünümü (Daha modern oklar için) */
.lb-nav a.lb-prev {
    width: 50px;
    height: 100%;
    left: -10px; /* Resme biraz daha yakın */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWxlZnQiPjxwYXRoIGQ9Im0xNSAxOC02LTYgNi02Ii8+PC9zdmc+) no-repeat center center;
    background-size: 30px 30px;
}
.lb-nav a.lb-next {
    width: 50px;
    height: 100%;
    right: -10px; /* Resme biraz daha yakın */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZht0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSA1IDYgNi02IDYiLz48L3N2Zz4=) no-repeat center center;
    background-size: 30px 30px;
}

/* Resim Bilgileri ve Numaralandırma */
.lb-data .lb-caption {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #444; /* Açık arkaplanda koyu renk */
    padding-top: 10px;
}
.lb-data .lb-number {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 0.8rem;
    color: #777;
    display: block;
    padding-bottom: 10px;
}

/* Yükleniyor İkonu (Lightbox'ın kendi ikonu yerine) */
.lb-loader {
    /* İstersen buraya kendi yükleniyor animasyonunu ekleyebilirsin */
}

/* Resim Kenarlığı ve Konteyner */
.lb-image {
    border: 4px solid #fff; /* Resim etrafında beyaz çerçeve */
    border-radius: 6px; /* Hafif yuvarlak köşeler */
}
.lb-outerContainer {
    border-radius: 8px; /* Dış konteyner için de */
    background-color: #fff; /* Arkaplanı beyaz olsun, overlay zaten karartacak */
}

/* assets/css/style.css - Mevcut stillerin altına ekleyin */

/* =============================================== */
/* V3 HOMEPAGE - GALLERY TEASER STYLES           */
/* =============================================== */

.v3-homepage .v3-gallery-section .v3-section-title { /* Anasayfa galeri başlığı için */
    /* Gerekirse özel stil, mevcut .v3-section-title kullanılabilir */
}
.v3-homepage .v3-gallery-section .v3-section-subtitle { /* Anasayfa galeri alt başlığı için */
     margin-bottom: 50px; /* Izgarayla arasını biraz aç */
}

.v3-homepage-gallery-grid {
    column-count: 3; /* Varsayılan olarak 3 sütun */
    column-gap: 15px; /* Sütunlar arası boşluk */
    width: 100%;
}

.v3-homepage-gallery-item {
    margin-bottom: 15px; /* Resimler arası dikey boşluk */
    break-inside: avoid-column; /* Resimlerin sütunlar arasında bölünmesini engeller */
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    background-color: #e0e0e0; /* Resim yüklenene kadar */
    display: inline-block; /* column-count ile düzgün çalışması için */
    width: 100%; /* Sütun genişliğini doldurur */
}

.v3-homepage-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    transition: transform 0.35s ease;
}

.v3-homepage-gallery-item:hover img {
    transform: scale(1.04);
}






/* Anasayfa Galerisi Responsive Sütun Sayıları */
@media screen and (max-width: 991px) {
    .v3-homepage-gallery-grid {
        column-count: 2; /* Tablette 2 sütun */
    }
}

@media screen and (max-width: 576px) {
    .v3-homepage-gallery-grid {
        column-count: 1; /* Mobilde tek sütun */
        column-gap: 0; /* Tek sütunda gap anlamsız */
    }
    .v3-homepage-gallery-item {
        margin-bottom: 20px; /* Mobilde dikey boşluk biraz daha fazla olabilir */
    }
}

/* Eğer hiç öne çıkan fotoğraf yoksa gösterilecek mesaj için */
.v3-homepage .v3-gallery-no-images p {
    font-size: 1rem;
    color: #6c757d;
}

/* assets/css/admin_style.css - Mevcut stillerin altına ekleyin */

/* =============================================== */
/* ADMIN PANEL - HIZLI ÖNE ÇIKAR BUTONU STİLİ    */
/* =============================================== */

.btn-toggle-featured .fa-star { /* Dolu yıldız (öne çıkan) */
    color: #ffc107; /* Altın sarısı */
    font-size: 1.2em; /* İkonu biraz büyütelim */
}

.btn-toggle-featured .fa-star.featured-star-inactive { /* Boş yıldız (öne çıkmayan) */
    color: #adb5bd; /* Soluk gri */
}

.btn-toggle-featured:hover .fa-star.featured-star-inactive {
    color: #ffda6a; /* Hover'da biraz daha parlak sarı */
}
.btn-toggle-featured:hover .fa-star.featured-star-active {
    color: #e0a800; /* Hover'da biraz daha koyu sarı */
}
.actions-admin.text-center { /* Yıldız ikonunu hücrede ortalamak için */
    text-align: center;
}

/* Gerekirse, .btn-action-admin için genel bir dikey hizalama */
.btn-action-admin {
    vertical-align: middle;
}


/* =============================================== */
/* FOOTER MOBİL HİZALAMA DÜZELTMESİ (ÖNCELİKLİ)  */
/* =============================================== */

@media (max-width: 767px) {
    .site-footer-premium .footer-premium-main {
        display: flex; /* Flexbox'ı aktif et */
        flex-direction: column; /* Öğeleri dikeyde sırala */
        align-items: center; /* Yatayda ortala */
    }

    .site-footer-premium .footer-premium-column {
        width: 100%; /* Sütunlar tam genişlik alsın */
        max-width: 350px; /* Ama çok da yayılmasınlar */
        margin-bottom: 30px; /* Alt alta geldiklerinde aralarında boşluk */
        text-align: center; /* Sütun içindeki tüm metinleri ortala */
    }

    .site-footer-premium .footer-premium-column:last-child {
        margin-bottom: 0; /* Son sütunun alt boşluğunu kaldır */
    }

    .site-footer-premium .footer-premium-links {
        padding-left: 0; /* Liste başındaki boşluğu kaldır */
        list-style: none; /* Liste işaretlerini kaldır */
    }

    .site-footer-premium .footer-premium-links li {
        margin-bottom: 8px; /* Liste elemanları arası boşluk */
    }

    .site-footer-premium .footer-premium-contact p {
        display: flex; /* İkon ve metni yan yana getirmek ve hizalamak için */
        align-items: center; /* Dikeyde ortala */
        justify-content: center; /* İkon ve metni grup olarak ortala */
        margin-bottom: 10px; /* Paragraflar arası boşluk */
    }

    .site-footer-premium .footer-premium-contact p i {
        margin-right: 8px; /* İkonla metin arasına boşluk */
    }
    
    .site-footer-premium .footer-premium-social {
        display: flex; /* İkonları yan yana getirmek için */
        justify-content: center; /* İkonları ortala */
        gap: 15px; /* İkonlar arası boşluk */
    }
}

/* =============================================== */
/* GENEL BUTON STİLLERİ (Eğer yoksa veya eksikse)  */
/* =============================================== */
.btn {
    display: inline-block;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1.5rem; /* Orta boy buton için padding */
    font-size: 0.95rem;
    line-height: 1.6;
    border-radius: 30px; /* Yuvarlak kenarlar */
    text-decoration: none !important; /* ALT ÇİZGİYİ KALDIRIR */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
    text-decoration: none !important; /* Hover'da da alt çizgi olmasın */
}

/* Ana Buton Stili (Gold/Sarı) */
.btn-primary {
    color: #ffffff; /* Yazı rengi */
    background-color: #c8a75a; /* Senin altın/sarı rengin */
    border-color: #c8a75a;
    box-shadow: 0 4px 15px rgba(200, 167, 90, 0.3);
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #b8974a; /* Hover için biraz daha koyu altın */
    border-color: #b08f44;
    box-shadow: 0 6px 20px rgba(200, 167, 90, 0.4);
    transform: translateY(-2px);
}

.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #b8974a;
    border-color: #b08f44;
    box-shadow: 0 0 0 0.2rem rgba(200, 167, 90, 0.5);
}

/* Büyük Buton Stili */
.btn-lg {
    padding: 0.85rem 2rem;
    font-size: 1.1rem;
    line-height: 1.7;
    border-radius: 35px;
}

/* Hakkımızda Sayfası CTA Butonuna Özel Ek Stil (Eğer gerekirse) */
/* Zaten .btn, .btn-primary, .btn-lg class'ları yukarıdaki gibi tanımlıysa, */
/* .v3c-cta-btn class'ına özel bir stil eklemeye gerek kalmayabilir. */
/* Ancak, o bölümdeki diğer butonlardan farklı bir şey istersen burayı kullanabilirsin. */
/* Örneğin, o bölüm karanlık arka plana sahipse butonun rengini değiştirmek isteyebilirsin. */
/* Senin about.php'deki CTA bölümü bg-dark-v3c class'ına sahipti, */
/* yani butonun mevcut btn-primary stili koyu arka planda iyi duracaktır. */

.v3c-cta-about .v3c-cta-btn {
    /* Gerekirse ek özel stiller buraya */
    /* Örneğin, margin-top: 20px; gibi */
    margin-top: 25px;
}

/* Linklerin genel mavi ve altı çizgili olmasını engelleyen genel bir kural (dikkatli kullanılmalı) */
/* Eğer sadece buton class'lı a etiketlerini etkilemek istiyorsak yukarıdaki .btn stili yeterli olmalı. */
/*
a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit; // Bu, linklerin bulundukları yerin yazı rengini almasını sağlar, butonlar için iyi olmayabilir.
}
*/

/* =============================================== */
/* V3 PACKAGES PAGE - MOBİL GÖRÜNÜM DÜZELTMELERİ */
/* =============================================== */

.v3-packages-page .v3-package-item {
    /* Her bir paket bloğu arasında dikey boşluk (mobil için) */
    margin-bottom: 40px;
    border-bottom: 1px solid #eee; /* Paketler arasına ince bir ayırıcı (isteğe bağlı) */
    padding-bottom: 40px; /* Ayırıcı ile içerik arasına boşluk */
}

.v3-packages-page .v3-package-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.v3-packages-page .v3-package-item-container {
    /* Masaüstünde flex ve yan yana olduğunu varsayıyorum. */
    /* Örnek masaüstü: display: flex; align-items: flex-start; gap: 30px; */
}

.v3-packages-page .v3-package-item-image-wrapper {
    /* Masaüstünde belirli bir genişliği olabilir. */
    /* Örnek masaüstü: flex: 0 0 40%; max-width: 40%; */
}

.v3-packages-page .v3-package-item-image-wrapper img {
    width: 100%; /* Resmin sarmalayıcısına tam oturması için */
    height: auto;
    border-radius: 8px; /* Resim köşelerini yumuşat */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* Hafif gölge */
    object-fit: cover; /* Resmin orantısını koruyarak alanı doldurması için */
    max-height: 550px; /* Resimlerin çok uzamasını engelle (isteğe bağlı) */
}

.v3-packages-page .v3-package-item-details {
    /* Masaüstünde belirli bir genişliği olabilir. */
    /* Örnek masaüstü: flex: 1; */
    padding-top: 15px; /* Resim altta kalınca üst boşluk */
}

.v3-packages-page .v3-package-item-title {
    font-family: 'Playfair Display', serif;
    font-size: 2rem; /* Mobil için başlık boyutu */
    margin-bottom: 15px;
    color: #333;
}

.v3-packages-page .v3-package-item-description {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 25px;
}

.v3-packages-page .v3-package-features-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    margin-top: 20px; /* Açıklamadan sonra biraz boşluk */
}

.v3-packages-page .v3-package-item-features {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}

.v3-packages-page .v3-package-item-features li {
    font-size: 0.9rem;
    color: #444;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.v3-packages-page .v3-package-item-features li i {
    color: #c8a75a; /* Vurgu rengi */
    margin-right: 10px;
    font-size: 0.8rem;
}

.v3-packages-page .v3-package-price-info {
    font-size: 1.2rem;
    font-weight: 700;
    color: #c8a75a; /* Vurgu rengi */
    margin-bottom: 25px;
    display: block; /* Tam satır kaplaması için */
}

.v3-packages-page .v3-package-item-button {
    /* Genel .btn ve .btn-primary stillerini almalı */
    /* Ekstra mobil ayarı gerekirse: */
    display: inline-block; /* Butonun metinle birlikte ortalanması için */
    padding: 12px 25px; /* Mobil için buton boyutu */
    font-size: 0.95rem;
}


/* MOBİL GÖRÜNÜM (Örneğin 767px ve altı) */
@media (max-width: 991px) { /* Tablet ve altı için resim ve metin alt alta gelebilir */
    .v3-packages-page .v3-package-item-container {
        flex-direction: column; /* Resim ve detayları alt alta getir */
        align-items: stretch; /* Öğeleri tam genişliğe yay (içerik kendi içinde hizalanacak) */
    }

    .v3-packages-page .v3-package-item-image-wrapper {
        margin-bottom: 30px; /* Resimle metin arasına boşluk */
        /* flex: 0 0 auto; max-width: 100%; */ /* Zaten blok eleman gibi davranacak */
    }
    .v3-packages-page .v3-package-item-image-wrapper img {
        max-height: 350px; /* Mobilde resim yüksekliği biraz daha az olabilir */
    }
}

@media (max-width: 767px) {
    .v3-packages-page .v3-page-header { /* Sayfa başlığı mobil için */
        padding: 60px 0;
    }
    .v3-packages-page .v3-page-main-title {
        font-size: 2.5rem;
    }
    .v3-packages-page .v3-page-subtitle {
        font-size: 1rem;
    }

    .v3-packages-page .v3-package-item-details {
        text-align: center; /* Detayları mobil için ortala */
    }
    .v3-packages-page .v3-package-item-features {
        display: inline-block; /* Özellikler listesini ortalamak için */
        text-align: left; /* Liste içindeki metinler sola yaslı kalsın */
        margin-left: auto;
        margin-right: auto;
    }
    .v3-packages-page .v3-package-item-title {
        font-size: 1.7rem; 
    }
}

/* =============================================== */
/* BUSINESS SHOT SAYFASI - HİZALAMA DÜZELTMELERİ */
/* =============================================== */

/* --- 4a. "Markaya Değer Katan..." Bölümü Metin ve Çizgi Hizalaması --- */
.v42bs-page .v42bs-value-section .v42bs-value-text {
    /* Bu blok zaten sola yaslı olabilir veya grid yapısından dolayı öyle görünebilir. */
    /* Mobil için ortalama ekleyelim. */
}

.v42bs-page .v42bs-value-section .v42bs-section-heading-alt {
    position: relative; /* Alt çizgi için pozisyonlama */
    padding-bottom: 15px; /* Çizgi için boşluk */
    margin-bottom: 25px; /* Paragrafla arasına boşluk */
}

/* Başlık altındaki çizgi (eğer CSS ile ekleniyorsa) */
/* Eğer bu çizgiyi HTML'de ayrı bir <hr> veya <div> ile yapmadıysan, 
   böyle bir ::after pseudo-elementi ile ekleyebiliriz. 
   Eğer zaten varsa ve sadece ortalanması gerekiyorsa, o elemanın CSS'ini düzenleriz.
   Şimdilik, böyle bir çizgi eklendiğini ve ortalandığını varsayıyorum: */
.v42bs-page .v42bs-value-section .v42bs-section-heading-alt::after {
    content: '';
    position: absolute;
    left: 50%; /* Ortalamak için */
    bottom: 0;
    transform: translateX(-50%); /* Tam ortalamak için */
    width: 70px; /* Çizgi genişliği */
    height: 3px;  /* Çizgi kalınlığı */
    background-color: #c8a75a; /* Sitenizin vurgu rengi */
    border-radius: 2px;
}

@media (max-width: 991px) { /* Tablet ve altı için .v42bs-value-grid alt alta geliyordu */
    .v42bs-page .v42bs-value-section .v42bs-value-text {
        text-align: center; /* Metin bloğunu mobil için ortala */
    }
    /* Başlık altındaki çizgi zaten ::after ile ortalanacağı için ekstra bir şeye gerek yok. */
}


/* --- 4b. "Tüm Kurumsal Çalışmalar" Butonunu Ortalamak --- */
/* Bu buton .v42bs-projects-strip-section içindeki .text-center-v41bs (veya v42bs) div'indeydi. */
/* O div'in text-align: center; yapması gerekiyor. */
/* Eğer buton hala ortalanmıyorsa, butona inline-block verip, parent'ını text-center yapabiliriz. */

.v42bs-page .v41bs-projects-strip-section .text-center-v41bs, /* Senin kodunda v41bs idi */
.v42bs-page .v42bs-projects-strip-section .text-center-v42bs { /* veya v42bs ise */
    text-align: center; /* Bu class zaten bunu yapmalı */
    width: 100%; /* Tam genişlikte olup içindekini ortalasın */
}

.v42bs-page .v41bs-more-projects-btn, /* Butonun kendi class'ı */
.v42bs-page .v42bs-projects-strip-section .btn-secondary { /* Veya genel class'ı */
    display: inline-block; /* text-align:center ile ortalanabilmesi için */
    /* Mevcut .btn ve .btn-secondary stillerini alacaktır. */
    /* Ekstra "adam akıllı" görünüm için: */
    padding: 12px 30px; /* Biraz daha dolgun */
    font-size: 0.95rem;
    /* margin-top: 30px; // Zaten inline style ile verilmişti, burada da olabilir */
}

/* ========================================================= */
/* BUSINESS SHOT - "DEĞER KATAN GÖRSELLER" MOBİL ORTALAMA  */
/* ========================================================= */

@media (max-width: 991px) { /* Tablet ve altı için (v42bs-value-grid'in alt alta geldiği nokta) */
    .v42bs-page .v42bs-value-section .v42bs-value-image {
        display: flex; /* İçindeki resmi ortalamak için */
        justify-content: center; /* Resmi yatayda ortala */
        margin-top: 30px; /* Üstteki metin bloğuyla arasına boşluk (eğer metin önceyse) */
                          /* Eğer resim metinden önceyse bu margin-top'a gerek yok, metin bloğuna margin-bottom verilir. */
                          /* Senin HTML yapında metin önce, sonra resim. Bu yüzden resme margin-top. */
    }

    .v42bs-page .v42bs-value-section .v42bs-value-image img {
        max-width: 100%; /* Resmin container dışına taşmamasını sağla */
        height: auto;   /* Oranını koru */
        border-radius: 8px; /* Köşeleri yumuşak kalsın */
        /* Eğer resmin kendisi de container'dan küçükse ve ortalanması gerekiyorsa: */
        /* display: block; margin-left: auto; margin-right: auto; */
        /* Ama üstteki flex ayarları bunu zaten sağlamalı. */
    }
}

@media (max-width: 767px) { /* Sadece telefonlar için ek ayar gerekirse */
    .v42bs-page .v42bs-value-section .v42bs-value-image {
        /* Gerekirse telefonlar için ek ince ayar */
    }
}

/* index.php içindeki <style> bloğuna EKLENECEK veya GÜNCELLENECEK CSS */

/* ============================================================== */
/* ANASAYFA - ÖNE ÇIKAN PAKETLER BÖLÜMÜ - GÖRSEL DÜZELTMESİ      */
/* ============================================================== */

/* Paket Kartlarının genel grid yapısı (Eğer zaten varsa, bu kısmı atlayabilir veya birleştirebilirsin) */
.v3-homepage .v3-packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive sütunlar */
    gap: 30px; /* Kartlar arası boşluk */
    align-items: stretch; /* Farklı yükseklikteki kartların aynı hizada durmasını sağlar */
}

.v3-homepage .v3-packages-section .v3-package-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.07);
    overflow: hidden; 
    display: flex;
    flex-direction: column; /* İçeriği dikeyde sırala */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; /* Grid içinde align-items: stretch ile çalışması için */
}
.v3-homepage .v3-packages-section .v3-package-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

/* Paket Resmi Alanı */
.v3-homepage .v3-packages-section .v3-package-image {
    width: 100%;
    height: auto; /* <<< YÜKSEKLİĞİ OTOMATİK YAPARAK RESMİN TAM GÖRÜNMESİNİ SAĞLAR */
    overflow: hidden; /* Bu kalabilir, resim taşmaz */
    position: relative;
    background-color: #f0f0f0; /* Resim yüklenene kadar geçici arkaplan */
    border-top-left-radius: 10px;  /* Kartın köşe yuvarlaklığı ile uyumlu */
    border-top-right-radius: 10px; 
}

/* Paket Resmi */
.v3-homepage .v3-packages-section .v3-package-image img {
    width: 100%;
    height: auto; /* <<< YÜKSEKLİĞİ OTOMATİK YAPARAK ORANI KORUR */
    /* object-fit: cover; <<< BU SATIRI SİL veya object-fit: contain; YAP */
    object-fit: contain; /* Resmin tamamı sığar, gerekirse boşluk kalır */ 
                         /* Veya bu satırı tamamen silerek de deneyebilirsin, width/height auto ile orantılı kalır. */
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* transition: transform 0.4s ease; // Hover efekti için kalabilir */
}

/* Paket İçeriği Alanı */
.v3-homepage .v3-packages-section .v3-package-content {
    padding: 20px 25px 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Kartın kalan boşluğunu doldurur */
    justify-content: space-between; /* İçeriği dikeyde yayar, butonu aşağı iter */
}

.v3-homepage .v3-packages-section .v3-package-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem; 
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
    min-height: 2.4em; /* Başlıklar için sabit bir yükseklik (2 satır gibi) - hizalama için */
}

.v3-homepage .v3-packages-section .v3-package-description {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1; /* Açıklama alanının esnemesini sağlar */
}

.v3-homepage .v3-packages-section .v3-package-button {
    padding: 10px 20px;
    font-size: 0.9rem;
    margin-top: auto; /* Butonu kartın en altına iter */
    align-self: center; /* Butonu kendi içinde ortalar */
}

/* ================================================================= */
/* V3 PACKAGES PAGE - FOTOĞRAF GÖRÜNÜM (KESİN ve !IMPORTANT ÇÖZÜM) */
/* ================================================================= */

/* Resim sarmalayıcısı */
.v3-packages-page .v3-package-item-image-wrapper {
    width: 100% !important; /* Mobilde ve masaüstünde sarmalayıcı genişliği %100 olsun (parent'ına göre) */
                            /* Masaüstü için flex-basis'i aşağıda ayrıca tanımlayacağız */
    max-width: 100% !important; /* Kendi parent'ının dışına taşmasın */
    height: auto !important;    /* Yüksekliği tamamen içindeki resme bırak */
    overflow: hidden !important; /* Resim border-radius'tan taşmasın */
    border-radius: 8px !important;
    background-color: #f8f9fa !important; /* Resim yüklenene kadar veya şeffafsa */
    display: block !important; /* Flex item içinde doğru davranması için */
}

/* Paket resmi */
.v3-packages-page .v3-package-item-image-wrapper img {
    width: 100% !important;  /* Resim, sarmalayıcısının genişliğine tam olarak uysun */
    height: auto !important; /* Yükseklik, orijinal en-boy oranına göre otomatik ayarlansın */
    display: block !important; /* Altında gereksiz boşluk kalmaması için */
    max-width: 100% !important;
    border-radius: 8px !important; /* Köşeler yuvarlak olsun */
    object-fit: unset !important; /* TÜM object-fit ayarlarını SIFIRLA/KALDIR */
}

/* Masaüstü görünümü için (Resim solda, metin sağda) */
/* Bu @media sorgusu, daha büyük ekranlar için geçerli olacak */
@media (min-width: 768px) { /* Tablet ve üstü için */
    .v3-packages-page .v3-package-item-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important; 
        gap: 30px !important;
    }

    .v3-packages-page .v3-package-item-image-wrapper {
        flex: 0 0 40% !important; /* Resim alanı için genişlik (bu %40'ı geçmeyecek) */
        max-width: 40% !important; /* Genişlik sınırı */
        width: 40% !important; /* Width'i de flex-basis ile aynı tutalım */
    }

    .v3-packages-page .v3-package-item-details {
        flex: 1 !important; 
        text-align: left !important; /* Masaüstünde metinler sola yaslı olsun */
    }
    .v3-packages-page .v3-package-item-features {
        text-align: left !important; /* Özellikler listesi de sola yaslı */
        display: block !important; /* inline-block mobil içindi, burada normal blok */
        margin-left: 0 !important; /* margin auto'yu kaldır */
        margin-right: 0 !important;
    }
     .v3-packages-page .v3-package-item-button {
         align-self: flex-start !important; /* Masaüstünde butonu sola yasla */
    }
}

/* Mobil görünüm için (Alt alta) */
@media (max-width: 767px) {
    .v3-packages-page .v3-package-item-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* İçeriği ortala */
    }

    .v3-packages-page .v3-package-item-image-wrapper {
        flex-basis: auto !important; 
        width: 100% !important;    
        max-width: 450px !important; /* Mobil için resmin maksimum genişliği */
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 25px !important; 
    }
    
    .v3-packages-page .v3-package-item-details {
        width: 100% !important;
        max-width: 500px !important; 
        text-align: center !important; 
    }
    .v3-packages-page .v3-package-item-features {
        display: inline-block !important; 
        text-align: left !important; 
        margin-left: auto !important;
        margin-right: auto !important;
    }
     .v3-packages-page .v3-package-item-button {
         align-self: center !important; 
    }
}

/* ================================================================= */
/* ÖZEL LIGHTBOX'LARDA CAPTION (ALTYAZI) BÖLÜMÜNÜ KESİN GİZLEME   */
/* ================================================================= */

/* Anasayfadaki Özel Lightbox için Caption Gizleme (#customLightboxHomepage) */
/* Bu ID'nin index.php HTML'indeki Lightbox div'inin ID'si olduğundan emin ol. */
#customLightboxHomepage .custom-lightbox-caption {
    display: none !important;
    visibility: hidden !important; /* Ekstra güvence */
    opacity: 0 !important;       /* Ekstra güvence */
    height: 0 !important;         /* Ekstra güvence, yer kaplamasın */
    padding: 0 !important;        /* Ekstra güvence */
    margin: 0 !important;         /* Ekstra güvence */
    font-size: 0 !important;      /* Ekstra güvence */
    line-height: 0 !important;    /* Ekstra güvence */
}

/* Galeri Sayfasındaki Özel Lightbox için Caption Gizleme (#customLightbox) */
/* Bu ID'nin gallery_page.php HTML'indeki Lightbox div'inin ID'si olduğundan emin ol. */
/* Senin kodunda #customLightbox ve içindeki #lightboxCaption idi. */
#customLightbox div#lightboxCaption { /* ID ile daha spesifik hedefleme */
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Eğer gallery_page.php'deki Lightbox'ın ana div ID'si #customLightboxGalleryPage ise: */
/*
#customLightboxGalleryPage .custom-lightbox-caption {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
*//* ... diğer .v3-gallery-page .v3-gallery-item-masonry stilleri ... */
    .v3-gallery-page .v3-gallery-item-overlay {
        display: none !important; /* Overlay'i tamamen gizle */
    }
    /* Aşağıdaki :hover ve iç eleman stillerine artık gerek yok, silebilirsin */
    /* .v3-gallery-page .v3-gallery-item-masonry:hover .v3-gallery-item-overlay { opacity: 1; } */
    /* .v3-gallery-page .v3-gallery-item-overlay i { ... } */
    /* .v3-gallery-page .v3-gallery-item-overlay .v3-gallery-item-title { ... } */
    /* .v3-gallery-page .v3-gallery-item-masonry:hover .v3-gallery-item-overlay i, */
    /* .v3-gallery-page .v3-gallery-item-masonry:hover .v3-gallery-item-overlay .v3-gallery-item-title { ... } */
    /* ... diğer .v3-gallery-page stilleri ... *//* ========================================================= */
/* GALLERY_PAGE.PHP - HOVER OVERLAY'İNİ GİZLEME             */
/* ========================================================= */

.v3-gallery-page .v3-gallery-item-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.v3-homepage .v3-homepage-gallery-item-overlay { 
    display: none !important; /* Overlay'i ve içindekileri tamamen gizle */
    opacity: 0 !important;    /* Ekstra güvence */
    visibility: hidden !important; /* Ekstra güvence */
}


/* index.php içindeki <style> bloğuna EKLENECEK veya GÜNCELLENECEK CSS */

/* ... (mevcut diğer .v3-homepage .v3-homepage-gallery-item stilleri) ... */

.v3-homepage .v3-homepage-gallery-item-overlay { 
    display: none !important; /* Overlay'i ve içindekileri (ikon, başlık/dosya adı) tamamen gizle */
    opacity: 0 !important;    /* Ekstra güvence */
    visibility: hidden !important; /* Ekstra güvence */
}