/* Değişkenler ve Temel Stiller */:root {  --color-blue-600: #056839;  --color-gray-100: #f3f4f6;  --color-gray-200: #e5e7eb;  --color-gray-300: #d1d5db;  --color-gray-600: #3b594a;  --color-gray-800: #262c29;  --color-white: #ffffff;}/* Footer Ana Yapısı */.site-footer {  background-color: #fafafa;  padding-top: 3rem;  padding-bottom: 3rem;  font-family: var(--font1);}.footer-container {  padding-left: 48px;  padding-right: 48px;}.footer-grid {  display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 2rem;  /* 32px */}/* Responsive Grid Ayarları */@media (min-width: 768px) {  .footer-grid {    grid-template-columns: repeat(2, 1fr);  }}@media (min-width: 1024px) {  .footer-grid {    /* DEĞİŞİKLİK BURADA: İlk sütun içeriğe göre daralır, diğer 3 sütun kalan alanı paylaşır. */    grid-template-columns: 240px 1fr 1fr 1fr;  }}/* Footer Sütunları ve İçerikleri */.footer-logo-container {  display: flex;  align-items: center;  margin-bottom: 1rem;  /* 16px */}.footer-logo-container {  display: flex;  align-items: center;  margin-bottom: 1rem;  /* 16px */}.footer-logo-container img {  width: 100%;  height: auto;  max-width: 60%;}.footer-logo-icon {  height: 2rem;  /* 32px */  width: 2rem;  /* 32px */  color: var(--color-blue-600);  margin-right: 0.5rem;  /* 8px */}.footer-logo-text {  font-size: 1.875rem;  /* 30px */  line-height: 2.25rem;  font-weight: 700;  color: var(--color-blue-600);}.footer-column-title {  font-size: 1.125rem;  /* 18px */  font-weight: 700;  margin-top: 0;  margin-bottom: 1rem;  /* 16px */  color: var(--color-gray-800);}.footer-list {  list-style: none;  padding: 0;  margin: 0;  display: flex;  flex-direction: column;  gap: 0.5rem;  /* 8px */  color: var(--color-gray-600);}.footer-list a {  color: inherit;  text-decoration: none;  transition: color 0.2s ease-in-out;}.footer-list a:hover {  color: var(--color-blue-600);}/* İletişim Kutusu */.contact-card {  background-color: var(--renk3);  color: var(--color-white);  padding: 1.5rem;  border-radius: 0.5rem;  /* 8px */  margin-bottom: 1rem;  /* 16px */}.contact-card .card-title {  font-size: 1.25rem;  /* 20px */  font-weight: 700;  margin-top: 0;  margin-bottom: 0.75rem;  /* 12px */}.contact-card .card-text {  color: var(--color-gray-300);  font-size: 0.875rem;  /* 14px */  line-height: 1.25rem;  margin-top: 0;  margin-bottom: 1.5rem;  /* 24px */}.contact-list {  list-style: none;  padding: 0;  margin: 0;  display: flex;  flex-direction: column;  gap: 0.75rem;  /* 12px */}.contact-list-item {  display: flex;  align-items: center;}.contact-list-item svg {  height: 1.25rem;  /* 20px */  width: 1.25rem;  /* 20px */  margin-right: 0.75rem;  /* 12px */}/* Form Link Butonu */.form-fill-link {  display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  background-color: #fff;  padding: 1rem;  border-radius: 0.5rem;  color: var(--color-gray-800);  font-weight: 500;  text-decoration: none;  box-sizing: border-box;  transition: background-color 0.2s ease-in-out;  border: solid 1px #dfece6;}.form-fill-link:hover {  background-color: var(--color-gray-200);}.form-fill-link svg {  height: 1.25rem;  /* 20px */  width: 1.25rem;  /* 20px */}.footer-alt {  display: flex; /* Öğeleri yan yana getirmek için flexbox kullan */  justify-content: center; /* Öğeler arasına boşluk koyarak birini sola, diğerini sağa yasla */  align-items: center; /* Öğeleri dikeyde ortala */  padding-top: 1.5rem; /* 24px - Üstten boşluk */  margin-top: 2rem; /* 32px - Üstteki grid'den ayırmak için boşluk */  border-top: 1px solid #e5e7eb; /* Üstüne ince bir ayırıcı çizgi ekle */}/* Telif Hakkı Metni */.footer-unvani {  font-size: 0.875rem; /* 14px */  color: var(--color-gray-600); /* Mevcut renk değişkenini kullan */}/* Logo Linki */.hasem-logo {  display: inline-block; /* Linkin resim boyutlarını almasını sağla */  transition: opacity 0.2s ease-in-out; /* Hover efekti için geçiş */}.hasem-logo:hover {  opacity: 0.8; /* Hover durumunda logoyu biraz soluklaştır */}.hasem-logo img {  display: block;  max-width: 100%;  height: 18px;  width: auto;  margin-left: 20px;  border-left: 1px solid #ccc;}/* Mobil Cihazlar İçin Responsive Ayarlar */@media (max-width: 640px) {  .footer-alt {    flex-direction: column; /* Öğeleri alt alta getir */    gap: 1rem; /* Aralarına 16px boşluk bırak */  }  .hasem-logo {    /* Mobil cihazlarda logo üstte görünebilir, bu satırla sıralamayı değiştiriyoruz */    order: -1; /* Logoyu en üste taşı */  }}