/* 3A Güvenlik — Braintech temasına eklenen ve temayı kurumsallaştıran stiller.
   Palet logodan: siyah, beyaz ve altın (#f0c61a). Varsayılan koyu tema; ziyaretçi açık temaya geçebilir.
   Tema CSS'indeki sabit renkler kurulum/tema_renk.php ile aşağıdaki değişkenlere bağlanmıştır. */
:root, html[data-tema="koyu"] {
    color-scheme: dark;
    --vurgu: #f0c61a;          /* altın: düğme ve vurgu zemini */
    --vurgu-koyu: #d6ae0e;
    --vurgu-metin: #f0c61a;    /* altın yazı */
    --vurgu-ustu: #0b0b0c;     /* altın zemin üstündeki yazı */
    --vurgu-acik: rgba(240, 198, 26, .12);
    --koyu: #0b0b0c;           /* her iki temada koyu kalan bantlar */
    --zemin: #0f0f11;
    --yuzey: #16161a;
    --yuzey2: #1c1c21;
    --cizgi: #2a2a31;
    --baslik: #f4f4f5;
    --metin: #a8a8b0;
    --yaricap: 8px;
}
html[data-tema="acik"] {
    color-scheme: light;
    --vurgu-koyu: #e0b70f;
    --vurgu-metin: #977700;
    --vurgu-acik: #fbf3d2;
    --zemin: #ffffff;
    --yuzey: #ffffff;
    --yuzey2: #f5f4f0;
    --cizgi: #e6e3db;
    --baslik: #111113;
    --metin: #55565d;
}
html body, html body .main-contain, #page { background-color: var(--zemin) !important; }
body, p, li { color: var(--metin); }
h1, h2, h3, h4, h5, h6 { color: var(--baslik); }
a { color: var(--baslik); }
a:hover { color: var(--vurgu-metin); }
::selection { background: var(--vurgu); color: var(--vurgu-ustu); }

/* ---------- Tema düğmesi ---------- */
.tema-dugme { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-right: 16px; padding: 0; border: 1px solid var(--cizgi); border-radius: 50%; background: transparent; color: var(--baslik); font-size: 20px; cursor: pointer; transition: border-color .2s, color .2s; }
.tema-dugme:hover { border-color: var(--vurgu); color: var(--vurgu-metin); }
.tema-dugme .ti-moon, html[data-tema="acik"] .tema-dugme .ti-sun { display: none; }
html[data-tema="acik"] .tema-dugme .ti-moon { display: inline; }
.mobile-menus .mobil-teklif { display: flex; align-items: center; gap: 12px; }
.mobile-menus .mobil-teklif .tema-dugme { margin: 0; }
/* ---------- Temel tipografi ---------- */
body { color: var(--metin) !important; }
h1, h2, h3, h4, h5, h6, .title { letter-spacing: -.01em; }
.rs-heading .title-inner .title { font-weight: 800; color: var(--baslik); }
.rs-heading .title-inner .sub-text, .bolum-baslik .sub-text, .cagri-metin .sub-text, .hero-ust {
    display: inline-block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; color: var(--vurgu-metin);
}
.rs-heading .title-inner .sub-text::before, .rs-heading .title-inner .sub-text::after { display: none !important; }
.rs-heading .title-inner .sub-text { padding: 0 !important; background: none !important; border-radius: 0 !important; }

/* Süreç adımları (Hakkımızda): stok fotoğraf yerine ikon */
.surec-ikon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; margin: 0 auto 22px; border-radius: 50%; background: var(--vurgu-acik); color: var(--vurgu-metin); font-size: 40px; }
.surec-ikon span { position: absolute; top: -4px; right: -4px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--koyu); color: #fff; font-size: 13px; font-weight: 800; border: 3px solid var(--yuzey); }
.elementor-12164 .elementor-element-d3bcdb0:not(.elementor-motion-effects-element-type-background) { background-image: none !important; }
.rs-heading .heading-line, .rs-heading .watermark { display: none !important; }

/* ---------- Düğmeler: düz, az yuvarlak ---------- */
.readon, .readon.rs_button, #rs-header .btn_quote a, .site-formu .wpcf7-submit, .back-btn, .blog-button a {
    background-image: none !important; background-color: var(--vurgu) !important; color: var(--vurgu-ustu) !important;
    border-radius: 6px !important; padding: 14px 26px !important; font-size: 15px !important; font-weight: 700 !important;
    line-height: 1.2 !important; letter-spacing: 0; text-transform: none !important; border: 0; transition: background-color .2s;
}
.readon:hover, #rs-header .btn_quote a:hover, .site-formu .wpcf7-submit:hover, .back-btn:hover, .blog-button a:hover { background-color: var(--vurgu-koyu) !important; color: var(--vurgu-ustu) !important; }
.readon::before, .readon::after { display: none !important; }
.dugme-cizgili { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 6px; color: #fff; font-weight: 700; font-size: 15px; }
.dugme-cizgili:hover { background: var(--yuzey); color: var(--koyu); }

/* ---------- Logo: yuvarlak amblem + firma adı ---------- */
.marka { display: inline-flex; align-items: center; gap: 12px; line-height: 1; white-space: nowrap; }
.marka-amblem { display: block; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.sticky-logo .marka-amblem { width: 42px; height: 42px; }
.marka-yazi b { font-size: 18px !important; }
.marka-yazi small { color: var(--vurgu-metin) !important; }
@media (max-width: 480px) { .marka-amblem { width: 44px; height: 44px; } .marka-yazi b { font-size: 16px !important; } }
.marka-rozet { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8px; background: var(--vurgu); color: var(--vurgu-ustu); font-size: 19px; font-weight: 800; letter-spacing: -.02em; }
.marka-yazi { display: flex; flex-direction: column; gap: 3px; }
.marka-yazi b { font-size: 19px; font-weight: 800; color: var(--baslik); letter-spacing: .02em; }
.marka-yazi small { font-size: 10.5px; font-weight: 700; color: var(--metin); letter-spacing: .32em; }
.marka-acik .marka-yazi b { color: #fff; }
.marka-acik .marka-yazi small { color: rgba(255, 255, 255, .6); }
.sticky-logo .marka-rozet { width: 38px; height: 38px; font-size: 16px; }
.site-logo { max-height: 46px; width: auto; }
.sticky-logo .site-logo { max-height: 38px; }

/* ---------- Header ---------- */
#rs-header.header-style8 .rs-full-menuarea { background-image: none !important; background-color: var(--koyu) !important; }
#rs-header.header-style8 .rs-middel-header .rs-address-area .info-icon i { color: var(--vurgu-metin); }
#rs-header .rs-rightbar-menu { display: flex; align-items: center; }
#rs-header.header-style8 .btn_quote { margin-left: 0; margin-right: 20px; }
#rs-header .btn_quote a { display: inline-block; padding: 12px 22px !important; font-size: 14px !important; }
#rs-header .navbar-menu .sub-menu { max-height: 75vh; overflow-y: auto; }
.mobile-menus .mobil-teklif { padding: 20px 20px 0; }
.mobile-menus .mobil-teklif a { display: inline-block; padding: 12px 22px; border-radius: 6px; color: var(--vurgu-ustu); font-weight: 700; background: var(--vurgu); }
@media (max-width: 991px) { #rs-header .btn_quote { display: none; } }

/* ---------- İç sayfa üst bandı ---------- */
.rs-breadcrumbs .breadcrumbs-single { position: relative; background-position: center !important; }
.rs-breadcrumbs .breadcrumbs-single::before { content: ""; position: absolute; inset: 0; background: rgba(8, 8, 9, .8); }
.rs-breadcrumbs .breadcrumbs-single > .container { position: relative; z-index: 1; }

/* ---------- Anasayfa giriş ---------- */
.elementor-13820 .elementor-element-acc0fea { background-position: center center !important; }
.elementor-13820 .elementor-element-acc0fea::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(8, 8, 9, .92) 0%, rgba(8, 8, 9, .8) 38%, rgba(8, 8, 9, .2) 55%, rgba(8, 8, 9, .55) 75%, rgba(8, 8, 9, .7) 100%);
}
.elementor-13820 .elementor-element-acc0fea > .elementor-container { position: relative; z-index: 1; }
.hero-metin .hero-ust { color: var(--vurgu); }
.hero-metin .rs-heading .title-inner .title { color: #fff; font-size: 52px; line-height: 1.12; margin-bottom: 18px; }
.hero-metin .rs-heading .description p { color: rgba(255, 255, 255, .82); font-size: 18px; line-height: 1.65; max-width: 560px; }
.hero-butonlar { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 30px; margin-top: 30px; }
.hero-tel { display: inline-flex; align-items: center; gap: 12px; color: #fff; }
.hero-tel:hover { color: #fff; }
.hero-tel i { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; font-size: 20px; }
.hero-tel span { display: flex; flex-direction: column; font-size: 19px; font-weight: 800; line-height: 1.2; }
.hero-tel small { font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, .65); letter-spacing: .04em; }
.hero-video { color: #fff; font-weight: 600; }
.hero-guven { list-style: none; margin: 36px 0 0; padding: 26px 0 0; border-top: 1px solid rgba(255, 255, 255, .14); display: flex; flex-wrap: wrap; gap: 12px 28px; }
.hero-guven li { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .88); font-size: 15px; font-weight: 600; }
.hero-guven i { color: var(--vurgu); font-size: 20px; }
.hero-form .elementor-widget-wrap { background: var(--yuzey); border-radius: 10px; padding: 34px 30px 26px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.hero-form-baslik h2 { font-size: 22px; font-weight: 800; color: var(--baslik); margin: 0 0 6px; }
.hero-form-baslik p { font-size: 14px; color: var(--metin); margin: 0 0 20px; line-height: 1.5; }
@media (max-width: 1024px) {
    .hero-metin .rs-heading .title-inner .title { font-size: 38px; }
    .hero-form .elementor-widget-wrap { margin-top: 30px; }
}

/* ---------- Hakkımızda (tek fotoğraf + bilgi kartı) ---------- */
.hak-gorsel { position: relative; margin: 0 40px 0 0; }
.hak-gorsel img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; }
.hak-kart { position: absolute; left: 24px; bottom: 24px; right: 24px; display: flex; align-items: center; gap: 14px; padding: 16px 20px; background: var(--yuzey); border-radius: 8px; box-shadow: 0 12px 30px rgba(0, 0, 0, .25); }
.hak-kart i { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 8px; background: var(--vurgu-acik); color: var(--vurgu-metin); font-size: 22px; }
.hak-kart span { display: flex; flex-direction: column; font-size: 14px; color: var(--metin); line-height: 1.4; }
.hak-kart b { color: var(--baslik); font-size: 16px; }
@media (max-width: 767px) { .hak-gorsel { margin: 0 0 30px; } }

/* Onay listesi */
.onay-listesi { list-style: none; margin: 0 0 30px; padding: 0; }
.onay-listesi li { position: relative; padding: 0 0 12px 32px; color: var(--metin); font-weight: 600; }
.onay-listesi li i { position: absolute; left: 0; top: 2px; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--vurgu-acik); color: var(--vurgu-metin); font-size: 14px; }
.onay-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 24px; margin-top: 10px; }
@media (max-width: 600px) { .onay-izgara { grid-template-columns: 1fr; } }

/* ---------- Bölüm başlığı (solda başlık, sağda bağlantı) ---------- */
.bolum-baslik { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 44px; }
.bolum-baslik h2 { margin: 0; font-size: 36px; font-weight: 800; color: var(--baslik); line-height: 1.2; max-width: 680px; }
.bolum-baslik-link { flex: none; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--vurgu-metin); }
.bolum-baslik-link:hover { color: var(--vurgu-koyu); }
@media (max-width: 767px) { .bolum-baslik { flex-direction: column; align-items: flex-start; } .bolum-baslik h2 { font-size: 28px; } }

/* ---------- Hizmet kartları ---------- */
.hizmet-izgara { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.hizmet-kart { display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; transition: box-shadow .25s, transform .25s; }
.hizmet-kart:hover { box-shadow: 0 18px 40px rgba(0, 0, 0, .22); transform: translateY(-3px); }
.hizmet-kart-gorsel { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--yuzey2); }
.hizmet-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.hizmet-kart:hover .hizmet-kart-gorsel img { transform: scale(1.04); }
.hizmet-kart-govde { position: relative; flex: 1; display: flex; flex-direction: column; padding: 34px 26px 24px; }
.hizmet-kart-ikon { position: absolute; top: -26px; left: 26px; }
.hizmet-kart-ikon .hizmet-ikon { width: 52px; height: 52px; border-radius: 8px; background: var(--vurgu); color: var(--vurgu-ustu); font-size: 26px; border: 3px solid var(--yuzey); box-sizing: content-box; }
.hizmet-kart-ikon img { width: 52px; height: 52px; border-radius: 8px; background: var(--yuzey); border: 3px solid var(--yuzey); }
.hizmet-kart h3 { margin: 0 0 10px; font-size: 19px; font-weight: 800; line-height: 1.35; }
.hizmet-kart h3 a { color: var(--baslik); }
.hizmet-kart h3 a:hover { color: var(--vurgu-metin); }
.hizmet-kart p { margin: 0 0 18px; color: var(--metin); font-size: 15px; line-height: 1.6; flex: 1; }
.hizmet-kart-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; color: var(--vurgu-metin); }
.hizmet-kart-link i { transition: transform .2s; }
.hizmet-kart:hover .hizmet-kart-link i { transform: translateX(3px); }
@media (max-width: 991px) { .hizmet-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .hizmet-izgara { grid-template-columns: 1fr; } }
.hizmetler-sayfa { padding: 90px 0 100px; }
.hizmetler-giris { max-width: 760px; margin: 0 auto 50px; text-align: center; font-size: 18px; line-height: 1.7; color: var(--metin); }

/* Tabler ikonlu hizmet kutusu (detay sayfasındaki diğer kullanımlar) */
.hizmet-ikon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 8px; background: var(--vurgu-acik); color: var(--vurgu-metin); font-size: 30px; }
.services-style4 .hizmet-ikon { width: 70px; height: 70px; font-size: 36px; }

/* ---------- Çağrı bandı + rakamlar ---------- */
.cagri-bandi { background: var(--koyu); padding: 100px 0 70px; position: relative; }
.cagri-izgara { display: grid; grid-template-columns: 5fr 6fr; gap: 70px; align-items: center; }
.cagri-gorsel { margin: 0; }
.cagri-gorsel img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.cagri-metin .sub-text { color: var(--vurgu); }
.cagri-metin h2 { margin: 0 0 16px; font-size: 38px; font-weight: 800; line-height: 1.2; color: #fff; }
.cagri-metin p { margin: 0 0 26px; color: rgba(255, 255, 255, .75); font-size: 17px; line-height: 1.7; }
.cagri-tel { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 28px; font-size: 34px; font-weight: 800; color: #fff; letter-spacing: .01em; }
.cagri-tel:hover { color: #fff; opacity: .9; }
.cagri-tel i { color: var(--vurgu); font-size: 32px; }
.cagri-dugmeler { display: flex; flex-wrap: wrap; gap: 14px; }
.cagri-rakamlar { list-style: none; margin: 80px 0 0; padding: 40px 0 0; border-top: 1px solid rgba(255, 255, 255, .12); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cagri-rakamlar li { color: rgba(255, 255, 255, .7); font-size: 15px; font-weight: 600; }
.cagri-rakamlar strong { display: block; margin-bottom: 4px; font-size: 44px; font-weight: 800; color: #fff; line-height: 1.1; }
.cagri-rakamlar strong span { color: var(--vurgu); }
@media (max-width: 991px) {
    .cagri-izgara { grid-template-columns: 1fr; gap: 40px; }
    .cagri-metin h2 { font-size: 30px; }
    .cagri-rakamlar { grid-template-columns: repeat(2, 1fr); }
}

/* 4'lü rakam bandı (Hakkımızda, hizmet detayı) */
.counter-top-area .count-number { display: flex; justify-content: center; align-items: baseline; gap: 2px; }
.counter-top-area .rs-sayi { font-size: 46px; font-weight: 800; color: #fff; line-height: 1.1; }
.counter-top-area .count-number .prefix { font-size: 30px; font-weight: 800; color: var(--vurgu); }
.counter-top-area .title { display: block; margin-top: 6px; font-size: 15px; font-weight: 600; color: rgba(255, 255, 255, .8); }
.elementor-11597 .elementor-element-63fc66dc:not(.elementor-motion-effects-element-type-background) { background-image: none !important; background-color: var(--koyu) !important; }
.elementor-11597 .elementor-element-63fc66dc > .elementor-background-overlay { display: none; }

/* ---------- Projeler kaydırıcısı: desenli mavi yerine düz lacivert ---------- */
.elementor-13820 .elementor-element-a4653ff:not(.elementor-motion-effects-element-type-background) { background-image: none !important; background-color: var(--koyu) !important; }
.elementor-13820 .elementor-element-a4653ff .rs-heading .title-inner .sub-text { color: var(--vurgu); }
.rs-portfolio-style4 .portfolio-inner .p-title, .rs-portfolio-style4 .portfolio-inner .p-title a { font-weight: 800; color: var(--baslik); }
.rs-portfolio-style4 .portfolio-inner { border-radius: 8px; }

/* ---------- Yorumlar: eşit yükseklik ---------- */
.rs-testimonial .item-content { min-height: 270px; display: flex; flex-direction: column; justify-content: center; }
.rs-testimonial .slick-track { display: flex !important; }
.rs-testimonial .slick-slide { height: auto; }
.rs-testimonial .slick-slide > div, .rs-testimonial .testimonial-item { height: 100%; }
.rs-testimonial .testimonial-item { display: flex !important; flex-direction: column; }
.rs-testimonial .item-content { flex: 1; }
.yorum-harf { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--koyu); color: #fff; font-size: 20px; font-weight: 800; letter-spacing: 1px; }

/* ---------- Blog kartları ---------- */
.ana-blog { padding: 100px 0 90px; }
.blog-item .cat_list .post-categories li a, .blog-item .tag-line a { background-image: none !important; background-color: var(--vurgu) !important; border-radius: 4px !important; }

/* ---------- Formlar ---------- */
.site-formu input.wpcf7-text, .site-formu input.wpcf7-email, .site-formu textarea, .site-formu .wpcf7-select {
    border: 1px solid var(--cizgi) !important; border-radius: 6px !important; background: var(--yuzey2) !important; color: var(--baslik);
}
.site-formu input:focus, .site-formu textarea:focus, .site-formu select:focus { border-color: var(--vurgu-metin) !important; background: var(--yuzey) !important; outline: none; }
.site-formu .wpcf7-select { width: 100%; height: 50px; padding: 0 14px; font-size: 15px; }
.site-formu .wpcf7-form-control-wrap { display: block; margin-bottom: 16px; }
.site-formu textarea { height: auto; }
.site-formu .wpcf7-submit { width: 100%; }
.miniform .site-formu .wpcf7-form-control-wrap { margin-bottom: 12px; }
.kvkk-onay { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 16px; font-size: 13px; line-height: 1.5; font-weight: 400; color: var(--metin); cursor: pointer; }
.kvkk-onay input { margin-top: 3px; flex: none; width: auto; height: auto; }
.kvkk-onay a { text-decoration: underline; color: inherit; }
.bal-kupu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-bildirim { padding: 14px 18px; margin-bottom: 18px; border-radius: 6px; font-weight: 600; font-size: 15px; }
.form-bildirim-ok { background: #e7f6ec; color: #1c6b37; border: 1px solid #b9e2c6; }
.form-bildirim-hata { background: #fdecec; color: #9b1c1c; border: 1px solid #f3c2c2; }

/* ---------- Sabit iletişim düğmeleri ---------- */
.sabit-iletisim { position: fixed; left: 20px; bottom: 20px; z-index: 999; display: flex; flex-direction: column; gap: 10px; }
.sabit-iletisim a { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
.sabit-iletisim a:hover { color: #fff; transform: scale(1.06); }
.sabit-iletisim a { transition: transform .2s; }
.sabit-wa { background: #25d366; }
.sabit-tel, .sabit-tel:hover { background: var(--vurgu); color: var(--vurgu-ustu) !important; font-size: 26px; }
#scrollUp { display: none !important; }

/* ---------- Teklif bloğu ---------- */
.elementor-element-a16aa1c[style*="--teklif-gorsel"] > .elementor-widget-wrap,
.elementor-element-a16aa1c[style*="--teklif-gorsel"] { background-image: var(--teklif-gorsel) !important; }
.elementor-12164 .elementor-element-add0d98:not(.elementor-motion-effects-element-type-background) { background-image: none !important; background-color: var(--koyu) !important; }
.elementor-12164 .elementor-element-add0d98 > .elementor-shape { display: none; }
.elementor-12164 .elementor-element-2b578e3:not(.elementor-motion-effects-element-type-background) { background-image: none !important; background-color: var(--koyu) !important; }
.elementor-12164 .elementor-element-2b578e3 .rs-heading .title-inner .title { color: #fff; }
.elementor-12164 .elementor-element-2b578e3 .rs-heading .title-inner .sub-text { color: var(--vurgu); background: none !important; }
.elementor-12164 .elementor-element-b24cf7f > .elementor-widget-wrap { background: var(--yuzey) !important; border-radius: 0 10px 10px 0; }
.elementor-12164 .elementor-element-a16aa1c > .elementor-widget-wrap { border-radius: 10px 0 0 10px; }
@media (max-width: 767px) {
    .elementor-12164 .elementor-element-b24cf7f > .elementor-widget-wrap { border-radius: 0 0 10px 10px; }
    .elementor-12164 .elementor-element-a16aa1c > .elementor-widget-wrap { border-radius: 10px 10px 0 0; min-height: 240px; }
}

/* ---------- Hizmet detay ---------- */
.hizmet-icerik p { margin-bottom: 16px; }
.hizmet-kapak { border-radius: 10px; object-fit: cover; aspect-ratio: 1 / 1; width: 100%; }
.kapsam-baslik { font-size: 20px; margin: 0 0 16px; }
.ilgili-yazilar { padding: 80px 0 40px; }
.ilgili-yazilar .rs-heading { margin-bottom: 40px; }
.ilgili-yazilar .rs-heading .title-inner { text-align: center; }
.ilgili-yazilar .blog-item { margin-bottom: 30px; }

/* ---------- Galeri / referans ---------- */
.galeri-ogesi img { width: 100%; aspect-ratio: 520 / 640; object-fit: cover; }
.rs-portfolio-style2 .portfolio-item > a img, .rs-portfolio4 .portfolio-img img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.portfolio-item, .rs-portfolio4 .portfolio-img { border-radius: 10px; overflow: hidden; }
.galeri-baslik { display: block; color: #fff; font-weight: 600; }
.bos-liste { padding: 40px 0; text-align: center; color: var(--metin); }
.rspopup_style1 .project-info { list-style: none; padding: 0; margin: 20px 0 0; }
.rspopup_style1 .project-info li span { display: inline-block; width: 90px; font-weight: 600; }
.portfolio-filter button.active, .portfolio-filter button:hover { background-image: none !important; background-color: var(--vurgu) !important; color: var(--vurgu-ustu) !important; }

/* ---------- Blog ---------- */
.yazi-hizmet { margin: 40px 0 0; padding: 26px 30px; background: var(--yuzey2); border-radius: 8px; }
.yazi-hizmet p { margin-bottom: 16px; }
.yazi-paylas { display: flex; align-items: center; gap: 10px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
.yazi-paylas span { font-weight: 700; margin-right: 6px; }
.yazi-paylas a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--yuzey2); color: var(--koyu); }
.yazi-paylas a:hover { background: var(--vurgu); color: var(--vurgu-ustu); }
.yazi-gezinme { display: flex; justify-content: space-between; gap: 30px; margin-top: 40px; }
.yazi-gezinme div { flex: 1; }
.yazi-gezinme .sag { text-align: right; }
.yazi-gezinme span { display: block; font-size: 13px; color: var(--metin); text-transform: uppercase; letter-spacing: .5px; }
.yazi-gezinme a { font-weight: 700; color: var(--baslik); }
.kenar-iletisim p { margin-bottom: 14px; }
.kenar-tel a { font-size: 20px; font-weight: 800; color: var(--koyu); }

/* ---------- Teklif, yasal, 404 ---------- */
.teklif-giris { max-width: 760px; margin: 0 auto; padding: 80px 0 10px; text-align: center; font-size: 17px; }
.teklif-tel a { font-weight: 700; }
.yasal-metin { max-width: 900px; margin: 0 auto; padding: 80px 0; }
.yasal-metin h3 { font-size: 22px; margin: 30px 0 12px; }
.sayfa-yok { padding: 100px 0; text-align: center; }
.sayfa-yok .kod { font-size: 110px; font-weight: 800; line-height: 1; color: var(--vurgu-metin); margin: 0 0 10px; }
.sayfa-yok .rs-btn { display: inline-block; margin: 20px 8px 0; }

/* ---------- Harita ---------- */
.elementor-custom-embed iframe { width: 100%; height: 450px; border: 0; display: block; }

/* ---------- Altbilgi ---------- */
.rs-footer { background-image: none !important; background-color: #0b0b0c !important; }
.rs-footer .footer-title { color: #fff !important; font-weight: 800; }
.rs-footer .footer-top .widget, .rs-footer .footer-top .textwidget, .rs-footer .footer-top ul li, .rs-footer .footer-top ul li a { color: rgba(255, 255, 255, .72) !important; }
.rs-footer .footer-top ul li a:hover { color: #fff !important; }
.rs-footer .footer-top ul.fa-ul li i { color: var(--vurgu) !important; }
.rs-footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, .1); background: #070708 !important; }
.rs-footer .footer-bottom, .rs-footer .footer-bottom p { color: rgba(255, 255, 255, .6) !important; }
.rs-footer .imza { margin: 0; }
.rs-footer .imza strong { color: var(--vurgu); font-weight: 800; }
.rs-footer .imza a { text-decoration: none; }
.rs-footer .imza a:hover strong { text-decoration: underline; }

/* ---------- Logo paletine uyum: tema görsellerindeki mavi öğeler ---------- */
.elementor-13820 .elementor-element-4676a322 > .elementor-widget-wrap,
.elementor-13820 .elementor-element-4676a322:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap { background-image: none !important; background-color: var(--vurgu) !important; }
.elementor-13820 .elementor-element-4676a322 > .elementor-widget-wrap > .elementor-background-overlay { display: none !important; }
.elementor-13820 .elementor-element-4676a322 .rs-heading .title-inner .title, .elementor-13820 .elementor-element-4676a322 .rs-heading .title-inner .sub-text { color: #0b0b0c !important; }
.elementor-13820 .elementor-element-4676a322 .readon { background-color: #0b0b0c !important; color: #f0c61a !important; }
.rs-testimonial .item-content .yorum-tirnak { position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 0 14px !important; background: none !important; }
.rs-testimonial .item-content .yorum-tirnak i { display: inline-block; color: var(--vurgu-metin) !important; font-size: 46px !important; line-height: 1; }
.rs-portfolio-style4 { padding-bottom: 40px; }
#rs-header .rs-full-menuarea .tema-dugme { color: #fff; border-color: rgba(255, 255, 255, .25); }
#rs-header .rs-full-menuarea .tema-dugme:hover { color: var(--vurgu); border-color: var(--vurgu); }

/* İletişim kartı: logo gibi siyah zemin, altın simgeler */
.elementor-12 .elementor-element-70dc4f47:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-12 .elementor-element-70dc4f47 > .elementor-widget-wrap { background-image: none !important; background-color: #0b0b0c !important; border: 1px solid #26262b; }
.elementor-12 .elementor-element-70dc4f47 .address-icon, .elementor-12 .elementor-element-70dc4f47 .contact-icon { background-image: none !important; background-color: #f0c61a !important; }
.elementor-12 .elementor-element-70dc4f47 .address-icon i, .elementor-12 .elementor-element-70dc4f47 .address-icon i::before { color: #0b0b0c !important; }
.elementor-12 .elementor-element-70dc4f47 .rs-heading .title-inner .sub-text { color: #f0c61a !important; }
.site-formu .wpcf7-select, .site-formu select { color: var(--baslik) !important; }
.site-formu select option { background: var(--yuzey); color: var(--baslik); }
.site-formu ::placeholder { color: var(--metin) !important; opacity: .8; }

/* ---------- Referanslar: yalnız logo ızgarası ---------- */
.referans-sayfa { padding: 90px 0 100px; }
.referans-giris { max-width: 720px; margin: 0 auto 50px; text-align: center; font-size: 18px; line-height: 1.7; color: var(--metin); }
.referans-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.referans-izgara li { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 2; padding: 24px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; transition: border-color .2s; }
.referans-izgara li:hover { border-color: var(--vurgu); }
.referans-izgara a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.referans-izgara img { max-width: 100%; max-height: 80px; object-fit: contain; }
html[data-tema="koyu"] .referans-izgara li { background: #f4f4f5; }
.referans-bos { max-width: 520px; margin: 0 auto; padding: 50px 30px; text-align: center; border: 1px dashed var(--cizgi); border-radius: 12px; }
.referans-bos i { display: block; margin-bottom: 14px; font-size: 44px; color: var(--vurgu-metin); }
.referans-bos p { margin: 0; font-size: 17px; color: var(--metin); }
@media (max-width: 991px) { .referans-izgara { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .referans-izgara { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

/* ---------- Teklif çağrı bandı (cta): altın zemin ---------- */
.elementor-11559 .elementor-element-905ce24:not(.elementor-motion-effects-element-type-background),
.elementor-11559 .elementor-element-905ce24 { background-image: none !important; background-color: #f0c61a !important; }
.elementor-11559 .elementor-element-905ce24 > .elementor-background-overlay, .elementor-11559 .elementor-element-905ce24 .elementor-shape { display: none !important; }
.elementor-11559 .elementor-element-905ce24 .rs-heading .title-inner .title { color: #0b0b0c !important; }
.elementor-11559 .elementor-element-905ce24 .readon, .elementor-11559 .elementor-element-905ce24 .rs-btn a { background-image: none !important; background-color: #0b0b0c !important; color: #f0c61a !important; }

/* Tema PNG ikonları (mavi) altın tonuna */
.services-style8 .services-icon img, .rs-addon-services .services-icon img { filter: brightness(0) saturate(100%) invert(79%) sepia(61%) saturate(860%) hue-rotate(1deg) brightness(101%) contrast(92%); }

/* Blog listesi: üst banda yapışmasın */
.rs-blog.blog-page { padding: 80px 0 60px; }
@media (max-width: 767px) { .sabit-iletisim { left: 14px; bottom: 14px; } .sabit-iletisim a { width: 46px; height: 46px; } }

/* Form → WhatsApp */
.site-formu button.wpcf7-submit { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; cursor: pointer; }
.form-wa-not { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--metin); text-align: center; }
.rs-blog-details { padding-top: 80px !important; padding-bottom: 70px !important; }