/* =====================================================================================
   Gürdağ Group — temaya (main.css) eklediğimiz / ezdiğimiz stiller.
   _Layout'ta main.css'ten SONRA yüklenir; aynı seçici burada yazılırsa bu dosya kazanır.
   ===================================================================================== */

/* Panelin zengin metin editöründen gelen içerik (Sayfa İçerik, mesajlar) */
.sayfa-icerik p:not(:last-child),
.sayfa-icerik ul:not(:last-child),
.sayfa-icerik ol:not(:last-child) { margin-bottom: 1em; }
.sayfa-icerik ul, .sayfa-icerik ol { padding-left: 1.25em; }
.sayfa-icerik ul { list-style: disc; }
.sayfa-icerik ol { list-style: decimal; }
.sayfa-icerik img { max-width: 100%; height: auto; }

/* Kilometre taşları (AnaSayfa/_KmTasi.cshtml): temada her yılda 3 küçük resim var, bizde 1 resim.
   Fotoğraf yazıyla aynı satırda; eskiden yazı uzadıkça fotoğraf kutusu daralıyordu ve her fotoğraf kendi oranında
   kalıyordu (16:9, 4:3, kare) → her yılda başka boy. Artık kutu sabit genişlikte (daralmaz) ve bütün fotoğraflar
   1987'deki gibi 480×320 (3:2); oranı farklı olan fotoğraf ortadan kırpılır, esnemez. */
.xb-about-content-item .xb-item--box > .xb-item--holder:first-child { flex: 0 0 480px; max-width: 100%; }
.xb-about-content-item .xb-item--img { width: 100%; }
.xb-about-content-item .xb-item--img img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
/* Tema 991 px altında fotoğrafı 234 px'e indiriyor; telefonda (açıklama gizli) fotoğraf satırın yarısı */
@media (max-width: 991px) { .xb-about-content-item .xb-item--box > .xb-item--holder:first-child { flex-basis: 234px; } }
@media (max-width: 767px) { .xb-about-content-item .xb-item--box > .xb-item--holder:first-child { flex-basis: 50%; } }

/* Hakkımızda → Şirketlerimiz: logo kutusunun tamamı tıklanabilir olsun */
.xb-brand-item .kutu-link {
    position: absolute;
    inset: 0;
    z-index: 2;
}

/* Kurucumuzun mesajı: imza satırı */
.kurucu-imza {
    font-weight: 600;
    font-size: 20px;
    color: var(--color-heading);
}

/* ---------- Şirketlerimiz listesi ---------- */

/* Giriş yazısı büyük başlık stilinde; editörden gelen <p> da aynı boyutta kalsın */
.xb-details-title p { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }

/* Satır köşesindeki beyaz kutuda şirket logosu: kırpılmadan, ortalanmış */
.xb-project-bottom-item.sirket-logo { display: flex; align-items: center; justify-content: center; }
.xb-project-bottom-item.sirket-logo img { width: 100%; height: 100%; object-fit: contain; padding: 35px; }

/* ---------- Şirket detay ---------- */

.sirket-detay-logo { display: flex; align-items: center; justify-content: center; }
.sirket-detay-logo img { max-width: 100%; max-height: 120px; object-fit: contain; }

/* Bilgi listesindeki küçük etiketler (Telefon, Sektör...) */
.sp-service-list--border li small { font-size: 13px; font-weight: 400; opacity: .7; }

/* Faaliyet alanı kutuları */
.faaliyet-kutu { margin-bottom: 0 !important; }
.faaliyet-kutu h4 { font-size: 20px; margin-bottom: 0; }

/* ---------- Haberler ---------- */

/* Liste üstündeki "… için 3 sonuç · Tüm haberler" satırı */
.haber-filtre { font-size: 18px; }
.haber-filtre a { color: var(--color-primary); text-decoration: underline; }

/* Yan sütunda seçili şirket filtresi */
.category_list_block a.aktif { color: var(--color-primary); }

/* Haber içeriği (editörden): başlık ve resim aralıkları */
.blog_details_content .sayfa-icerik h2,
.blog_details_content .sayfa-icerik h3 { margin: 1.2em 0 .5em; }
.blog_details_content .sayfa-icerik img { margin: 1em 0; }

/* ---------- İletişim ---------- */

/* Tema form etiketini :valid'e göre gizliyordu → isteğe bağlı boş alanlarda etiket hiç görünmüyordu.
   Artık: alan boşsa (placeholder=" " görünüyorsa) etiket görünür, yazı girilince/odaklanınca kaybolur. */
.xb-contact-form .xb-input-field input:placeholder-shown:not(:focus) + label,
.xb-contact-form .xb-input-field textarea:placeholder-shown:not(:focus) + label { transform: translateY(-50%); opacity: 1; }
.xb-contact-form .xb-input-field input:not(:placeholder-shown) + label,
.xb-contact-form .xb-input-field textarea:not(:placeholder-shown) + label { transform: translate(15px, -50%); opacity: 0; }

/* Sunucudan gelen alan hataları */
.form-hata { display: block; margin-top: 6px; font-size: 14px; color: #d62828; }
.xb-input-field .input-validation-error { box-shadow: inset 0 -2px 0 #d62828; }

/* Gönderildi / hata kutuları */
.iletisim-bilgi { padding: 16px 20px; font-weight: 500; border-left: 4px solid; background: var(--color-white); }
.iletisim-bilgi.basarili { border-color: #2a9d55; color: #1f7a42; }
.iletisim-bilgi.hatali { border-color: #d62828; color: #b01f1f; }

/* KVKK onay kutusu */
.iletisim-onay { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; font-size: 15px; line-height: 1.5; }
.iletisim-onay input { margin-top: 4px; width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--color-primary); }

/* Bal küpü alanı: ekran dışında (display:none kullanmıyoruz, bazı botlar onu atlıyor) */
.bal-kupu { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Alt bölümdeki büyük yazı editörden <p> ile geliyor; başlık boyutunda kalsın */
.xb-contact-top .xb-title p { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }


/* ===================== Ana sayfa: yeni bölümler ===================== */

/* Öne çıkanlar: başlığın üstündeki küçük şirket adı */
.one-cikan-sirket {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 8px; }

/* Son haberler: görseli olmayan haberde düz renkli kutu */
.haber-gorselsiz {
  display: block;
  width: 641px;
  max-width: 100%;
  aspect-ratio: 641 / 400;
  background: linear-gradient(135deg, var(--color-primary), #1b1b1b); }

/* CTA: iki buton yan yana, ikincisi çerçeveli */
.cta-butonlar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; }
.thm-btn.cta-ikincil {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6); }
  .thm-btn.cta-ikincil:hover { background: rgba(255, 255, 255, .1); }

/* Logo şeridi: sonsuz kayan logolar */
.logo-serit { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.logo-serit-ic {
  display: flex;
  align-items: center;
  gap: 90px;
  width: max-content;
  animation: logo-kay 35s linear infinite; }
.logo-serit:hover .logo-serit-ic { animation-play-state: paused; }
.logo-serit-oge img {
  height: 70px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: .65;
  transition: .3s; }
.logo-serit-oge:hover img { filter: none; opacity: 1; }
/* gap'in yarısı kadar fazla kaydır ki iki tur arası boşluk eşit kalsın */
@keyframes logo-kay { to { transform: translateX(calc(-50% - 45px)); } }
@media (max-width: 767px) {
  .logo-serit-ic { gap: 50px; }
  .logo-serit-oge img { height: 48px; }
  @keyframes logo-kay { to { transform: translateX(calc(-50% - 25px)); } } }
@media (prefers-reduced-motion: reduce) {
  .logo-serit-ic { animation: none; flex-wrap: wrap; width: auto; justify-content: center; } }


/* ===================== Hakkımızda: bölüm çubuğu + Kariyer ===================== */

/* Yapışkan bölüm çubuğu (top değerini Hakkimizda.cshtml'deki betik ayarlar) */
.bolum-cubugu {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  transition: top .3s; }
  .bolum-cubugu ul {
    display: flex;
    gap: 8px;
    margin: 0;
    overflow-x: auto;
    scrollbar-width: none; }
  .bolum-cubugu ul::-webkit-scrollbar { display: none; }
  .bolum-cubugu a {
    display: block;
    padding: 20px 18px;
    white-space: nowrap;
    font-weight: 600;
    color: var(--color-heading, #1b1b1b);
    border-bottom: 3px solid transparent;
    transition: .2s; }
  .bolum-cubugu a:hover { color: var(--color-primary); }
  .bolum-cubugu a.aktif { color: var(--color-primary); border-bottom-color: var(--color-primary); }
  @media (max-width: 767px) { .bolum-cubugu a { padding: 15px 12px; font-size: 15px; } }

/* Bağlantıyla bölüme gelindiğinde başlık çubuğun/menünün altında kalmasın */
.bolum { scroll-margin-top: 80px; }

.tarihce-giris { max-width: 900px; }

/* Kariyer (koyu zemin) */
.kariyer-giris { color: rgba(255, 255, 255, .75); max-width: 720px; margin-left: auto; margin-right: auto; }
  .kariyer-giris a { color: #fff; text-decoration: underline; }
.kariyer-bos {
  max-width: 760px;
  margin: 0 auto;
  padding: 60px 40px;
  border: 1px solid rgba(255, 255, 255, .15); }
  .kariyer-bos h3 { color: #fff; margin-bottom: 15px; }
  .kariyer-bos p { color: rgba(255, 255, 255, .75); }
  @media (max-width: 767px) { .kariyer-bos { padding: 40px 20px; } }

/* İlan detayı */
.ilan-yan { position: sticky; top: 120px; }
.ilan-logo img { max-height: 70px; width: auto; }
.ilan-icerik h2, .ilan-icerik h3 { margin: 40px 0 20px; }
.ilan-icerik ul { padding-left: 20px; list-style: disc; }
  .ilan-icerik ul li { margin-bottom: 8px; }


/* ===================== Projeler + Foto Galeri ===================== */

/* Proje kartı */
.proje-kart {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e6e6e6;
  transition: box-shadow .3s, transform .3s; }
  .proje-kart:hover { box-shadow: 0 20px 40px rgba(0, 0, 0, .08); transform: translateY(-4px); }
.proje-kart-gorsel {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden; }
  .proje-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
  .proje-kart:hover .proje-kart-gorsel img { transform: scale(1.06); }
.proje-kart-gorselsiz { background: linear-gradient(135deg, var(--color-primary), #1b1b1b); }
.proje-durum {
  position: absolute;
  left: 20px;
  top: 20px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: rgba(27, 27, 34, .85); }
  .proje-durum--tamamlandi { background: #2e7d32; }
  .proje-durum--devamediyor { background: var(--color-primary); }
.proje-kart-govde { flex: 1; display: flex; flex-direction: column; padding: 30px; }
  .proje-kart-govde p { margin-bottom: 20px; }
.proje-etiketler { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 12px; }
  .proje-etiketler li { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-primary); }
.proje-kart-baslik { font-size: 24px; line-height: 1.3; margin-bottom: 15px; }
  .proje-kart-baslik a { color: inherit; }
.proje-kart-link { margin-top: auto; font-weight: 600; color: var(--color-heading); }
  .proje-kart-link:hover { color: var(--color-primary); }

/* Galeri kutusu (Galeri sayfası, proje ve şirket detayları) */
.galeri-oge {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #eee; }
  .galeri-oge img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
  .galeri-oge:hover img { transform: scale(1.06); }
.galeri-altyazi {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 15px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, .7));
  opacity: 0;
  transition: opacity .3s; }
  .galeri-oge:hover .galeri-altyazi, .galeri-oge:focus-visible .galeri-altyazi { opacity: 1; }
  @media (hover: none) { .galeri-altyazi { opacity: 1; } }


/* ===================== Sayfa blokları + Sürdürülebilirlik + Yönetim ===================== */

.blok-ust-baslik {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-primary); }
.blok-gorsel figcaption { font-size: 15px; color: var(--color-default); }
.blok-cta { padding: 110px 0; background: #1b1b22; }
  .blok-cta-metin, .blok-cta-metin p { color: rgba(255, 255, 255, .75); max-width: 720px; margin-left: auto; margin-right: auto; }
  @media (max-width: 767px) { .blok-cta { padding: 70px 0; } }

/* Sürdürülebilirlik odak kartları */
.odak-kart {
  padding: 45px 40px;
  background: #f3f1ed;
  border-top: 3px solid var(--color-primary); }
  .odak-kart h3 { font-size: 26px; margin-bottom: 15px; }
  .odak-kart p { margin: 0; }
.odak-no { display: block; margin-bottom: 30px; font-size: 48px; font-weight: 700; line-height: 1; color: var(--color-primary); }

/* Yönetim kartı */
.yonetim-kart .xb-item--img { aspect-ratio: 4 / 5; overflow: hidden; background: #f3f1ed; }
  .yonetim-kart .xb-item--img img { width: 100%; height: 100%; object-fit: cover; }
.yonetim-bas-harf {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 72px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, var(--color-primary), #1b1b22); }
.yonetim-kart .xb-item--desig { margin: 4px 0 0; }
.yonetim-baglantilar { display: flex; gap: 18px; margin-top: 15px; }
  .yonetim-baglantilar a, .yonetim-baglantilar button {
    padding: 0;
    border: 0;
    background: none;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 4px; }

/* Biyografi penceresi */
.yonetim-bio {
  width: min(760px, calc(100% - 32px));
  max-height: 85vh;
  padding: 50px;
  border: 0;
  overflow: auto; }
  .yonetim-bio::backdrop { background: rgba(0, 0, 0, .6); }
  @media (max-width: 767px) { .yonetim-bio { padding: 30px 20px; } }
.yonetim-bio-kapat {
  position: absolute;
  right: 15px;
  top: 10px;
  border: 0;
  background: none;
  font-size: 36px;
  line-height: 1; }
.yonetim-bio-ust { display: flex; align-items: center; gap: 25px; margin-bottom: 30px; }
  .yonetim-bio-ust img { width: 110px; height: 110px; object-fit: cover; border-radius: 50%; }
  .yonetim-bio-ust h3 { margin-bottom: 6px; }
  .yonetim-bio-ust p { margin: 0; color: var(--color-primary); font-weight: 600; }

/* ===== Hata sayfası (Views/Home/Hata.cshtml): 404, 500... ===== */
.hata-kod {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(120px, 22vw, 300px);
  font-weight: 700;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 2px var(--color-primary); }
.hata-baslik {
  margin: 20px 0 20px;
  font-size: clamp(32px, 5vw, 60px);
  text-transform: uppercase; }
.hata-metin {
  max-width: 640px;
  margin: 0 auto;
  font-size: 20px; }
.hata-butonlar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 40px;
  margin-top: 50px; }
.hata-link {
  font-weight: 600;
  color: var(--color-heading);
  text-decoration: underline;
  text-underline-offset: 4px; }
  .hata-link:hover { color: var(--color-primary); }

/* ===== Ana sayfa slider'ı (Views/Home/AnaSayfa/_Slider.cshtml) ===== */
/* Slaytların yazıları aynı hücrede üst üste durur (grid), sadece .aktif olan görünür.
   Kutu en uzun yazı kadar yer kaplar → yazı değişince alttaki rozet ve sayfa zıplamaz. */
.slayt-yazilari { display: grid; }
.slayt-yazi {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .6s ease, visibility 0s linear .6s; }
.slayt-yazi.aktif {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .6s ease .15s, transform .6s ease .15s, visibility 0s; }
.slayt-yazi .xb-item--content p:last-child { margin-bottom: 0; }
.slayt-buton { margin-top: 30px; }
@media (prefers-reduced-motion: reduce) {
  .slayt-yazi, .slayt-yazi.aktif { transition: none; transform: none; } }

/* Dönen rozet: yazı SVG (temadaki İngilizce görselin yerine). Açık renkli slaytlarda da okunsun diye koyu zemin. */
.slayt-rozet { background: rgba(24, 58, 79, .55); }
/* Yazı halkası rozetin içine her ekranda orantılı otursun (tema top/left veriyordu, genişlik vermiyordu) */
.slayt-rozet .img { inset: 9%; max-width: none; }
.slayt-rozet .img svg { display: block; width: 100%; height: auto; animation: spin 50s linear infinite; overflow: visible; }
.slayt-rozet text {
  fill: #fff;
  font-family: var(--font-heading);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px; }
.slayt-rozet .badge-logo { color: #fff; font-size: 34px; line-height: 1; }
  @media (max-width: 767px) { .slayt-rozet .badge-logo { font-size: 24px; } }

/* ===== İç sayfa başlık bandı görseli (Shared/_SayfaBasligi.cshtml → .breadcrumb_img) ===== */
/* Fotoğraf her ekran genişliğinde bandın TAMAMINI kaplar, temanın kırmızı zemini hiç görünmez.
   (Tema görseli sadece bandın altına koyuyordu; geniş ekranda üstte kırmızı kalıyordu.)
   object-fit: cover → fotoğraf esnemez; bandın oranı farklıysa kenarlarından kırpılır, ortası hep görünür. */
.breadcrumb .breadcrumb_img { inset: 0; line-height: 0; }
.breadcrumb .breadcrumb_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* Okunurluk katmanı: fotoğrafın üstünde yarı saydam koyu lacivert. Üst kısım (menü) açık kalır, çünkü menü yazıları koyu;
   başlığın ve "Ana Sayfa / ..." satırının olduğu orta-alt bölge koyulaşır, sol taraf (yazıların başladığı yer) biraz daha koyu. */
.breadcrumb .breadcrumb_img::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(12, 28, 36, .35) 0%, rgba(12, 28, 36, 0) 60%),
    linear-gradient(180deg, rgba(12, 28, 36, 0) 0%, rgba(12, 28, 36, 0) 18%, rgba(12, 28, 36, .5) 45%, rgba(12, 28, 36, .4) 100%); }

/* ===== Hakkımızda: kayan şirket fotoğrafları + rakam kutuları (Hakkimizda/_Giris.cshtml → .ap-value-item) ===== */
/* Tema: kutu en az 540 px ve koyu arka planlı; fotoğraf bu yüksekliği doldurmayınca altında siyah şerit kalıyordu.
   Kutu da inline-block olduğu için genişliği fotoğrafın oranına göre değişiyordu (her fotoğraf farklı boyda).
   Artık: her slayt aynı genişlikte, fotoğraflar KARE ve kutuyu tamamen doldurur (taşan kısım kırpılır), arka plan yok. */
.ap-value-item { display: block; width: 100%; }
.ap-value-item .xb-item--inner { display: flex; width: 100%; min-height: 0; aspect-ratio: 1 / 1; }
.ap-value-item .xb-item--inner:not(.xb-item--box) { background: none; overflow: hidden; }
.ap-value-item .xb-item--img { width: 100%; height: 100%; }
.ap-value-item .xb-item--img img { display: block; }
/* Rakam kutuları da kare; yazısı sığmazsa kutu aşağı doğru uzar (aspect-ratio sadece başlangıç boyu) */
.ap-value-item .xb-item--box { padding: 35px; }
  .ap-value-item .xb-item--box .xb-item--number { font-size: 56px; }

/* ===== Şirket detayı: şirketin projeleri (SirketDetay.cshtml → .sirket-projeleri) ===== */
/* Üst satır: solda "Gürdağ Tuğla Projeleri", sağda "Tüm Projeler" linki; dar ekranda alt alta */
.sirket-projeleri-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 30px; }
.sirket-projeleri-ust .xb-details-title { margin: 0; }
.sirket-projeleri-tumu { font-weight: 600; color: var(--color-primary); text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; }

/* ===== Footer (Shared/Components/Footer/Default.cshtml → .gfooter) ===== */
/* Tema footer'ının yerine: koyu lacivert zemin, üstte çağrı bandı, dört sütun, altta telif + sosyal medya. */
.gfooter {
  --gf-yazi: rgba(255, 255, 255, .72);
  --gf-cizgi: rgba(255, 255, 255, .12);
  background: #183a4f;
  color: var(--gf-yazi);
  font-size: 16px;
  line-height: 1.7;
  padding-top: 90px; }
  @media (max-width: 767px) { .gfooter { padding-top: 60px; } }
/* Temanın paragraf rengi (koyu) lacivert zeminde kayboluyordu → footer'daki yazılar footer rengini alsın */
.gfooter p { color: inherit; }
.gfooter a { color: inherit; transition: color .25s ease, transform .25s ease, background-color .25s ease, border-color .25s ease; }
.gfooter a:hover { color: #fff; }

/* 1) Çağrı bandı */
.gfooter-cagri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 60px;
  border-bottom: 1px solid var(--gf-cizgi); }
.gfooter-etiket {
  display: block;
  margin-bottom: 12px;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase; }
.gfooter-cagri-baslik {
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 4vw, 60px);
  line-height: 1.1;
  text-transform: uppercase; }

/* 2) Sütunlar */
.gfooter-ana { row-gap: 45px; padding: 70px 0 60px; }
.gfooter-logo img { display: block; max-height: 64px; width: auto; }
.gfooter-giris { max-width: 360px; margin: 25px 0 0; }
.gfooter-baslik {
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 14px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase; }
  .gfooter-baslik::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 3px; background: var(--color-primary); }
.gfooter-liste li + li { margin-top: 12px; }
.gfooter-liste > li > a { display: inline-block; }
.gfooter-liste > li > a:hover { transform: translateX(4px); }

/* Şirketler: beyaz kutucukta logo + ad */
.gfooter-sirketler a { display: flex !important; align-items: center; gap: 14px; line-height: 1.3; }
.gfooter-sirket-logo {
  display: grid;
  place-items: center;
  flex: none;
  width: 46px;
  height: 46px;
  padding: 6px;
  border-radius: 8px;
  background: #fff; }
  .gfooter-sirket-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* İletişim: ikon + yazı */
.gfooter-iletisim li { display: flex; gap: 12px; }
.gfooter-iletisim i { margin-top: 6px; width: 16px; flex: none; color: var(--color-primary); }
.gfooter-form { flex-direction: column; gap: 10px !important; }
.gfooter-link { font-weight: 600; color: #fff !important; text-decoration: underline; text-decoration-color: var(--color-primary); text-underline-offset: 5px; }

/* 3) Alt şerit */
.gfooter-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 25px 0;
  border-top: 1px solid var(--gf-cizgi);
  font-size: 14px; }
  .gfooter-alt p { margin: 0; }
.gfooter-sosyal { display: flex; gap: 10px; margin: 0; }
  .gfooter-sosyal a {
    display: grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 40px; }
  .gfooter-sosyal a:hover { background: var(--color-primary); border-color: var(--color-primary); }
.gfooter-sosyal-yazi { font-size: 13px; }

/* ===== Ana sayfa kapanış bandı (AnaSayfa/_Cta.cshtml): video yüklenene / oynamazsa koyu zemin ===== */
.cta-section .xb-bg-video { background: #183a4f; }