.referanslarhomemobile {display:none;}
header.financity-fixed-navigation .financity-logo-inner {display:block;}
.galerimarkaiki {margin-top:-100px;}
.markahomeslide .gdlr-core-item-list{margin-bottom:0;}
@media only screen and (max-width: 767px) { 
	.gdlr-core-columnize-item .gdlr-core-columnize-item-content {column-count:1 !important;}

	.referanslarhomemobile .gdlr-core-item-list {width:33%!important;float:left;}
	
	.referanslarhomemobile {display:block;}
}

.elementskit-navbar-nav-default .elementskit-navbar-nav > li > a {
    font-size: 18px !important;
}

/* Sadece bu spesifik resmi hedefle */
img[src*="hp2-icon-3.png"] {
    width: 30px !important; /* İstediğin boyut */
    height: auto !important;
    max-width: 30px !important;
}
/* Sadece bu spesifik resmi hedefle */
img[src*="hp2-icon-2.png"] {
    width: 30px !important; /* İstediğin boyut */
    height: auto !important;
    max-width: 30px !important;
}
/* Sadece bu spesifik resmi hedefle */
img[src*="hp2-icon-1.png"] {
    width: 30px !important; /* İstediğin boyut */
    height: auto !important;
    max-width: 30px !important;
}



.dundar-harita-cerceve-v2 {
    /* Haritayı kutunun içinde 5px içeri çekiyoruz ki kenarlık kesilmesin */
    padding: 5px !important; 
    transition: all 0.4s ease;
}

.dundar-harita-cerceve-v2 iframe {
    border-radius: 18px !important;
    filter: grayscale(100%) opacity(0.8);
    transition: all 0.4s ease;
    /* Kenarlığı iframe'in kendisine veriyoruz */
    border: 3px solid transparent !important; 
    display: block;
}

/* Üzerine gelince yapılacaklar */
.dundar-harita-cerceve-v2:hover iframe {
    filter: grayscale(0%) opacity(1);
    border-color: #e31e24 !important; /* Kırmızı kenarlık burada devreye giriyor */
    box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

.dundar-harita-cerceve-v2:hover {
    transform: translateY(-3px);
}

.elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;    /* Dikeyde (yukarı-aşağı) ortalar */
    justify-content: center !important; /* Yatayda (sağ-sol) ortalar */
    width: 100% !important;            /* Kutunun küçülmesini engeller */
    min-height: 100% !important;       /* Buton yüksekliğine yayılmasını sağlar */
}

/* Yazının kendi iç kaymasını engellemek için */
.elementor-button-text {
    line-height: 1 !important;         /* Yazının altındaki-üstündeki hayali boşluğu siler */
    display: flex !important;
    align-items: center !important;
}

/* İkonun dikey hizasını yazıya eşitle */
.elementor-button-icon {
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle {
    border-radius: 0px !important;
    height: 50px !important;
}

/* Menü Listesi Düzenleme */
.widget_product_categories ul li, 
.widget_nav_menu ul li {
    list-style-type: none !important; /* Standart noktaları kaldır */
    margin-bottom: 4px !important;    /* Satır aralığını kıstık */
    padding-left: 0 !important;
    position: relative;
}

/* Yanına Küçük Yuvarlak Ekleme */
.widget_product_categories ul li::before, 
.widget_nav_menu ul li::before {
    content: "•";                   /* Yuvarlak karakteri */
    color: #ff0000;                 /* Yuvarlak rengi (Dündar kırmızı tonu yapabilirsin) */
    font-size: 18px;                /* Yuvarlağın boyutu */
    position: absolute;
    left: -15px;                    /* Yazıdan uzaklığı */
    top: -2px;                      /* Hizalaması */
}

/* Menü Link Ayarları (Orijinal görseldeki font tarzı) */
.widget_product_categories ul li a, 
.widget_nav_menu ul li a {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;     /* Küçük ve zarif boyut */
    font-weight: 400 !important;
    color: #d1d1d1 !important;      /* Göz yormayan gri-beyaz */
    text-decoration: none !important;
    line-height: 1.2 !important;    /* Yazı içi darlığı sağladık */
    transition: none !important;    /* Ok çıkma efektini engellemek için geçişi kapattık */
}

/* Üzerine Gelince Ok Çıkmasını Engelleme ve Renk Değişimi */
.widget_product_categories ul li a:hover, 
.widget_nav_menu ul li a:hover {
    color: #ffffff !important;      /* Sadece rengi parlasın */
    padding-left: 0 !important;     /* Sağa kayma/ok çıkma efektini sıfırladık */
    background: none !important;    /* Varsa arka plan efektini kaldırdık */
}

/* Temanın kendi "Ok" ikonlarını (varsa) tamamen gizle */
.widget_product_categories ul li a::before, 
.widget_nav_menu ul li a::before,
.widget_product_categories ul li a::after, 
.widget_nav_menu ul li a::after {
    display: none !important;       /* Ok ikonlarını zorla gizle */
}

/* 1. LOGO ALTI (HAKKIMIZDA) DÜZENLEMESİ */
.widget_text .textwidget p:not(:has(i)) {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #bbbbbb !important;
    text-align: left !important;      /* Sola yaslı, temiz görünüm */
    line-height: 1.7 !important;      /* Senin istediğin ferah aralık */
    letter-spacing: 0.2px !important;
    margin-top: 15px !important;
    padding-right: 20px;
}

/* 2. BİZE ULAŞIN (#block-18) GENEL AYARLARI */
#block-18, 
#block-18 a, 
#block-18 span {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #bbbbbb !important;        /* Metinleri logonun altıyla eşitledik */
    text-decoration: none !important;
    line-height: 1.7 !important;      /* Burayı da ferahlattık */
}

/* Linkler üzerine gelince beyazlasın */
#block-18 a:hover {
    color: #ffffff !important;
}

/* 3. İKON RENKLERİ VE HİZALAMA */
/* Genel İkonlar (Harita, Telefon, Mail, Saat) - Kurumsal Kırmızı */
#block-18 i.fa-map-marker, 
#block-18 i.fa-phone, 
#block-18 i.fa-envelope-o, 
#block-18 i.fa-clock-o {
    color: #e31e24 !important;        /* Dündar Elektrik Kurumsal Kırmızısı */
    font-size: 16px !important;
    margin-right: 12px !important;
    display: inline-block;
    vertical-align: middle;
    width: 20px;                      /* Hepsini aynı hizada tutar */
    text-align: center;
}

/* WhatsApp İkonu - Orijinal Yeşil (Eylemi vurgular) */
#block-18 i.fa-whatsapp {
    color: #25D366 !important;
    font-size: 18px !important;       /* Biraz daha belirgin */
    margin-right: 12px !important;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

/* 4. SATIRLAR ARASI BOŞLUK (FERAHLIK) */
#block-18 .gdlr-core-space-shortcode {
    display: block;
    margin-top: 12px !important;      /* Satırlar arası mesafeyi buradan açtık */
}

/* Harita Kutusunu Maksimum Genişliğe Çıkar ve İç Kırmızıyı Sil */
.dundar-harita-cerceve-v2 {
    width: 100% !important;        /* Bulunduğu sütunun tamamını kaplar */
    max-width: 100% !important;    /* Varsa genişlik sınırını tamamen kaldırdık */
    border-radius: 12px;           /* Modern oval köşeler kalıyor */
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Derinlik hissi */
    border: 1px solid #333;        /* Zarif dış çerçeve */
    margin-top: 15px;
}

/* Harita Yüksekliğini de Genişliğe Göre Artıralım */
.dundar-harita-cerceve-v2 iframe {
    width: 100% !important;
    height: 320px !important;      /* Genişlediği için yüksekliği de 320px'e çıkardık ki dengeli dursun */
    border: none !important;       /* İçteki gereksiz kırmızı çizgileri tamamen yok eder */
    display: block;
}

/* Üzerine gelince sadece dış sınırın kırmızılanması yeterli */
.dundar-harita-cerceve-v2:hover {
    border-color: #e31e24 !important;
    transition: 0.4s ease-in-out;
}

/* Footer Bileşenleri Arasındaki Boşluğu Yarıya İndir */
.financity-footer-wrapper .widget {
    margin-bottom: 30px !important;
}
/* Footer menü assaya indir */
.financity-footer-wrapper .financity-widget-title {
    padding-top: 40px;
}

#block-20 .wp-block-heading {
    padding: 40px !important;
}

#qlwapp {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}



/* anasayfa urunler esıtlemeleri */
.sifir-padding {
    padding-left: 10px !important;
    padding-right: 10px !important; /* Sıfır yapınca buton kutuya çok yapışabilir, 10 iyidir */
}

/* 1. Başlıkları Sabitle (Resme dokunmaz) */
.kart-baslik {
    min-height: 55px !important; /* 2 satırı kurtaracak yükseklik */
    display: flex !important;
    align-items: center !important; /* Tek satırlık başlıkları dikeyde ortalar */
    margin-bottom: 15px !important;
    padding: 0 15px !important; /* Kenarlardan nefes payı */
}

/* 2. Metin Alanını Sabitle (Butonların hizası için asıl kısım burası) */
.kart-metin {
    height: 110px !important; /* Metinlerinin uzunluğuna göre bu rakamı artırıp azaltabilirsin */
    display: block !important;
    margin-bottom: 20px !important;
    padding: 0 15px !important;
    overflow: hidden; /* Metin taşarsa kutuyu bozmaz */
}

/* 3. Butonları Hizala ve Ortala */
.ozel-buton-alani {
    display: flex !important;
    justify-content: center !important; /* Butonu tam ORTALAR */
    padding-bottom: 20px !important;
    width: 100% !important;
}

/* Butonun içindeki linkin genişliği ve hizası */
.ozel-buton-alani a {
    text-align: center !important;
    min-width: 160px !important; /* Butonların genişliği de eşit olsun istersen */
}


/*  slider altı yazılar 1. Kutu içindeki BAŞLIĞI hedefle (19px -> 24px) */
.vurgulu-kutu .gdlr-core-column-service-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* 2. Kutu içindeki METİN alanını hedefle (17px -> 21px) */
.vurgulu-kutu .gdlr-core-column-service-content, 
.vurgulu-kutu .gdlr-core-column-service-content p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    text-transform: none !important;
}

/* Mobil uyum ayarı */
@media (max-width: 767px) {
    .vurgulu-kutu .gdlr-core-column-service-title { font-size: 20px !important; }
    .vurgulu-kutu .gdlr-core-column-service-content { font-size: 18px !important; }
}

/* sagsaol4*/

.kenardan4 {
    padding-right: 4px !important;
    padding-left: 4px !important;
}
  
/* renksiyahyazı*/


/* Başlığı Siyah Yapar */
.akordiyon-ozel .gdlr-core-accordion-item-title {
    color: #555555 !important;
    font-weight: 700 !important;
}

/* İçerik Metnini Gri Yapar */
.akordiyon-ozel .gdlr-core-accordion-item-content {
    color: #555555 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* İçerikteki kalın (strong) yazıları biraz daha koyu yapar */
.akordiyon-ozel .gdlr-core-accordion-item-content strong {
    color: #222222 !important;
}

/* Blog listelerinde, yan menüde ve yazı içindeki tüm tarihleri gizler */
.gdlr-core-blog-info-wrapper .gdlr-core-blog-info-date, 
.gdlr-core-blog-info-wrapper .gdlr-core-blog-info-date-icon,
.gdlr-core-blog-info-date {
    display: none !important;
}

/* Eğer tarihin yanında küçük bir takvim ikonu kalırsa onu da kaldırır */
.gdlr-core-blog-info-wrapper i.fa-calendar, 
.gdlr-core-blog-info-wrapper i.icon_clock_alt {
    display: none !important;
}

/* Container yan boşluklarını sıfırlar ve içeriği tam genişlik yapar */
.financity-body-front .gdlr-core-container, 
.financity-body-front .financity-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


Dikkat Etmeniz Gereken Bir Detay:
Bu

/* Uzun yazılar için sıkıştırılmış paragraf düzeni */
p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important; /* Satırları biraz daha yaklaştırdık */
    margin-bottom: 6px !important;  /* Paragraflar arası boşluğu 10'dan 6'ya indirdik */
    color: #444444 !important;
    text-align: justify;
}

/* Başlıkların altındaki boşluğu da daraltalım ki metinle bütünleşsin */
h5 {
    font-size: 18px !important;
    margin-top: 15px !important;
    margin-bottom: 4px !important; /* Başlık ile altındaki metin neredeyse bitişik durur */
}

/* Liste öğeleri (bullet points) varsa onlar da sıkışık dursun */
li {
    font-size: 14px !important;
    margin-bottom: 3px !important;
}

/* 1. Akordeonun her bir satırının yüksekliğini zorla kısıtlıyoruz */
.gdlr-core-accordion-item-tab {
    margin-bottom: 0 !important; /* Satırlar arası boşluğu sıfırladık */
    padding: 0 !important;      /* Dış kutu boşluğunu sıfırladık */
    border-bottom: 1px solid #f0f0f0 !important; /* Sadece incecik bir ayrım çizgisi */
}

/* 2. Başlık (Soru) kısmındaki o devasa boşluğu öldürelim */
.gdlr-core-accordion-item-title {
    padding-top: 5px !important;    /* 5px'e kadar düşürdük */
    padding-bottom: 5px !important;
    min-height: 0 !important;      /* Varsa minimum yükseklik engelini kaldırdık */
    margin: 0 !important;
}

/* 3. İçerik (Cevap) açıldığında oluşan boşluğu daraltalım */
.gdlr-core-accordion-item-content {
    padding-top: 2px !important;
    padding-bottom: 8px !important;
    margin: 0 !important;
}

/* 4. İkonun (Artı/Eksi) etrafındaki boşluğu da alalım */
.gdlr-core-accordion-item-icon {
    margin-top: 0 !important;
    line-height: 1 !important;
}

/* 1. Akordeon Başlık (Soru) Fontu */
.gdlr-core-accordion-item-title {
    font-size: 15px !important;  /* Başlığı 15px'e çekerek kibarlaştırdık */
    font-weight: 700 !important; /* Kalınlık kalsın ki soru olduğu belli olsun */
    text-transform: none !important; /* Eğer hepsi büyük harfse bunu iptal eder, daha az yer kaplar */
    letter-spacing: 0px !important;
}

/* 2. Akordeon İçerik (Cevap) Fontu */
.gdlr-core-accordion-item-content {
    font-size: 13.5px !important; /* Paragraftan biraz daha küçük yaparak hiyerarşi kurduk */
    font-weight: 400 !important;
    color: #666666 !important;    /* Hafif gri yaparak gözü yormamasını sağladık */
    line-height: 1.4 !important;
}

/* 3. İkon Boyutu */
/* Başlık küçüldüğü için artı/eksi ikonunu da küçültmemiz gerekir */
.gdlr-core-accordion-item-icon {
    font-size: 11px !important;
}
/* Sadece ürün sayfalarında yan boşlukları kaldırır */
.single-product .financity-item-pdlr, 
.single-product .gdlr-core-item-pdlr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ürün sayfasındaki metinlerin (açıklama gibi) çok yapışık durmaması için iç koruma */
.single-product .gdlr-core-text-box-item {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 1. Her şeyi genişleten (istediğin o genişliği veren) kod kalsın */
.financity-item-pdlr, 
.gdlr-core-item-pdlr {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* 2. Kayma yapan metin kutularını otomatik olarak tekrar 20px içeri alıyoruz */
/* Bu kod, yazıları kenara yapışmaktan kurtarır */
.gdlr-core-text-box-item, 
.gdlr-core-title-item, 
.gdlr-core-accordion-item {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

/* 3. Senin yan taraftaki Mavi Destek ve Broşür kutularının kaymasını önlemek için */
.dundar-sidebar-box, .dundar-destek-box {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/* Sadece bu sınıfın atandığı sayfa bölümlerini 1459px yapar */
.ozel-genis-sayfa,
.ozel-genis-sayfa .gdlr-core-pbf-wrapper-container,
.ozel-genis-sayfa .gdlr-core-pbf-wrapper-content,
.ozel-genis-sayfa .gdlr-core-container {
    max-width: 1459px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* urunler resım markalar (alt boşluk) değerlerini tamamen kapatıyoruz */
.ozel-genis-sayfa .financity-item-mgb, 
.ozel-genis-sayfa .gdlr-core-item-mgb {
    margin-bottom: 10px; !important;
}


.gdlr-core-page-builder-body p {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 16px !important; /* inherit yerine doğrudan rakam veriyoruz */
    line-height: 1.7 !important; /* Okunaklılık için 1.7 idealdir */
    font-family: 'Inter', sans-serif !important;
}

li {
    font-size: 16px !important; /* Diğer metinlerle eşitlemek için 16px yaptık */
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.7 !important; /* Yazıların birbirine girmemesi için ferahlattık */
    margin-bottom: 5px !important; /* Maddeler arası boşluğu 3px'ten 10px'e çıkardık ki daha okunaklı olsun */
    color: inherit; /* Bulunduğu kutunun rengini otomatik alır */
}

/* marginaltaal ozel css */
.marginaltaal {
    margin-top: 50px !important; 
}
/*  p ler arası bosluk 10 ozel css */
.gdlr-core-page-builder-body p {
    margin-bottom: 10px;
}


/* Sadece mobil ekranlarda (767px ve altı) çalışır */
@media (max-width: 767px) {
    /* Sadece footer içindeki widget alanlarını hedefler */
    .financity-footer-wrapper .widget {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Menü yazılarını ve ikonlarını hizalamak için */
    .financity-footer-column .menu {
        margin-left: 0 !important;
        padding-left: 5px !important; /* Kırmızı işaretler için ekstra nefes payı */
    }
}

/* Belirlediğimiz sınıf içindeki logoları %20 büyütür */
.logobuyut-icsayfa img {
    transform: scale(1.35) !important; /* %20 büyüme sağlar */
    transform-origin: center; /* Logoyu merkezden büyütür, kayma yapmaz */
    transition: all 0.3s ease; /* Daha yumuşak bir görünüm sağlar */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Mobilde logoların birbirine çok yaklaşmaması için koruma */
@media only screen and (max-width: 767px) {
    .logobuyut-icsayfa img {
        transform: scale(1.10) !important; /* Mobilde %10 büyüme daha dengeli durabilir */
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Logoları %10 küçültür ve netliği korur */
.logokucult-icsayfa img {
    transform: scale(0.90) !important; /* %10 küçültme */
    transform-origin: center; /* Ortadan küçültür, hizayı kaydırmaz */
    filter: brightness(1); /* Kalite ve parlaklığı korur */
    transition: all 0.3s ease; /* Fareyle gelince yumuşak geçiş yapar */
    image-rendering: -webkit-optimize-contrast; /* Resmin netliğini (keskinliğini) artırır */
    display: block;
    margin: 0 auto;
}

/* Fareyle üzerine gelince (Hover) eski boyutuna dönsün (opsiyonel canlılık katar) */
.logokucult-icsayfa img:hover {
    transform: scale(0.95) !important;
    filter: grayscale(0%); /* Eğer logolar siyah beyazsa burada renkli yapabiliriz */
}

/* Mobilde çok küçük kalmamaları için ayar */
@media only screen and (max-width: 767px) {
    .logokucult-icsayfa img {
        transform: scale(0.85) !important; /* Mobilde biraz daha derli toplu durur */
    }
}

/* İkili Logoları Dikeyde ve Yatayda Ortalar */
.ikiili-logo-ortala {
    display: flex !important;
    align-items: center !important; /* Dikeyde ortalar */
    justify-content: center !important; /* Yatayda ortalar */
    flex-wrap: wrap !important;
    gap: 20px !important;
!important;
}

/* Galeri içindeki her bir logo alanı için */
.ikiili-logo-ortala figure, 
.ikiili-logo-ortala .wp-block-image {
    flex: 1 !important;
    min-width: 250px !important;
    margin: 0 !important;
    text-align: center !important;
}

.ikiili-logo-ortala img {
    height: auto !important;
    max-width: 100% !important;
    display: inline-block !important;
}

media only screen and (max-width: 767px) {
    .gdlr-core-pbf-column-content-margin {
        /* Paddingler her iki yandan 4px */
        padding-left: 4px !important;
        padding-right: 4px !important;
        
        /* Marginler her iki yandan 7px */
        margin-left: 7px !important;
        margin-right: 7px !important;
        
        /* Kartların alt alta yapışmaması için opsiyonel: */
        margin-bottom: 15px !important;
    }
}

@media (max-width: 767px) {
    /* Sadece "urun-kartlari" kimliğine sahip kolonları hedefler */
    div[data-sync-height="urun-kartlari"].gdlr-core-pbf-column-content-margin {
        margin-left: 7px !important;
        margin-right: 7px !important;
        /* Padding değerlerini her iki yandan 4px yaptık */
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    /* Kartın içindeki resim alanında bozucu boşlukları sıfırladık */
    div[data-sync-height="urun-kartlari"] .gdlr-core-image-item-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Başlık ve metinlerin kartın içinde çok sıkışmaması için iç alanı koruyoruz */
    div[data-sync-height="urun-kartlari"] .gdlr-core-item-pdlr {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Blog Yazısı Başlık Boyutu Düzenlemesi */
.financity-blog-title-wrap .financity-single-article-title {
    font-size: 36px !important;
}

/* Blog Yazılarının Altındaki Yorum Formunu (Leave a Reply) Tamamen Gizle */
.financity-comment-form-wrap,
#respond,
.comment-respond {
    display: none !important;
}

/* butonsoldan 50 */
.butonkaydir {
margin-left: 50px;
}

/* Mavi hizmet kutularını hariç tutarak, iç sayfalar dahil tüm kutuları mobilde hizalar */
@media only screen and (max-width: 767px) {
    div.gdlr-core-pbf-column-content-margin:not([data-sync-height="service-height"]) {
        margin: 5px 7px !important;
    }
}

.gdlr-core-pbf-background {
    background-position: top center !important;
}

.ozel-buton {
    /* Boyutlandırma */
    width: 370px; 
    max-width: 90%; /* Mobilde ekranı aşmaması için önemli */
    height: 50px;
    
    /* Ortalamak için şu satırları ekledik */
    display: flex; /* inline-flex yerine flex kullandık */
    margin-left: auto;
    margin-right: auto;
    
    /* Renkler */
    background-color: #e31c2a !important; 
    color: #ffffff !important; 
    
    /* Yapısal Ayarlar */
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: none;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    
    /* Geçiş Efekti */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 15px rgba(227, 28, 42, 0.3);
}

/* Hoverda kırmızı kalmasını istemiştin */
.ozel-buton:hover {
    background-color: #e31c2a !important; 
    color: #ffffff !important;
    transform: scale(1.02); /* Hafif büyüme */
    box-shadow: 0 8px 25px rgba(227, 28, 42, 0.5);
}

/* Bu sadece ikinci kutunuzu değiştirecektir */
.dundar-destek-box-ozel {
    padding: 10px 5px !important; /* Burayı istediğiniz değerle değiştirin */
    border: 3px solid #ff0000;      /* Eğer çerçeveyi de değiştirmek isterseniz */
    background: #f9f9f9;           /* Eğer arka planı farklı olsun isterseniz */
}

/* Sadece özel kutunun içindeki çizgiyi hedefliyoruz */
.dundar-destek-box-ozel .dundar-line {
    margin-bottom: 0px !important; /* Çizginin altındaki boşluğu sıfırladık */
    margin-top: 15px;              /* Üst boşluğu koruduk */
}

/* Sadece bu özel kutunun içindeki çizgiyi hedefliyoruz */
.dundar-destek-box-ozel .dundar-line {
    line-height: 0 !important;
    font-size: 0 !important;
    height: 2px !important;
    min-height: 0 !important;
    padding: 0 !important;
    /* Eski margin ayarlarınızı da burada tutabilirsiniz */
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}


/* Masaüstü ve geniş ekranlar için (1024px ve üzeri) */
@media screen and (min-width: 1024px) {
    .tam-kenara-daya {
        margin-left: -20px !important;
        margin-right: -20px !important;
        width: calc(100% + 40px) !important;
        max-width: calc(100% + 40px) !important;
    }
}

/* Mobil ve tablet için (1024px altı - burada sadece margin'i sıfırlıyoruz, taşırma yapmıyoruz) */
@media screen and (max-width: 1023px) {
    .tam-kenara-daya {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Butonun normal (siyah arka plan, beyaz yazı) durumu */
.gdlr-core-excerpt-read-more.gdlr-core-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.3s ease !important; /* Yumuşak geçiş için */
}

/* Butonun hover (üzerine gelince kırmızı arka plan) durumu */
.gdlr-core-excerpt-read-more.gdlr-core-button:hover {
    background-color: #ff0000 !important; /* Kırmızı renk */
    color: #ffffff !important;
}

/* Aktif olan sayfa numarasının rengini kırmızı yap */
.flex-control-paging li a.flex-active {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

/* Pasif olanların (diğer noktaların) rengini istersen gri bırak, 
   istersen buraya da bir renk tanımlayabilirsin */
.flex-control-paging li a {
    background-color: #e31c2a !important; /* İstersen burayı değiştirebilirsin */
}

/* Gönder butonunu özelleştir */
.wpcf7-form-control.wpcf7-submit.gdlr-core-round-button {
    background-color: #000000 !important; /* Normal: Siyah arka plan */
    color: #ffffff !important;           /* Normal: Beyaz yazı */
    border-radius: 0 !important;        /* Köşe yuvarlatmayı sıfırla (dikdörtgen yap) */
    border: none !important;            /* Çerçeveyi kaldır */
    transition: all 0.3s ease !important;
}

/* Hover (Üzerine gelince) durumu */
.wpcf7-form-control.wpcf7-submit.gdlr-core-round-button:hover {
    background-color: #ff0000 !important; /* Hover: Kırmızı arka plan */
    color: #ffffff !important;           /* Hover: Beyaz yazı */
}

/* Çizgi rengini kırmızı yap */
.gdlr-core-divider-line.gdlr-core-skin-divider {
    border-color: #e31c2a !important;
}

/* Breadcrumb alanını tamamen gizler */
.financity-breadcrumbs {
    display: none !important;
}
/* Slider'ın yürümesini bozmadan, sadece kart içindeki elemanları hizalar */

/* 1. Slider yapısına dokunmuyoruz, sadece kartın en dış kapsayıcısını hedefliyoruz */
.gdlr-core-blog-grid {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Slider bunu yönetebilir, sorun olmaz */
}

/* 2. Görsel */
.gdlr-core-blog-thumbnail {
    height: 250px !important; 
    overflow: hidden;
}
.gdlr-core-blog-thumbnail img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

/* 3. Başlık */
.gdlr-core-blog-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.8em; 
    line-height: 1.6em;
    margin-bottom: 15px !important;
}

/* 4. İçerik kutusu */
.gdlr-core-blog-grid-frame {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

/* 5. Butonu sabitleme (Slider'ın kaydırma mantığına dokunmaz) */
.gdlr-core-blog-grid-frame > a:last-child {
    margin-top: auto !important;
    margin-bottom: 0px !important;
}


.gorunmezbaslik {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.dunya-h2-stil h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    
    /* Burayı değiştiriyoruz: */
    margin-top: 12px !important;    /* Yukarıya yapışık kalabilir */
    margin-bottom: 2px !important; /* Altındaki metinle (Led Ampuller...) arasına 10px mesafe koyar */
    padding: 0 !important;          /* İç boşluğu sıfırlayarak dış etkilere karışmasını engeller */
}