/* METE Yalıtım - Placeholder Görselleri Tamamen Gizleme */

/* Slider görselleri - Placeholder görselleri her durumda gizle */
.rev_slider .rev-slidebg,
.rev_slider_wrapper .rev-slidebg,
#rev_slider .rev-slidebg,
.tp-bgimg {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

/* Slider container'ına güçlü arka plan */
.rev_slider_wrapper,
.rev_slider,
#rev_slider {
    background: #2b2b2b !important;
}

/* Her slider için sabit arka planlar */
#rev_slider li:nth-child(1),
.rev_slider li:nth-child(1) {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('../img/slider/bg1.jpg') center center/cover !important;
    background-attachment: fixed !important;
}

#rev_slider li:nth-child(2),
.rev_slider li:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed !important;
}

/* 2. slider için ekstra güçlendirme */
#rev_slider .tp-revslider-mainul li:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
}

#rev_slider li:nth-child(3),
.rev_slider li:nth-child(3) {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed !important;
}

/* Slider aktif olduktan sonra da geçerli olsun */
.rev_slider .slotholder,
.rev_slider .tp-bgimg,
.rev_slider .tp-bgimg.defaultimg {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

/* Revolution slider içindeki tüm img elementlerini gizle */
.rev_slider img[src*="slide"],
#rev_slider img[src*="slide"] {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

/* HAKKIMIZDA BÖLÜMÜ - Ana sayfa about görseli */
.col-about-img img,
img[src*="380x370"] {
    opacity: 0 !important;
    visibility: hidden !important;
}

.col-about-img {
    position: relative;
    min-height: 370px;
}

.col-about-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?ixlib=rb-4.0.3&auto=format&fit=crop&w=380&q=80') center center/cover;
    border-radius: 4px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    z-index: 1;
}

/* PROJECTS.HTML SAYFASI PROJELERİ İÇİN - figure:before yöntemi */
.projects .project figure img,
.projects .project img {
    opacity: 0 !important;
    visibility: hidden !important;
}

.projects .project figure {
    position: relative;
    overflow: hidden;
    min-height: 300px;
}

.projects .project figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-size: cover !important;
    background-position: center !important;
}

/* PROJECTS.HTML - Her proje için farklı arka plan görselleri */
.projects .project:nth-child(1) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(2) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(3) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(4) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(5) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(6) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(7) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1505843513577-22bb7d21e455?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(8) figure:before { 
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

/* Blog görselleri için placeholder gizleme - güçlendirilmiş */
.blog-thumbnail-img img,
.blog img {
    opacity: 0 !important;
    visibility: hidden !important;
}

.blog-thumbnail-bg,
.blog-thumbnail-img {
    position: relative;
    min-height: 200px;
}

.blog-thumbnail-bg:before,
.blog-thumbnail-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
    background-position: center !important;
    z-index: 2;
}

/* Blog görselleri */
.blog:nth-child(1) .blog-thumbnail-bg:before,
.blog:nth-child(1) .blog-thumbnail-img:before {
    background: url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=760&q=80') center center/cover;
}

.blog:nth-child(2) .blog-thumbnail-bg:before,
.blog:nth-child(2) .blog-thumbnail-img:before {
    background: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=760&q=80') center center/cover;
}

.blog:nth-child(3) .blog-thumbnail-bg:before,
.blog:nth-child(3) .blog-thumbnail-img:before {
    background: url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=760&q=80') center center/cover;
}

/* DENEYİM BÖLÜMÜ - Text Parallax Background */
.text-parallax {
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center center/cover !important;
}

/* HİZMET İKONLARI için fallback */
.service-item img,
img[src*="icon-"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. SLIDER İÇİN ÖZEL GÜÇLÜ KURALLAR */
#rev_slider ul li:nth-child(2),
#rev_slider .tp-revslider-mainul li:nth-child(2),
.rev_slider ul li:nth-child(2),
.rev_slider .tp-revslider-mainul li:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* 2. slider slide aktifken */
#rev_slider .tp-revslider-mainul li:nth-child(2).active-revslide,
#rev_slider .tp-revslider-mainul li:nth-child(2).next-revslide,
#rev_slider .tp-revslider-mainul li:nth-child(2).current-sr-slide-visible {
    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
}

/* Tüm slider'lar için fallback */

/* INDEX.HTML PROJELERİ CAROUSEL BÖLÜMÜ - GÜÇLÜ ÇÖZÜM */
/* Ana sayfadaki projects section içindeki carousel için */
section.projects .projects-carousel .project,
.section .projects-carousel .project {
    position: relative !important;
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

/* Carousel içindeki tüm img'leri gizle - güçlü seçici */
section.projects .projects-carousel .project img,
section.projects .projects-carousel .project figure img,
.section .projects-carousel .project img,
.section .projects-carousel .project figure img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Her carousel proje için direkt background ekleme - güçlendirilmiş */
section.projects .projects-carousel .project:nth-child(1),
.section .projects-carousel .project:nth-child(1) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(2),
.section .projects-carousel .project:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(3),
.section .projects-carousel .project:nth-child(3) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(4),
.section .projects-carousel .project:nth-child(4) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(5),
.section .projects-carousel .project:nth-child(5) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(6),
.section .projects-carousel .project:nth-child(6) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(7),
.section .projects-carousel .project:nth-child(7) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

section.projects .projects-carousel .project:nth-child(8),
.section .projects-carousel .project:nth-child(8) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1590736969955-71cc94901144?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
}

/* Carousel figure ve figcaption düzenlemeleri - güçlendirilmiş */
section.projects .projects-carousel .project figure,
.section .projects-carousel .project figure {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
    margin: 0 !important;
    background: transparent !important;
}

section.projects .projects-carousel .project figcaption,
.section .projects-carousel .project figcaption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    background: rgba(0,0,0,0.8) !important;
    color: white !important;
    padding: 20px !important;
}

/* PROJECTS.HTML SAYFASI İÇİN AYRI KURALLAR */
/* Projects.html sayfasındaki grid projeler için */
.projects .project {
    position: relative !important;
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

/* Projects.html placeholder img'leri tamamen gizle */
.projects .project img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Projects.html için figure düzenlemesi */
.projects .project figure {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background: transparent !important;
}

.projects .project figcaption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    background: rgba(0,0,0,0.8) !important;
    color: white !important;
    padding: 20px !important;
}

/* MAGNIFIC POPUP GALERİ İÇİN ÖZEL KURALLAR */
/* Popup içindeki placeholder görselleri gizle */
.mfp-img-mobile .mfp-figure img,
.mfp-img .mfp-figure img,
.mfp-figure img[src*="480x880"],
.mfp-figure img[src*="projects/"] {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Popup container'ına background ekle */
.mfp-figure {
    position: relative !important;
}

/* Her popup görseli için ayrı background */
.mfp-figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

/* INDEX.HTML CAROUSEL POPUP GÖRSELLERİ */
/* Carousel projelerine bağlı popup görselleri */
.js-projects-carousel .project:nth-child(1) a[href*="1-480x880"] ~ .mfp-figure:before,
.popup-project-1 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(2) a[href*="2-480x880"] ~ .mfp-figure:before,
.popup-project-2 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(3) a[href*="3-480x880"] ~ .mfp-figure:before,
.popup-project-3 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(4) a[href*="4-480x880"] ~ .mfp-figure:before,
.popup-project-4 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(5) a[href*="5-480x880"] ~ .mfp-figure:before,
.popup-project-5 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(6) a[href*="6-480x880"] ~ .mfp-figure:before,
.popup-project-6 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(7) a[href*="7-480x880"] ~ .mfp-figure:before,
.popup-project-7 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}

.js-projects-carousel .project:nth-child(8) a[href*="8-480x880"] ~ .mfp-figure:before,
.popup-project-8 .mfp-figure:before {
    background-image: url('https://images.unsplash.com/photo-1590736969955-71cc94901144?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&h=1200&q=80') !important;
}
#rev_slider li:nth-child(1) { background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important; }
#rev_slider li:nth-child(2) { background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important; }
#rev_slider li:nth-child(3) { background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important; }

/* INDEX.HTML CAROUSEL PROJELERİ - EN GÜÇLÜ KURALLAR (SON OVERRIDE) */
/* Ana sayfa carousel için mutlak öncelik */
body .projects.section .projects-carousel .project:nth-child(1) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(3) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(4) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(5) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(6) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(7) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

body .projects.section .projects-carousel .project:nth-child(8) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1590736969955-71cc94901144?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&h=600&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
}

/* Index carousel img'leri kesinlikle gizle */
body .projects.section .projects-carousel .project img,
body .projects.section .projects-carousel .project figure img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ANA SAYFA CAROUSEL İÇİN PROJECTS SAYFASI YÖNTEMİ - FIGURE:BEFORE TEKNİĞİ */
/* Ana sayfa carousel'daki figure yapısını hedefle */
.projects-carousel .project figure {
    position: relative !important;
    overflow: hidden !important;
    min-height: 400px !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Ana sayfa carousel figure:before kuralları */
.projects-carousel .project:nth-child(1) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(2) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(3) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(4) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(5) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(6) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(7) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

.projects-carousel .project:nth-child(8) figure:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1590736969955-71cc94901144?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Carousel figcaption'ları üstte görünsün */
.projects-carousel .project figcaption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    background: rgba(0,0,0,0.8) !important;
    color: white !important;
    padding: 20px !important;
}

/* MOBİL GÖRÜNÜM İYİLEŞTİRMELERİ */
/* Genel mobil düzenlemeler */
@media (max-width: 768px) {
    /* Proje başlıkları mobilde daha küçük */
    .project-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }
    
    /* Proje kategori yazıları */
    .project-category {
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin-bottom: 0 !important;
    }
    
    /* Proje figcaption padding'i küçült */
    .project figcaption,
    .projects-carousel .project figcaption {
        padding: 12px !important;
    }
    
    /* Ana sayfa carousel mobil düzenlemesi */
    .projects-carousel .project {
        min-height: 280px !important;
        margin-bottom: 20px !important;
    }
    
    /* Projects.html sayfa projeler mobil düzenlemesi */
    .projects .project {
        min-height: 280px !important;
        margin-bottom: 20px !important;
    }
    
    /* Sayfa başlığı mobil düzenlemesi */
    .main-header h1 {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 20px 0 !important;
    }
    
    /* Container padding'i mobilde küçült */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Section başlıkları mobil */
    .section-title {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    
    /* Mobil header düzenlemeleri */
    .brand-panel .brand {
        font-size: 18px !important;
    }
    
    .brand-name {
        font-size: 12px !important;
    }
    
    .header-phone {
        font-size: 14px !important;
    }
    
    /* Mobil navigation düzenlemeleri */
    .navbar-mobile .brand {
        font-size: 18px !important;
        padding: 15px !important;
    }
    
    /* Form elemanları mobil */
    .form-control {
        font-size: 14px !important;
        padding: 12px !important;
    }
    
    /* Button'lar mobil */
    .btn {
        font-size: 14px !important;
        padding: 12px 24px !important;
    }
    
    /* İletişim adresi mobil */
    .col-address {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }
}

/* Çok küçük ekranlar için ekstra düzenlemeler */
@media (max-width: 480px) {
    /* Proje başlıkları daha da küçük */
    .project-title {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    
    .project-category {
        font-size: 11px !important;
    }
    
    /* Figcaption padding'i daha da küçült */
    .project figcaption,
    .projects-carousel .project figcaption {
        padding: 8px !important;
    }
    
    /* Ana sayfa carousel çok küçük ekran */
    .projects-carousel .project {
        min-height: 250px !important;
    }
    
    /* Projects.html projeler çok küçük ekran */
    .projects .project {
        min-height: 250px !important;
    }
    
    /* Sayfa başlığı çok küçük ekran */
    .main-header h1 {
        font-size: 2rem !important;
        padding: 15px 0 !important;
    }
    
    /* Section başlıkları çok küçük ekran */
    .section-title {
        font-size: 1.5rem !important;
    }
    
    /* Container padding çok küçük ekran */
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Form sütunları çok küçük ekranda tek sütun */
    .col-field {
        margin-bottom: 15px !important;
    }
    
    /* Button'lar çok küçük ekran */
    .btn {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }
}

/* Ana sayfa blog bölümü stilleri */
.blog-post {
    background: #333;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.blog-post:hover {
    transform: translateY(-5px);
}

.blog-post-thumbnail {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.blog-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-post:hover .blog-post-thumbnail img {
    transform: scale(1.1);
}

.blog-post-content {
    padding: 20px;
}

.blog-post-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.blog-post-title a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-post-title a:hover {
    color: #c9a96e;
}

.blog-post p {
    color: #bbb;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.blog-post-meta {
    color: #888;
    font-size: 12px;
}

.blog-post-date {
    display: inline-block;
}

/* Blog placeholder görselleri */
.blog-post-thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #c9a96e, #b8975a);
    opacity: 0.8;
    z-index: 1;
}

.blog-post-thumbnail img {
    opacity: 0;
}

/* Projeler bölümü - başlık ve projeler arası boşluk artırma */
.projects.section .section-title {
    margin-bottom: 60px !important;
}

/* Projeler container'ına da üst boşluk */
.js-projects-gallery {
    margin-top: 40px;
}
